@fleetbase/fleetops-engine/addon/components/map/toolbar.js

Fleet & Transport Management Extension for Fleetbase

import Component from '@glimmer/component';
import { tracked } from '@glimmer/tracking';
import { inject as service } from '@ember/service';
import { action } from '@ember/object';
import { debug } from '@ember/debug';
import { task } from 'ember-concurrency';

export default class MapToolbarComponent extends Component {
    @service mapManager;
    @service orderListOverlay;
    @service mapDrawer;
    @service globalSearch;
    @service fetch;
    @tracked activeOrderCount = 0;

    constructor() {
        super(...arguments);
        this.getActiveOrderCount.perform();
    }

    @action calculatePosition(trigger) {
        let { width } = trigger.getBoundingClientRect();

        let style = {
            marginTop: '0px',
            left: `${width + 13}px`,
            top: '0px',
        };

        return { style };
    }

    @action zoomIn() {
        return this.mapManager.zoomIn?.();
    }

    @action zoomOut() {
        return this.mapManager.zoomOut?.();
    }

    get displayedActiveOrderCount() {
        if (this.orderListOverlay.isOpen && this.orderListOverlay.loaded) {
            return this.orderListOverlay.activeOrdersCount;
        }

        return this.activeOrderCount;
    }

    @task *getActiveOrderCount() {
        try {
            const count = yield this.fetch.get('fleet-ops/metrics', { discover: ['active_live_orders'] });
            this.activeOrderCount = count.active_live_orders;
            return count;
        } catch (err) {
            debug('Failed to get active order count: ' + err.message);
        }
    }
}