@fleetbase/fleetops-engine 0.6.70 → 0.6.72

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,

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

@@ -12,7 +12,28 @@ export default class ManagementContactsIndexController extends Controller {
     @service appCache;
 
     /** query params */
-    @tracked queryParams = ['page', 'limit', 'sort', 'query', 'public_id', 'internal_id', 'created_by', 'updated_by', 'status', 'title', 'email', 'phone'];
+    /**
+     * This tab's table registry, e.g. `fleet-ops:contact:table`. The contacts
+     * header (`management/contacts.hbs`) renders for whichever tab is open.
+     */
+    get tableRegistry() {
+        return this.contactActions.tableRegistry;
+    }
+
+    @tracked queryParams = this.contactActions.queryParamsFor([
+        'page',
+        'limit',
+        'sort',
+        'query',
+        'public_id',
+        'internal_id',
+        'created_by',
+        'updated_by',
+        'status',
+        'title',
+        'email',
+        'phone',
+    ]);
     @tracked page = 1;
     @tracked limit;
     @tracked sort = '-created_at';
@@ -34,16 +55,19 @@ export default class ManagementContactsIndexController extends Controller {
     get actionButtons() {
         return [
             {
+                id: 'more',
                 component: 'dropdown-button',
                 icon: 'display',
                 size: 'xs',
                 items: [
                     {
+                        id: 'table-view',
                         label: this.intl.t('common.table-view'),
                         icon: 'table-list',
                         onClick: () => this.setLayout('table'),
                     },
                     {
+                        id: 'grid-view',
                         label: this.intl.t('common.grid-view'),
                         icon: 'grip',
                         onClick: () => this.setLayout('grid'),
@@ -53,11 +77,13 @@ export default class ManagementContactsIndexController extends Controller {
                 helpText: this.intl.t('common.change-layout'),
             },
             {
+                id: 'refresh',
                 icon: 'refresh',
                 onClick: this.contactActions.refresh,
                 helpText: this.intl.t('common.refresh'),
             },
             {
+                id: 'create',
                 text: this.intl.t('common.new'),
                 type: 'primary',
                 icon: 'plus',
@@ -65,6 +91,7 @@ export default class ManagementContactsIndexController extends Controller {
                 permission: 'fleet-ops create contact',
             },
             {
+                id: 'import',
                 text: this.intl.t('common.import'),
                 type: 'magic',
                 icon: 'upload',
@@ -72,6 +99,7 @@ export default class ManagementContactsIndexController extends Controller {
                 permission: 'fleet-ops import contact',
             },
             {
+                id: 'export',
                 text: this.intl.t('common.export'),
                 icon: 'long-arrow-up',
                 iconClass: 'rotate-icon-45',
@@ -88,6 +116,7 @@ export default class ManagementContactsIndexController extends Controller {
 
         return [
             {
+                id: 'bulk-delete',
                 label: this.intl.t('common.delete-selected-count', { count: selected.length }),
                 class: 'text-red-500',
                 fn: this.contactActions.bulkDelete,
@@ -100,6 +129,7 @@ export default class ManagementContactsIndexController extends Controller {
     get columns() {
         return [
             {
+                id: 'name',
                 sticky: true,
                 label: this.intl.t('column.name'),
                 valuePath: 'name',
@@ -112,6 +142,7 @@ export default class ManagementContactsIndexController extends Controller {
                 filterComponent: 'filter/string',
             },
             {
+                id: 'public-id',
                 label: this.intl.t('column.id'),
                 valuePath: 'public_id',
                 cellComponent: 'click-to-copy',
@@ -121,6 +152,7 @@ export default class ManagementContactsIndexController extends Controller {
                 filterComponent: 'filter/string',
             },
             {
+                id: 'internal-id',
                 label: this.intl.t('column.internal-id'),
                 valuePath: 'internal_id',
                 cellComponent: 'click-to-copy',
@@ -130,6 +162,7 @@ export default class ManagementContactsIndexController extends Controller {
                 filterComponent: 'filter/string',
             },
             {
+                id: 'title',
                 label: this.intl.t('column.title'),
                 valuePath: 'title',
                 cellComponent: 'click-to-copy',
@@ -140,6 +173,7 @@ export default class ManagementContactsIndexController extends Controller {
                 filterComponent: 'filter/string',
             },
             {
+                id: 'email',
                 label: this.intl.t('column.email'),
                 valuePath: 'email',
                 cellComponent: 'click-to-copy',
@@ -149,6 +183,7 @@ export default class ManagementContactsIndexController extends Controller {
                 filterComponent: 'filter/string',
             },
             {
+                id: 'phone',
                 label: this.intl.t('column.phone'),
                 valuePath: 'phone',
                 cellComponent: 'click-to-copy',
@@ -158,6 +193,7 @@ export default class ManagementContactsIndexController extends Controller {
                 filterComponent: 'filter/string',
             },
             {
+                id: 'address',
                 label: this.intl.t('column.address'),
                 valuePath: 'address',
                 cellComponent: 'cell/place-identity',
@@ -170,6 +206,7 @@ export default class ManagementContactsIndexController extends Controller {
                 filterComponent: 'filter/string',
             },
             {
+                id: 'created-at',
                 label: this.intl.t('column.created'),
                 valuePath: 'createdAt',
                 sortParam: 'created_at',
@@ -179,6 +216,7 @@ export default class ManagementContactsIndexController extends Controller {
                 filterComponent: 'filter/date',
             },
             {
+                id: 'updated-at',
                 label: this.intl.t('column.updated'),
                 valuePath: 'updatedAt',
                 sortParam: 'updated_at',
@@ -189,6 +227,7 @@ export default class ManagementContactsIndexController extends Controller {
                 filterComponent: 'filter/date',
             },
             {
+                id: 'row-actions',
                 label: '',
                 cellComponent: 'table/cell/dropdown',
                 ddButtonText: false,
@@ -201,12 +240,14 @@ export default class ManagementContactsIndexController extends Controller {
                 width: 60,
                 actions: [
                     {
+                        id: 'view',
                         label: this.intl.t('common.view-resource', { resource: this.intl.t('resource.contact') }),
                         icon: 'eye',
                         fn: this.contactActions.transition.view,
                         permission: 'fleet-ops view contact',
                     },
                     {
+                        id: 'edit',
                         label: this.intl.t('common.edit-resource', { resource: this.intl.t('resource.contact') }),
                         icon: 'pencil',
                         fn: this.contactActions.transition.edit,
@@ -220,6 +261,7 @@ export default class ManagementContactsIndexController extends Controller {
                         separator: true,
                     },
                     {
+                        id: 'delete',
                         label: this.intl.t('common.delete-resource', { resource: this.intl.t('resource.contact') }),
                         icon: 'trash',
                         fn: this.contactActions.delete,

package/addon/controllers/management/drivers/index/details.js

@@ -39,6 +39,7 @@ export default class ManagementDriverIndexDetailsController extends Controller {
                 permission: 'fleet-ops update driver',
             },
             {
+                id: 'more',
                 icon: 'ellipsis-h',
                 iconPrefix: 'fas',
                 renderInPlace: true,

package/addon/controllers/management/drivers/index.js

@@ -17,7 +17,7 @@ export default class ManagementDriversIndexController extends Controller {
     @service appCache;
 
     /** query params */
-    @tracked queryParams = [
+    @tracked queryParams = this.driverActions.queryParamsFor([
         'page',
         'limit',
         'sort',
@@ -34,7 +34,7 @@ export default class ManagementDriversIndexController extends Controller {
         'created_at',
         'updated_at',
         'status',
-    ];
+    ]);
     @tracked page = 1;
     @tracked limit;
     @tracked sort = '-created_at';
@@ -75,16 +75,19 @@ export default class ManagementDriversIndexController extends Controller {
     get actionButtons() {
         return [
             {
+                id: 'more',
                 component: 'dropdown-button',
                 icon: 'display',
                 size: 'xs',
                 items: [
                     {
+                        id: 'table-view',
                         label: this.intl.t('common.table-view'),
                         icon: 'table-list',
                         onClick: () => this.changeLayout('table'),
                     },
                     {
+                        id: 'grid-view',
                         label: this.intl.t('common.grid-view'),
                         icon: 'grip',
                         onClick: () => this.changeLayout('grid'),
@@ -94,11 +97,13 @@ export default class ManagementDriversIndexController extends Controller {
                 helpText: 'Change the layout',
             },
             {
+                id: 'refresh',
                 icon: 'refresh',
                 onClick: this.driverActions.refresh,
                 helpText: this.intl.t('common.refresh'),
             },
             {
+                id: 'create',
                 text: this.intl.t('common.new'),
                 type: 'primary',
                 icon: 'plus',
@@ -106,6 +111,7 @@ export default class ManagementDriversIndexController extends Controller {
                 permission: 'fleet-ops create driver',
             },
             {
+                id: 'import',
                 text: this.intl.t('common.import'),
                 type: 'magic',
                 icon: 'upload',
@@ -113,6 +119,7 @@ export default class ManagementDriversIndexController extends Controller {
                 permission: 'fleet-ops import driver',
             },
             {
+                id: 'export',
                 text: this.intl.t('common.export'),
                 icon: 'long-arrow-up',
                 iconClass: 'rotate-icon-45',
@@ -129,6 +136,7 @@ export default class ManagementDriversIndexController extends Controller {
 
         return [
             {
+                id: 'bulk-delete',
                 label: this.intl.t('common.delete-selected-count', { count: selected.length }),
                 class: 'text-red-500',
                 fn: this.driverActions.bulkDelete,
@@ -141,6 +149,7 @@ export default class ManagementDriversIndexController extends Controller {
     get columns() {
         return [
             {
+                id: 'name',
                 sticky: true,
                 label: this.intl.t('column.name'),
                 valuePath: 'name',
@@ -153,6 +162,7 @@ export default class ManagementDriversIndexController extends Controller {
                 filterComponent: 'filter/string',
             },
             {
+                id: 'public-id',
                 label: this.intl.t('column.id'),
                 valuePath: 'public_id',
                 cellComponent: 'click-to-copy',
@@ -163,6 +173,7 @@ export default class ManagementDriversIndexController extends Controller {
                 filterComponent: 'filter/string',
             },
             {
+                id: 'phone',
                 label: this.intl.t('column.phone'),
                 valuePath: 'phone',
                 cellComponent: 'table/cell/base',
@@ -173,6 +184,7 @@ export default class ManagementDriversIndexController extends Controller {
                 filterComponent: 'filter/string',
             },
             {
+                id: 'drivers-license-number',
                 label: this.intl.t('column.license'),
                 valuePath: 'drivers_license_number',
                 cellComponent: 'table/cell/base',
@@ -182,6 +194,7 @@ export default class ManagementDriversIndexController extends Controller {
                 filterComponent: 'filter/string',
             },
             {
+                id: 'vehicle-display-name',
                 label: this.intl.t('column.vehicle'),
                 cellComponent: 'cell/vehicle-identity',
                 permission: 'fleet-ops view vehicle',
@@ -206,6 +219,7 @@ export default class ManagementDriversIndexController extends Controller {
                 model: 'vehicle',
             },
             {
+                id: 'internal-id',
                 label: this.intl.t('column.internal-id'),
                 valuePath: 'internal_id',
                 cellComponent: 'click-to-copy',
@@ -215,6 +229,7 @@ export default class ManagementDriversIndexController extends Controller {
                 filterComponent: 'filter/string',
             },
             {
+                id: 'vendor-name',
                 label: this.intl.t('column.vendor'),
                 cellComponent: 'cell/vendor-identity',
                 permission: 'fleet-ops view vendor',
@@ -233,6 +248,7 @@ export default class ManagementDriversIndexController extends Controller {
                 model: 'vendor',
             },
             {
+                id: 'fleets',
                 label: this.intl.t('column.fleet'),
                 cellComponent: 'table/cell/link-list',
                 cellComponentLabelPath: 'name',
@@ -247,6 +263,7 @@ export default class ManagementDriversIndexController extends Controller {
                 model: 'fleet',
             },
             {
+                id: 'country',
                 label: this.intl.t('column.country'),
                 valuePath: 'country',
                 cellComponent: 'table/cell/country',
@@ -264,6 +281,7 @@ export default class ManagementDriversIndexController extends Controller {
                 multiOptionSearchPlaceholder: this.intl.t('common.search-countries'),
             },
             {
+                id: 'status',
                 label: this.intl.t('column.status'),
                 valuePath: 'status',
                 cellComponent: 'table/cell/status',
@@ -274,6 +292,7 @@ export default class ManagementDriversIndexController extends Controller {
                 filterFetchOptions: 'drivers/statuses',
             },
             {
+                id: 'created-at',
                 label: this.intl.t('column.created-at'),
                 valuePath: 'createdAt',
                 sortParam: 'created_at',
@@ -284,6 +303,7 @@ export default class ManagementDriversIndexController extends Controller {
                 filterComponent: 'filter/date',
             },
             {
+                id: 'updated-at',
                 label: this.intl.t('column.updated-at'),
                 valuePath: 'updatedAt',
                 sortParam: 'updated_at',
@@ -295,6 +315,7 @@ export default class ManagementDriversIndexController extends Controller {
                 filterComponent: 'filter/date',
             },
             {
+                id: 'row-actions',
                 label: '',
                 cellComponent: 'table/cell/dropdown',
                 ddButtonText: false,
@@ -307,12 +328,14 @@ export default class ManagementDriversIndexController extends Controller {
                 width: 60,
                 actions: [
                     {
+                        id: 'view',
                         label: this.intl.t('common.view-resource', { resource: this.intl.t('resource.driver') }),
                         icon: 'eye',
                         fn: this.driverActions.transition.view,
                         permission: 'fleet-ops view driver',
                     },
                     {
+                        id: 'edit',
                         label: this.intl.t('common.edit-resource', { resource: this.intl.t('resource.driver') }),
                         icon: 'pencil',
                         fn: this.driverActions.transition.edit,
@@ -322,18 +345,21 @@ export default class ManagementDriversIndexController extends Controller {
                         separator: true,
                     },
                     {
+                        id: 'assign-order',
                         label: this.intl.t('driver.actions.assign-order'),
                         icon: 'clipboard-list',
                         fn: this.driverActions.assignOrder,
                         permission: 'fleet-ops assign-order-for driver',
                     },
                     {
+                        id: 'assign-vehicle',
                         label: this.intl.t('driver.actions.assign-vehicle'),
                         icon: 'car',
                         fn: this.driverActions.assignVehicle,
                         permission: 'fleet-ops assign-vehicle-for driver',
                     },
                     {
+                        id: 'unassign-orders',
                         label: this.intl.t('driver.actions.unassign-orders'),
                         icon: 'user-minus',
                         fn: this.driverActions.unassignOrders,
@@ -341,6 +367,7 @@ export default class ManagementDriversIndexController extends Controller {
                         isVisible: (driver) => Number(driver.assigned_orders_count) > 0,
                     },
                     {
+                        id: 'unassign-vehicle',
                         label: this.intl.t('driver.actions.unassign-vehicle'),
                         icon: 'link-slash',
                         fn: this.driverActions.unassignVehicle,
@@ -348,12 +375,14 @@ export default class ManagementDriversIndexController extends Controller {
                         isVisible: (driver) => this.hasAssignedVehicle(driver),
                     },
                     {
+                        id: 'locate',
                         label: this.intl.t('driver.actions.locate-driver'),
                         icon: 'location-dot',
                         fn: this.driverActions.locate,
                         permission: 'fleet-ops view driver',
                     },
                     {
+                        id: 'create-issue',
                         label: this.intl.t('driver.actions.create-issue'),
                         icon: 'triangle-exclamation',
                         fn: this.createIssue,
@@ -367,6 +396,7 @@ export default class ManagementDriversIndexController extends Controller {
                         separator: true,
                     },
                     {
+                        id: 'delete',
                         label: this.intl.t('common.delete-resource', { resource: this.intl.t('resource.driver') }),
                         icon: 'trash',
                         fn: this.driverActions.delete,

package/addon/controllers/management/fleets/index/details.js

@@ -35,6 +35,7 @@ export default class ManagementFleetsIndexDetailsController extends Controller {
                 permission: 'fleet-ops update fleet',
             },
             {
+                id: 'more',
                 icon: 'ellipsis-h',
                 iconPrefix: 'fas',
                 renderInPlace: true,