@fleetbase/fleetops-engine 0.3.0 → 0.3.2

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

@@ -1,4 +1,4 @@
-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';
@@ -7,20 +7,6 @@ import { timeout } from 'ember-concurrency';
 import { task } from 'ember-concurrency-decorators';
 
 export default class ManagementFuelReportsIndexController extends Controller {
-    /**
-     * Inject the `management.drivers.index` controller
-     *
-     * @var {Controller}
-     */
-    @controller('management.drivers.index') drivers;
-
-    /**
-     * Inject the `management.vehicles.index` controller
-     *
-     * @var {Controller}
-     */
-    @controller('management.vehicles.index') vehicles;
-
     /**
      * Inject the `notifications` service
      *
@@ -56,6 +42,13 @@ export default class ManagementFuelReportsIndexController extends Controller {
      */
     @service hostRouter;
 
+    /**
+     * Inject the `contextPanel` service
+     *
+     * @var {Service}
+     */
+    @service contextPanel;
+
     /**
      * Inject the `filters` service
      *
@@ -140,19 +133,28 @@ export default class ManagementFuelReportsIndexController extends Controller {
      */
     @tracked columns = [
         {
-            label: null,
-            width: '20px',
+            label: 'ID',
+            valuePath: 'public_id',
+            width: '120px',
             cellComponent: 'table/cell/anchor',
-            anchorIcon: 'eye',
-            anchorSpanClass: 'hidden',
             action: this.viewFuelReport,
+            resizable: true,
+            sortable: true,
+            filterable: true,
+            filterComponent: 'filter/string',
         },
         {
             label: 'Driver',
             valuePath: 'driver_name',
             width: '120px',
             cellComponent: 'table/cell/anchor',
-            action: this.viewDriver,
+            onClick: async (fuelReport) => {
+                let driver = await fuelReport.loadDriver();
+
+                if (driver) {
+                    this.contextPanel.focus(driver);
+                }
+            },
             resizable: true,
             sortable: true,
             filterable: true,
@@ -166,7 +168,13 @@ export default class ManagementFuelReportsIndexController extends Controller {
             valuePath: 'vehicle_name',
             width: '120px',
             cellComponent: 'table/cell/anchor',
-            action: this.viewVehicle,
+            onClick: async (fuelReport) => {
+                let vehicle = await fuelReport.loadVehicle();
+
+                if (vehicle) {
+                    this.contextPanel.focus(vehicle);
+                }
+            },
             resizable: true,
             sortable: true,
             filterable: true,
@@ -175,17 +183,6 @@ export default class ManagementFuelReportsIndexController extends Controller {
             filterParam: 'vehicle',
             model: 'vehicle',
         },
-        {
-            label: 'ID',
-            valuePath: 'public_id',
-            width: '120px',
-            cellComponent: 'table/cell/anchor',
-            action: this.viewFuelReport,
-            resizable: true,
-            sortable: true,
-            filterable: true,
-            filterComponent: 'filter/string',
-        },
         {
             label: 'Country',
             valuePath: 'country',
@@ -263,24 +260,6 @@ export default class ManagementFuelReportsIndexController extends Controller {
         },
     ];
 
-    /**
-     * Bulk deletes selected `driver` via confirm prompt
-     *
-     * @param {Array} selected an array of selected models
-     * @void
-     */
-    @action bulkDeleteFuelReports() {
-        const selected = this.table.selectedRows;
-
-        this.crud.bulkFuelReports(selected, {
-            modelNamePath: `name`,
-            acceptButtonText: 'Delete Fuel Reports',
-            onSuccess: () => {
-                return this.hostRouter.refresh();
-            },
-        });
-    }
-
     /**
      * The search task.
      *
@@ -306,7 +285,7 @@ export default class ManagementFuelReportsIndexController extends Controller {
     }
 
     /**
-     * Toggles dialog to export `fuel-report`
+     * Toggles dialog to export a fuel report
      *
      * @void
      */
@@ -314,105 +293,38 @@ export default class ManagementFuelReportsIndexController extends Controller {
         this.crud.export('fuel-report');
     }
 
-    @action async viewDriver(fuelReport) {
-        if (!fuelReport.driver_uuid) {
-            return this.notifications.warning('No driver attributed to fuel report.');
-        }
-
-        this.loader.show({ loadingMessage: 'Loading...' });
-        const driver = await this.store.findRecord('driver', fuelReport.driver_uuid);
-        this.loader.removeLoader();
-
-        // display driver details
-        this.drivers.viewDriver(driver);
-    }
-
-    @action async viewVehicle(fuelReport) {
-        if (!fuelReport.vehicle_uuid) {
-            return this.notifications.warning('No vehicle attributed to fuel report.');
-        }
-
-        this.loader.show({ loadingMessage: 'Loading...' });
-        const vehicle = await this.store.findRecord('vehicle', fuelReport.vehicle_uuid);
-        this.loader.remove();
-
-        // display vehicle details
-        this.vehicles.viewVehicle(vehicle);
-    }
-
     /**
-     * View a `fuelReport` details in modal
+     * View the selected fuel report
      *
      * @param {FuelReportModel} fuelReport
      * @param {Object} options
      * @void
      */
-    @action viewFuelReport(fuelReport, options = {}) {
-        this.modalsManager.show('modals/fuel-report-details', {
-            title: `Fuel Report - ${fuelReport.createdAt}`,
-            hideDeclineButton: true,
-            confirmButtonText: 'Done',
-            fuelReport,
-            ...options,
-        });
+    @action viewFuelReport(fuelReport) {
+        this.transitionToRoute('management.fuel-reports.index.details', fuelReport);
     }
 
     /**
-     * Create a new `fuelReport` in modal
+     * Create a new fuel report
      *
      * @void
      */
     @action createFuelReport() {
-        const fuelReport = this.store.createRecord('fuel-report');
-
-        return this.editFuelReport(fuelReport, {
-            title: 'New Fuel Report',
-            acceptButtonText: 'Confirm & Create',
-            acceptButtonIcon: 'check',
-            acceptButtonIconPrefix: 'fas',
-            successNotification: 'New fuel report created.',
-            onConfirm: () => {
-                this.hostRouter.refresh();
-            },
-        });
+        this.transitionToRoute('management.fuel-reports.index.new');
     }
 
     /**
-     * Edit a `fuelReport` details
+     * Edit a fuel report
      *
      * @param {FuelReportModel} fuelReport
-     * @param {Object} options
      * @void
      */
-    @action editFuelReport(fuelReport, options = {}) {
-        this.modalsManager.show('modals/fuel-report-form', {
-            title: 'Edit FuelReport',
-            acceptButtonIcon: 'save',
-            fuelReport,
-            confirm: (modal, done) => {
-                modal.startLoading();
-
-                return fuelReport
-                    .save()
-                    .then((fuelReport) => {
-                        if (typeof options.successNotification === 'function') {
-                            this.notifications.success(options.successNotification(fuelReport));
-                        } else {
-                            this.notifications.success(options.successNotification ?? `Fuel report details updated.`);
-                        }
-                        return done();
-                    })
-                    .catch((error) => {
-                        this.notifications.serverError(error);
-                        modal.stopLoading();
-                    });
-            },
-            ...options,
-        });
+    @action editFuelReport(fuelReport) {
+        this.transitionToRoute('management.fuel-reports.index.edit', fuelReport);
     }
 
     /**
-     * Delete a `fuelReport` via confirm prompt
+     * Prompt to delete a fuel report
      *
      * @param {FuelReportModel} fuelReport
      * @param {Object} options
@@ -426,4 +338,22 @@ export default class ManagementFuelReportsIndexController extends Controller {
             ...options,
         });
     }
+
+    /**
+     * Bulk deletes selected fuel report's via confirm prompt
+     *
+     * @param {Array} selected an array of selected models
+     * @void
+     */
+    @action bulkDeleteFuelReports() {
+        const selected = this.table.selectedRows;
+
+        this.crud.bulkFuelReports(selected, {
+            modelNamePath: `name`,
+            acceptButtonText: 'Delete Fuel Reports',
+            onSuccess: () => {
+                return this.hostRouter.refresh();
+            },
+        });
+    }
 }

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

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

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

@@ -0,0 +1,94 @@
+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 ManagementIssuesIndexNewController extends Controller {
+    /**
+     * Inject the `store` service
+     *
+     * @memberof ManagementissuesIndexNewController
+     */
+    @service store;
+
+    /**
+     * Inject the `hostRouter` service
+     *
+     * @memberof ManagementissuesIndexNewController
+     */
+    @service hostRouter;
+
+    /**
+     * Inject the `currentUser` service
+     *
+     * @memberof ManagementissuesIndexNewController
+     */
+    @service currentUser;
+
+    /**
+     * Inject the `hostRouter` service
+     *
+     * @memberof ManagementissuesIndexNewController
+     */
+    @service modalsManager;
+
+    /**
+     * The overlay component context.
+     *
+     * @memberof ManagementissuesIndexNewController
+     */
+    @tracked overlay;
+
+    /**
+     * The issue being created.
+     *
+     * @var {issueModel}
+     */
+    @tracked issue = this.store.createRecord('issue', { reporter: this.currentUser.user, status: 'pending', priority: 'low' });
+
+    /**
+     * Set the overlay component context object.
+     *
+     * @param {OverlayContext} overlay
+     * @memberof ManagementissuesIndexNewController
+     */
+    @action setOverlayContext(overlay) {
+        this.overlay = overlay;
+    }
+
+    /**
+     * When exiting the overlay.
+     *
+     * @return {Transition}
+     * @memberof ManagementissuesIndexNewController
+     */
+    @action transitionBack() {
+        return this.transitionToRoute('management.issues.index');
+    }
+
+    /**
+     * Trigger a route refresh and focus the new issue created.
+     *
+     * @param {issueModel} issue
+     * @return {Promise}
+     * @memberof ManagementissuesIndexNewController
+     */
+    @action onAfterSave(issue) {
+        if (this.overlay) {
+            this.overlay.close();
+        }
+
+        this.hostRouter.refresh();
+        return this.transitionToRoute('management.issues.index.details', issue).then(() => {
+            this.resetForm();
+        });
+    }
+
+    /**
+     * Resets the form with a new issue record
+     *
+     * @memberof ManagementissuesIndexNewController
+     */
+    resetForm() {
+        this.issue = this.store.createRecord('issue', { reporter: this.currentUser.user, status: 'pending', priority: 'low' });
+    }
+}