@fleetbase/fleetops-engine 0.6.65 → 0.6.66

package/addon/services/place-actions.js

@@ -2,9 +2,11 @@ import ResourceActionService from '@fleetbase/ember-core/services/resource-actio
 import leafletIcon from '@fleetbase/ember-core/utils/leaflet-icon';
 import { inject as service } from '@ember/service';
 import { action } from '@ember/object';
+import { PANEL_DEFAULTS, closePanelsThen, registeredPanelTabs } from '../utils/context-panel';
 
 export default class PlaceActionsService extends ResourceActionService {
     @service vendorActions;
+    @service('universe/menu-service') menuService;
 
     constructor() {
         super(...arguments);
@@ -44,19 +46,18 @@ export default class PlaceActionsService extends ResourceActionService {
                 place,
             });
         },
-        view: async (place) => {
+        view: async (place, options = {}) => {
             if (place?.meta?._index_resource) {
                 await place.reload();
             }
 
             return this.resourceContextPanel.open({
                 place,
-                tabs: [
-                    {
-                        label: this.intl.t('common.overview'),
-                        component: 'place/details',
-                    },
-                ],
+                title: place?.name ?? place?.street1,
+                actionButtons: [{ icon: 'pencil', permission: 'fleet-ops update place', fn: () => closePanelsThen(this.resourceContextPanel, () => this.panel.edit(place)) }],
+                tabs: [{ key: 'overview', label: this.intl.t('common.overview'), component: 'place/details' }, ...registeredPanelTabs(this.menuService, 'fleet-ops:component:place:details')],
+                ...PANEL_DEFAULTS,
+                ...options,
             });
         },
     };

package/addon/services/service-area-actions.js

@@ -1,4 +1,5 @@
 import ResourceActionService from '@fleetbase/ember-core/services/resource-action';
+import { PANEL_DEFAULTS, closePanelsThen } from '../utils/context-panel';
 import { tracked } from '@glimmer/tracking';
 import { debug } from '@ember/debug';
 import { task } from 'ember-concurrency';
@@ -38,15 +39,37 @@ export default class ServiceAreaActionsService extends ResourceActionService {
                 serviceArea,
             });
         },
