@fleetbase/fleetops-engine 0.6.64 → 0.6.66

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

@@ -1,11 +1,9 @@
 import Controller from '@ember/controller';
-import { action } from '@ember/object';
 import { inject as service } from '@ember/service';
 import { isArray } from '@ember/array';
 
 export default class ManagementVehiclesIndexDetailsController extends Controller {
     @service vehicleActions;
-    @service issueActions;
     @service('universe/menu-service') menuService;
     @service hostRouter;
     @service intl;
@@ -14,29 +12,50 @@ export default class ManagementVehiclesIndexDetailsController extends Controller
         const registeredTabs = this.menuService.getMenuItems('fleet-ops:component:vehicle:details');
         return [
             {
+                id: 'index',
                 route: 'management.vehicles.index.details.index',
                 label: 'Overview',
             },
             {
+                id: 'positions',
                 route: 'management.vehicles.index.details.positions',
                 label: 'Positions',
             },
             {
+                id: 'devices',
                 route: 'management.vehicles.index.details.devices',
                 label: 'Devices',
             },
             {
+                id: 'trailers',
+                route: 'management.vehicles.index.details.trailers',
+                label: this.intl.t('resource.trailers'),
+            },
+            {
+                id: 'equipment',
+                route: 'management.vehicles.index.details.equipment',
+                label: this.intl.t('resource.equipment'),
+            },
+            {
+                id: 'schedules',
                 route: 'management.vehicles.index.details.schedules',
                 label: 'Schedules',
             },
             {
+                id: 'work-orders',
                 route: 'management.vehicles.index.details.work-orders',
                 label: 'Work Orders',
             },
             {
+                id: 'maintenance-history',
                 route: 'management.vehicles.index.details.maintenance-history',
                 label: 'Maintenance',
             },
+            {
+                id: 'inspections',
+                route: 'management.vehicles.index.details.inspections',
+                label: this.intl.t('resource.inspections'),
+            },
             ...(isArray(registeredTabs) ? registeredTabs : []),
         ];
     }
@@ -49,85 +68,14 @@ export default class ManagementVehiclesIndexDetailsController extends Controller
                 permission: 'fleet-ops update vehicle',
             },
             {
-                // Actions dropdown — mirrors the row-level actions from the vehicles index table
+                // Actions dropdown — shared with the vehicle context panel
                 icon: 'ellipsis-h',
                 iconPrefix: 'fas',
                 renderInPlace: true,
-                items: [
-                    {
-                        text: this.intl.t('vehicle.actions.locate-vehicle'),
-                        icon: 'location-dot',
-                        fn: () => this.vehicleActions.locate(this.model),
-                        permission: 'fleet-ops view vehicle',
-                    },
-                    {
-                        text: this.intl.t('vehicle.actions.attach-device'),
-                        icon: 'link',
-                        fn: () => this.vehicleActions.attachDevice(this.model),
-                        permission: 'fleet-ops update vehicle',
-                    },
-                    ...(Number(this.model.assigned_orders_count) > 0
-                        ? [
-                              {
-                                  text: this.intl.t('vehicle.actions.unassign-orders'),
-                                  icon: 'truck-ramp-box',
-                                  fn: () => this.vehicleActions.unassignOrders(this.model),
-                                  permission: 'fleet-ops update vehicle',
-                              },
-                          ]
-                        : []),
-                    {
-                        separator: true,
-                    },
-                    {
-                        text: this.intl.t('vehicle.actions.schedule-maintenance'),
-                        icon: 'calendar-check',
-                        fn: () => this.vehicleActions.scheduleMaintenance(this.model),
-                        permission: 'fleet-ops create maintenance-schedule',
-                    },
-                    {
-                        text: this.intl.t('vehicle.actions.create-work-order'),
-                        icon: 'clipboard-list',
-                        fn: () => this.vehicleActions.createWorkOrder(this.model),
-                        permission: 'fleet-ops create work-order',
-                    },
-                    {
-                        text: this.intl.t('vehicle.actions.log-maintenance'),
-                        icon: 'wrench',
-                        fn: () => this.vehicleActions.logMaintenance(this.model),
-                        permission: 'fleet-ops create maintenance',
-                    },
-                    {
-                        text: this.intl.t('vehicle.actions.create-issue'),
-                        icon: 'triangle-exclamation',
-                        fn: () => this.createIssue(this.model),
-                        permission: 'fleet-ops create issue',
-                    },
-                    {
-                        separator: true,
-                    },
-                    {
-                        text: this.intl.t('common.delete-resource', { resource: this.intl.t('resource.vehicle') }),
-                        icon: 'trash',
-                        fn: () =>
-                            this.vehicleActions.delete(this.model, {
-                                onConfirm: () => {
-                                    this.hostRouter.transitionTo('console.fleet-ops.management.vehicles.index');
-                                },
-                            }),
-                        permission: 'fleet-ops delete vehicle',
-                        class: 'text-red-500 hover:text-red-600',
-                    },
-                ],
+                items: this.vehicleActions.detailsMenuItems(this.model, {
+                    onDeleted: () => this.hostRouter.transitionTo('console.fleet-ops.management.vehicles.index'),
+                }),
             },
         ];
     }
