@fleetbase/fleetops-engine 0.6.54 → 0.6.55

package/addon/controllers/connectivity/devices/index.js

@@ -1,15 +1,41 @@
 import Controller from '@ember/controller';
+import { action } from '@ember/object';
 import { inject as service } from '@ember/service';
 import { tracked } from '@glimmer/tracking';
+import buildDeviceTableColumns from '../../../utils/device-table-columns';
 import fleetOpsOptions from '../../../utils/fleet-ops-options';
 
 export default class ConnectivityDevicesIndexController extends Controller {
     @service deviceActions;
+    @service hostRouter;
     @service telematicActions;
     @service intl;
+    @service mapManager;
+    @service notifications;
+    @service store;
+    @service vehicleActions;
 
     /** query params */
-    @tracked queryParams = ['name', 'status', 'attachment_state', 'telematic', 'page', 'limit', 'sort', 'query', 'public_id', 'created_at', 'updated_at'];
+    @tracked queryParams = [
+        'name',
+        'status',
+        'attachment_state',
+        'telematic',
+        'provider',
+        'vehicle',
+        'connection_status',
+        'device_id',
+        'type',
+        'serial_number',
+        'last_online_at',
+        'page',
+        'limit',
+        'sort',
+        'query',
+        'public_id',
+        'created_at',
+        'updated_at',
+    ];
     @tracked page = 1;
     @tracked limit;
     @tracked sort = '-created_at';
@@ -18,6 +44,13 @@ export default class ConnectivityDevicesIndexController extends Controller {
     @tracked status;
     @tracked attachment_state;
     @tracked telematic;
+    @tracked provider;
+    @tracked vehicle;
+    @tracked connection_status;
+    @tracked device_id;
+    @tracked type;
+    @tracked serial_number;
+    @tracked last_online_at;
 
     /** action buttons */
     @tracked actionButtons = [
@@ -56,133 +89,115 @@ export default class ConnectivityDevicesIndexController extends Controller {
         },
     ];
 
-    /** columns */
-    @tracked columns = [
-        {
-            sticky: true,
-            label: this.intl.t('column.name'),
-            valuePath: 'displayName',
-            cellComponent: 'table/cell/anchor',
-            action: this.deviceActions.transition.view,
-            permission: 'fleet-ops view device',
-            resizable: true,
-            sortable: true,
-            filterable: true,
-            filterParam: 'name',
-            filterComponent: 'filter/string',
-        },
-        {
-            label: 'Telematic',
-            valuePath: 'telematic.provider',
-            cellComponent: 'table/cell/anchor',
-            action: this.telematicActions.transition.view,
-            permission: 'fleet-ops view telematic',
-            resizable: true,
-            sortable: true,
-            filterable: true,
-            filterComponent: 'filter/model',
-            filterComponentPlaceholder: 'Select telematic',
-            filterParam: 'telematic',
-            model: 'telematic',
-        },
-        {
-            label: 'Type',
-            valuePath: 'type',
-            resizable: true,
-            sortable: true,
-            filterable: true,
-            filterParam: 'type',
-            filterComponent: 'filter/multi-option',
-            filterOptions: fleetOpsOptions('deviceTypes'),
-        },
-        {
-            label: 'Serial Number',
-            valuePath: 'serial_number',
-            resizable: true,
-            sortable: true,
-            filterable: true,
-            filterParam: 'serial_number',
-            filterComponent: 'filter/string',
-        },
-        {
-            label: this.intl.t('column.status'),
-            valuePath: 'status',
-            cellComponent: 'table/cell/status',
-            resizable: true,
-            sortable: true,
-            filterable: true,
-            filterComponent: 'filter/multi-option',
-            filterOptions: fleetOpsOptions('deviceStatuses'),
-        },
-        {
-            label: this.intl.t('column.created-at'),
-            valuePath: 'createdAt',
-            sortParam: 'created_at',
-            resizable: true,
-            sortable: true,
-            filterable: true,
-            filterComponent: 'filter/date',
-        },
-        {
-            label: this.intl.t('column.updated-at'),
-            valuePath: 'updatedAt',
-            sortParam: 'updated_at',
-            resizable: true,
-            sortable: true,
-            hidden: true,
-            filterable: true,
-            filterComponent: 'filter/date',
-        },
+    get deviceTypeOptions() {
+        return fleetOpsOptions('deviceTypes');
+    }
 
-        {
-            label: '',
-            cellComponent: 'table/cell/dropdown',
-            ddButtonText: false,
-            ddButtonIcon: 'ellipsis-h',
-            ddButtonIconPrefix: 'fas',
-            ddMenuLabel: this.intl.t('common.resource-actions', { resource: this.intl.t('resource.device') }),
-            cellClassNames: 'overflow-visible',
-            wrapperClass: 'flex items-center justify-end mx-2',
-            sticky: 'right',
-            width: 60,
-            actions: [
-                {
-                    label: this.intl.t('common.view-resource', { resource: this.intl.t('resource.device') }),
-                    fn: this.deviceActions.transition.view,
-                    permission: 'fleet-ops view device',
-                },
-                {
-                    label: this.intl.t('common.edit-resource', { resource: this.intl.t('resource.device') }),
-                    fn: this.deviceActions.transition.edit,
-                    permission: 'fleet-ops update device',
-                },
-                {
-                    separator: true,
-                },
-                {
-                    label: this.intl.t('device.actions.attach-to-vehicle'),
-                    fn: this.deviceActions.attachToVehicle,
-                    permission: 'fleet-ops update device',
-                },
-                {
-                    label: this.intl.t('device.actions.detach-from-vehicle'),
-                    fn: this.deviceActions.detachFromVehicle,
-                    permission: 'fleet-ops update device',
-                    isVisible: (device) => Boolean(device.attachable_uuid || device.attached_to_name || device.attachable),
-                },
-                {
-                    separator: true,
-                },
-                {
-                    label: this.intl.t('common.delete-resource', { resource: this.intl.t('resource.device') }),
-                    fn: this.deviceActions.delete,
-                    permission: 'fleet-ops delete device',
-                },
-            ],
-            sortable: false,
-            filterable: false,
-            resizable: false,
-            searchable: false,
-        },
-    ];
+    get deviceStatusOptions() {
+        return fleetOpsOptions('deviceStatuses');
+    }
+
+    get columns() {
+        const columns = buildDeviceTableColumns(this, { deviceActionMode: 'route', showDeviceStatus: false });
+        const actionsColumn = columns.find((column) => column.cellComponent === 'table/cell/dropdown');
+
+        actionsColumn?.actions.push(
+            {
+                separator: true,
+            },
+            {
+                label: this.intl.t('common.delete-resource', { resource: this.intl.t('resource.device') }),
+                fn: this.deviceActions.delete,
+                permission: 'fleet-ops delete device',
+            }
+        );
+
+        return columns;
+    }
+
+    @action openTelematic(telematic) {
+        if (telematic?.id) {
+            return this.telematicActions.transition.view(telematic);
+        }
+    }
+
+    @action hasAttachedVehicle(device) {
+        return Boolean(device?.attachable_uuid && this.isVehicleAttachment(device));
+    }
+
+    @action async viewAttachedVehicle(device) {
+        const vehicle = await this.resolveAttachedVehicle(device);
+
+        if (!vehicle) {
+            return;
+        }
+
+        if (this.vehicleActions.panel?.view) {
+            return this.vehicleActions.panel.view(vehicle);
+        }
+
+        return this.hostRouter.transitionTo('console.fleet-ops.management.vehicles.index.details', vehicle);
+    }
+
+    @action async locateAttachedVehicle(device) {
+        const vehicle = await this.resolveAttachedVehicle(device);
+
+        if (!vehicle) {
+            return;
+        }
+
+        await this.transitionToLiveMap();
+        await this.mapManager.waitForMap({ timeoutMs: 8000 });
+
+        this.mapManager.focusResource(vehicle, 16, {
+            paddingBottomRight: [300, 200],
+            moveend: () => {
+                this.vehicleActions.panel?.view?.(vehicle, { closeOnTransition: true });
+            },
+        });
+    }
+
+    async transitionToLiveMap() {
+        try {
+            await this.hostRouter.transitionTo('console.fleet-ops.operations.orders.index', { queryParams: { layout: 'map' } });
+        } catch (_) {
+            // Keep locate actions usable even if another map transition is already active.
+        }
+    }
+
+    isVehicleAttachment(device) {
+        const attachableType = `${device?.attachable_type ?? ''}`.toLowerCase();
+
+        return !attachableType || attachableType.includes('vehicle');
+    }
+
+    async resolveAttachedVehicle(device) {
+        if (!device?.attachable_uuid || !this.isVehicleAttachment(device)) {
+            return null;
+        }
+
+        const attachable = device.attachable;
+
+        if (attachable && typeof attachable.then !== 'function') {
+            return attachable;
+        }
+
+        if (attachable && typeof attachable.then === 'function') {
+            return await attachable;
+        }
+
+        const cachedVehicle = this.store.peekRecord('vehicle', device.attachable_uuid);
+
+        if (cachedVehicle) {
+            return cachedVehicle;
+        }
+
+        try {
+            return await this.store.findRecord('vehicle', device.attachable_uuid);
+        } catch (error) {
+            this.notifications.serverError(error);
+        }
+
+        return null;
+    }
 }

package/addon/controllers/connectivity/events/details.js

@@ -0,0 +1,3 @@
+import Controller from '@ember/controller';
+
+export default class ConnectivityEventsDetailsController extends Controller {}

package/addon/controllers/connectivity/events/index.js

@@ -1,19 +1,96 @@
 import Controller from '@ember/controller';
+import { action, get } from '@ember/object';
 import { inject as service } from '@ember/service';
 import { tracked } from '@glimmer/tracking';
 
+const severityOptions = [
+    { label: 'Info', value: 'info' },
+    { label: 'Warning', value: 'warning' },
+    { label: 'Error', value: 'error' },
+    { label: 'Critical', value: 'critical' },
+    { label: 'High', value: 'high' },
+];
+
+const processedOptions = [
+    { label: 'Processed', value: 'processed' },
+    { label: 'Unprocessed', value: 'unprocessed' },
+];
+
+function eventDevice(event) {
+    const device = get(event, 'device');
+
+    if (device) {
+        return device;
+    }
+
+    const id = get(event, 'device_uuid');
+    const deviceId = get(event, 'device_id') ?? get(event, 'provider_device_id') ?? get(event, 'ident');
+    const name = get(event, 'device_name') ?? deviceId;
+    const imei = get(event, 'device_imei') ?? get(event, 'imei') ?? get(event, 'ident');
+
+    if (!id && !name && !imei && !deviceId) {
+        return null;
+    }
+
+    return {
+        id,
+        displayName: name,
+        name,
+        imei,
+        device_id: deviceId,
+        ident: get(event, 'ident'),
+        serial_number: get(event, 'device_serial_number'),
+        connection_status: get(event, 'device_connection_status'),
+        status: get(event, 'device_status'),
+        photo_url: get(event, 'device_photo_url') ?? get(event, 'photo_url'),
+    };
+}
+
+function eventTelematic(event) {
+    const telematic = get(event, 'device.telematic') ?? get(event, 'telematic');
+
+    if (telematic) {
+        return telematic;
+    }
+
+    const id = get(event, 'telematic_uuid');
+    const name = get(event, 'telematic_name');
+    const provider = get(event, 'provider');
+
+    if (!id && !name && !provider) {
+        return null;
+    }
+
+    return {
+        id,
+        name: name ?? provider,
+        provider,
+        provider_descriptor: get(event, 'provider_descriptor'),
+    };
+}
+
 export default class ConnectivityEventsIndexController extends Controller {
     @service deviceEventActions;
     @service deviceActions;
+    @service hostRouter;
     @service intl;
+    @service store;
+    @service telematicActions;
 
     /** query params */
-    @tracked queryParams = ['name', 'page', 'limit', 'sort', 'query', 'public_id', 'created_at', 'updated_at'];
+    @tracked queryParams = ['page', 'limit', 'sort', 'query', 'telematic', 'device', 'event_type', 'severity', 'processed', 'occurred_at', 'created_at', 'updated_at'];
     @tracked page = 1;
     @tracked limit;
     @tracked sort = '-created_at';
-    @tracked public_id;
-    @tracked name;
+    @tracked query;
+    @tracked telematic;
+    @tracked device;
+    @tracked event_type;
+    @tracked severity;
+    @tracked processed;
+    @tracked occurred_at;
+    @tracked created_at;
+    @tracked updated_at;
 
     /** action buttons */
     @tracked actionButtons = [
@@ -40,13 +117,17 @@ export default class ConnectivityEventsIndexController extends Controller {
             resizable: true,
             sortable: true,
             filterable: true,
+            filterParam: 'event_type',
             filterComponent: 'filter/string',
         },
         {
             label: 'Device',
             valuePath: 'device.displayName',
-            cellComponent: 'table/cell/anchor',
-            action: this.deviceActions.transition.view,
+            cellComponent: 'cell/device-identity',
+            resourcePath: eventDevice,
+            compact: true,
+            showStatus: false,
+            action: this.openDevice,
             permission: 'fleet-ops view device',
             resizable: true,
             sortable: true,
@@ -55,23 +136,50 @@ export default class ConnectivityEventsIndexController extends Controller {
             filterComponentPlaceholder: 'Select device',
             filterParam: 'device',
             model: 'device',
+            modelNamePath: 'displayName',
         },
         {
             label: 'Provider',
             valuePath: 'provider',
+            cellComponent: 'cell/telematic-provider',
+            resourcePath: eventTelematic,
+            compact: true,
+            action: this.openTelematic,
+            permission: 'fleet-ops view telematic',
             resizable: true,
             sortable: true,
             filterable: true,
-            filterParam: 'provider',
-            filterComponent: 'filter/string',
+            filterParam: 'telematic',
+            filterComponent: 'filter/model',
+            filterComponentPlaceholder: 'Select telematic',
+            model: 'telematic',
         },
         {
             label: 'Severity',
             valuePath: 'severity',
+            cellComponent: 'table/cell/status',
             resizable: true,
             sortable: true,
             filterable: true,
             filterParam: 'severity',
+            filterComponent: 'filter/multi-option',
+            filterOptions: severityOptions,
+            filterOptionLabel: 'label',
+            filterOptionValue: 'value',
+        },
+        {
+            label: 'Message',
+            valuePath: 'message',
+            resizable: true,
+            sortable: false,
+        },
+        {
+            label: 'Code',
+            valuePath: 'code',
+            resizable: true,
+            sortable: true,
+            filterable: true,
+            filterParam: 'code',
             filterComponent: 'filter/string',
         },
         {
@@ -96,13 +204,27 @@ export default class ConnectivityEventsIndexController extends Controller {
             sortable: true,
         },
         {
-            label: 'Code',
-            valuePath: 'code',
+            label: 'Processed',
+            valuePath: 'processedAt',
+            sortParam: 'processed_at',
             resizable: true,
             sortable: true,
             filterable: true,
-            filterParam: 'code',
-            filterComponent: 'filter/string',
+            filterParam: 'processed',
+            filterComponent: 'filter/multi-option',
+            filterOptions: processedOptions,
+            filterOptionLabel: 'label',
+            filterOptionValue: 'value',
+        },
+        {
+            label: 'Occurred',
+            valuePath: 'occurredAt',
+            sortParam: 'occurred_at',
+            resizable: true,
+            sortable: true,
+            filterable: true,
+            filterParam: 'occurred_at',
+            filterComponent: 'filter/date',
         },
         {
             label: this.intl.t('column.created-at'),
@@ -111,7 +233,19 @@ export default class ConnectivityEventsIndexController extends Controller {
             resizable: true,
             sortable: true,
             filterable: true,
+            filterParam: 'created_at',
+            filterComponent: 'filter/date',
+        },
+        {
+            label: this.intl.t('column.updated-at'),
+            valuePath: 'updatedAt',
+            sortParam: 'updated_at',
+            resizable: true,
+            sortable: true,
+            filterable: true,
+            filterParam: 'updated_at',
             filterComponent: 'filter/date',
+            hidden: true,
         },
         {
             label: '',
@@ -130,6 +264,11 @@ export default class ConnectivityEventsIndexController extends Controller {
                     fn: this.deviceEventActions.transition.view,
                     permission: 'fleet-ops view device-event',
                 },
+                {
+                    label: 'Mark processed',
+                    fn: this.markProcessed,
+                    permission: 'fleet-ops update device-event',
+                },
             ],
             sortable: false,
             filterable: false,
@@ -137,4 +276,41 @@ export default class ConnectivityEventsIndexController extends Controller {
             searchable: false,
         },
     ];
+
+    async resolveDevice(device) {
+        if (!device?.id) {
+            return null;
+        }
+
+        const cachedDevice = this.store.peekRecord('device', device.id);
+
+        if (cachedDevice) {
+            return cachedDevice;
+        }
+
+        try {
+            return await this.store.findRecord('device', device.id);
+        } catch (_) {
+            return device;
+        }
+    }
+
+    @action async openDevice(device) {
+        const resolvedDevice = await this.resolveDevice(device);
+
+        if (resolvedDevice?.id) {
+            return this.deviceActions.panel.view(resolvedDevice);
+        }
+    }
+
+    @action openTelematic(telematic) {
+        if (telematic?.id) {
+            return this.telematicActions.transition.view(telematic);
+        }
+    }
+
+    @action async markProcessed(deviceEvent) {
+        await this.deviceEventActions.markProcessed(deviceEvent);
+        await this.hostRouter.refresh();
+    }
 }