@fleetbase/fleetops-engine 0.3.0 → 0.3.2

package/addon/controllers/management/places/index.js

@@ -1,26 +1,11 @@
-import Controller, { inject as controller } from '@ember/controller';
+import Controller from '@ember/controller';
 import { inject as service } from '@ember/service';
 import { tracked } from '@glimmer/tracking';
 import { action } from '@ember/object';
 import { isBlank } from '@ember/utils';
 import { task, timeout } from 'ember-concurrency';
-import Point from '@fleetbase/fleetops-data/utils/geojson/point';
 
 export default class ManagementPlacesIndexController extends Controller {
-    /**
-     * Inject the `operations.zones.index` controller
-     *
-     * @var {Controller}
-     */
-    @controller('operations.zones.index') zonesController;
-
-    /**
-     * Inject the `management.vendors.index` controller
-     *
-     * @var {Controller}
-     */
-    @controller('management.vendors.index') vendorsController;
-
     /**
      * Inject the `notifications` service
      *
@@ -313,178 +298,35 @@ export default class ManagementPlacesIndexController extends Controller {
     }
 
     /**
-     * View a `place` details in modal
+     * View a place details
      *
      * @param {PlaceModel} place
-     * @param {Object} options
-     * @void
+     * @return {Promise}
+     * @memberof ManagementPlacesIndexController
      */
-    @action viewPlace(place, options) {
-        const viewPlaceOnMap = () => {
-            this.modalsManager.done().then(() => {
-                return this.viewOnMap(place, {
-                    onFinish: () => {
-                        this.viewPlace(place);
-                    },
-                });
-            });
-        };
-
-        this.modalsManager.show('modals/place-details', {
-            title: place.name,
-            place,
-            titleComponent: 'modal/title-with-buttons',
-            acceptButtonText: 'Done',
-            headerButtons: [
-                {
-                    icon: 'cog',
-                    type: 'link',
-                    size: 'xs',
-                    options: [
-                        {
-                            title: 'Edit Place',
-                            action: () => {
-                                this.modalsManager.done().then(() => {
-                                    return this.editPlace(place, {
-                                        onFinish: () => {
-                                            this.viewDriver(place);
-                                        },
-                                    });
-                                });
-                            },
-                        },
-                        {
-                            title: 'View Place on Map',
-                            action: viewPlaceOnMap,
-                        },
-                        {
-                            title: 'Assign to Vendor',
-                            action: () => {
-                                this.modalsManager.done().then(() => {
-                                    return this.assignVendor(place, {
-                                        onFinish: () => {
-                                            this.viewPlace(place);
-                                        },
-                                    });
-                                });
-                            },
-                        },
-                        {
-                            title: 'Delete Place',
-                            action: () => {
-                                this.modalsManager.done().then(() => {
-                                    return this.deletePlace(place, {
-                                        onDecline: () => {
-                                            this.viewPlace(place);
-                                        },
-                                    });
-                                });
-                            },
-                        },
-                    ],
-                },
-            ],
-            viewVendor: () =>
-                this.viewPlaceVendor(place, {
-                    onFinish: () => {
-                        this.viewPlace(place);
-                    },
-                }),
-            viewPlaceOnMap,
-            ...options,
-        });
+    @action viewPlace(place) {
+        return this.transitionToRoute('management.places.index.details', place);
     }
 
     /**
-     * Create a new `place` in modal
+     * Create a new place
      *
-     * @param {Object} options
-     * @void
+     * @return {Promise}
+     * @memberof ManagementPlacesIndexController
      */
-    @action createPlace(options = {}) {
-        const place = this.store.createRecord('place');
-
-        return this.editPlace(place, {
-            title: 'New Place',
-            acceptButtonText: 'Confirm & Create',
-            acceptButtonIcon: 'check',
-            acceptButtonIconPrefix: 'fas',
-            successNotification: (place) => `New place (${place.get('name') || place.get('street1')}) created.`,
-            onConfirm: () => {
-                if (place.get('isNew')) {
-                    return;
-                }
-
-                return this.hostRouter.refresh();
-            },
-            ...options,
-        });
+    @action createPlace() {
+        return this.transitionToRoute('management.places.index.new');
     }
 
     /**
-     * Edit a `place` details
+     *Edit place details
      *
      * @param {PlaceModel} place
-     * @param {Object} options
-     * @void
+     * @return {Promise}
+     * @memberof ManagementPlacesIndexController
      */
-    @action async editPlace(place, options = {}) {
-        place = await place;
-
-        this.modalsManager.show('modals/place-form', {
-            title: 'Edit Place',
-            acceptButtonText: 'Save Changes',
-            acceptButtonIcon: 'save',
-            declineButtonIcon: 'times',
-            declineButtonIconPrefix: 'fas',
-            place,
-            autocomplete: (selected) => {
-                const coordinatesInputComponent = this.modalsManager.getOption('coordinatesInputComponent');
-
-                place.setProperties({ ...selected });
-
-                if (coordinatesInputComponent) {
-                    coordinatesInputComponent.updateCoordinates(selected.location);
-                }
-            },
-            reverseGeocode: ({ latitude, longitude }) => {
-                return this.fetch.get('geocoder/reverse', { coordinates: [latitude, longitude].join(','), single: true }).then((result) => {
-                    if (isBlank(result)) {
-                        return;
-                    }
-
-                    place.setProperties({ ...result });
-                });
-            },
-            setCoordinatesInput: (coordinatesInputComponent) => {
-                this.modalsManager.setOption('coordinatesInputComponent', coordinatesInputComponent);
-            },
-            updatePlaceCoordinates: ({ latitude, longitude }) => {
-                const location = new Point(longitude, latitude);
-
-                place.setProperties({ location });
-            },
-            confirm: (modal) => {
-                modal.startLoading();
-
-                return place
-                    .save()
-                    .then((place) => {
-                        if (typeof options.successNotification === 'function') {
-                            this.notifications.success(options.successNotification(place));
-                        } else {
-                            this.notifications.success(options.successNotification ?? `${place.name} details updated.`);
-                        }
-
-                        return this.hostRouter.refresh();
-                    })
-                    .catch((error) => {
-                        modal.stopLoading();
-                        this.notifications.serverError(error);
-                    });
-            },
-            ...options,
-        });
+    @action editPlace(place) {
+        return this.transitionToRoute('management.places.index.edit', place);
     }
 
     /**
@@ -566,19 +408,16 @@ export default class ManagementPlacesIndexController extends Controller {
     }
 
     /**
-     * View information about the driver vendor
+     * View information about a place vendor
      *
      * @param {PlaceModel} place
-     * @param {Object} options
      * @void
      */
-    @action async viewPlaceVendor(place, options = {}) {
-        this.modalsManager.displayLoader();
-
+    @action async viewPlaceVendor(place) {
         const vendor = await this.store.findRecord('vendor', place.vendor_uuid);
 
-        this.modalsManager.done().then(() => {
-            return this.vendorsController.viewVendor(vendor, options);
-        });
+        if (vendor) {
+            this.contextPanel.focus(vendor);
+        }
     }
 }

package/addon/controllers/management/vehicles/index/new.js

@@ -37,9 +37,7 @@ export default class ManagementVehiclesIndexNewController extends Controller {
      *
      * @var {VehicleModel}
      */
-    @tracked vehicle = this.store.createRecord('vehicle', {
-        status: `active`,
-    });
+    @tracked vehicle = this.store.createRecord('vehicle', { status: 'active' });
 
     /**
      * Set the overlay component context object.
@@ -85,8 +83,6 @@ export default class ManagementVehiclesIndexNewController extends Controller {
      * @memberof ManagementVehiclesIndexNewController
      */
     resetForm() {
-        this.vehicle = this.store.createRecord('vehicle', {
-            status: `active`,
-        });
+        this.vehicle = this.store.createRecord('vehicle', { status: 'active' });
     }
 }

package/addon/controllers/management/vendors/index/details.js

@@ -0,0 +1,55 @@
+import Controller from '@ember/controller';
+import { tracked } from '@glimmer/tracking';
+import { action } from '@ember/object';
+
+export default class ManagementVendorsIndexDetailsController extends Controller {
+    /**
+     * The currently active view tab ('details' by default).
+     *
+     * @type {String}
+     * @tracked
+     */
+    @tracked view = 'details';
+
+    /**
+     * An array of query parameters to be serialized in the URL.
+     *
+     * @type {String[]}
+     * @tracked
+     */
+    @tracked queryParams = ['view'];
+
+    /**
+     * Transitions back to the "management.vendors.index" route.
+     *
+     * @method
+     * @action
+     * @returns {Transition} The transition object representing the route change.
+     */
+    @action transitionBack() {
+        return this.transitionToRoute('management.vendors.index');
+    }
+
+    /**
+     * Transitions to the edit view for a specific vendor.
+     *
+     * @method
+     * @param {VendorModel} vendor - The vendor to be edited.
+     * @action
+     * @returns {Transition} The transition object representing the route change.
+     */
+    @action onEdit(vendor) {
+        return this.transitionToRoute('management.vendors.index.edit', vendor);
+    }
+
+    /**
+     * Updates the active view tab.
+     *
+     * @method
+     * @param {String} tab - The name of the tab to activate.
+     * @action
+     */
+    @action onTabChanged(tab) {
+        this.view = tab;
+    }
+}

package/addon/controllers/management/vendors/index/edit.js

@@ -0,0 +1,111 @@
+import Controller from '@ember/controller';
+import { tracked } from '@glimmer/tracking';
+import { inject as service } from '@ember/service';
+import { action } from '@ember/object';
+
+export default class ManagementVendorsIndexEditController extends Controller {
+    /**
+     * Inject the `hostRouter` service
+     *
+     * @memberof ManagementVendorsIndexEditController
+     */
+    @service hostRouter;
+
+    /**
+     * Inject the `hostRouter` service
+     *
+     * @memberof ManagementVendorsIndexEditController
+     */
+    @service modalsManager;
+
+    /**
+     * The overlay component context.
+     *
+     * @memberof ManagementVendorsIndexEditController
+     */
+    @tracked overlay;
+
+    /**
+     * When exiting the overlay.
+     *
+     * @return {Transition}
+     * @memberof ManagementVendorsIndexEditController
+     */
+    @action transitionBack(vendor) {
+        // check if vendor record has been edited and prompt for confirmation
+        if (vendor.hasDirtyAttributes) {
+            return this.confirmContinueWithUnsavedChanges(vendor, {
+                confirm: () => {
+                    vendor.rollbackAttributes();
+                    return this.transitionToRoute('management.vendors.index');
+                },
+            });
+        }
+
+        return this.transitionToRoute('management.vendors.index');
+    }
+
+    /**
+     * Set the overlay component context object.
+     *
+     * @param {OverlayContext} overlay
+     * @memberof ManagementVendorsIndexEditController
+     */
+    @action setOverlayContext(overlay) {
+        this.overlay = overlay;
+    }
+
+    /**
+     * When vendor details button is clicked in overlay.
+     *
+     * @param {VendorModel} vendor
+     * @return {Promise}
+     * @memberof ManagementVendorsIndexEditController
+     */
+    @action onViewDetails(vendor) {
+        // check if vendor record has been edited and prompt for confirmation
+        if (vendor.hasDirtyAttributes) {
+            return this.confirmContinueWithUnsavedChanges(vendor);
+        }
+
+        return this.transitionToRoute('management.vendors.index.details', vendor);
+    }
+
+    /**
+     * Trigger a route refresh and focus the new vendor created.
+     *
+     * @param {VendorModel} vendor
+     * @return {Promise}
+     * @memberof ManagementVendorsIndexEditController
+     */
+    @action onAfterSave(vendor) {
+        if (this.overlay) {
+            this.overlay.close();
+        }
+
+        this.hostRouter.refresh();
+        return this.transitionToRoute('management.vendors.index.details', vendor);
+    }
+
+    /**
+     * Prompts the user to confirm if they wish to continue with unsaved changes.
+     *
+     * @method
+     * @param {VendorModel} vendor - The vendor object with unsaved changes.
+     * @param {Object} [options={}] - Additional options for configuring the modal.
+     * @returns {Promise} A promise that resolves when the user confirms, and transitions to a new route.
+     * @memberof ManagementVendorsIndexEditController
+     */
+    confirmContinueWithUnsavedChanges(vendor, options = {}) {
+        return this.modalsManager.confirm({
+            title: 'Continue Without Saving?',
+            body: 'Unsaved changes to this vendor will be lost. Click continue to proceed.',
+            acceptButtonText: 'Continue without saving',
+            confirm: () => {
+                vendor.rollbackAttributes();
+                return this.transitionToRoute('management.vendors.index.details', vendor);
+            },
+            ...options,
+        });
+    }
+}

package/addon/controllers/management/vendors/index/new.js

@@ -0,0 +1,88 @@
+import Controller from '@ember/controller';
+import { tracked } from '@glimmer/tracking';
+import { inject as service } from '@ember/service';
+import { action } from '@ember/object';
+
+export default class ManagementVendorsIndexNewController extends Controller {
+    /**
+     * Inject the `store` service
+     *
+     * @memberof ManagementVendorIndexNewController
+     */
+    @service store;
+
+    /**
+     * Inject the `hostRouter` service
+     *
+     * @memberof ManagementVendorIndexNewController
+     */
+    @service hostRouter;
+
+    /**
+     * Inject the `hostRouter` service
+     *
+     * @memberof ManagementVendorIndexNewController
+     */
+    @service modalsManager;
+
+    /**
+     * The overlay component context.
+     *
+     * @memberof ManagementVendorIndexNewController
+     */
+    @tracked overlay;
+
+    /**
+     * The vendor being created.
+     *
+     * @var {VendorModel}
+     */
+    @tracked vendor = this.store.createRecord('vendor', { status: 'active' });
+
+    /**
+     * Set the overlay component context object.
+     *
+     * @param {OverlayContext} overlay
+     * @memberof ManagementVendorsIndexNewController
+     */
+    @action setOverlayContext(overlay) {
+        this.overlay = overlay;
+    }
+
+    /**
+     * When exiting the overlay.
+     *
+     * @return {Transition}
+     * @memberof ManagementVendorIndexNewController
+     */
+    @action transitionBack() {
+        return this.transitionToRoute('management.vendors.index');
+    }
+
+    /**
+     * Trigger a route refresh and focus the new vendor created.
+     *
+     * @param {VendorModel} vendor
+     * @return {Promise}
+     * @memberof ManagementVendorsIndexNewController
+     */
+    @action onAfterSave(vendor) {
+        if (this.overlay) {
+            this.overlay.close();
+        }
+
+        this.hostRouter.refresh();
+        return this.transitionToRoute('management.vendors.index.details', vendor).then(() => {
+            this.resetForm();
+        });
+    }
+
+    /**
+     * Resets the form with a new vendor record
+     *
+     * @memberof ManagementVendorIndexNewController
+     */
+    resetForm() {
+        this.vendor = this.store.createRecord('vendor', { status: 'active' });
+    }
+}