@fleetbase/fleetops-engine 0.6.65 → 0.6.66

package/addon/modifiers/sync-value.js

@@ -0,0 +1,26 @@
+import { modifier } from 'ember-modifier';
+
+/**
+ * Keep an input's value in step with a bound one, without taking the caret.
+ *
+ * Binding `value={{@value}}` on an input whose every keystroke re-renders the
+ * component sends the caret to the end mid-word, which is what made the form
+ * builder's group inputs unusable. Leaving the value unbound instead means an
+ * input never shows a value that arrives after it was rendered — the stored
+ * answers an inspection loads a moment after the sheet appears.
+ *
+ * So write the value in, and only while the field is not being typed in.
+ *
+ *     <input {{sync-value @value}} {{on "input" this.setText}} />
+ */
+export default modifier(function syncValue(element, [value]) {
+    if (element.ownerDocument?.activeElement === element) {
+        return;
+    }
+
+    const next = value === null || value === undefined ? '' : String(value);
+
+    if (element.value !== next) {
+        element.value = next;
+    }
+});

package/addon/modifiers/when-changed.js

@@ -0,0 +1,25 @@
+import { modifier } from 'ember-modifier';
+
+/** No value has been seen for this element yet — distinct from `undefined`. */
+const NEVER = Symbol('never');
+const seen = new WeakMap();
+
+/**
+ * Run something when a value changes, but not when it first appears.
+ *
+ * `{{did-update}}` does this and is deprecated for it. The distinction it does
+ * not make, and this does, is between the first render and a later change: a
+ * component that already loads its own data on construction must not load it
+ * again the moment it is inserted.
+ *
+ *     <div {{when-changed @reloadOn this.reload}}>
+ */
+export default modifier(function whenChanged(element, [value, callback]) {
+    const previous = seen.has(element) ? seen.get(element) : NEVER;
+
+    seen.set(element, value);
+
+    if (previous !== NEVER && previous !== value && typeof callback === 'function') {
+        callback(value);
+    }
+});

package/addon/routes/connectivity/fuel-providers/details/settings.js

@@ -1,7 +1,10 @@
 import Route from '@ember/routing/route';
