@fleetbase/fleetops-engine 0.3.5 → 0.3.6

package/addon/controllers/operations/zones/index.js

@@ -1,475 +0,0 @@
-import Controller from '@ember/controller';
-import { inject as service } from '@ember/service';
-import { tracked } from '@glimmer/tracking';
-import { action } from '@ember/object';
-import { later } from '@ember/runloop';
-import GeoJson from '@fleetbase/fleetops-data/utils/geojson/geo-json';
-import FeatureCollection from '@fleetbase/fleetops-data/utils/geojson/feature-collection';
-import last from '@fleetbase/ember-core/utils/last';
-
-export default class OperationsZonesIndexController extends Controller {
-    /**
-     * Inject the `currentUser` service
-     *
-     * @var {Service}
-     */
-    @service store;
-
-    /**
-     * Inject the `currentUser` service
-     *
-     * @var {Service}
-     */
-    @service currentUser;
-
-    /**
-     * Inject the `modalsManager` service
-     *
-     * @var {Service}
-     */
-    @service modalsManager;
-
-    /**
-     * Inject the `notifications` service
-     *
-     * @var {Service}
-     */
-    @service notifications;
-
-    /**
-     * Inject the `hostRouter` service
-     *
-     * @var {Service}
-     */
-    @service hostRouter;
-
-    /**
-     * Inject the `crud` service
-     *
-     * @var {Service}
-     */
-    @service crud;
-
-    /**
-     * True if the viewing an orders route preview.
-     *
-     * @var {L.Map}
-     */
-    @tracked leafletMap;
-
-    /**
-     * The ActiveFeatureGroup
-     *
-     * @var {ActiveFeatureGroup}
-     */
-    @tracked activeFeatureGroup;
-
-    /**
-     * All active editable zone layers
-     *
-     * @var {Array}
-     */
-    @tracked editableZones = [];
-
-    /**
-     * True to display draw controls on map.
-     *
-     * @var {Boolean}
-     */
-    @tracked showDrawControl;
-
-    /**
-     * The active service area to focus.
-     *
-     * @var {ServiceAreaModel}
-     */
-    @tracked activeServiceArea;
-
-    /**
-     * The users latitude based on whois lookup.
-     *
-     * @var {String}
-     */
-    get userLatitude() {
-        const whois = this.currentUser.getOption('whois');
-
-        return whois.latitude || null;
-    }
-
-    /**
-     * The users longitude based on whois lookup.
-     *
-     * @var {String}
-     */
-    get userLongitude() {
-        const whois = this.currentUser.getOption('whois');
-
-        return whois.longitude || null;
-    }
-
-    /**
-     * Sets a reference to the leaflet map onload
-     *
-     * @void
-     */
-    @action
-    setMapReference(event) {
-        if (!event || !event.target) {
-            return;
-        }
-
-        this.leafletMap = event.target;
-
-        // handle resize event now
-        later(
-            this,
-            () => {
-                this.leafletMap.invalidateSize();
-            },
-            100
-        );
-    }
-
-    /**
-     * Set the active feature group
-     *
-     * @param {ActiveFeatureGroup} activeFeatureGroup
-     * @param {LeafletMap} map
-     * @void
-     */
-    @action
-    setFeatureGroup(activeFeatureGroup, map) {
-        this.activeFeatureGroup = activeFeatureGroup;
-        this.leafletMap = map;
-    }
-
-    /**
-     * Enable zone editing for the passed ServiceArea.
-     *
-     * @param {ServiceAreaModel} serviceArea
-     */
-    @action
-    startZoneEditing(serviceArea) {
-        this.activeServiceArea = serviceArea;
-        this.showDrawControl = true;
-
-        let bounds = serviceArea.bounds;
-
-        this.leafletMap.setMaxBounds(bounds);
-        this.leafletMap.flyToBounds(bounds);
-        this.notifications.info('Use the draw controls to the left to define, edit, or delete zones within your service area, your zone is not limited to the bounds of your service area.');
-    }
-
-    /**
-     * Adds a new layer to the ActiveFeatureGroup
-     *
-     * @param {ZoneModel} zone
-     * @void
-     */
-    @action
-    makeZoneEditable(zone, { target }) {
-        if (this.editableZones.includes(target) || !this.activeFeatureGroup || this.activeFeatureGroup.hasLayer(target)) {
-            return;
-        }
-
-        target._zone_id = zone.id || 'new_zone';
-
-        this.editableZones.pushObject(target);
-        this.activeFeatureGroup.addLayer(target);
-    }
-
-    /**
-     * Save changes made to zone coordinates.
-     *
-     * @param {Event} event
-     * @void
-     */
-    @action
-    saveZoneCoordinateChanges(event, _layer) {
-        const serviceArea = this.activeServiceArea;
-
-        if (!serviceArea) {
-            return;
-        }
-
-        // get all layers
-        const layers = Object.values(_layer._layers);
-
-        // iterate and get zone model
-        for (let i = 0; i < layers.length; i++) {
-            const layer = layers[i];
-
-            if (!layer._boundary_id) {
-                continue;
-            }
-
-            // peek boundary to destroy
-            const zone = this.store.peekRecord('zone', layer._zone_id);
-
-            if (zone) {
-                const geoJson = layer.toGeoJSON();
-                const border = new GeoJson(geoJson.geometry);
-
-                zone.border = border;
-                zone.save();
-            }
-        }
-    }
-
-    /**
-     * Delete boundaries selected in layers
-     *
-     * @param {Event} event
-     * @void
-     */
-    @action
-    deleteZoneBorders({ layers }) {
-        const serviceArea = this.activeServiceArea;
-
-        if (!serviceArea) {
-            return;
-        }
-
-        // get current zones for service area
-        const zones = serviceArea.zones || [];
-
-        // get array of layers to delete
-        layers = Array.from(layers.getLayers());
-
-        // iterate and get zone model
-        for (let i = 0; i < layers.length; i++) {
-            const layer = layers[i];
-
-            if (!layer._zone_id) {
-                continue;
-            }
-
-            // peek zone to destroy
-            const zone = this.store.peekRecord('boundary', layer._zone_id);
-
-            if (zone) {
-                zones.removeObject(zone);
-                zone.destroyRecord();
-            }
-        }
-    }
-
-    @action
-    createZoneFromLayer(event, layer) {
-        const serviceArea = this.activeServiceArea;
-
-        if (!serviceArea) {
-            return;
-        }
-
-        const leafletLayerGeoJson = layer.toGeoJSON();
-        const featureCollection = new FeatureCollection(leafletLayerGeoJson);
-        const feature = last(featureCollection.features);
-        const border = new GeoJson(feature.geometry);
-
-        return this.createZone({
-            service_area_uuid: serviceArea.id,
-            border,
-        });
-    }
-
-    /**
-     * Create a new `zone` in modal
-     *
-     * @param {Object} options
-     * @void
-     */
-    @action
-    createZone(attrs = {}) {
-        const zone = this.store.createRecord('zone', attrs);
-
-        return this.editZone(zone, {
-            title: 'New Zone',
-            acceptButtonText: 'Confirm & Create',
-            successNotification: (zone) => `New zone (${zone.name}) successfully created.`,
-            onConfirm: () => {
-                // make sure to push zone to serviceArea model
-                let serviceArea = this.store.peekRecord('service-area', zone.service_area_uuid);
-
-                if (serviceArea) {
-                    serviceArea.zones.pushObject(zone);
-                }
-            },
-        });
-    }
-
-    /**
-     * Edit a `zone` details
-     *
-     * @param {ZoneModel} zone
-     * @param {Object} options
-     * @void
-     */
-    @action
-    editZone(zone, options = {}) {
-        this.modalsManager.show('modals/zone-form', {
-            title: 'Edit Zone',
-            acceptButtonText: 'Save Changes',
-            zone,
-            confirm: (modal) => {
-                modal.startLoading();
-
-                return zone.save().then((zone) => {
-                    if (typeof options.successNotification === 'function') {
-                        this.notifications.success(options.successNotification(zone));
-                    } else {
-                        this.notifications.success(options.successNotification || `${zone.name} details updated.`);
-                    }
-                });
-            },
-            ...options,
-        });
-    }
-
-    /**
-     * Delete a `zone` via confirm prompt
-     *
-     * @param {ZoneModel} zone
-     * @param {Object} options
-     * @void
-     */
-    @action
-    deleteZone(zone, options = {}) {
-        this.crud.delete(zone, {
-            ...options,
-        });
-    }
-
-    /**
-     * Edit a `zone` border coordinates.
-     *
-     * @param {ZoneModel} zone
-     * @param {Object} options
-     * @void
-     */
-    @action
-    editZoneBorder() {}
-
-    /**
-     * Create a new `serviceArea` in modal
-     *
-     * @param {Object} options
-     * @void
-     */
-    @action
-    createServiceArea() {
-        const serviceArea = this.store.createRecord('service-area', {
-            status: 'active',
-            type: 'country',
-        });
-
-        return this.editServiceArea(serviceArea, {
-            title: 'New Service Area',
-            acceptButtonText: 'Confirm & Create',
-            successNotification: (serviceArea) => `New service area (${serviceArea.name}) created.`,
-            onConfirm: () => {
-                this.hostRouter.refresh();
-            },
-        });
-    }
-
-    /**
-     * Edit a `serviceArea` details
-     *
-     * @param {ServiceAreaModel} serviceArea
-     * @param {Object} options
-     * @void
-     */
-    @action
-    editServiceArea(serviceArea, options = {}) {
-        this.modalsManager.show('modals/service-area-form', {
-            title: 'Edit Service Area',
-            acceptButtonText: 'Save Changes',
-            serviceArea,
-            confirm: (modal) => {
-                modal.startLoading();
-
-                return serviceArea.save().then((serviceArea) => {
-                    if (typeof options.successNotification === 'function') {
-                        this.notifications.success(options.successNotification(serviceArea));
-                    } else {
-                        this.notifications.success(options.successNotification || `${serviceArea.name} details updated.`);
-                    }
-                });
-            },
-            ...options,
-        });
-    }
-
-    /**
-     * Rename a `serviceArea` details
-     *
-     * @param {ServiceAreaModel} serviceArea
-     * @param {Object} options
-     * @void
-     */
-    @action
-    renameServiceArea(serviceArea, options = {}) {
-        this.modalsManager.show('modals/service-area-form', {
-            title: 'Rename Service Area',
-            acceptButtonText: 'Save Changes',
-            rename: true,
-            serviceArea,
-            confirm: (modal) => {
-                modal.startLoading();
-
-                return serviceArea.save().then((serviceArea) => {
-                    if (typeof options.successNotification === 'function') {
-                        this.notifications.success(options.successNotification(serviceArea));
-                    } else {
-                        this.notifications.success(options.successNotification || `${serviceArea.name} renamed.`);
-                    }
-                });
-            },
-            ...options,
-        });
-    }
-
-    /**
-     * Delete a `serviceArea` via confirm prompt
-     *
-     * @param {ServiceAreaModel} serviceArea
-     * @param {Object} options
-     * @void
-     */
-    @action
-    deleteServiceArea(serviceArea, options = {}) {
-        // if the service area being deleted is active untoggle
-        if (serviceArea === this.activeServiceArea) {
-            this.activeServiceArea = null;
-        }
-
-        this.crud.delete(serviceArea, {
-            ...options,
-        });
-    }
-
-    @action moveToCurrentLocation() {
-        // eslint-disable-next-line no-undef
-        if (window.navigator && window.navigator.geolocation) {
-            // eslint-disable-next-line no-undef
-            return navigator.geolocation.getCurrentPosition(
-                ({ coords }) => {
-                    const { latitude, longitude } = coords;
-
-                    this.leafletMap.flyTo([latitude, longitude]);
-                },
-                () => {
-                    this.notifications.error('Unable to move to current location.');
-                }
-            );
-        }
-    }
-
-    @action handleMapResize(options = {}, container) {
-        const element = this.leafletMap._container;
-
-        element.style.width = `${container.offsetWidth - (options.horizontalLeftPadding || 0) - (options.horizontalRightPadding || 0)}px`;
-        element.style.height = `${container.offsetHeight - (options.verticalTopPadding || 0) - (options.verticalBottomPadding || 0)}px`;
-    }
-}