-
-    @action createIssue(vehicle) {
-        this.issueActions.modal.create({
-            vehicle,
-            vehicle_uuid: vehicle.id,
-            title: this.intl.t('vehicle.prompts.issue-title', { vehicleName: vehicle.displayName ?? vehicle.name }),
-        });
-    }
 }

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

@@ -1,5 +1,7 @@
 import Controller from '@ember/controller';
-import { action, get } from '@ember/object';
+import { action } from '@ember/object';
+import { buildIdentityStub } from '../../../utils/identity-cell-resource';
+import relationValue from '../../../utils/relation-value';
 import { inject as service } from '@ember/service';
 import { tracked } from '@glimmer/tracking';
 
@@ -7,6 +9,8 @@ export default class ManagementVehiclesIndexController extends Controller {
     @service vehicleActions;
     @service issueActions;
     @service driverActions;
+    @service vendorActions;
+    @service store;
     @service tableContext;
     @service intl;
     @service appCache;
@@ -29,6 +33,11 @@ export default class ManagementVehiclesIndexController extends Controller {
         'vehicle_make',
         'vehicle_model',
         'display_name',
+        'trailer',
+        'device',
+        'has_trailer',
+        'has_driver',
+        'has_device',
     ];
     @tracked query = null;
     @tracked page = 1;
@@ -45,6 +54,11 @@ export default class ManagementVehiclesIndexController extends Controller {
     @tracked fleet;
     @tracked vendor;
     @tracked driver;
+    @tracked trailer;
+    @tracked device;
+    @tracked has_trailer;
+    @tracked has_driver;
+    @tracked has_device;
     @tracked display_name;
     @tracked table;
     @tracked layout = this.appCache.get('fleetops:vehicles:layout', 'table');
@@ -118,6 +132,17 @@ export default class ManagementVehiclesIndexController extends Controller {
         ];
     }
 
+    /**
+     * Yes/no choices for the "has trailer / driver / device" filters. `kind` picks the
+     * wording: assets are attached, drivers are assigned.
+     */
+    presenceOptions(kind) {
+        return [
+            { value: 'true', label: this.intl.t(`vehicle.filters.${kind}`) },
+            { value: 'false', label: this.intl.t(`vehicle.filters.not-${kind}`) },
+        ];
+    }
+
     /** columns */
     get columns() {
         return [
@@ -127,7 +152,6 @@ export default class ManagementVehiclesIndexController extends Controller {
                 valuePath: 'displayName',
                 photoPath: 'avatar_url',
                 cellComponent: 'cell/vehicle-identity',
-                compact: true,
                 permission: 'fleet-ops view vehicle',
                 action: this.vehicleActions.transition.view,
                 resizable: true,
@@ -135,8 +159,6 @@ export default class ManagementVehiclesIndexController extends Controller {
                 filterable: true,
                 filterComponent: 'filter/string',
                 filterParam: 'name',
-                showOnlineIndicator: true,
-                showStatus: false,
             },
             {
                 label: this.intl.t('column.plate-number'),
@@ -157,51 +179,51 @@ export default class ManagementVehiclesIndexController extends Controller {
                 sortable: true,
                 filterable: true,
                 hidden: true,
-                filterComponent: 'filter/string',
+                filterComponent: 'filter/multi-input',
+                filterComponentPlaceholder: this.intl.t('vehicle.placeholders.filter-internal-id'),
                 filterParam: 'internal_id',
             },
             {
                 label: this.intl.t('column.driver-assigned'),
                 cellComponent: 'cell/driver-identity',
-                compact: true,
-                assignedVehicleLabel: (_driver, vehicle) => get(vehicle, 'displayName') ?? get(vehicle, 'display_name') ?? get(vehicle, 'name'),
                 permission: 'fleet-ops view driver',
-                action: async (driver) => {
-                    const resolvedDriver = get(driver, 'id') ? driver : await driver?.loadResource?.();
-
-                    if (resolvedDriver) {
-                        return this.driverActions.panel.view(resolvedDriver);
-                    }
-                },
+                action: this.driverActions.panel.view,
                 valuePath: 'driver_name',
                 emptyText: '-',
-                resourcePath: (vehicle) => {
-                    const driver = get(vehicle, 'driver');
-
-                    if (driver) {
-                        return driver;
-                    }
-
-                    const driverName = get(vehicle, 'driver_name');
-
-                    if (driverName) {
-                        return {
-                            name: driverName,
-                            display_name: driverName,
-                            status: 'assigned',
-                            loadResource: () => vehicle.loadDriver?.(),
-                        };
-                    }
-
-                    return null;
-                },
+                resourcePath: (vehicle) => relationValue(vehicle, 'driver') ?? buildIdentityStub(vehicle, { type: 'driver', load: () => vehicle.loadDriver?.() }),
                 resizable: true,
                 filterable: true,
-                filterComponent: 'filter/model',
-                filterComponentPlaceholder: 'Select driver to filter by',
+                filterComponent: 'filter/model-multiple',
+                filterComponentPlaceholder: this.intl.t('common.select-resource-filter-by', { resource: this.intl.t('resource.driver') }),
                 filterParam: 'driver',
                 model: 'driver',
             },
+            {
+                label: this.intl.t('resource.trailers'),
+                valuePath: 'trailers',
+                cellComponent: 'cell/resource-list',
+                resourceType: 'trailer',
+                hidden: true,
+                filterable: true,
+                filterComponent: 'filter/model-multiple',
+                filterComponentPlaceholder: this.intl.t('common.select-resource-filter-by', { resource: this.intl.t('resource.trailer') }),
+                filterParam: 'trailer',
+                model: 'trailer',
+                modelNamePath: 'displayName',
+            },
+            {
+                label: this.intl.t('resource.devices'),
+                valuePath: 'devices',
+                cellComponent: 'cell/resource-list',
+                resourceType: 'device',
+                hidden: true,
+                filterable: true,
+                filterComponent: 'filter/model-multiple',
+                filterComponentPlaceholder: this.intl.t('common.select-resource-filter-by', { resource: this.intl.t('resource.device') }),
+                filterParam: 'device',
+                model: 'device',
+                modelNamePath: 'displayName',
+            },
             {
                 label: this.intl.t('column.id'),
                 valuePath: 'public_id',
@@ -245,19 +267,18 @@ export default class ManagementVehiclesIndexController extends Controller {
             },
             {
                 label: this.intl.t('column.vendor'),
-                cellComponent: 'table/cell/anchor',
+                cellComponent: 'cell/vendor-identity',
                 permission: 'fleet-ops view vendor',
-                action: async ({ vendor_uuid }) => {
-                    const vendor = await this.store.findRecord('vendor', vendor_uuid);
-
-                    this.vendorActions.viewVendor(vendor);
-                },
+                action: this.vendorActions.panel.view,
                 valuePath: 'vendor_name',
+                resourcePath: (vehicle) =>
+                    relationValue(vehicle, 'vendor') ??
+                    buildIdentityStub(vehicle, { type: 'vendor', load: () => (vehicle.vendor_uuid ? this.store.findRecord('vendor', vehicle.vendor_uuid) : null) }),
                 hidden: true,
                 resizable: true,
                 filterable: true,
                 filterComponent: 'filter/model',
-                filterComponentPlaceholder: this.intl.t('select-resource-filter-by', { resource: this.intl.t('resource.vendor') }),
+                filterComponentPlaceholder: this.intl.t('common.select-resource-filter-by', { resource: this.intl.t('resource.vendor') }),
                 filterParam: 'vendor',
                 model: 'vendor',
             },
@@ -294,6 +315,37 @@ export default class ManagementVehiclesIndexController extends Controller {
                 filterable: true,
                 filterComponent: 'filter/date',
             },
+            // Filter-only entries omit a column label so the visible-column picker excludes them.
+            {
+                filterLabel: this.intl.t('vehicle.filters.has-trailer'),
+                valuePath: 'has_trailer',
+                hidden: true,
+                filterable: true,
+                filterComponent: 'filter/radio',
+                filterComponentPlaceholder: this.intl.t('vehicle.filters.any'),
+                filterOptions: this.presenceOptions('attached'),
+                filterParam: 'has_trailer',
+            },
+            {
+                filterLabel: this.intl.t('vehicle.filters.has-driver'),
+                valuePath: 'has_driver',
+                hidden: true,
+                filterable: true,
+                filterComponent: 'filter/radio',
+                filterComponentPlaceholder: this.intl.t('vehicle.filters.any'),
+                filterOptions: this.presenceOptions('assigned'),
+                filterParam: 'has_driver',
+            },
+            {
+                filterLabel: this.intl.t('vehicle.filters.has-device'),
+                valuePath: 'has_device',
+                hidden: true,
+                filterable: true,
+                filterComponent: 'filter/radio',
+                filterComponentPlaceholder: this.intl.t('vehicle.filters.any'),
+                filterOptions: this.presenceOptions('attached'),
+                filterParam: 'has_device',
+            },
             {
                 label: '',
                 cellComponent: 'table/cell/dropdown',

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

@@ -1,12 +1,16 @@
 import Controller from '@ember/controller';
 import { inject as service } from '@ember/service';
 import { tracked } from '@glimmer/tracking';
+import { action } from '@ember/object';
+import { buildIdentityStub } from '../../../utils/identity-cell-resource';
+import relationValue from '../../../utils/relation-value';
 import fleetOpsOptions from '../../../utils/fleet-ops-options';
 
 export default class ManagementVendorsIndexController extends Controller {
     @service vendorActions;
     @service tableContext;
     @service intl;
+    @service appCache;
 
     /** query params */
     @tracked queryParams = [
@@ -40,10 +44,35 @@ export default class ManagementVendorsIndexController extends Controller {
     @tracked email;
     @tracked country;
     @tracked table;
+    @tracked layout = this.appCache.get(this.layoutCacheKey, 'table');
+
+    /** cache key that remembers the chosen layout per listing */
+    get layoutCacheKey() {
+        return 'fleetops:vendors:layout';
+    }
 
     /** action buttons */
     get actionButtons() {
         return [
+            {
+                component: 'dropdown-button',
+                icon: 'display',
+                size: 'xs',
+                items: [
+                    {
+                        label: this.intl.t('common.table-view'),
+                        icon: 'table-list',
+                        onClick: () => this.setLayout('table'),
+                    },
+                    {
+                        label: this.intl.t('common.grid-view'),
+                        icon: 'grip',
+                        onClick: () => this.setLayout('grid'),
+                    },
+                ],
+                renderInPlace: true,
+                helpText: this.intl.t('common.change-layout'),
+            },
             {
                 icon: 'refresh',
                 onClick: this.vendorActions.refresh,
@@ -91,7 +120,7 @@ export default class ManagementVendorsIndexController extends Controller {
                 sticky: true,
                 label: this.intl.t('column.name'),
                 valuePath: 'name',
-                cellComponent: 'table/cell/media-name',
+                cellComponent: 'cell/vendor-identity',
                 mediaPath: 'logo_url',
                 action: this.vendorActions.transition.view,
                 permission: 'fleet-ops view vendor',
@@ -151,8 +180,9 @@ export default class ManagementVendorsIndexController extends Controller {
             {
                 label: this.intl.t('column.address'),
                 valuePath: 'address',
-                cellComponent: 'table/cell/anchor',
-                action: this.vendorActions.viewPlace,
+                cellComponent: 'cell/place-identity',
+                permission: 'fleet-ops view place',
+                resourcePath: (vendor) => relationValue(vendor, 'place') ?? buildIdentityStub(vendor, { type: 'place', nameKey: 'address', load: () => vendor.get('place') }),
                 resizable: true,
                 sortable: true,
                 filterable: true,
@@ -250,4 +280,9 @@ export default class ManagementVendorsIndexController extends Controller {
             },
         ];
     }
+
+    @action setLayout(layout) {
+        this.layout = layout;
+        this.appCache.set(this.layoutCacheKey, layout);
+    }
 }

package/addon/controllers/operations/orders/index.js

@@ -1,10 +1,15 @@
 import Controller from '@ember/controller';
 import { inject as service } from '@ember/service';
 import { tracked } from '@glimmer/tracking';
-import { action } from '@ember/object';
+import { action, get } from '@ember/object';
+import { buildIdentityStub } from '../../../utils/identity-cell-resource';
+import relationValue from '../../../utils/relation-value';
 
 export default class OperationsOrdersIndexController extends Controller {
     @service orderActions;
+    @service driverActions;
+    @service vehicleActions;
+    @service store;
     @service orderSocketEvents;
     @service leafletMapManager;
     @service mapDrawer;
@@ -157,12 +162,15 @@ export default class OperationsOrdersIndexController extends Controller {
                 resizable: true,
                 sortable: true,
                 filterable: true,
-                filterComponent: 'filter/string',
+                // Batch scanning: each scanned or pasted id becomes a chip and all of them match.
+                filterComponent: 'filter/multi-input',
+                filterComponentPlaceholder: this.intl.t('order.placeholders.filter-internal-id'),
             },
             {
                 label: this.intl.t('column.payload'),
                 valuePath: 'payload.public_id',
-                cellComponent: 'click-to-copy',
+                cellComponent: 'cell/payload-identity',
+                resourcePath: (order) => relationValue(order, 'payload'),
                 resizable: true,
                 hidden: true,
                 filterable: true,
@@ -172,9 +180,13 @@ export default class OperationsOrdersIndexController extends Controller {
             },
             {
                 label: this.intl.t('column.driver-assigned'),
-                cellComponent: 'cell/driver-name',
+                cellComponent: 'cell/driver-identity',
                 valuePath: 'driver_assigned',
-                modelPath: 'driver_assigned',
+                permission: 'fleet-ops view driver',
+                action: this.driverActions.panel.view,
+                resourcePath: (order) =>
+                    relationValue(order, 'driver_assigned') ??
+                    buildIdentityStub(order, { type: 'driver', load: () => (order.driver_assigned_uuid ? this.store.findRecord('driver', order.driver_assigned_uuid) : null) }),
                 resizable: true,
                 sortable: true,
                 filterable: true,
@@ -186,7 +198,9 @@ export default class OperationsOrdersIndexController extends Controller {
             {
                 label: this.intl.t('column.pickup'),
                 valuePath: 'pickupName',
-                cellComponent: 'table/cell/base',
+                cellComponent: 'cell/place-identity',
+                permission: 'fleet-ops view place',
+                resourcePath: (order) => relationValue(relationValue(order, 'payload'), 'pickup') ?? buildIdentityStub(order, { type: 'place', nameKey: 'pickupName' }),
                 resizable: true,
                 sortable: true,
                 filterable: true,
@@ -200,7 +214,9 @@ export default class OperationsOrdersIndexController extends Controller {
             {
                 label: this.intl.t('column.dropoff'),
                 valuePath: 'dropoffName',
-                cellComponent: 'table/cell/base',
+                cellComponent: 'cell/place-identity',
+                permission: 'fleet-ops view place',
+                resourcePath: (order) => relationValue(relationValue(order, 'payload'), 'dropoff') ?? buildIdentityStub(order, { type: 'place', nameKey: 'dropoffName' }),
                 resizable: true,
                 sortable: true,
                 filterable: true,
@@ -213,7 +229,8 @@ export default class OperationsOrdersIndexController extends Controller {
             {
                 label: this.intl.t('column.customer'),
                 valuePath: 'customer.name',
-                cellComponent: 'table/cell/base',
+                cellComponent: 'cell/customer-identity',
+                resourcePath: (order) => relationValue(order, 'customer') ?? buildIdentityStub(order, { type: order.customer_type ?? 'customer', nameKey: 'customer_name' }),
                 resizable: true,
                 sortable: true,
                 hidden: false,
@@ -225,10 +242,17 @@ export default class OperationsOrdersIndexController extends Controller {
             },
             {
                 label: this.intl.t('column.vehicle-assigned'),
-                cellComponent: 'cell/vehicle-name',
+                cellComponent: 'cell/vehicle-identity',
                 valuePath: 'vehicle_assigned.display_name',
-                modelPath: 'vehicle_assigned',
-                showOnlineIndicator: true,
+                permission: 'fleet-ops view vehicle',
+                action: this.vehicleActions.panel.view,
+                resourcePath: (order) =>
+                    relationValue(order, 'vehicle_assigned') ??
+                    buildIdentityStub(order, {
+                        type: 'vehicle',
+                        name: get(order, 'vehicle_assigned.display_name'),
+                        load: () => (order.vehicle_assigned_uuid ? this.store.findRecord('vehicle', order.vehicle_assigned_uuid) : null),
+                    }),
                 hidden: true,
                 resizable: true,
                 sortable: true,
@@ -242,7 +266,8 @@ export default class OperationsOrdersIndexController extends Controller {
             {
                 label: this.intl.t('column.facilitator'),
                 valuePath: 'facilitator.name',
-                cellComponent: 'table/cell/base',
+                cellComponent: 'cell/facilitator-identity',
+                resourcePath: (order) => relationValue(order, 'facilitator') ?? buildIdentityStub(order, { type: order.facilitator_type ?? 'facilitator', nameKey: 'facilitator_name' }),
                 resizable: true,
                 hidden: true,
                 sortable: true,
@@ -331,6 +356,8 @@ export default class OperationsOrdersIndexController extends Controller {
             {
                 label: this.intl.t('column.created-by'),
                 valuePath: 'created_by_name',
+                cellComponent: 'table/cell/user-identity',
+                resourcePath: (order) => buildIdentityStub(order, { type: 'user', nameKey: 'created_by_name' }),
                 resizable: true,
                 hidden: true,
                 filterable: true,
@@ -342,6 +369,8 @@ export default class OperationsOrdersIndexController extends Controller {
             {
                 label: this.intl.t('column.updated-by'),
                 valuePath: 'updated_by_name',
+                cellComponent: 'table/cell/user-identity',
+                resourcePath: (order) => buildIdentityStub(order, { type: 'user', nameKey: 'updated_by_name' }),
                 resizable: true,
                 hidden: true,
                 filterable: true,

package/addon/controllers/operations/service-rates/index.js

@@ -1,5 +1,8 @@
 import Controller from '@ember/controller';
 import { inject as service } from '@ember/service';
+import { get } from '@ember/object';
+import { buildIdentityStub } from '../../../utils/identity-cell-resource';
+import relationValue from '../../../utils/relation-value';
 import { tracked } from '@glimmer/tracking';
 
 export default class OperationsServiceRatesIndexController extends Controller {
@@ -74,7 +77,10 @@ export default class OperationsServiceRatesIndexController extends Controller {
             {
                 label: this.intl.t('column.service-area'),
                 valuePath: 'service_area.name',
-                cellComponent: 'table/cell/base',
+                cellComponent: 'cell/service-area-identity',
+                resourcePath: (rate) =>
+                    relationValue(rate, 'service_area') ??
+                    buildIdentityStub(rate, { type: 'service-area', name: rate.service_area_name ?? get(rate, 'service_area.name'), load: () => rate.get('service_area') }),
                 resizable: true,
                 sortable: true,
                 filterable: true,
@@ -86,7 +92,9 @@ export default class OperationsServiceRatesIndexController extends Controller {
             {
                 label: this.intl.t('column.zone'),
                 valuePath: 'zone.name',
-                cellComponent: 'table/cell/base',
+                cellComponent: 'cell/zone-identity',
+                resourcePath: (rate) =>
+                    relationValue(rate, 'zone') ?? buildIdentityStub(rate, { type: 'zone', name: rate.zone_name ?? get(rate, 'zone.name'), load: () => rate.get('zone') }),
                 resizable: true,
                 sortable: true,
                 filterable: true,

package/addon/controllers/settings/custom-fields.js

@@ -1,6 +1,8 @@
 import Controller from '@ember/controller';
+import { inject as service } from '@ember/service';
 
 export default class SettingsCustomFieldsController extends Controller {
+    @service intl;
     get subjects() {
         return [
             {
@@ -15,6 +17,12 @@ export default class SettingsCustomFieldsController extends Controller {
                 label: 'Vehicle',
                 groups: [],
             },
+            {
+                model: 'trailer',
+                type: 'fleet-ops:trailer',
+                label: this.intl.t('resource.trailer'),
+                groups: [],
+            },
             {
                 model: 'contact',
                 type: 'fleet-ops:contact',