+import { inject as service } from '@ember/service';
 
 export default class ConnectivityFuelProvidersIndexDetailsSettingsRoute extends Route {
-    model() {
-        return this.modelFor('connectivity.fuel-providers.details');
+    @service hostRouter;
+
+    redirect() {
+        return this.hostRouter.replaceWith('console.fleet-ops.connectivity.fuel-providers.edit', this.modelFor('connectivity.fuel-providers.details'));
     }
 }

package/addon/routes/connectivity/fuel-providers/details/sync.js

@@ -1,18 +1,11 @@
 import Route from '@ember/routing/route';
-import { inject as service } from '@ember/service';
-
-export default class ConnectivityFuelProvidersIndexDetailsSyncRoute extends Route {
-    @service store;
 
+export default class FuelIntegrationSyncRoute extends Route {
+    setupController(controller, model) {
+        super.setupController(controller, model);
+        controller.resetDates();
+    }
     model() {
-        const connection = this.modelFor('connectivity.fuel-providers.details');
-
-        return {
-            connection,
-            syncRuns: this.store.query('fuel-provider-sync-run', {
-                connection: connection.uuid,
-                sort: '-created_at',
-            }),
-        };
+        return this.modelFor('connectivity.fuel-providers.details');
     }
 }

package/addon/routes/connectivity/fuel-providers/details/transactions.js

@@ -1,14 +1,15 @@
 import Route from '@ember/routing/route';
 import { inject as service } from '@ember/service';
+import { action } from '@ember/object';
 
-export default class ConnectivityFuelProvidersIndexDetailsTransactionsRoute extends Route {
+export default class FuelIntegrationTransactionsRoute extends Route {
     @service store;
-
-    model() {
+    queryParams = Object.fromEntries(['page', 'limit', 'sort', 'query', 'sync_status', 'vehicle', 'transaction_at'].map((key) => [key, { refreshModel: true }]));
+    model(params) {
         const connection = this.modelFor('connectivity.fuel-providers.details');
-        return this.store.query('fuel-provider-transaction', {
-            connection: connection.uuid,
-            sort: '-transaction_at',
-        });
+        return this.store.query('fuel-provider-transaction', { ...params, connection: connection.id });
+    }
+    @action refreshFuelTransactions() {
+        this.refresh();
     }
 }

package/addon/routes/connectivity/fuel-providers/details.js

@@ -7,12 +7,25 @@ export default class ConnectivityFuelProvidersIndexDetailsRoute extends Route {
     @service notifications;
     @service hostRouter;
 
+    setupController(controller, model) {
+        super.setupController(controller, model);
+        controller.activity = null;
+        controller.activityError = null;
+        controller.watchActivity.perform();
+    }
+
+    deactivate() {
+        this.controller.watchActivity.cancelAll();
+    }
+
     @action error(error) {
         this.notifications.serverError(error);
-        return this.hostRouter.transitionTo('console.fleet-ops.connectivity.fuel-providers.index');
+        if (error?.errors?.some((entry) => entry.status === '404')) return this.hostRouter.transitionTo('console.fleet-ops.connectivity.fuel-providers.index');
+        return false;
     }
 
     model({ public_id }) {
-        return this.store.findRecord('fuel-provider-connection', public_id);
+        // URLs use public IDs; the store's primary key is the API UUID.
+        return this.store.queryRecord('fuel-provider-connection', { public_id, single: true });
     }
 }

package/addon/routes/connectivity/fuel-providers/edit.js

@@ -13,6 +13,7 @@ export default class ConnectivityFuelProvidersIndexEditRoute extends Route {
     }
 
     model({ public_id }) {
-        return this.store.findRecord('fuel-provider-connection', public_id);
+        // URLs use public IDs; the store's primary key is the API UUID.
+        return this.store.queryRecord('fuel-provider-connection', { public_id, single: true });
     }
 }

package/addon/routes/connectivity/fuel-providers/index.js

@@ -1,4 +1,5 @@
 import Route from '@ember/routing/route';
+import { action } from '@ember/object';
 import { inject as service } from '@ember/service';
 
 export default class ConnectivityFuelProvidersIndexRoute extends Route {
@@ -14,6 +15,10 @@ export default class ConnectivityFuelProvidersIndexRoute extends Route {
         environment: { refreshModel: true },
     };
 
+    @action refreshFuelConnections() {
+        this.refresh();
+    }
+
     model(params) {
         return this.store.query('fuel-provider-connection', { sort: '-updated_at', ...params });
     }

package/addon/routes/maintenance/inspection-forms/index/details/index.js

@@ -0,0 +1,3 @@
+import Route from '@ember/routing/route';
+
+export default class MaintenanceInspectionFormsIndexDetailsIndexRoute extends Route {}

package/addon/routes/maintenance/inspection-forms/index/details/submissions.js

@@ -0,0 +1,3 @@
+import Route from '@ember/routing/route';
+
+export default class MaintenanceInspectionFormsIndexDetailsSubmissionsRoute extends Route {}

package/addon/routes/maintenance/inspection-forms/index/details.js

@@ -0,0 +1,18 @@
+import Route from '@ember/routing/route';
+import { inject as service } from '@ember/service';
+import { action } from '@ember/object';
+
+export default class MaintenanceInspectionFormsIndexDetailsRoute extends Route {
+    @service store;
+    @service hostRouter;
+    @service notifications;
+
+    model({ public_id }) {
+        return this.store.findRecord('inspection-form', public_id);
+    }
+
+    @action error(error) {
+        this.notifications.serverError(error);
+        return this.hostRouter.transitionTo('maintenance.inspection-forms.index');
+    }
+}

package/addon/routes/maintenance/inspection-forms/index/edit.js

@@ -0,0 +1,18 @@
+import Route from '@ember/routing/route';
+import { inject as service } from '@ember/service';
+import { action } from '@ember/object';
+
+export default class MaintenanceInspectionFormsIndexEditRoute extends Route {
+    @service store;
+    @service hostRouter;
+    @service notifications;
+
+    model({ public_id }) {
+        return this.store.findRecord('inspection-form', public_id);
+    }
+
+    @action error(error) {
+        this.notifications.serverError(error);
+        return this.hostRouter.transitionTo('maintenance.inspection-forms.index');
+    }
+}

package/addon/routes/maintenance/inspection-forms/index/new.js

@@ -0,0 +1,3 @@
+import Route from '@ember/routing/route';
+
+export default class MaintenanceInspectionFormsIndexNewRoute extends Route {}

package/addon/routes/maintenance/inspection-forms/index.js

@@ -0,0 +1,22 @@
+import Route from '@ember/routing/route';
+import { inject as service } from '@ember/service';
+
+export default class MaintenanceInspectionFormsIndexRoute extends Route {
+    @service store;
+
+    queryParams = {
+        page: { refreshModel: true },
+        limit: { refreshModel: true },
+        sort: { refreshModel: true },
+        query: { refreshModel: true },
+        public_id: { refreshModel: true },
+        status: { refreshModel: true },
+        type: { refreshModel: true },
+        created_at: { refreshModel: true },
+        updated_at: { refreshModel: true },
+    };
+
+    model(params) {
+        return this.store.query('inspection-form', { ...params });
+    }
+}

package/addon/routes/maintenance/inspection-forms.js

@@ -0,0 +1,3 @@
+import Route from '@ember/routing/route';
+
+export default class MaintenanceInspectionFormsRoute extends Route {}

package/addon/routes/maintenance/inspection-submissions/index/details/audit.js

@@ -0,0 +1,8 @@
+import Route from '@ember/routing/route';
+
+export default class MaintenanceInspectionSubmissionsIndexDetailsAuditRoute extends Route {
+    /** The tab renders the submission the record panel is showing. */
+    model() {
+        return this.modelFor('maintenance.inspection-submissions.index.details');
+    }
+}

package/addon/routes/maintenance/inspection-submissions/index/details/index.js

@@ -0,0 +1,3 @@
+import Route from '@ember/routing/route';
+
+export default class MaintenanceInspectionSubmissionsIndexDetailsIndexRoute extends Route {}

package/addon/routes/maintenance/inspection-submissions/index/details/photos.js

@@ -0,0 +1,8 @@
+import Route from '@ember/routing/route';
+
+export default class MaintenanceInspectionSubmissionsIndexDetailsPhotosRoute extends Route {
+    /** The tab renders the submission the record panel is showing. */
+    model() {
+        return this.modelFor('maintenance.inspection-submissions.index.details');
+    }
+}

package/addon/routes/maintenance/inspection-submissions/index/details.js

@@ -0,0 +1,18 @@
+import Route from '@ember/routing/route';
+import { inject as service } from '@ember/service';
+import { action } from '@ember/object';
+
+export default class MaintenanceInspectionSubmissionsIndexDetailsRoute extends Route {
+    @service store;
+    @service hostRouter;
+    @service notifications;
+
+    model({ public_id }) {
+        return this.store.findRecord('inspection-submission', public_id);
+    }
+
+    @action error(error) {
+        this.notifications.serverError(error);
+        return this.hostRouter.transitionTo('maintenance.inspection-submissions.index');
+    }
+}

package/addon/routes/maintenance/inspection-submissions/index/edit.js

@@ -0,0 +1,18 @@
+import Route from '@ember/routing/route';
+import { inject as service } from '@ember/service';
+import { action } from '@ember/object';
+
+export default class MaintenanceInspectionSubmissionsIndexEditRoute extends Route {
+    @service store;
+    @service hostRouter;
+    @service notifications;
+
+    model({ public_id }) {
+        return this.store.findRecord('inspection-submission', public_id);
+    }
+
+    @action error(error) {
+        this.notifications.serverError(error);
+        return this.hostRouter.transitionTo('maintenance.inspection-submissions.index');
+    }
+}

package/addon/routes/maintenance/inspection-submissions/index/new.js

@@ -0,0 +1,3 @@
+import Route from '@ember/routing/route';
+
+export default class MaintenanceInspectionSubmissionsIndexNewRoute extends Route {}

package/addon/routes/maintenance/inspection-submissions/index.js

@@ -0,0 +1,25 @@
+import Route from '@ember/routing/route';
+import { inject as service } from '@ember/service';
+
+export default class MaintenanceInspectionSubmissionsIndexRoute extends Route {
+    @service store;
+
+    queryParams = {
+        page: { refreshModel: true },
+        limit: { refreshModel: true },
+        sort: { refreshModel: true },
+        query: { refreshModel: true },
+        public_id: { refreshModel: true },
+        status: { refreshModel: true },
+        result: { refreshModel: true },
+        type: { refreshModel: true },
+        vehicle: { refreshModel: true },
+        driver: { refreshModel: true },
+        created_at: { refreshModel: true },
+        updated_at: { refreshModel: true },
+    };
+
+    model(params) {
+        return this.store.query('inspection-submission', { ...params });
+    }
+}

package/addon/routes/maintenance/inspection-submissions.js

@@ -0,0 +1,3 @@
+import Route from '@ember/routing/route';
+
+export default class MaintenanceInspectionSubmissionsRoute extends Route {}

package/addon/routes/management/fuel-transactions/index/details.js

@@ -1,6 +1,7 @@
 import Route from '@ember/routing/route';
 import { inject as service } from '@ember/service';
 import { action } from '@ember/object';
+import { loadTransactionOrder } from '../../../../utils/fuel-transaction';
 
 export default class ManagementFuelTransactionsIndexDetailsRoute extends Route {
     @service store;
@@ -12,7 +13,16 @@ export default class ManagementFuelTransactionsIndexDetailsRoute extends Route {
         return this.hostRouter.transitionTo('console.fleet-ops.management.fuel-transactions.index');
     }
 
-    model({ public_id }) {
-        return this.store.findRecord('fuel-provider-transaction', public_id);
+    async model({ public_id }) {
+        // URLs use public IDs; the store's primary key is the API UUID.
+        const transaction = await this.store.queryRecord('fuel-provider-transaction', { public_id, single: true });
+
+        try {
+            await loadTransactionOrder(this.store, transaction);
+        } catch (error) {
+            this.notifications.serverError(error);
+        }
+
+        return transaction;
     }
 }

package/addon/routes/management/fuel-transactions/index.js

@@ -1,4 +1,5 @@
 import Route from '@ember/routing/route';
+import { action } from '@ember/object';
 import { inject as service } from '@ember/service';
 
 export default class ManagementFuelTransactionsIndexRoute extends Route {
@@ -12,9 +13,14 @@ export default class ManagementFuelTransactionsIndexRoute extends Route {
         provider: { refreshModel: true },
         sync_status: { refreshModel: true },
         vehicle: { refreshModel: true },
+        connection: { refreshModel: true },
         transaction_at: { refreshModel: true },
     };
 
+    @action refreshTransactions() {
+        this.refresh();
+    }
+
     model(params) {
         return this.store.query('fuel-provider-transaction', { sort: '-transaction_at', ...params });
     }

package/addon/routes/management/index.js

@@ -1,3 +1,19 @@
 import Route from '@ember/routing/route';
 
-export default class ManagementIndexRoute extends Route {}
+export default class ManagementIndexRoute extends Route {
+    queryParams = {
+        view: { refreshModel: false },
+        status: { refreshModel: false },
+        filters: { refreshModel: false },
+        fleet: { refreshModel: false },
+        q: { refreshModel: false },
+        saved: { refreshModel: false },
+        assigned: { refreshModel: false },
+        window: { refreshModel: false },
+    };
+
+    setupController(controller, model, transition) {
+        super.setupController(controller, model, transition);
+        controller.reload.perform();
+    }
+}

package/addon/routes/management/vehicles/index/details/inspections.js

@@ -0,0 +1,3 @@
+import Route from '@ember/routing/route';
+
+export default class ManagementVehiclesIndexDetailsInspectionsRoute extends Route {}

package/addon/routes/management/vehicles/index.js

@@ -35,7 +35,7 @@ export default class ManagementVehiclesIndexRoute extends Route {
     };
 
     model(params) {
-        // Current trailers back the card view's towing line; the internal API camelizes `with`.
-        return this.store.query('vehicle', { ...params, with: ['currentTrailers'] });
+        // Include the related records rendered by the vehicle table and cards.
+        return this.store.query('vehicle', { ...params, with: ['currentTrailers', 'devices'] });
     }
 }

package/addon/routes.js

@@ -90,6 +90,7 @@ export default buildRoutes(function () {
                     this.route('schedules');
                     this.route('work-orders');
                     this.route('maintenance-history');
+                    this.route('inspections');
                     this.route('virtual', { path: '/:slug' });
                 });
                 this.route('edit', { path: '/edit/:public_id' });
@@ -227,6 +228,29 @@ export default buildRoutes(function () {
         this.route('tracking');
     });
     this.route('maintenance', function () {
+        this.route('inspection-forms', function () {
+            this.route('index', { path: '/' }, function () {
+                this.route('new');
+                this.route('edit', { path: '/edit/:public_id' });
+                this.route('details', { path: '/:public_id' }, function () {
+                    this.route('index', { path: '/' });
+                    this.route('submissions');
+                });
+            });
+        });
+
+        this.route('inspection-submissions', function () {
+            this.route('index', { path: '/' }, function () {
+                this.route('new');
+                this.route('edit', { path: '/edit/:public_id' });
+                this.route('details', { path: '/:public_id' }, function () {
+                    this.route('index', { path: '/' });
+                    this.route('photos');
+                    this.route('audit');
+                });
+            });
+        });
+
         this.route('schedules', function () {
             this.route('index', { path: '/' }, function () {
                 this.route('new');

package/addon/services/contact-actions.js

@@ -1,6 +1,7 @@
 import ResourceActionService from '@fleetbase/ember-core/services/resource-action';
 import { inject as service } from '@ember/service';
 import { action, get } from '@ember/object';
+import { PANEL_DEFAULTS, closePanelsThen, registeredPanelTabs } from '../utils/context-panel';
 
 const INTERNAL_NAMESPACE = 'int/v1';
 
@@ -9,6 +10,7 @@ export default class ContactActionsService extends ResourceActionService {
     @service placeActions;
     @service notifications;
     @service hostRouter;
+    @service('universe/menu-service') menuService;
     @service('universe/extension-manager') extensionManager;
 
     constructor() {
@@ -48,12 +50,14 @@ export default class ContactActionsService extends ResourceActionService {
         view: (contact, options = {}) => {
             return this.resourceContextPanel.open({
                 contact,
+                title: contact?.name,
+                header: 'contact/panel-header',
+                actionButtons: this.panelActionButtons(contact),
                 tabs: [
-                    {
-                        label: this.intl.t('common.overview'),
-                        component: 'contact/details',
-                    },
+                    { key: 'overview', label: this.intl.t('common.overview'), component: 'contact/details' },
+                    ...registeredPanelTabs(this.menuService, 'fleet-ops:component:contact:details'),
                 ],
+                ...PANEL_DEFAULTS,
                 ...options,
             });
         },
@@ -137,6 +141,20 @@ export default class ContactActionsService extends ResourceActionService {
         return this.extensionManager.isInstalled('@fleetbase/customer-portal-engine');
     }
 
+    /**
+     * The header buttons of a contact or customer panel, as on the details
+     * route: edit, then the portal account menu when a login is linked.
+     */
+    panelActionButtons(contact) {
+        const buttons = [{ icon: 'pencil', fn: () => closePanelsThen(this.resourceContextPanel, () => this.panel.edit(contact)) }];
+        const accountActionButton = this.accountActionButton(contact);
+        if (accountActionButton) {
+            buttons.push(accountActionButton);
+        }
+
+        return buttons;
+    }
+
     accountActionButton(contact, options = {}) {
         if (!this.hasLinkedUser(contact)) {
             return null;

package/addon/services/customer-actions.js

@@ -1,4 +1,5 @@
 import ContactActionsService from './contact-actions';
+import { PANEL_DEFAULTS, registeredPanelTabs } from '../utils/context-panel';
 
 export default class CustomerActionsService extends ContactActionsService {
     constructor() {
@@ -38,12 +39,14 @@ export default class CustomerActionsService extends ContactActionsService {
         view: (customer, options = {}) => {
             return this.resourceContextPanel.open({
                 customer,
+                title: customer?.name,
+                header: 'contact/panel-header',
+                actionButtons: this.panelActionButtons(customer),
                 tabs: [
-                    {
-                        label: this.intl.t('common.overview'),
-                        component: 'customer/details',
-                    },
+                    { key: 'overview', label: this.intl.t('common.overview'), component: 'customer/details' },
+                    ...registeredPanelTabs(this.menuService, 'fleet-ops:component:customer:details'),
                 ],
+                ...PANEL_DEFAULTS,
                 ...options,
             });
         },

package/addon/services/device-actions.js

@@ -1,6 +1,7 @@
 import ResourceActionService, { inject as service } from '@fleetbase/ember-core/services/resource-action';
 import { action } from '@ember/object';
 import { isArray } from '@ember/array';
+import { PANEL_DEFAULTS, closePanelsThen } from '../utils/context-panel';
 
 export default class DeviceActionsService extends ResourceActionService {
     @service fetch;
@@ -44,10 +45,24 @@ export default class DeviceActionsService extends ResourceActionService {
             }
 
             const registeredTabs = this.menuService?.getMenuItems?.('fleet-ops:component:device:details');
+            const service = this;
 
             return this.resourceContextPanel.open({
                 device,
                 header: 'device/panel-header',
+                title: device.name ?? device.serial_number,
+                actionButtons: [
+                    { icon: 'pencil', permission: 'fleet-ops update device', fn: () => closePanelsThen(this.resourceContextPanel, () => this.panel.edit(device)) },
+                    {
+                        icon: 'ellipsis-h',
+                        iconPrefix: 'fas',
+                        renderInPlace: true,
+                        get items() {
+                            return service.attachmentItems(device);
+                        },
+                    },
+                ],
+                ...PANEL_DEFAULTS,
                 tabs: [
                     {
                         key: 'overview',
@@ -181,4 +196,17 @@ export default class DeviceActionsService extends ResourceActionService {
     @action detachFromVehicle(device, options = {}) {
         return this.detachFromAsset(device, options);
     }
+
+    /**
+     * The attach and detach menu of a device's header, shared by the details
+     * route and the context panel. Detach only shows while it is attached.
+     */
+    attachmentItems(device) {
+        const attached = Boolean(device?.attachable_uuid || device?.attached_to_name || device?.attachable);
+
+        return [
+            { text: this.intl.t('device.actions.attach-to-asset'), icon: 'link', fn: () => this.attachToVehicle(device), permission: 'fleet-ops update device' },
+            ...(attached ? [{ text: this.intl.t('device.attachment.detach'), icon: 'unlink', fn: () => this.detachFromVehicle(device), permission: 'fleet-ops update device' }] : []),
+        ];
+    }
 }