package/addon/routes/operations/dispatch.js

@@ -1,3 +0,0 @@
-import Route from '@ember/routing/route';
-
-export default class OperationsDispatchRoute extends Route {}

package/addon/routes/operations/zones/index.js

@@ -1,25 +0,0 @@
-import Route from '@ember/routing/route';
-import { inject as service } from '@ember/service';
-import { action } from '@ember/object';
-
-export default class OperationsZonesIndexRoute extends Route {
-    /**
-     * Inject the `loader` service.
-     *
-     * @var {Service}
-     */
-    @service loader;
-
-    /**
-     * Loading event handler for route.
-     *
-     * @param {Transition} transition
-     */
-    @action loading(transition) {
-        this.loader.showOnInitialTransition(transition, 'section.next-view-section', { loadingMessage: 'Loading zones...' });
-    }
-
-    model() {
-        return this.store.query('service-area', { with: ['zones'] });
-    }
-}

package/addon/routes/operations/zones.js

@@ -1,7 +0,0 @@
-import Route from '@ember/routing/route';
-
-export default class OperationsZonesRoute extends Route {
-    model() {
-        return this.store.findAll('zone');
-    }
-}

package/addon/templates/operations/dispatch.hbs

@@ -1 +0,0 @@
-{{outlet}}

package/addon/templates/operations/zones/index.hbs