-        view: (serviceArea) => {
+        view: (serviceArea, options = {}) => {
             return this.resourceContextPanel.open({
                 serviceArea,
-                tabs: [
+                title: serviceArea?.name,
+                actionButtons: [
+                    { icon: 'pencil', permission: 'fleet-ops update service-area', fn: () => closePanelsThen(this.resourceContextPanel, () => this.panel.edit(serviceArea)) },
                     {
-                        label: this.intl.t('common.overview'),
-                        component: 'service-area/details',
+                        icon: 'ellipsis-h',
+                        iconPrefix: 'fas',
+                        renderInPlace: true,
+                        items: [
+                            {
+                                text: this.intl.t('service-area.actions.edit-boundary'),
+                                icon: 'draw-polygon',
+                                permission: 'fleet-ops update service-area',
+                                fn: () => closePanelsThen(this.resourceContextPanel, () => this.transition.edit(serviceArea)),
+                            },
+                            { separator: true },
+                            {
+                                text: this.intl.t('common.delete'),
+                                icon: 'trash',
+                                class: 'text-red-500',
+                                permission: 'fleet-ops delete service-area',
+                                fn: () => this.delete(serviceArea, { onConfirm: () => this.resourceContextPanel.closeAll() }),
+                            },
+                        ],
                     },
                 ],
+                tabs: [{ key: 'overview', label: this.intl.t('common.overview'), component: 'service-area/details' }],
+                ...PANEL_DEFAULTS,
+                ...options,
             });
         },
     };

package/addon/services/trailer-actions.js

@@ -4,6 +4,7 @@ import config from 'ember-get-config';
 import { action } from '@ember/object';
 import { isArray } from '@ember/array';
 import { dasherize } from '@ember/string';
+import { PANEL_DEFAULTS, closePanelsThen } from '../utils/context-panel';
 
 /**
  * Trailer resource actions.
@@ -60,11 +61,20 @@ export default class TrailerActionsService extends ResourceActionService {
 
     async resolveTrailerResource(trailer) {
         if (typeof trailer?.then === 'function') {
-            return await trailer;
+            trailer = await trailer;
         }
 
         if (typeof trailer?.loadResource === 'function') {
-            return (await trailer.loadResource()) ?? trailer;
+            trailer = (await trailer.loadResource()) ?? trailer;
+        }
+
+        // Embedded vehicle rows contain a summary, so hydrate it before opening the trailer.
+        if (trailer?.public_id && !trailer.created_at && !trailer.isNew) {
+            return this.store.queryRecord('trailer', {
+                public_id: trailer.public_id,
+                single: true,
+                with: ['currentConnection.vehicle', 'category', 'vendor', 'warranty'],
+            });
         }
 
         return trailer;
@@ -119,6 +129,7 @@ export default class TrailerActionsService extends ResourceActionService {
         },
         view: async (trailer, options = {}) => {
             trailer = await this.resolveTrailerResource(trailer);
+            const service = this;
 
             return this.resourceContextPanel.open({
                 trailer,
@@ -126,13 +137,20 @@ export default class TrailerActionsService extends ResourceActionService {
                 actionButtons: [
                     {
                         icon: 'pencil',
-                        fn: async () => {
-                            await this.resourceContextPanel.closeAll();
-                            this.panel.edit(trailer);
+                        permission: 'fleet-ops update trailer',
+                        fn: () => closePanelsThen(this.resourceContextPanel, () => this.panel.edit(trailer)),
+                    },
+                    {
+                        icon: 'ellipsis-h',
+                        iconPrefix: 'fas',
+                        renderInPlace: true,
+                        get items() {
+                            return service.detailsMenuItems(trailer, { onDeleted: () => service.resourceContextPanel.closeAll() });
                         },
                     },
                 ],
                 tabs: this.panelTabs,
+                ...PANEL_DEFAULTS,
                 ...options,
             });
         },
@@ -350,13 +368,14 @@ export default class TrailerActionsService extends ResourceActionService {
     }
 
     @action locate(trailer, options = {}) {
-        const { latitude, longitude, location } = trailer;
         const trailerName = this.trailerName(trailer);
 
-        if (!trailer.hasValidCoordinates) {
+        if (!trailer?.location || !trailer.hasValidCoordinates) {
             return this.notifications.warning(this.intl.t('trailer.prompts.no-location-warning', { trailerName }));
         }
 
+        const { latitude, longitude, location } = trailer;
+
         this.modalsManager.show('modals/point-map', {
             title: this.intl.t('common.resource-location', { resource: trailerName }),
             acceptButtonText: this.intl.t('common.done'),
@@ -391,4 +410,38 @@ export default class TrailerActionsService extends ResourceActionService {
 
         return this.maintenanceActions.modal.create({ maintainable: trailer }, options, saveOptions);
     }
+
+    /**
+     * The actions menu of a trailer's header, shared by the details route and
+     * the context panel. Attach or detach follows the trailer's state.
+     */
+    detailsMenuItems(trailer, { onDeleted } = {}) {
+        const isAttached = trailer?.isAttached ?? trailer?.attachment_state === 'attached';
+
+        return [
+            { text: this.intl.t('trailer.actions.locate'), icon: 'location-dot', fn: () => this.locate(trailer), permission: 'fleet-ops view trailer' },
+            isAttached
+                ? { text: this.intl.t('trailer.actions.detach-vehicle'), icon: 'unlink', fn: () => this.detachVehicle(trailer), permission: 'fleet-ops detach-vehicle-for trailer' }
+                : { text: this.intl.t('trailer.actions.attach-vehicle'), icon: 'link', fn: () => this.attachVehicle(trailer), permission: 'fleet-ops attach-vehicle-for trailer' },
+            { text: this.intl.t('trailer.actions.attach-device'), icon: 'microchip', fn: () => this.attachDevice(trailer), permission: 'fleet-ops attach-device-for trailer' },
+            { text: this.intl.t('trailer.actions.attach-equipment'), icon: 'toolbox', fn: () => this.attachEquipment(trailer), permission: 'fleet-ops attach-equipment-for trailer' },
+            { separator: true },
+            {
+                text: this.intl.t('trailer.actions.schedule-maintenance'),
+                icon: 'calendar-check',
+                fn: () => this.scheduleMaintenance(trailer),
+                permission: 'fleet-ops create maintenance-schedule',
+            },
+            { text: this.intl.t('trailer.actions.create-work-order'), icon: 'clipboard-list', fn: () => this.createWorkOrder(trailer), permission: 'fleet-ops create work-order' },
+            { text: this.intl.t('trailer.actions.log-maintenance'), icon: 'wrench', fn: () => this.logMaintenance(trailer), permission: 'fleet-ops create maintenance' },
+            { separator: true },
+            {
+                text: this.intl.t('common.delete-resource', { resource: this.intl.t('resource.trailer') }),
+                icon: 'trash',
+                fn: () => this.delete(trailer, { onConfirm: onDeleted }),
+                permission: 'fleet-ops delete trailer',
+                class: 'text-red-500 hover:text-red-600',
+            },
+        ];
+    }
 }

