@fleetbase/fleetops-engine 0.6.64 → 0.6.66

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');
@@ -42,6 +44,16 @@ export default class VehicleActionsService extends ResourceActionService {
                 label: 'Devices',
                 component: 'device/manager',
             },
+            {
+                key: 'trailers',
+                label: this.intl.t('resource.trailers'),
+                component: 'vehicle/details/trailers',
+            },
+            {
+                key: 'equipment',
+                label: this.intl.t('resource.equipment'),
+                component: 'vehicle/details/equipment',
+            },
             {
                 key: 'schedules',
                 label: 'Schedules',
@@ -57,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,
         ];
     }
@@ -128,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,
@@ -135,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,
             });
         },
@@ -229,6 +254,107 @@ export default class VehicleActionsService extends ResourceActionService {
         });
     }
 
+    /**
+     * Couple a detached trailer to this vehicle. Attachment is owned by the trailer
+     * endpoint so the single-attachment and towing-position rules apply uniformly.
+     */
+    @action attachTrailer(vehicle, options = {}) {
+        const vehicleName = vehicle.displayName ?? vehicle.display_name ?? vehicle.name;
+
+        this.modalsManager.show('modals/select-trailer', {
+            title: this.intl.t('vehicle.prompts.attach-trailer-title', { vehicleName }),
+            acceptButtonText: this.intl.t('vehicle.actions.attach-trailer'),
+            acceptButtonIcon: 'link',
+            vehicle,
+            selectedTrailer: null,
+            position: 1,
+            confirm: async (modal) => {
+                const trailer = modal.getOption('selectedTrailer');
+                const position = Number(modal.getOption('position')) || 1;
+
+                if (!trailer) {
+                    return this.notifications.warning(this.intl.t('vehicle.prompts.select-trailer-warning'));
+                }
+
+                modal.startLoading();
+
+                try {
+                    await this.fetch.post(`trailers/${trailer.id}/attach`, { vehicle: vehicle.id, position });
+                    await trailer.reload?.();
+                    this.notifications.success(this.intl.t('vehicle.prompts.attach-trailer-success', { trailerName: trailer.displayName ?? trailer.name, vehicleName }));
+                    modal.done();
+                    this.refresh();
+                    options.callback?.(vehicle, trailer);
+                } catch (error) {
+                    this.notifications.serverError(error);
+                    modal.stopLoading();
+                }
+            },
+            ...options,
+        });
+    }
+
+    @action attachEquipment(vehicle, options = {}) {
+        const vehicleName = vehicle.displayName ?? vehicle.display_name ?? vehicle.name;
+
+        this.modalsManager.show('modals/attach-equipment', {
+            title: this.intl.t('trailer.prompts.attach-equipment-title', { resourceName: vehicleName }),
+            acceptButtonText: this.intl.t('vehicle.actions.attach-equipment'),
+            acceptButtonIcon: 'link',
+            vehicle,
+            selectedEquipment: null,
+            confirm: async (modal) => {
+                const equipment = modal.getOption('selectedEquipment');
+
+                if (!equipment) {
+                    return this.notifications.warning(this.intl.t('trailer.prompts.select-equipment-warning'));
+                }
+
+                modal.startLoading();
+
+                try {
+                    await this.fetch.post(`vehicles/${vehicle.id}/attach-equipment`, { equipment: equipment.id });
+                    this.notifications.success(this.intl.t('trailer.prompts.attach-equipment-success', { equipmentName: equipment.name, resourceName: vehicleName }));
+                    modal.done();
+                    this.refresh();
+                    options.callback?.(vehicle, equipment);
+                } catch (error) {
+                    this.notifications.serverError(error);
+                    modal.stopLoading();
+                }
+            },
+            ...options,
+        });
+    }
+
+    @action detachEquipment(vehicle, equipment, options = {}) {
+        const vehicleName = vehicle.displayName ?? vehicle.display_name ?? vehicle.name;
+        const equipmentName = equipment?.name ?? equipment?.public_id ?? this.intl.t('resource.equipment');
+
+        return this.modalsManager.confirm({
+            title: this.intl.t('trailer.prompts.detach-equipment-title', { equipmentName }),
+            body: this.intl.t('trailer.prompts.detach-equipment-body', { equipmentName, resourceName: vehicleName }),
+            acceptButtonText: this.intl.t('vehicle.actions.detach-equipment'),
+            acceptButtonIcon: 'unlink',
+            acceptButtonScheme: 'danger',
+            confirm: async (modal) => {
+                modal.startLoading();
+
+                try {
+                    await this.fetch.post(`vehicles/${vehicle.id}/detach-equipment`, { equipment: equipment.id });
+                    this.notifications.success(this.intl.t('trailer.prompts.detach-equipment-success', { equipmentName, resourceName: vehicleName }));
+                    modal.done();
+                    this.refresh();
+                    options.callback?.(vehicle, equipment);
+                } catch (error) {
+                    this.notifications.serverError(error);
+                    modal.stopLoading();
+                }
+            },
+            ...options,
+        });
+    }
+
     @action async unassignOrders(vehicle, options = {}) {
         let response;
 
@@ -342,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,
             });
         },
     };