@@ -1,72 +0,0 @@
-<div class="relative shadow-inner h-full" {{did-resize (fn this.handleMapResize (hash verticalTopPadding=65))}}>
-    <LeafletMap {{set-container-dimensions (hash verticalTopPadding=65)}} class="z-0 zones-leaflet" @lat={{this.userLatitude}} @lng={{this.userLongitude}} @zoom={{14}} @onLoad={{this.setMapReference}} as |layers|>
-        <layers.tile @url="https://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}.png" />
-
-        {{#each @model as |serviceArea|}}
-            {{#each serviceArea.zones as |zone|}}
-                <layers.polygon @id={{zone.id}} @locations={{zone.locations}} @color={{or zone.stroke_color "#48BB78"}} @onAdd={{fn
-                    this.makeZoneEditable zone}} />
-            {{/each}}
-        {{/each}}
-
-        {{#if this.showDrawControl}}
-            <LeafletDrawControl @draw={{hash marker=false circlemarker=false circle=false polyline=false}} @onDrawDrawstop={{this.createZoneFromLayer}} @onDrawDeleted={{this.deleteZoneBorders}} @onDrawEditstop={{this.saveZoneCoordinateChanges}} @onDrawFeatureGroupCreated={{this.setFeatureGroup}} />
-        {{/if}}
-
-        {{#if this.activeServiceArea}}
-            <layers.polygon @locations={{this.activeServiceArea.bounds}} @color="#48BB78" />
-        {{/if}}
-    </LeafletMap>
-
-    <div class="z-20 absolute right-0 top-0">
-        <div class="zones-panel">
-            <div class="content-panel">
-                <div class="content-panel-header items-center flex">
-                    <h3 class="text-lg font-semibold dark:text-gray-100">
-                        Zones
-                    </h3>
-
-                    <div class="flex items-center">
-                        <Button @size="sm" @icon="crosshairs" @onClick={{this.moveToCurrentLocation}} class="mr-2" />
-                        <Button @type="primary" @size="sm" @text="New Service Area" @onClick={{this.createServiceArea}} />
-                    </div>
-                </div>
-                <div class="content-panel-body no-padding sidebar-panels not-service-nav w-full">
-                    <ContentPanel @title={{this.activeServiceArea.name}} @open={{true}} @panelBodyClass="bg-white dark:bg-gray-800">
-                        <div class="px-2 mb-2">
-                            <div class="flex items-center justify-end">
-                                <Button class="mr-2" @icon="eye" @type="magic" @text="Focus" @onClick={{fn this.startZoneEditing this.activeServiceArea}} @helpText="Moves map focus to {{this.activeServiceArea.name}}. Once focused you will then be able to edit, delete, and define zone bounds for the service area." />
-                                <DropdownButton @icon="cog" @contentClass="dropdown-menu" @size="xs" @horizontalPosition="right" @helpText="Service Area options.">
-                                    <div class="dropdown-menu-content context-menu">
-                                        <a href="javascript:;" class="dropdown-menu-item" {{on "click" (fn this.renameServiceArea this.activeServiceArea)}}>Rename Service Area</a>
-                                        <a href="javascript:;" class="dropdown-menu-item" {{on "click" (fn this.deleteServiceArea this.activeServiceArea)}}>Delete Service Area</a>
-                                    </div>
-                                </DropdownButton>
-                            </div>
-                        </div>
-                        <div class="px-0 py-1">
-                            {{#each this.activeServiceArea.zones as |zone|}}
-                                <div class="flex items-center justify-between border-t w-full border-gray-900 py-3 px-5 dark:text-gray-100">
-                                    <div>
-                                        <div class="font-semibold mb-1">
-                                            <FaIcon @icon="map-marker" class="mr-1" />
-                                            {{zone.name}}
-                                        </div>
-                                        <div>Created At: {{zone.createdAt}}</div>
-                                    </div>
-
-                                    <div>
-                                        <Button @icon="edit" @size="xs" @helpText="Edit the zone boundary." />
-                                        <Button @icon="drafting-compass" @size="xs" @helpText="View zone details." @onClick={{fn this.editZone zone}} />
-                                        <Button @icon="trash" @size="xs" @helpText="Delete this zone." @onClick={{fn this.deleteZone zone}} />
-                                    </div>
-                                </div>
-                            {{/each}}
-                        </div>
-                    </ContentPanel>
-                </div>
-            </div>
-        </div>
-    </div>
-</div>
-{{outlet}}

package/addon/templates/operations/zones.hbs

@@ -1 +0,0 @@
-{{outlet}}

package/app/components/file-icon.js

@@ -1 +0,0 @@
-export { default } from '@fleetbase/fleetops-engine/components/file-icon';