package/addon/services/vehicle-actions.js

@@ -4,6 +4,7 @@ import config from 'ember-get-config';
 import { action } from '@ember/object';
 import { isArray } from '@ember/array';
 import { dasherize } from '@ember/string';
+import { PANEL_DEFAULTS, closePanelsThen } from '../utils/context-panel';
 
 export default class VehicleActionsService extends ResourceActionService {
     @service('universe/menu-service') menuService;
@@ -11,6 +12,7 @@ export default class VehicleActionsService extends ResourceActionService {
     @service maintenanceScheduleActions;
     @service workOrderActions;
     @service maintenanceActions;
+    @service issueActions;
 
     get registeredTabs() {
         const registeredTabs = this.menuService.getMenuItems('fleet-ops:component:vehicle:details');
@@ -67,6 +69,11 @@ export default class VehicleActionsService extends ResourceActionService {
                 label: 'Maintenance',
                 component: 'vehicle/details/maintenance-history',
             },
+            {
+                key: 'inspections',
+                label: this.intl.t('resource.inspections'),
+                component: 'vehicle/details/inspections',
+            },
             ...this.registeredTabs,
         ];
     }
@@ -138,6 +145,7 @@ export default class VehicleActionsService extends ResourceActionService {
         },
         view: async (vehicle, options = {}) => {
             vehicle = await this.reloadIndexResource(await this.resolveVehicleResource(vehicle));
+            const service = this;
 
             return this.resourceContextPanel.open({
                 vehicle,
@@ -145,13 +153,20 @@ export default class VehicleActionsService extends ResourceActionService {
                 actionButtons: [
                     {
                         icon: 'pencil',
-                        fn: async () => {
-                            await this.resourceContextPanel.closeAll();
-                            this.panel.edit(vehicle);
+                        permission: 'fleet-ops update vehicle',
+                        fn: () => closePanelsThen(this.resourceContextPanel, () => this.panel.edit(vehicle)),
+                    },
+                    {
+                        icon: 'ellipsis-h',
+                        iconPrefix: 'fas',
+                        renderInPlace: true,
+                        get items() {
+                            return service.detailsMenuItems(vehicle, { onDeleted: () => service.resourceContextPanel.closeAll() });
                         },
                     },
                 ],
                 tabs: this.panelTabs,
+                ...PANEL_DEFAULTS,
                 ...options,
             });
         },
@@ -453,4 +468,44 @@ export default class VehicleActionsService extends ResourceActionService {
             });
         });
     }
