@fleetbase/fleetops-engine 0.6.69 → 0.6.71

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,20 +46,29 @@ 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 },
-            { text: this.intl.t('common.import'), type: 'magic', icon: 'upload', onClick: this.partActions.import },
-            { text: this.intl.t('common.export'), icon: 'long-arrow-up', iconClass: 'rotate-icon-45', wrapperClass: 'hidden md:flex', onClick: this.partActions.export },
+            { 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',
+                wrapperClass: 'hidden md:flex',
+                onClick: this.partActions.export,
+                permission: 'fleet-ops export part',
+            },
         ];
     }
 
     get bulkActions() {
-        return [{ label: 'Delete selected...', class: 'text-red-500', fn: this.partActions.bulkDelete }];
+        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',
@@ -71,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,
@@ -80,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',
@@ -91,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',
@@ -100,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',
@@ -114,6 +137,7 @@ export default class MaintenancePartsIndexController extends Controller {
                 filterComponent: 'filter/date',
             },
             {
+                id: 'row-actions',
                 label: '',
                 cellComponent: 'table/cell/dropdown',
                 ddButtonText: false,
@@ -124,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,20 +153,45 @@ 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') },
-            { text: this.intl.t('common.new'), type: 'primary', icon: 'plus', onClick: this.maintenanceScheduleActions.transition.create },
-            { text: this.intl.t('common.import'), type: 'magic', icon: 'upload', onClick: this.maintenanceScheduleActions.import },
-            { text: this.intl.t('common.export'), icon: 'long-arrow-up', iconClass: 'rotate-icon-45', wrapperClass: 'hidden md:flex', onClick: this.maintenanceScheduleActions.export },
+            { 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',
+            },
+            {
+                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',
+                wrapperClass: 'hidden md:flex',
+                onClick: this.maintenanceScheduleActions.export,
+                permission: 'fleet-ops export maintenance-schedule',
+            },
         ];
     }
 
     get bulkActions() {
-        return [{ label: 'Delete selected...', class: 'text-red-500', fn: this.maintenanceScheduleActions.bulkDelete }];
+        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',
@@ -177,6 +205,7 @@ export default class MaintenanceSchedulesIndexController extends Controller {
                 filterComponent: 'filter/string',
             },
             {
+                id: 'name',
                 label: this.intl.t('column.name'),
                 valuePath: 'name',
                 resizable: true,
@@ -186,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',
@@ -195,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',
@@ -205,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',
@@ -216,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',
@@ -226,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',
@@ -235,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',
@@ -244,6 +279,7 @@ export default class MaintenanceSchedulesIndexController extends Controller {
                 filterComponent: 'filter/date',
             },
             {
+                id: 'row-actions',
                 label: '',
                 cellComponent: 'table/cell/dropdown',
                 ddButtonText: false,
@@ -254,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,20 +20,29 @@ 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 },
-            { text: this.intl.t('common.import'), type: 'magic', icon: 'upload', onClick: this.workOrderActions.import },
-            { text: this.intl.t('common.export'), icon: 'long-arrow-up', iconClass: 'rotate-icon-45', wrapperClass: 'hidden md:flex', onClick: this.workOrderActions.export },
+            { 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',
+                wrapperClass: 'hidden md:flex',
+                onClick: this.workOrderActions.export,
+                permission: 'fleet-ops export work-order',
+            },
         ];
     }
 
     get bulkActions() {
-        return [{ label: 'Delete selected...', class: 'text-red-500', fn: this.workOrderActions.bulkDelete }];
+        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',
@@ -46,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',
@@ -63,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',
@@ -73,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',
@@ -84,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',
@@ -93,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',
@@ -100,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',
@@ -113,6 +146,7 @@ export default class MaintenanceWorkOrdersIndexController extends Controller {
                 filterComponent: 'filter/date',
             },
             {
+                id: 'row-actions',
                 label: '',
                 cellComponent: 'table/cell/dropdown',
                 ddButtonText: false,
@@ -123,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',
@@ -141,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',

package/addon/controllers/management/contacts/customers.js

@@ -18,6 +18,7 @@ export default class ManagementContactsCustomersController extends ManagementCon
     get columns() {
         return [
             {
+                id: 'name',
                 sticky: true,
                 label: this.intl.t('column.name'),
                 valuePath: 'name',
@@ -31,6 +32,7 @@ export default class ManagementContactsCustomersController extends ManagementCon
                 filterComponent: 'filter/string',
             },
             {
+                id: 'public-id',
                 label: this.intl.t('column.id'),
                 valuePath: 'public_id',
                 cellComponent: 'click-to-copy',
@@ -41,6 +43,7 @@ export default class ManagementContactsCustomersController extends ManagementCon
                 filterComponent: 'filter/string',
             },
             {
+                id: 'internal-id',
                 label: this.intl.t('column.internal-id'),
                 valuePath: 'internal_id',
                 cellComponent: 'click-to-copy',
@@ -51,6 +54,7 @@ export default class ManagementContactsCustomersController extends ManagementCon
                 filterComponent: 'filter/string',
             },
             {
+                id: 'title',
                 label: this.intl.t('column.title'),
                 valuePath: 'title',
                 cellComponent: 'click-to-copy',
@@ -62,6 +66,7 @@ export default class ManagementContactsCustomersController extends ManagementCon
                 filterComponent: 'filter/string',
             },
             {
+                id: 'email',
                 label: this.intl.t('column.email'),
                 valuePath: 'email',
                 cellComponent: 'click-to-copy',
@@ -72,6 +77,7 @@ export default class ManagementContactsCustomersController extends ManagementCon
                 filterComponent: 'filter/string',
             },
             {
+                id: 'phone',
                 label: this.intl.t('column.phone'),
                 valuePath: 'phone',
                 cellComponent: 'click-to-copy',
@@ -82,6 +88,7 @@ export default class ManagementContactsCustomersController extends ManagementCon
                 filterComponent: 'filter/string',
             },
             {
+                id: 'address',
                 label: this.intl.t('column.address'),
                 valuePath: 'address',
                 cellComponent: 'cell/place-identity',
@@ -94,6 +101,7 @@ export default class ManagementContactsCustomersController extends ManagementCon
                 filterComponent: 'filter/string',
             },
             {
+                id: 'created-at',
                 label: this.intl.t('column.created'),
                 valuePath: 'createdAt',
                 sortParam: 'created_at',
@@ -104,6 +112,7 @@ export default class ManagementContactsCustomersController extends ManagementCon
                 filterComponent: 'filter/date',
             },
             {
+                id: 'updated-at',
                 label: this.intl.t('column.updated'),
                 valuePath: 'updatedAt',
                 sortParam: 'updated_at',
@@ -115,6 +124,7 @@ export default class ManagementContactsCustomersController extends ManagementCon
                 filterComponent: 'filter/date',
             },
             {
+                id: 'row-actions',
                 label: '',
                 cellComponent: 'table/cell/dropdown',
                 ddButtonText: false,
@@ -127,12 +137,14 @@ export default class ManagementContactsCustomersController extends ManagementCon
                 width: 60,
                 actions: [
                     {
+                        id: 'view',
                         label: this.intl.t('common.view-resource', { resource: this.intl.t('resource.customer') }),
                         icon: 'eye',
                         fn: this.customerActions.transition.view,
                         permission: 'fleet-ops view contact',
                     },
                     {
+                        id: 'edit',
                         label: this.intl.t('common.edit-resource', { resource: this.intl.t('resource.customer') }),
                         icon: 'pencil',
                         fn: this.customerActions.transition.edit,
@@ -146,6 +158,7 @@ export default class ManagementContactsCustomersController extends ManagementCon
                         separator: true,
                     },
                     {
+                        id: 'delete',
                         label: this.intl.t('common.delete-resource', { resource: this.intl.t('resource.customer') }),
                         icon: 'trash',
                         fn: this.customerActions.delete,