@fleetbase/fleetops-engine 0.3.1 → 0.3.2

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

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

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

@@ -258,24 +258,6 @@ export default class ManagementContactsIndexController extends Controller {
         this.query = value;
     }
 
-    /**
-     * Bulk deletes selected `driver` via confirm prompt
-     *
-     * @param {Array} selected an array of selected models
-     * @void
-     */
-    @action bulkDeleteContacts() {
-        const selected = this.table.selectedRows;
-
-        this.crud.bulkDelete(selected, {
-            modelNamePath: `name`,
-            acceptButtonText: 'Delete Contacts',
-            onSuccess: () => {
-                return this.hostRouter.refresh();
-            },
-        });
-    }
-
     /**
      * Toggles dialog to export `contact`
      *
@@ -289,134 +271,29 @@ export default class ManagementContactsIndexController extends Controller {
      * View a `contact` details in modal
      *
      * @param {ContactModel} contact
-     * @param {Object} options
      * @void
      */
-    @action viewContact(contact, options) {
-        this.modalsManager.show('modals/contact-details', {
-            title: contact.name,
-            titleComponent: 'modal/title-with-buttons',
-            acceptButtonText: 'Done',
-            acceptButtonIcon: 'check',
-            acceptButtonIconPrefix: 'fas',
-            hideDeclineButton: true,
-            headerButtons: [
-                {
-                    icon: 'cog',
-                    iconPrefix: 'fas',
-                    type: 'link',
-                    size: 'xs',
-                    options: [
-                        {
-                            title: 'Edit Contact',
-                            action: () => {
-                                this.modalsManager.done().then(() => {
-                                    return this.editContact(contact, {
-                                        onFinish: () => {
-                                            this.viewContact(contact);
-                                        },
-                                    });
-                                });
-                            },
-                        },
-                        {
-                            title: 'Delete Contact',
-                            action: () => {
-                                this.modalsManager.done().then(() => {
-                                    return this.deleteContact(contact, {
-                                        onDecline: () => {
-                                            this.viewContact(contact);
-                                        },
-                                    });
-                                });
-                            },
-                        },
-                    ],
-                },
-            ],
-            contact,
-            ...options,
-        });
+    @action viewContact(contact) {
+        return this.transitionToRoute('management.contacts.index.details', contact);
     }
 
     /**
      * Create a new `contact` in modal
      *
-     * @param {Object} options
      * @void
      */
     @action createContact() {
-        const contact = this.store.createRecord('contact', {
-            photo_url: `/images/no-avatar.png`,
-        });
-
-        return this.editContact(contact, {
-            title: 'New Contact',
-            acceptButtonText: 'Confirm & Create',
-            acceptButtonIcon: 'check',
-            acceptButtonIconPrefix: 'fas',
-            successNotification: (contact) => `New contact (${contact.name}) created.`,
-            onConfirm: () => {
-                return this.hostRouter.refresh();
-            },
-        });
+        return this.transitionToRoute('management.contacts.index.new');
     }
 
     /**
      * Edit a `contact` details
      *
      * @param {ContactModel} contact
-     * @param {Object} options
      * @void
      */
-    @action editContact(contact, options = {}) {
-        this.modalsManager.show('modals/contact-form', {
-            title: 'Edit Contact',
-            acceptButtonText: 'Save Changes',
-            acceptButtonIcon: 'save',
-            declineButtonIcon: 'times',
-            declineButtonIconPrefix: 'fas',
-            contactTypes: this.contactTypes,
-            contact,
-            uploadNewPhoto: (file) => {
-                this.fetch.uploadFile.perform(
-                    file,
-                    {
-                        path: `uploads/${contact.company_uuid}/contacts/${contact.slug}`,
-                        subject_uuid: contact.id,
-                        subject_type: 'contact',
-                        type: 'contact_photo',
-                    },
-                    (uploadedFile) => {
-                        contact.setProperties({
-                            photo_uuid: uploadedFile.id,
-                            photo_url: uploadedFile.url,
-                            photo: uploadedFile,
-                        });
-                    }
-                );
-            },
-            confirm: (modal, done) => {
-                modal.startLoading();
-
-                return contact
-                    .save()
-                    .then((contact) => {
-                        if (typeof options.successNotification === 'function') {
-                            this.notifications.success(options.successNotification(contact));
-                        } else {
-                            this.notifications.success(options.successNotification ?? `${contact.name} details updated.`);
-                        }
-
-                        done();
-                    })
-                    .catch((error) => {
-                        modal.stopLoading();
-                        this.notifications.serverError(error);
-                    });
-            },
-            ...options,
-        });
+    @action editContact(contact) {
+        return this.transitionToRoute('management.contacts.index.edit', contact);
     }
 
     /**
@@ -435,4 +312,22 @@ export default class ManagementContactsIndexController extends Controller {
             ...options,
         });
     }
+
+    /**
+     * Bulk deletes selected `contacts` via confirm prompt
+     *
+     * @param {Array} selected an array of selected models
+     * @void
+     */
+    @action bulkDeleteContacts() {
+        const selected = this.table.selectedRows;
+
+        this.crud.bulkDelete(selected, {
+            modelNamePath: `name`,
+            acceptButtonText: 'Delete Contacts',
+            onSuccess: () => {
+                return this.hostRouter.refresh();
+            },
+        });
+    }
 }

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

@@ -37,7 +37,7 @@ export default class ManagementDriversIndexNewController extends Controller {
      *
      * @var {DriverModel}
      */
-    @tracked driver = this.store.createRecord('driver');
+    @tracked driver = this.store.createRecord('driver', { status: 'active' });
 
     /**
      * Set the overlay component context object.
@@ -83,6 +83,6 @@ export default class ManagementDriversIndexNewController extends Controller {
      * @memberof ManagementDriversIndexNewController
      */
     resetForm() {
-        this.driver = this.store.createRecord('driver');
+        this.driver = this.store.createRecord('driver', { status: 'active' });
     }
 }

package/addon/controllers/management/drivers/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';
@@ -8,30 +8,8 @@ import { timeout } from 'ember-concurrency';
 import { task } from 'ember-concurrency-decorators';
 import extractCoordinates from '@fleetbase/ember-core/utils/extract-coordinates';
 import leafletIcon from '@fleetbase/ember-core/utils/leaflet-icon';
-// import Point from '@fleetbase/fleetops-data/utils/geojson/point';
 
 export default class ManagementDriversIndexController extends Controller {
-    /**
-     * Inject the `management.vendors.index` controller
-     *
-     * @var {Controller}
-     */
-    @controller('management.vendors.index') vendors;
-
-    /**
-     * Inject the `management.vehicles.index` controller
-     *
-     * @var {Controller}
-     */
-    @controller('management.vehicles.index') vehicles;
-
-    /**
-     * Inject the `management.fleets.index` controller
-     *
-     * @var {Controller}
-     */
-    @controller('management.fleets.index') fleets;
-
     /**
      * Inject the `notifications` service
      *
@@ -224,7 +202,18 @@ export default class ManagementDriversIndexController extends Controller {
      */
     @tracked layout = 'table';
 
+    /**
+     * True if the current layout style is grid.
+     *
+     * @memberof ManagementDriversIndexController
+     */
     @equal('layout', 'grid') isGridLayout;
+
+    /**
+     *Ttrue if the current layour style is table.
+     *
+     * @memberof ManagementDriversIndexController
+     */
     @equal('layout', 'table') isTableLayout;
 
     /**
@@ -307,7 +296,7 @@ export default class ManagementDriversIndexController extends Controller {
             cellComponent: 'table/cell/link-list',
             cellComponentLabelPath: 'name',
             action: (fleet) => {
-                this.fleets.viewFleet(fleet);
+                this.contextPanel.focus(fleet);
             },
             valuePath: 'fleets',
             width: '180px',
@@ -664,16 +653,13 @@ export default class ManagementDriversIndexController extends Controller {
      * View information about the driver vendor
      *
      * @param {DriverModel} driver
-     * @param {Object} options
      * @void
      */
-    @action async viewDriverVendor(driver, options = {}) {
-        this.modalsManager.displayLoader();
+    @action async viewDriverVendor(driver) {
+        const vendor = await driver.loadVendor();
 
-        const vendor = await this.store.findRecord('vendor', driver.vendor_uuid);
-
-        this.modalsManager.done().then(() => {
-            return this.vendors.viewVendor(vendor, options);
-        });
+        if (vendor) {
+            this.contextPanel.focus(vendor);
+        }
     }
 }

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

@@ -1,8 +1,61 @@
 import Controller from '@ember/controller';
+import { tracked } from '@glimmer/tracking';
 import { action } from '@ember/object';
 
+/**
+ * Controller for managing the details view within the "Management -> Fleets -> Index" route.
+ *
+ * @class ManagementFleetsIndexDetailsController
+ * @extends Controller
+ */
 export default class ManagementFleetsIndexDetailsController 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.fleets.index" route.
+     *
+     * @method
+     * @action
+     * @returns {Transition} The transition object representing the route change.
+     */
     @action transitionBack() {
         return this.transitionToRoute('management.fleets.index');
     }
+
+    /**
+     * Transitions to the edit view for a specific fleet.
+     *
+     * @method
+     * @param {FleetModel} fleet - The fleet to be edited.
+     * @action
+     * @returns {Transition} The transition object representing the route change.
+     */
+    @action onEdit(fleet) {
+        return this.transitionToRoute('management.fleets.index.edit', fleet);
+    }
+
+    /**
+     * Updates the active view tab.
+     *
+     * @method
+     * @param {String} tab - The name of the tab to activate.
+     * @action
+     */
+    @action onTabChanged(tab) {
+        this.view = tab;
+    }
 }