+
+    /**
+     * The actions menu of a vehicle's header, shared by the details route and
+     * the context panel so both offer the same actions.
+     */
+    detailsMenuItems(vehicle, { onDeleted } = {}) {
+        return [
+            { text: this.intl.t('vehicle.actions.locate-vehicle'), icon: 'location-dot', fn: () => this.locate(vehicle), permission: 'fleet-ops view vehicle' },
+            { text: this.intl.t('vehicle.actions.attach-device'), icon: 'link', fn: () => this.attachDevice(vehicle), permission: 'fleet-ops update vehicle' },
+            ...(Number(vehicle?.assigned_orders_count) > 0
+                ? [{ text: this.intl.t('vehicle.actions.unassign-orders'), icon: 'truck-ramp-box', fn: () => this.unassignOrders(vehicle), permission: 'fleet-ops update vehicle' }]
+                : []),
+            { separator: true },
+            {
+                text: this.intl.t('vehicle.actions.schedule-maintenance'),
+                icon: 'calendar-check',
+                fn: () => this.scheduleMaintenance(vehicle),
+                permission: 'fleet-ops create maintenance-schedule',
+            },
+            { text: this.intl.t('vehicle.actions.create-work-order'), icon: 'clipboard-list', fn: () => this.createWorkOrder(vehicle), permission: 'fleet-ops create work-order' },
+            { text: this.intl.t('vehicle.actions.log-maintenance'), icon: 'wrench', fn: () => this.logMaintenance(vehicle), permission: 'fleet-ops create maintenance' },
+            { text: this.intl.t('vehicle.actions.create-issue'), icon: 'triangle-exclamation', fn: () => this.createIssue(vehicle), permission: 'fleet-ops create issue' },
+            { separator: true },
+            {
+                text: this.intl.t('common.delete-resource', { resource: this.intl.t('resource.vehicle') }),
+                icon: 'trash',
+                fn: () => this.delete(vehicle, { onConfirm: onDeleted }),
+                permission: 'fleet-ops delete vehicle',
+                class: 'text-red-500 hover:text-red-600',
+            },
+        ];
+    }
+
+    @action createIssue(vehicle) {
+        return this.issueActions.modal.create({
+            vehicle,
+            vehicle_uuid: vehicle.id,
+            title: this.intl.t('vehicle.prompts.issue-title', { vehicleName: vehicle.displayName ?? vehicle.name }),
+        });
+    }
 }

package/addon/services/vendor-actions.js

@@ -2,6 +2,7 @@ import ResourceActionService from '@fleetbase/ember-core/services/resource-actio
 import { inject as service } from '@ember/service';
 import { action } from '@ember/object';
 import { normalizeProvider, buildIntegrationPayload } from '../utils/vendor-integration';
+import { PANEL_DEFAULTS, closePanelsThen } from '../utils/context-panel';
 
 export default class VendorActionsService extends ResourceActionService {
     @service placeActions;
@@ -40,18 +41,18 @@ export default class VendorActionsService extends ResourceActionService {
                 vendor,
             });
         },
-        view: (vendor) => {
+        view: (vendor, options = {}) => {
             return this.resourceContextPanel.open({
                 vendor,
+                title: vendor?.name,
                 header: 'vendor/panel-header',
+                actionButtons: [{ icon: 'pencil', permission: 'fleet-ops update vendor', fn: () => closePanelsThen(this.resourceContextPanel, () => this.panel.edit(vendor)) }],
                 tabs: [
-                    {
-                        key: 'overview',
-                        id: 'overview',
-                        label: this.intl.t('common.overview'),
-                        component: 'vendor/details',
-                    },
+                    { key: 'overview', id: 'overview', label: this.intl.t('common.overview'), component: 'vendor/details' },
+                    { key: 'personnel', id: 'personnel', label: 'Personnel', component: 'vendor/personnel-tab' },
                 ],
+                ...PANEL_DEFAULTS,
+                ...options,
             });
         },
     };

