@fleetbase/fleetops-engine 0.6.70 → 0.6.72

package/addon/controllers/maintenance/maintenances/index.js

@@ -9,7 +9,7 @@ export default class MaintenanceMaintenancesIndexController extends Controller {
     @service intl;
 
     /** query params */
-    @tracked queryParams = ['type', 'status', 'priority', 'page', 'limit', 'sort', 'query', 'public_id', 'created_at', 'updated_at'];
+    @tracked queryParams = this.maintenanceActions.queryParamsFor(['type', 'status', 'priority', 'page', 'limit', 'sort', 'query', 'public_id', 'created_at', 'updated_at']);
     @tracked page = 1;
     @tracked limit;
     @tracked sort = '-created_at';
@@ -22,11 +22,13 @@ export default class MaintenanceMaintenancesIndexController extends Controller {
     get actionButtons() {
         return [
             {
+                id: 'refresh',
                 icon: 'refresh',
                 onClick: this.maintenanceActions.refresh,
                 helpText: this.intl.t('common.refresh'),
             },
             {
+                id: 'create',
                 text: this.intl.t('common.new'),
                 type: 'primary',
                 icon: 'plus',
@@ -34,6 +36,7 @@ export default class MaintenanceMaintenancesIndexController extends Controller {
                 permission: 'fleet-ops create maintenance',
             },
             {
+                id: 'import',
                 text: this.intl.t('common.import'),
                 type: 'magic',
                 icon: 'upload',
@@ -41,6 +44,7 @@ export default class MaintenanceMaintenancesIndexController extends Controller {
                 permission: 'fleet-ops import maintenance',
             },
             {
+                id: 'export',
                 text: this.intl.t('common.export'),
                 icon: 'long-arrow-up',
                 iconClass: 'rotate-icon-45',
@@ -55,6 +59,7 @@ export default class MaintenanceMaintenancesIndexController extends Controller {
     get bulkActions() {
         return [
             {
+                id: 'bulk-delete',
                 label: 'Delete selected...',
                 class: 'text-red-500',
                 fn: this.maintenanceActions.bulkDelete,
@@ -67,6 +72,7 @@ export default class MaintenanceMaintenancesIndexController extends Controller {
     get columns() {
         return [
             {
+                id: 'summary',
                 label: this.intl.t('column.summary'),
                 valuePath: 'summary',
                 cellComponent: 'table/cell/anchor',
@@ -80,6 +86,7 @@ export default class MaintenanceMaintenancesIndexController extends Controller {
                 filterComponent: 'filter/string',
             },
             {
+                id: 'maintainable-name',
                 label: this.intl.t('column.asset'),
                 valuePath: 'maintainable.name',
                 cellComponent: 'cell/maintenance-subject-identity',
@@ -88,6 +95,7 @@ export default class MaintenanceMaintenancesIndexController extends Controller {
                 sortable: true,
             },
             {
+                id: 'performed-by-name',
                 label: this.intl.t('column.performed-by'),
                 valuePath: 'performed_by.name',
                 cellComponent: 'cell/facilitator-identity',
@@ -96,6 +104,7 @@ export default class MaintenanceMaintenancesIndexController extends Controller {
                 sortable: true,
             },
             {
+                id: 'type',
                 label: this.intl.t('column.type'),
                 valuePath: 'type',
                 cellComponent: 'table/cell/base',
@@ -107,6 +116,7 @@ export default class MaintenanceMaintenancesIndexController extends Controller {
                 filterComponent: 'filter/string',
             },
             {
+                id: 'status',
                 label: this.intl.t('column.status'),
                 valuePath: 'status',
                 cellComponent: 'table/cell/status',
@@ -117,6 +127,7 @@ export default class MaintenanceMaintenancesIndexController extends Controller {
                 filterComponent: 'filter/string',
             },
             {
+                id: 'priority',
                 label: this.intl.t('column.priority'),
                 valuePath: 'priority',
                 cellComponent: 'table/cell/base',
@@ -128,6 +139,7 @@ export default class MaintenanceMaintenancesIndexController extends Controller {
                 filterComponent: 'filter/string',
             },
             {
+                id: 'scheduled-at',
                 label: this.intl.t('column.scheduled-at'),
                 valuePath: 'scheduledAt',
                 sortParam: 'scheduled_at',
@@ -137,6 +149,7 @@ export default class MaintenanceMaintenancesIndexController extends Controller {
                 filterComponent: 'filter/date',
             },
             {
+                id: 'total-cost',
                 label: this.intl.t('column.total-cost'),
                 valuePath: 'total_cost',
                 cellComponent: 'table/cell/currency',
@@ -144,6 +157,7 @@ export default class MaintenanceMaintenancesIndexController extends Controller {
                 sortable: true,
             },
             {
+                id: 'created-at',
                 label: this.intl.t('column.created-at'),
                 valuePath: 'createdAt',
                 sortParam: 'created_at',
@@ -153,6 +167,7 @@ export default class MaintenanceMaintenancesIndexController extends Controller {
                 filterComponent: 'filter/date',
             },
             {
+                id: 'updated-at',
                 label: this.intl.t('column.updated-at'),
                 valuePath: 'updatedAt',
                 sortParam: 'updated_at',
@@ -163,6 +178,7 @@ export default class MaintenanceMaintenancesIndexController extends Controller {
                 filterComponent: 'filter/date',
             },
             {
+                id: 'row-actions',
                 label: '',
                 cellComponent: 'table/cell/dropdown',
                 ddButtonText: false,
@@ -173,17 +189,20 @@ export default class MaintenanceMaintenancesIndexController extends Controller {
                 wrapperClass: 'flex items-center justify-end mx-2',
                 actions: [
                     {
+                        id: 'view',
                         label: this.intl.t('common.view-resource', { resource: this.intl.t('resource.maintenance') }),
                         fn: this.maintenanceActions.transition.view,
                         permission: 'fleet-ops view maintenance',
                     },
                     {
+                        id: 'edit',
                         label: this.intl.t('common.edit-resource', { resource: this.intl.t('resource.maintenance') }),
                         fn: this.maintenanceActions.transition.edit,
                         permission: 'fleet-ops update maintenance',
                     },
                     { separator: true },
                     {
+                        id: 'delete',
                         label: this.intl.t('common.delete-resource', { resource: this.intl.t('resource.maintenance') }),
                         fn: this.maintenanceActions.delete,
                         permission: 'fleet-ops delete maintenance',

package/addon/controllers/maintenance/parts/index/details.js

@@ -19,8 +19,8 @@ export default class MaintenancePartsIndexDetailsController extends Controller {
 
     get actionButtons() {
         return [
-            { icon: 'edit', fn: this.edit, permission: 'fleet-ops update part' },
-            { icon: 'trash', fn: this.delete, type: 'danger', permission: 'fleet-ops delete part' },
+            { id: 'edit', icon: 'edit', fn: this.edit, permission: 'fleet-ops update part' },
+            { id: 'delete', icon: 'trash', fn: this.delete, type: 'danger', permission: 'fleet-ops delete part' },
         ];
     }
 

package/addon/controllers/maintenance/parts/index.js

@@ -7,7 +7,7 @@ export default class MaintenancePartsIndexController extends Controller {
     @service intl;
     @service appCache;
 
-    @tracked queryParams = ['type', 'status', 'page', 'limit', 'sort', 'query', 'public_id', 'created_at', 'updated_at'];
+    @tracked queryParams = this.partActions.queryParamsFor(['type', 'status', 'page', 'limit', 'sort', 'query', 'public_id', 'created_at', 'updated_at']);
     @tracked page = 1;
     @tracked limit;
     @tracked sort = '-created_at';
@@ -21,6 +21,7 @@ export default class MaintenancePartsIndexController extends Controller {
     get actionButtons() {
         return [
             {
+                id: 'more',
                 component: 'dropdown-button',
                 icon: 'display',
                 size: 'xs',
@@ -45,10 +46,11 @@ export default class MaintenancePartsIndexController extends Controller {
                 renderInPlace: true,
                 helpText: 'Change the layout',
             },
-            { icon: 'refresh', onClick: this.partActions.refresh, helpText: this.intl.t('common.refresh') },
-            { text: this.intl.t('common.new'), type: 'primary', icon: 'plus', onClick: this.partActions.transition.create, permission: 'fleet-ops create part' },
-            { text: this.intl.t('common.import'), type: 'magic', icon: 'upload', onClick: this.partActions.import, permission: 'fleet-ops import part' },
+            { id: 'refresh', icon: 'refresh', onClick: this.partActions.refresh, helpText: this.intl.t('common.refresh') },
+            { id: 'create', text: this.intl.t('common.new'), type: 'primary', icon: 'plus', onClick: this.partActions.transition.create, permission: 'fleet-ops create part' },
+            { id: 'import', text: this.intl.t('common.import'), type: 'magic', icon: 'upload', onClick: this.partActions.import, permission: 'fleet-ops import part' },
             {
+                id: 'export',
                 text: this.intl.t('common.export'),
                 icon: 'long-arrow-up',
                 iconClass: 'rotate-icon-45',
@@ -60,12 +62,13 @@ export default class MaintenancePartsIndexController extends Controller {
     }
 
     get bulkActions() {
-        return [{ label: 'Delete selected...', class: 'text-red-500', fn: this.partActions.bulkDelete, permission: 'fleet-ops delete part' }];
+        return [{ id: 'bulk-delete', label: 'Delete selected...', class: 'text-red-500', fn: this.partActions.bulkDelete, permission: 'fleet-ops delete part' }];
     }
 
     get columns() {
         return [
             {
+                id: 'name',
                 label: this.intl.t('column.name'),
                 valuePath: 'name',
                 cellComponent: 'cell/part-identity',
@@ -78,6 +81,7 @@ export default class MaintenancePartsIndexController extends Controller {
                 filterComponent: 'filter/string',
             },
             {
+                id: 'sku',
                 label: this.intl.t('column.part-number'),
                 valuePath: 'sku',
                 resizable: true,
@@ -87,6 +91,7 @@ export default class MaintenancePartsIndexController extends Controller {
                 filterComponent: 'filter/string',
             },
             {
+                id: 'type',
                 label: this.intl.t('column.type'),
                 valuePath: 'type',
                 cellComponent: 'table/cell/base',
@@ -98,6 +103,7 @@ export default class MaintenancePartsIndexController extends Controller {
                 filterComponent: 'filter/string',
             },
             {
+                id: 'status',
                 label: this.intl.t('column.status'),
                 valuePath: 'status',
                 cellComponent: 'table/cell/status',
@@ -107,10 +113,20 @@ export default class MaintenancePartsIndexController extends Controller {
                 filterParam: 'status',
                 filterComponent: 'filter/string',
             },
-            { label: this.intl.t('column.quantity-on-hand'), valuePath: 'quantity_on_hand', resizable: true, sortable: true },
-            { label: this.intl.t('column.unit-cost'), valuePath: 'unit_cost', cellComponent: 'table/cell/currency', resizable: true, sortable: true },
-            { label: this.intl.t('column.created-at'), valuePath: 'createdAt', sortParam: 'created_at', resizable: true, sortable: true, filterable: true, filterComponent: 'filter/date' },
+            { id: 'quantity-on-hand', label: this.intl.t('column.quantity-on-hand'), valuePath: 'quantity_on_hand', resizable: true, sortable: true },
+            { id: 'unit-cost', label: this.intl.t('column.unit-cost'), valuePath: 'unit_cost', cellComponent: 'table/cell/currency', resizable: true, sortable: true },
             {
+                id: 'created-at',
+                label: this.intl.t('column.created-at'),
+                valuePath: 'createdAt',
+                sortParam: 'created_at',
+                resizable: true,
+                sortable: true,
+                filterable: true,
+                filterComponent: 'filter/date',
+            },
+            {
+                id: 'updated-at',
                 label: this.intl.t('column.updated-at'),
                 valuePath: 'updatedAt',
                 sortParam: 'updated_at',
@@ -121,6 +137,7 @@ export default class MaintenancePartsIndexController extends Controller {
                 filterComponent: 'filter/date',
             },
             {
+                id: 'row-actions',
                 label: '',
                 cellComponent: 'table/cell/dropdown',
                 ddButtonText: false,
@@ -131,17 +148,20 @@ export default class MaintenancePartsIndexController extends Controller {
                 wrapperClass: 'flex items-center justify-end mx-2',
                 actions: [
                     {
+                        id: 'view',
                         label: this.intl.t('common.view-resource', { resource: this.intl.t('resource.part') }),
                         fn: this.partActions.transition.view,
                         permission: 'fleet-ops view part',
                     },
                     {
+                        id: 'edit',
                         label: this.intl.t('common.edit-resource', { resource: this.intl.t('resource.part') }),
                         fn: this.partActions.transition.edit,
                         permission: 'fleet-ops update part',
                     },
                     { separator: true },
                     {
+                        id: 'delete',
                         label: this.intl.t('common.delete-resource', { resource: this.intl.t('resource.part') }),
                         fn: this.partActions.delete,
                         permission: 'fleet-ops delete part',

package/addon/controllers/maintenance/schedules/index.js

@@ -33,7 +33,7 @@ export default class MaintenanceSchedulesIndexController extends Controller {
         return this.maintenanceScheduleActions;
     }
 
-    @tracked queryParams = ['status', 'page', 'limit', 'sort', 'query', 'public_id', 'created_at', 'updated_at'];
+    @tracked queryParams = this.maintenanceScheduleActions.queryParamsFor(['status', 'page', 'limit', 'sort', 'query', 'public_id', 'created_at', 'updated_at']);
     @tracked page = 1;
     @tracked limit;
     @tracked sort = '-created_at';
@@ -132,16 +132,19 @@ export default class MaintenanceSchedulesIndexController extends Controller {
     get actionButtons() {
         return [
             {
+                id: 'more',
                 component: 'dropdown-button',
                 icon: 'display',
                 size: 'xs',
                 items: [
                     {
+                        id: 'list-view',
                         label: this.intl.t('common.table-view'),
                         icon: 'table-list',
                         onClick: this.setLayoutList,
                     },
                     {
+                        id: 'calendar-view',
                         label: this.intl.t('common.calendar-view'),
                         icon: 'calendar',
                         onClick: this.setLayoutCalendar,
@@ -150,16 +153,25 @@ export default class MaintenanceSchedulesIndexController extends Controller {
                 renderInPlace: true,
                 helpText: this.intl.t('common.change-layout'),
             },
-            { icon: 'refresh', onClick: this.maintenanceScheduleActions.refresh, helpText: this.intl.t('common.refresh') },
+            { id: 'refresh', icon: 'refresh', onClick: this.maintenanceScheduleActions.refresh, helpText: this.intl.t('common.refresh') },
             {
+                id: 'create',
                 text: this.intl.t('common.new'),
                 type: 'primary',
                 icon: 'plus',
                 onClick: this.maintenanceScheduleActions.transition.create,
                 permission: 'fleet-ops create maintenance-schedule',
             },
-            { text: this.intl.t('common.import'), type: 'magic', icon: 'upload', onClick: this.maintenanceScheduleActions.import, permission: 'fleet-ops import maintenance-schedule' },
             {
+                id: 'import',
+                text: this.intl.t('common.import'),
+                type: 'magic',
+                icon: 'upload',
+                onClick: this.maintenanceScheduleActions.import,
+                permission: 'fleet-ops import maintenance-schedule',
+            },
+            {
+                id: 'export',
                 text: this.intl.t('common.export'),
                 icon: 'long-arrow-up',
                 iconClass: 'rotate-icon-45',
@@ -171,12 +183,15 @@ export default class MaintenanceSchedulesIndexController extends Controller {
     }
 
     get bulkActions() {
-        return [{ label: 'Delete selected...', class: 'text-red-500', fn: this.maintenanceScheduleActions.bulkDelete, permission: 'fleet-ops delete maintenance-schedule' }];
+        return [
+            { id: 'bulk-delete', label: 'Delete selected...', class: 'text-red-500', fn: this.maintenanceScheduleActions.bulkDelete, permission: 'fleet-ops delete maintenance-schedule' },
+        ];
     }
 
     get columns() {
         return [
             {
+                id: 'public-id',
                 label: this.intl.t('column.id'),
                 valuePath: 'public_id',
                 cellComponent: 'table/cell/anchor',
@@ -190,6 +205,7 @@ export default class MaintenanceSchedulesIndexController extends Controller {
                 filterComponent: 'filter/string',
             },
             {
+                id: 'name',
                 label: this.intl.t('column.name'),
                 valuePath: 'name',
                 resizable: true,
@@ -199,6 +215,7 @@ export default class MaintenanceSchedulesIndexController extends Controller {
                 filterComponent: 'filter/string',
             },
             {
+                id: 'subject-name',
                 label: this.intl.t('column.subject'),
                 valuePath: 'subject.name',
                 cellComponent: 'cell/maintenance-subject-identity',
@@ -208,6 +225,7 @@ export default class MaintenanceSchedulesIndexController extends Controller {
                 sortable: false,
             },
             {
+                id: 'default-assignee-name',
                 label: this.intl.t('column.assignee'),
                 valuePath: 'default_assignee_name',
                 cellComponent: 'cell/facilitator-identity',
@@ -218,6 +236,7 @@ export default class MaintenanceSchedulesIndexController extends Controller {
                 hidden: true,
             },
             {
+                id: 'type',
                 label: this.intl.t('column.type'),
                 valuePath: 'type',
                 cellComponent: 'table/cell/base',
@@ -229,6 +248,7 @@ export default class MaintenanceSchedulesIndexController extends Controller {
                 filterComponent: 'filter/string',
             },
             {
+                id: 'status',
                 label: this.intl.t('column.status'),
                 valuePath: 'status',
                 cellComponent: 'table/cell/status',
@@ -239,6 +259,7 @@ export default class MaintenanceSchedulesIndexController extends Controller {
                 filterComponent: 'filter/string',
             },
             {
+                id: 'next-due-at-short',
                 label: this.intl.t('column.next-due'),
                 valuePath: 'nextDueAtShort',
                 sortParam: 'next_due_date',
@@ -248,6 +269,7 @@ export default class MaintenanceSchedulesIndexController extends Controller {
                 filterComponent: 'filter/date',
             },
             {
+                id: 'created-at',
                 label: this.intl.t('column.created-at'),
                 valuePath: 'createdAt',
                 sortParam: 'created_at',
@@ -257,6 +279,7 @@ export default class MaintenanceSchedulesIndexController extends Controller {
                 filterComponent: 'filter/date',
             },
             {
+                id: 'row-actions',
                 label: '',
                 cellComponent: 'table/cell/dropdown',
                 ddButtonText: false,
@@ -267,33 +290,39 @@ export default class MaintenanceSchedulesIndexController extends Controller {
                 wrapperClass: 'flex items-center justify-end mx-2',
                 actions: [
                     {
+                        id: 'view',
                         label: this.intl.t('common.view-resource', { resource: this.intl.t('resource.maintenance-schedule') }),
                         fn: this.maintenanceScheduleActions.transition.view,
                         permission: 'fleet-ops view maintenance-schedule',
                     },
                     {
+                        id: 'edit',
                         label: this.intl.t('common.edit-resource', { resource: this.intl.t('resource.maintenance-schedule') }),
                         fn: this.maintenanceScheduleActions.transition.edit,
                         permission: 'fleet-ops update maintenance-schedule',
                     },
                     {
+                        id: 'trigger-now',
                         label: this.intl.t('maintenance-schedule.actions.trigger-now'),
                         fn: this.maintenanceScheduleActions.triggerNow,
                         permission: 'fleet-ops update maintenance-schedule',
                     },
                     { separator: true },
                     {
+                        id: 'pause',
                         label: this.intl.t('maintenance-schedule.actions.pause'),
                         fn: this.maintenanceScheduleActions.pause,
                         permission: 'fleet-ops update maintenance-schedule',
                     },
                     {
+                        id: 'resume',
                         label: this.intl.t('maintenance-schedule.actions.resume'),
                         fn: this.maintenanceScheduleActions.resume,
                         permission: 'fleet-ops update maintenance-schedule',
                     },
                     { separator: true },
                     {
+                        id: 'delete',
                         label: this.intl.t('common.delete-resource', { resource: this.intl.t('resource.maintenance-schedule') }),
                         fn: this.maintenanceScheduleActions.delete,
                         permission: 'fleet-ops delete maintenance-schedule',

package/addon/controllers/maintenance/work-orders/index/details.js

@@ -19,9 +19,9 @@ export default class MaintenanceWorkOrdersIndexDetailsController extends Control
 
     get actionButtons() {
         return [
-            { icon: 'paper-plane', fn: this.sendEmail, text: 'Send to Vendor', permission: 'fleet-ops update work-order' },
-            { icon: 'edit', fn: this.edit, permission: 'fleet-ops update work-order' },
-            { icon: 'trash', fn: this.delete, type: 'danger', permission: 'fleet-ops delete work-order' },
+            { id: 'send-email', icon: 'paper-plane', fn: this.sendEmail, text: 'Send to Vendor', permission: 'fleet-ops update work-order' },
+            { id: 'edit', icon: 'edit', fn: this.edit, permission: 'fleet-ops update work-order' },
+            { id: 'delete', icon: 'trash', fn: this.delete, type: 'danger', permission: 'fleet-ops delete work-order' },
         ];
     }
 

package/addon/controllers/maintenance/work-orders/index.js

@@ -9,7 +9,7 @@ export default class MaintenanceWorkOrdersIndexController extends Controller {
     @service workOrderActions;
     @service intl;
 
-    @tracked queryParams = ['category', 'status', 'priority', 'page', 'limit', 'sort', 'query', 'public_id', 'created_at', 'updated_at'];
+    @tracked queryParams = this.workOrderActions.queryParamsFor(['category', 'status', 'priority', 'page', 'limit', 'sort', 'query', 'public_id', 'created_at', 'updated_at']);
     @tracked page = 1;
     @tracked limit;
     @tracked sort = '-created_at';
@@ -20,10 +20,11 @@ export default class MaintenanceWorkOrdersIndexController extends Controller {
 
     get actionButtons() {
         return [
-            { icon: 'refresh', onClick: this.workOrderActions.refresh, helpText: this.intl.t('common.refresh') },
-            { text: this.intl.t('common.new'), type: 'primary', icon: 'plus', onClick: this.workOrderActions.transition.create, permission: 'fleet-ops create work-order' },
-            { text: this.intl.t('common.import'), type: 'magic', icon: 'upload', onClick: this.workOrderActions.import, permission: 'fleet-ops import work-order' },
+            { id: 'refresh', icon: 'refresh', onClick: this.workOrderActions.refresh, helpText: this.intl.t('common.refresh') },
+            { id: 'create', text: this.intl.t('common.new'), type: 'primary', icon: 'plus', onClick: this.workOrderActions.transition.create, permission: 'fleet-ops create work-order' },
+            { id: 'import', text: this.intl.t('common.import'), type: 'magic', icon: 'upload', onClick: this.workOrderActions.import, permission: 'fleet-ops import work-order' },
             {
+                id: 'export',
                 text: this.intl.t('common.export'),
                 icon: 'long-arrow-up',
                 iconClass: 'rotate-icon-45',
@@ -35,12 +36,13 @@ export default class MaintenanceWorkOrdersIndexController extends Controller {
     }
 
     get bulkActions() {
-        return [{ label: 'Delete selected...', class: 'text-red-500', fn: this.workOrderActions.bulkDelete, permission: 'fleet-ops delete work-order' }];
+        return [{ id: 'bulk-delete', label: 'Delete selected...', class: 'text-red-500', fn: this.workOrderActions.bulkDelete, permission: 'fleet-ops delete work-order' }];
     }
 
     get columns() {
         return [
             {
+                id: 'code',
                 label: this.intl.t('column.code'),
                 valuePath: 'code',
                 cellComponent: 'table/cell/anchor',
@@ -53,8 +55,18 @@ export default class MaintenanceWorkOrdersIndexController extends Controller {
                 filterParam: 'code',
                 filterComponent: 'filter/string',
             },
-            { label: this.intl.t('column.subject'), valuePath: 'subject', resizable: true, sortable: true, filterable: true, filterParam: 'subject', filterComponent: 'filter/string' },
             {
+                id: 'subject',
+                label: this.intl.t('column.subject'),
+                valuePath: 'subject',
+                resizable: true,
+                sortable: true,
+                filterable: true,
+                filterParam: 'subject',
+                filterComponent: 'filter/string',
+            },
+            {
+                id: 'category',
                 label: this.intl.t('column.category'),
                 valuePath: 'category',
                 cellComponent: 'table/cell/base',
@@ -70,6 +82,7 @@ export default class MaintenanceWorkOrdersIndexController extends Controller {
                 placeholder: 'Select work order category',
             },
             {
+                id: 'status',
                 label: this.intl.t('column.status'),
                 valuePath: 'status',
                 cellComponent: 'table/cell/status',
@@ -80,6 +93,7 @@ export default class MaintenanceWorkOrdersIndexController extends Controller {
                 filterComponent: 'filter/string',
             },
             {
+                id: 'priority',
                 label: this.intl.t('column.priority'),
                 valuePath: 'priority',
                 cellComponent: 'table/cell/base',
@@ -91,6 +105,7 @@ export default class MaintenanceWorkOrdersIndexController extends Controller {
                 filterComponent: 'filter/string',
             },
             {
+                id: 'target-name',
                 label: this.intl.t('column.target'),
                 valuePath: 'target_name',
                 cellComponent: 'cell/maintenance-subject-identity',
@@ -100,6 +115,7 @@ export default class MaintenanceWorkOrdersIndexController extends Controller {
                 hidden: true,
             },
             {
+                id: 'assignee-name',
                 label: this.intl.t('column.assignee'),
                 valuePath: 'assignee_name',
                 cellComponent: 'cell/facilitator-identity',
@@ -107,9 +123,19 @@ export default class MaintenanceWorkOrdersIndexController extends Controller {
                 resizable: true,
                 sortable: false,
             },
-            { label: this.intl.t('column.due-at'), valuePath: 'dueAt', sortParam: 'due_at', resizable: true, sortable: true, filterable: true, filterComponent: 'filter/date' },
-            { label: this.intl.t('column.created-at'), valuePath: 'createdAt', sortParam: 'created_at', resizable: true, sortable: true, filterable: true, filterComponent: 'filter/date' },
+            { id: 'due-at', label: this.intl.t('column.due-at'), valuePath: 'dueAt', sortParam: 'due_at', resizable: true, sortable: true, filterable: true, filterComponent: 'filter/date' },
+            {
+                id: 'created-at',
+                label: this.intl.t('column.created-at'),
+                valuePath: 'createdAt',
+                sortParam: 'created_at',
+                resizable: true,
+                sortable: true,
+                filterable: true,
+                filterComponent: 'filter/date',
+            },
             {
+                id: 'updated-at',
                 label: this.intl.t('column.updated-at'),
                 valuePath: 'updatedAt',
                 sortParam: 'updated_at',
@@ -120,6 +146,7 @@ export default class MaintenanceWorkOrdersIndexController extends Controller {
                 filterComponent: 'filter/date',
             },
             {
+                id: 'row-actions',
                 label: '',
                 cellComponent: 'table/cell/dropdown',
                 ddButtonText: false,
@@ -130,17 +157,20 @@ export default class MaintenanceWorkOrdersIndexController extends Controller {
                 wrapperClass: 'flex items-center justify-end mx-2',
                 actions: [
                     {
+                        id: 'view',
                         label: this.intl.t('common.view-resource', { resource: this.intl.t('resource.work-order') }),
                         fn: this.workOrderActions.transition.view,
                         permission: 'fleet-ops view work-order',
                     },
                     {
+                        id: 'edit',
                         label: this.intl.t('common.edit-resource', { resource: this.intl.t('resource.work-order') }),
                         fn: this.workOrderActions.transition.edit,
                         permission: 'fleet-ops update work-order',
                     },
                     { separator: true },
                     {
+                        id: 'send-email',
                         label: 'Send Work Order to Vendor',
                         fn: this.workOrderActions.sendEmail,
                         icon: 'paper-plane',
@@ -148,6 +178,7 @@ export default class MaintenanceWorkOrdersIndexController extends Controller {
                     },
                     { separator: true },
                     {
+                        id: 'delete',
                         label: this.intl.t('common.delete-resource', { resource: this.intl.t('resource.work-order') }),
                         fn: this.workOrderActions.delete,
                         permission: 'fleet-ops delete work-order',