@fleetbase/fleetops-engine 0.3.0 → 0.3.2

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

@@ -188,9 +188,22 @@ export default class ManagementIssuesIndexController extends Controller {
         {
             label: 'ID',
             valuePath: 'public_id',
-            width: '120px',
+            cellComponent: 'table/cell/anchor',
+            action: this.viewIssue,
+            width: '110px',
+            resizable: true,
+            sortable: true,
+        },
+        {
+            label: 'Priority',
+            valuePath: 'priority',
+            cellComponent: 'table/cell/status',
+            width: '100px',
             resizable: true,
             sortable: true,
+            filterable: true,
+            filterComponent: 'filter/multi-option',
+            filterOptions: ['low', 'medium', 'high', 'critical', 'scheduled-maintenance', 'operational-suggestion'],
         },
         {
             label: 'Type',
@@ -202,38 +215,82 @@ export default class ManagementIssuesIndexController extends Controller {
             filterComponent: 'filter/string',
         },
         {
-            label: 'Reporter',
-            valuePath: 'reporter.name',
+            label: 'Category',
+            valuePath: 'category',
             width: '120px',
             resizable: true,
             sortable: true,
+            filterable: true,
+            filterComponent: 'filter/string',
+        },
+        {
+            label: 'Reporter',
+            valuePath: 'reporter_name',
+            width: '110px',
+            resizable: true,
+            sortable: true,
         },
         {
             label: 'Assignee',
-            valuePath: 'reporter.name',
-            width: '120px',
+            valuePath: 'assignee_name',
+            width: '100px',
             resizable: true,
             sortable: true,
         },
+        {
+            label: 'Driver',
+            valuePath: 'driver_name',
+            width: '100px',
+            cellComponent: 'table/cell/anchor',
+            onClick: async (issue) => {
+                let driver = await issue.loadDriver();
+
+                if (driver) {
+                    this.contextPanel.focus(driver);
+                }
+            },
+            resizable: true,
+            sortable: true,
+            filterable: true,
+            filterComponent: 'filter/model',
+            filterComponentPlaceholder: 'Select driver',
+            filterParam: 'driver',
+            model: 'driver',
+        },
         {
             label: 'Vehicle',
-            valuePath: 'vehicle.name',
-            width: '120px',
+            valuePath: 'vehicle_name',
+            width: '100px',
+            cellComponent: 'table/cell/anchor',
+            onClick: async (issue) => {
+                let vehicle = await issue.loadVehicle();
+
+                if (vehicle) {
+                    this.contextPanel.focus(vehicle);
+                }
+            },
             resizable: true,
             sortable: true,
+            filterable: true,
+            filterComponent: 'filter/model',
+            filterComponentPlaceholder: 'Select vehicle',
+            filterParam: 'vehicle',
+            model: 'vehicle',
         },
         {
-            label: 'Report',
-            valuePath: 'report',
+            label: 'Status',
+            valuePath: 'status',
+            cellComponent: 'table/cell/status',
             width: '120px',
             resizable: true,
             sortable: true,
+            filterable: true,
         },
         {
             label: 'Created At',
             valuePath: 'createdAt',
             sortParam: 'created_at',
-            width: '10%',
+            width: '120px',
             resizable: true,
             sortable: true,
             filterable: true,
@@ -243,7 +300,7 @@ export default class ManagementIssuesIndexController extends Controller {
             label: 'Updated At',
             valuePath: 'updatedAt',
             sortParam: 'updated_at',
-            width: '10%',
+            width: '120px',
             resizable: true,
             sortable: true,
             hidden: true,
@@ -256,24 +313,25 @@ export default class ManagementIssuesIndexController extends Controller {
             ddButtonText: false,
             ddButtonIcon: 'ellipsis-h',
             ddButtonIconPrefix: 'fas',
-            ddMenuLabel: 'Fuel Report Actions',
+            ddMenuLabel: 'Issue Actions',
             cellClassNames: 'overflow-visible',
-            width: '150px',
+            wrapperClass: 'flex items-center justify-end mx-2',
+            width: '10%',
             actions: [
                 {
                     label: 'View Details',
-                    // fn: this.viewFuelReport,
+                    fn: this.viewIssue,
                 },
                 {
                     label: 'Edit Issue',
-                    // fn: this.editFuelReport,
+                    fn: this.editIssue,
                 },
                 {
                     separator: true,
                 },
                 {
                     label: 'Delete Issue',
-                    // fn: this.deleteFuelReport,
+                    fn: this.deleteIssue,
                 },
             ],
             sortable: false,
@@ -308,7 +366,63 @@ export default class ManagementIssuesIndexController extends Controller {
     }
 
     /**
-     * Bulk deletes selected `driver` via confirm prompt
+     * Toggles dialog to export a issue
+     *
+     * @void
+     */
+    @action exportIssues() {
+        this.crud.export('issue');
+    }
+
+    /**
+     * View the selected issue
+     *
+     * @param {IssueModel} issue
+     * @param {Object} options
+     * @void
+     */
+    @action viewIssue(issue) {
+        return this.transitionToRoute('management.issues.index.details', issue);
+    }
+
+    /**
+     * Create a new `issue` in modal
+     *
+     * @void
+     */
+    @action createIssue() {
+        return this.transitionToRoute('management.issues.index.new');
+    }
+
+    /**
+     * Edit a `issue` details
+     *
+     * @param {IssueModel} issue
+     * @void
+     */
+    @action editIssue(issue) {
+        return this.transitionToRoute('management.issues.index.edit', issue);
+    }
+
+    /**
+     * Delete a `issue` via confirm prompt
+     *
+     * @param {IssueModel} issue
+     * @param {Object} options
+     * @void
+     */
+    @action deleteIssue(issue, options = {}) {
+        this.crud.delete(issue, {
+            acceptButtonIcon: 'trash',
+            onConfirm: () => {
+                this.hostRouter.refresh();
+            },
+            ...options,
+        });
+    }
+
+    /**
+     * Bulk deletes selected `issues` via confirm prompt
      *
      * @param {Array} selected an array of selected models
      * @void
@@ -324,13 +438,4 @@ export default class ManagementIssuesIndexController extends Controller {
             },
         });
     }
-
-    /**
-     * Toggles dialog to export `issue`
-     *
-     * @void
-     */
-    @action exportIssues() {
-        this.crud.export('issue');
-    }
 }

package/addon/controllers/management/places/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 ManagementPlacesIndexDetailsController 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.places.index" route.
+     *
+     * @method
+     * @action
+     * @returns {Transition} The transition object representing the route change.
+     */
+    @action transitionBack() {
+        return this.transitionToRoute('management.places.index');
+    }
+
+    /**
+     * Transitions to the edit view for a specific vehicle.
+     *
+     * @method
+     * @param {placeModel} place - The vehicle to be edited.
+     * @action
+     * @returns {Transition} The transition object representing the route change.
+     */
+    @action onEdit(place) {
+        return this.transitionToRoute('management.places.index.edit', place);
+    }
+
+    /**
+     * 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/places/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 ManagementPlacesIndexEditController extends Controller {
+    /**
+     * Inject the `hostRouter` service
+     *
+     * @memberof ManagementplacesIndexEditController
+     */
+    @service hostRouter;
+
+    /**
+     * Inject the `hostRouter` service
+     *
+     * @memberof ManagementplacesIndexEditController
+     */
+    @service modalsManager;
+
+    /**
+     * The overlay component context.
+     *
+     * @memberof ManagementplacesIndexEditController
+     */
+    @tracked overlay;
+
+    /**
+     * When exiting the overlay.
+     *
+     * @return {Transition}
+     * @memberof ManagementplacesIndexEditController
+     */
+    @action transitionBack(place) {
+        // check if place record has been edited and prompt for confirmation
+        if (place.hasDirtyAttributes) {
+            return this.confirmContinueWithUnsavedChanges(place, {
+                confirm: () => {
+                    place.rollbackAttributes();
+                    return this.transitionToRoute('management.places.index');
+                },
+            });
+        }
+
+        return this.transitionToRoute('management.places.index');
+    }
+
+    /**
+     * Set the overlay component context object.
+     *
+     * @param {OverlayContext} overlay
+     * @memberof ManagementplacesIndexEditController
+     */
+    @action setOverlayContext(overlay) {
+        this.overlay = overlay;
+    }
+
+    /**
+     * When place details button is clicked in overlay.
+     *
+     * @param {PlaceModel} place
+     * @return {Promise}
+     * @memberof ManagementplacesIndexEditController
+     */
+    @action onViewDetails(place) {
+        // check if place record has been edited and prompt for confirmation
+        if (place.hasDirtyAttributes) {
+            return this.confirmContinueWithUnsavedChanges(place);
+        }
+
+        return this.transitionToRoute('management.places.index.details', place);
+    }
+
+    /**
+     * Trigger a route refresh and focus the new place created.
+     *
+     * @param {PlaceModel} place
+     * @return {Promise}
+     * @memberof ManagementplacesIndexEditController
+     */
+    @action onAfterSave(place) {
+        if (this.overlay) {
+            this.overlay.close();
+        }
+
+        this.hostRouter.refresh();
+        return this.transitionToRoute('management.places.index.details', place);
+    }
+
+    /**
+     * Prompts the user to confirm if they wish to continue with unsaved changes.
+     *
+     * @method
+     * @param {PlaceModel} place - The place 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 ManagementplacesIndexEditController
+     */
+    confirmContinueWithUnsavedChanges(place, options = {}) {
+        return this.modalsManager.confirm({
+            title: 'Continue Without Saving?',
+            body: 'Unsaved changes to this place will be lost. Click continue to proceed.',
+            acceptButtonText: 'Continue without saving',
+            confirm: () => {
+                place.rollbackAttributes();
+                return this.transitionToRoute('management.places.index.details', place);
+            },
+            ...options,
+        });
+    }
+}

package/addon/controllers/management/places/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 ManagementPlacesIndexNewController extends Controller {
+    /**
+     * Inject the `store` service
+     *
+     * @memberof ManagementplacesIndexNewController
+     */
+    @service store;
+
+    /**
+     * Inject the `hostRouter` service
+     *
+     * @memberof ManagementplacesIndexNewController
+     */
+    @service hostRouter;
+
+    /**
+     * Inject the `hostRouter` service
+     *
+     * @memberof ManagementplacesIndexNewController
+     */
+    @service modalsManager;
+
+    /**
+     * The overlay component context.
+     *
+     * @memberof ManagementplacesIndexNewController
+     */
+    @tracked overlay;
+
+    /**
+     * The place being created.
+     *
+     * @var {placeModel}
+     */
+    @tracked place = this.store.createRecord('place');
+
+    /**
+     * Set the overlay component context object.
+     *
+     * @param {OverlayContext} overlay
+     * @memberof ManagementplacesIndexNewController
+     */
+    @action setOverlayContext(overlay) {
+        this.overlay = overlay;
+    }
+
+    /**
+     * When exiting the overlay.
+     *
+     * @return {Transition}
+     * @memberof ManagementplacesIndexNewController
+     */
+    @action transitionBack() {
+        return this.transitionToRoute('management.places.index');
+    }
+
+    /**
+     * Trigger a route refresh and focus the new place created.
+     *
+     * @param {placeModel} place
+     * @return {Promise}
+     * @memberof ManagementplacesIndexNewController
+     */
+    @action onAfterSave(place) {
+        if (this.overlay) {
+            this.overlay.close();
+        }
+
+        this.hostRouter.refresh();
+        return this.transitionToRoute('management.places.index.details', place).then(() => {
+            this.resetForm();
+        });
+    }
+
+    /**
+     * Resets the form with a new place record
+     *
+     * @memberof ManagementplacesIndexNewController
+     */
+    resetForm() {
+        this.place = this.store.createRecord('place');
+    }
+}