package/addon/services/work-order-actions.js

@@ -1,10 +1,12 @@
 import ResourceActionService from '@fleetbase/ember-core/services/resource-action';
 import { action } from '@ember/object';
 import { inject as service } from '@ember/service';
+import { PANEL_DEFAULTS, closePanelsThen, registeredPanelTabs } from '../utils/context-panel';
 
 export default class WorkOrderActionsService extends ResourceActionService {
     @service fetch;
     @service notifications;
+    @service('universe/menu-service') menuService;
     constructor() {
         super(...arguments);
         this.initialize('work-order');
@@ -37,15 +39,22 @@ export default class WorkOrderActionsService extends ResourceActionService {
                 workOrder,
             });
         },
-        view: (workOrder) => {
+        view: (workOrder, options = {}) => {
             return this.resourceContextPanel.open({
                 workOrder,
+                title: workOrder?.code ?? workOrder?.subject,
+                header: 'work-order/panel-header',
+                actionButtons: [
+                    { icon: 'paper-plane', text: 'Send to Vendor', permission: 'fleet-ops update work-order', fn: () => this.sendEmail(workOrder) },
+                    { icon: 'edit', permission: 'fleet-ops update work-order', fn: () => closePanelsThen(this.resourceContextPanel, () => this.panel.edit(workOrder)) },
+                    { icon: 'trash', type: 'danger', permission: 'fleet-ops delete work-order', fn: () => this.delete(workOrder, { onConfirm: () => this.resourceContextPanel.closeAll() }) },
+                ],
                 tabs: [
-                    {
-                        label: this.intl.t('common.overview'),
-                        component: 'work-order/details',
-                    },
+                    { key: 'overview', label: this.intl.t('common.overview'), component: 'work-order/details' },
+                    ...registeredPanelTabs(this.menuService, 'fleet-ops:component:work-order:details'),
                 ],
+                ...PANEL_DEFAULTS,
+                ...options,
             });
         },
     };

package/addon/services/zone-actions.js

@@ -1,4 +1,5 @@
 import ResourceActionService from '@fleetbase/ember-core/services/resource-action';
+import { PANEL_DEFAULTS, closePanelsThen } from '../utils/context-panel';
 
 export default class ZoneActionsService extends ResourceActionService {
     constructor() {
@@ -33,15 +34,37 @@ export default class ZoneActionsService extends ResourceActionService {
                 zone,
             });
         },
-        view: (zone) => {
+        view: (zone, options = {}) => {
             return this.resourceContextPanel.open({
                 zone,
-                tabs: [
+                title: zone?.name,
+                actionButtons: [
+                    { icon: 'pencil', permission: 'fleet-ops update zone', fn: () => closePanelsThen(this.resourceContextPanel, () => this.panel.edit(zone)) },
                     {
-                        label: this.intl.t('common.overview'),
-                        component: 'zone/details',
+                        icon: 'ellipsis-h',
+                        iconPrefix: 'fas',
+                        renderInPlace: true,
+                        items: [
+                            {
+                                text: this.intl.t('zone.actions.edit-boundary'),
+                                icon: 'draw-polygon',
+                                permission: 'fleet-ops update zone',
+                                fn: () => closePanelsThen(this.resourceContextPanel, () => this.transition.edit(zone)),
+                            },
+                            { separator: true },
+                            {
+                                text: this.intl.t('common.delete'),
+                                icon: 'trash',
+                                class: 'text-red-500',
+                                permission: 'fleet-ops delete zone',
+                                fn: () => this.delete(zone, { onConfirm: () => this.resourceContextPanel.closeAll() }),
+                            },
+                        ],
                     },
                 ],
+                tabs: [{ key: 'overview', label: this.intl.t('common.overview'), component: 'zone/details' }],
+                ...PANEL_DEFAULTS,
+                ...options,
             });
         },
     };