@fleetbase/fleetops-engine 0.3.0 → 0.3.2

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

@@ -5,73 +5,107 @@ import { action } from '@ember/object';
 
 export default class ManagementFleetsIndexEditController extends Controller {
     /**
-     * True if updating service rate.
+     * Inject the `hostRouter` service
      *
-     * @var {Boolean}
+     * @memberof ManagementFleetsIndexEditController
      */
-    @tracked isUpdatingFleet = false;
+    @service hostRouter;
 
     /**
-     * Inject the `loader` service
+     * Inject the `hostRouter` service
      *
-     * @var {Service}
+     * @memberof ManagementFleetsIndexEditController
      */
-    @service loader;
+    @service modalsManager;
 
     /**
-     * Inject the `notifications` service
+     * The overlay component context.
      *
-     * @var {Service}
+     * @memberof ManagementFleetsIndexEditController
      */
-    @service notifications;
+    @tracked overlay;
 
     /**
-     * Inject the `hostRouter` service
+     * When exiting the overlay.
      *
-     * @var {Service}
+     * @return {Transition}
+     * @memberof ManagementFleetsIndexEditController
      */
-    @service hostRouter;
+    @action transitionBack(fleet) {
+        // check if fleet record has been edited and prompt for confirmation
+        if (fleet.hasDirtyAttributes) {
+            return this.confirmContinueWithUnsavedChanges(fleet, {
+                confirm: () => {
+                    fleet.rollbackAttributes();
+                    return this.transitionToRoute('management.fleets.index');
+                },
+            });
+        }
+
+        return this.transitionToRoute('management.fleets.index');
+    }
 
     /**
-     * Inject the `currentUser` service
+     * Set the overlay component context object.
      *
-     * @var {Service}
+     * @param {OverlayContext} overlay
+     * @memberof ManagementFleetsIndexEditController
      */
-    @service store;
+    @action setOverlayContext(overlay) {
+        this.overlay = overlay;
+    }
 
     /**
-     * Updates the fleets to server
+     * When fleet details button is clicked in overlay.
      *
-     * @void
+     * @param {VehicleModel} fleet
+     * @return {Promise}
+     * @memberof ManagementFleetsIndexEditController
      */
-    @action updateFleet() {
-        const { model } = this;
+    @action onViewDetails(fleet) {
+        // check if fleet record has been edited and prompt for confirmation
+        if (fleet.hasDirtyAttributes) {
+            return this.confirmContinueWithUnsavedChanges(fleet);
+        }
 
-        console.log(model, model);
-        this.isUpdatingFleet = true;
-        this.loader.showLoader('.overlay-inner-content', { loadingMessage: 'Updating fleet...' });
+        return this.transitionToRoute('management.fleets.index.details', fleet);
+    }
 
-        try {
-            return model
-                .save()
-                .then((model) => {
-                    return this.transitionToRoute('management.fleets.index').then(() => {
-                        this.notifications.success(`Fleet '${model.name}' updated`);
-                        this.hostRouter.refresh();
-                    });
-                })
-                .catch(this.notifications.serverError)
-                .finally(() => {
-                    this.isUpdatingFleet = false;
-                    this.loader.removeLoader();
-                });
-        } catch (error) {
-            this.isUpdatingFleet = false;
-            this.loader.removeLoader();
+    /**
+     * Trigger a route refresh and focus the new fleet created.
+     *
+     * @param {VehicleModel} fleet
+     * @return {Promise}
+     * @memberof ManagementFleetsIndexEditController
+     */
+    @action onAfterSave(fleet) {
+        if (this.overlay) {
+            this.overlay.close();
         }
+
+        this.hostRouter.refresh();
+        return this.transitionToRoute('management.fleets.index.details', fleet);
     }
 
-    @action transitionBack() {
-        return this.transitionToRoute('management.fleets.index');
+    /**
+     * Prompts the user to confirm if they wish to continue with unsaved changes.
+     *
+     * @method
+     * @param {VehicleModel} fleet - The fleet 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 ManagementFleetsIndexEditController
+     */
+    confirmContinueWithUnsavedChanges(fleet, options = {}) {
+        return this.modalsManager.confirm({
+            title: 'Continue Without Saving?',
+            body: 'Unsaved changes to this fleet will be lost. Click continue to proceed.',
+            acceptButtonText: 'Continue without saving',
+            confirm: () => {
+                fleet.rollbackAttributes();
+                return this.transitionToRoute('management.fleets.index.details', fleet);
+            },
+            ...options,
+        });
     }
 }

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

@@ -1,43 +1,36 @@
-import Controller, { inject as controller } from '@ember/controller';
-import { inject as service } from '@ember/service';
+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 ManagementFleetsIndexNewController extends Controller {
     /**
-     * Inject the `management.fleets.index` controller
-     *
-     * @var {Controller}
-     */
-    @controller('management.fleets.index') index;
-
-    /**
-     * Inject the `currentUser` service
+     * Inject the `store` service
      *
-     * @var {Service}
+     * @memberof ManagementFleetsIndexNewController
      */
     @service store;
 
     /**
      * Inject the `hostRouter` service
      *
-     * @var {Service}
+     * @memberof ManagementFleetsIndexNewController
      */
     @service hostRouter;
 
     /**
-     * Inject the `notifications` service
+     * Inject the `hostRouter` service
      *
-     * @var {Service}
+     * @memberof ManagementFleetsIndexNewController
      */
-    @service notifications;
+    @service modalsManager;
 
     /**
-     * Inject the `loader` service
+     * The overlay component context.
      *
-     * @var {Service}
+     * @memberof ManagementFleetsIndexNewController
      */
-    @service loader;
+    @tracked overlay;
 
     /**
      * The fleet being created.
@@ -47,57 +40,49 @@ export default class ManagementFleetsIndexNewController extends Controller {
     @tracked fleet = this.store.createRecord('fleet', { status: 'active' });
 
     /**
-     * True if creating fleet.
+     * Set the overlay component context object.
      *
-     * @var {Boolean}
+     * @param {OverlayContext} overlay
+     * @memberof ManagementFleetsIndexNewController
      */
-    @tracked isCreatingFleet = false;
+    @action setOverlayContext(overlay) {
+        this.overlay = overlay;
+    }
 
     /**
-     * Saves the fleet to server
+     * When exiting the overlay.
      *
-     * @void
+     * @return {Transition}
+     * @memberof ManagementFleetsIndexNewController
      */
-    @action createFleet() {
-        const { fleet } = this;
-
-        this.isCreatingFleet = true;
-        this.loader.showLoader('.overlay-inner-content', { loadingMessage: 'Creating fleet...' });
-
-        try {
-            return fleet
-                .save()
-                .then((fleet) => {
-                    return this.transitionToRoute('management.fleets.index').then(() => {
-                        this.notifications.success(`New fleet (${fleet.name}) created.`);
-                        this.resetForm();
-                        this.hostRouter.refresh();
-                    });
-                })
-                .catch((error) => {
-                    console.log(error);
-                    this.notifications.serverError(error);
-                })
-                .finally(() => {
-                    this.isCreatingFleet = false;
-                    this.loader.removeLoader();
-                });
-        } catch (error) {
-            this.isCreatingFleet = false;
-            this.loader.removeLoader();
-        }
+    @action transitionBack() {
+        return this.transitionToRoute('management.fleets.index');
     }
 
     /**
-     * Resets the driver form
+     * Trigger a route refresh and focus the new fleet created.
      *
-     * @void
+     * @param {FleetModel} fleet
+     * @return {Promise}
+     * @memberof ManagementFleetsIndexNewController
      */
-    @action resetForm() {
-        this.fleet = this.store.createRecord('fleet');
+    @action onAfterSave(fleet) {
+        if (this.overlay) {
+            this.overlay.close();
+        }
+
+        this.hostRouter.refresh();
+        return this.transitionToRoute('management.fleets.index.details', fleet).then(() => {
+            this.resetForm();
+        });
     }
 
-    @action transitionBack() {
-        return this.transitionToRoute('management.fleets.index');
+    /**
+     * Resets the form with a new fleet record
+     *
+     * @memberof ManagementFleetsIndexNewController
+     */
+    resetForm() {
+        this.fleet = this.store.createRecord('fleet', { status: 'active' });
     }
 }

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

@@ -434,7 +434,6 @@ export default class ManagementFleetsIndexController extends Controller {
      * @void
      */
     @action editFleet(fleet) {
-        console.log('xxx', fleet);
         return this.transitionToRoute('management.fleets.index.edit', fleet);
     }
 

package/addon/controllers/management/fuel-reports/index/details.js

@@ -0,0 +1,63 @@
+import Controller from '@ember/controller';
+import { tracked } from '@glimmer/tracking';
+import { action } from '@ember/object';
+import { inject as service } from '@ember/service';
+/**
+ * Controller for managing the details view within the "Management -> Fuel-Report -> Index" route.
+ *
+ * @class ManagementFuelReportsIndexDetailsController
+ * @extends Controller
+ */
+export default class ManagementFuelReportsIndexDetailsController extends Controller {
+    @service hostRouter;
+
+    /**
+     * 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.fuelReport.index" route.
+     *
+     * @method
+     * @action
+     * @returns {Transition} The transition object representing the route change.
+     */
+    @action transitionBack() {
+        return this.transitionToRoute('management.fuel-reports.index');
+    }
+
+    /**
+     * Transitions to the edit view for a specific vehicle.
+     *
+     * @param {FuelReportModel} fuelReport
+     * @method
+     * @action
+     * @returns {Transition} The transition object representing the route change.
+     */
+    @action onEdit(fuelReport) {
+        return this.transitionToRoute('management.fuel-reports.index.edit', fuelReport);
+    }
+
+    /**
+     * 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/fuel-reports/index/edit.js

@@ -0,0 +1,111 @@
+import Controller from '@ember/controller';
+import { inject as service } from '@ember/service';
+import { tracked } from '@glimmer/tracking';
+import { action } from '@ember/object';
+
+export default class ManagementFuelReportsIndexEditController extends Controller {
+    /**
+     * Inject the `hostRouter` service
+     *
+     * @memberof ManagementFuelReportsIndexEditController
+     */
+    @service hostRouter;
+
+    /**
+     * Inject the `hostRouter` service
+     *
+     * @memberof ManagementFuelReportsIndexEditController
+     */
+    @service modalsManager;
+
+    /**
+     * The overlay component context.
+     *
+     * @memberof ManagementFuelReportsIndexEditController
+     */
+    @tracked overlay;
+
+    /**
+     * When exiting the overlay.
+     *
+     * @return {Transition}
+     * @memberof ManagementFuelReportsIndexEditController
+     */
+    @action transitionBack(fuelReport) {
+        // check if fuel-report record has been edited and prompt for confirmation
+        if (fuelReport.hasDirtyAttributes) {
+            return this.confirmContinueWithUnsavedChanges(fuelReport, {
+                confirm: () => {
+                    fuelReport.rollbackAttributes();
+                    return this.transitionToRoute('management.fuel-reports.index');
+                },
+            });
+        }
+
+        return this.transitionToRoute('management.fuel-reports.index');
+    }
+
+    /**
+     * Set the overlay component context object.
+     *
+     * @param {OverlayContext} overlay
+     * @memberof ManagementFuelReportsIndexEditController
+     */
+    @action setOverlayContext(overlay) {
+        this.overlay = overlay;
+    }
+
+    /**
+     * When fuel-report details button is clicked in overlay.
+     *
+     * @param {FuelReportModel} fuelReport
+     * @return {Promise}
+     * @memberof ManagementFuelReportsIndexEditController
+     */
+    @action onViewDetails(fuelReport) {
+        // check if fuel-report record has been edited and prompt for confirmation
+        if (fuelReport.hasDirtyAttributes) {
+            return this.confirmContinueWithUnsavedChanges(fuelReport);
+        }
+
+        return this.transitionToRoute('management.fuel-reports.index.details', fuelReport);
+    }
+
+    /**
+     * Trigger a route refresh and focus the new fuel-report created.
+     *
+     * @param {FuelReportModel} fuel-report
+     * @return {Promise}
+     * @memberof ManagementFuelReportsIndexEditController
+     */
+    @action onAfterSave(fuelReport) {
+        if (this.overlay) {
+            this.overlay.close();
+        }
+
+        this.hostRouter.refresh();
+        return this.transitionToRoute('management.fuel-reports.index.details', fuelReport);
+    }
+
+    /**
+     * Prompts the user to confirm if they wish to continue with unsaved changes.
+     *
+     * @method
+     * @param {FuelReportModel} fuel-report - The fuel-report 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 ManagementFuelReportsIndexEditController
+     */
+    confirmContinueWithUnsavedChanges(fuelReport, options = {}) {
+        return this.modalsManager.confirm({
+            title: 'Continue Without Saving?',
+            body: 'Unsaved changes to this fuel-report will be lost. Click continue to proceed.',
+            acceptButtonText: 'Continue without saving',
+            confirm: () => {
+                fuelReport.rollbackAttributes();
+                return this.transitionToRoute('management.fuel-reports.index.details', fuelReport);
+            },
+            ...options,
+        });
+    }
+}

package/addon/controllers/management/fuel-reports/index/new.js

@@ -0,0 +1,95 @@
+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 ManagementFuelReportsIndexNewController extends Controller {
+    /**
+     * Inject the `store` service
+     *
+     * @memberof ManagementFuelReportsIndexNewController
+     */
+    @service store;
+
+    /**
+     * Inject the `currentUser` service
+     *
+     * @memberof ManagementFuelReportsIndexNewController
+     */
+    @service currentUser;
+
+    /**
+     * Inject the `hostRouter` service
+     *
+     * @memberof ManagementFuelReportsIndexNewController
+     */
+    @service hostRouter;
+
+    /**
+     * Inject the `hostRouter` service
+     *
+     * @memberof ManagementFuelReportsIndexNewController
+     */
+    @service modalsManager;
+
+    /**
+     * The overlay component context.
+     *
+     * @memberof ManagementFuelReportsIndexNewController
+     */
+    @tracked overlay;
+
+    /**
+     * The fuel report being created.
+     *
+     * @var {FuelReportModel}
+     */
+    @tracked fuelReport = this.store.createRecord('fuelReport', { reporter: this.currentUser.user });
+
+    /**
+     * Set the overlay component context object.
+     *
+     * @param {OverlayContext} overlay
+     * @memberof ManagementFuelReportsIndexNewController
+     */
+    @action setOverlayContext(overlay) {
+        this.overlay = overlay;
+    }
+
+    /**
+     * When exiting the overlay.
+     *
+     * @return {Transition}
+     * @memberof ManagementFuelReportsIndexNewController
+     */
+    @action transitionBack() {
+        return this.hostRouter.transitionTo('console.fleet-ops.management.fuel-reports.index');
+    }
+
+    /**
+     * Trigger a route refresh and focus the new fuel report created.
+     *
+     * @param {FuelReportModel} fuelReport
+     * @return {Promise}
+     * @memberof ManagementFuelReportsIndexNewController
+     */
+    @action onAfterSave(fuelReport) {
+        if (this.overlay) {
+            this.overlay.close();
+        }
+
+        this.hostRouter.refresh();
+        return this.hostRouter.transitionTo('console.fleet-ops.management.fuel-reports.index.details', fuelReport).then(() => {
+            this.resetForm();
+        });
+    }
+
+    /**
+     * Resets the form with a new fuel report record
+     *
+     * @memberof ManagementFuelReportsIndexNewController
+     */
+    resetForm() {
+        this.fuelReport = this.store.createRecord('fuelReport', { reporter: this.currentUser.user });
+    }
+}