@fleetbase/fleetops-engine 0.6.38 → 0.6.40

package/addon/controllers/maintenance/equipment/index/new.js

@@ -1,3 +1,34 @@
 import Controller from '@ember/controller';
+import { tracked } from '@glimmer/tracking';
+import { inject as service } from '@ember/service';
+import { action } from '@ember/object';
+import { task } from 'ember-concurrency';
 
-export default class MaintenanceEquipmentIndexNewController extends Controller {}
+export default class MaintenanceEquipmentIndexNewController extends Controller {
+    @service equipmentActions;
+    @service hostRouter;
+    @service intl;
+    @service notifications;
+    @service events;
+
+    @tracked overlay;
+    @tracked equipment = this.equipmentActions.createNewInstance();
+
+    @task *save(equipment) {
+        try {
+            yield equipment.save();
+            this.events.trackResourceCreated(equipment);
+            this.overlay?.close();
+            yield this.hostRouter.refresh();
+            yield this.hostRouter.transitionTo('console.fleet-ops.maintenance.equipment.index.details', equipment);
+            this.notifications.success(this.intl.t('common.resource-created-success', { resource: this.intl.t('resource.equipment') }));
+            this.resetForm();
+        } catch (err) {
+            this.notifications.serverError(err);
+        }
+    }
+
+    @action resetForm() {
+        this.equipment = this.equipmentActions.createNewInstance();
+    }
+}

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

@@ -5,125 +5,139 @@ import { tracked } from '@glimmer/tracking';
 export default class MaintenanceEquipmentIndexController extends Controller {
     @service equipmentActions;
     @service intl;
+    @service appCache;
 
-    /** query params */
-    @tracked queryParams = ['name', 'page', 'limit', 'sort', 'query', 'public_id', 'created_at', 'updated_at'];
+    @tracked queryParams = ['type', 'status', 'page', 'limit', 'sort', 'query', 'public_id', 'created_at', 'updated_at'];
     @tracked page = 1;
     @tracked limit;
     @tracked sort = '-created_at';
     @tracked public_id;
-    @tracked name;
+    @tracked type;
+    @tracked status;
+    @tracked table;
+    @tracked layout = this.appCache.get('fleetops:equipment:layout', 'table');
 
-    /** action buttons */
-    @tracked actionButtons = [
-        {
-            icon: 'refresh',
-            onClick: this.equipmentActions.refresh,
-            helpText: this.intl.t('common.refresh'),
-        },
-        {
-            text: this.intl.t('common.new'),
-            type: 'primary',
-            icon: 'plus',
-            onClick: this.equipmentActions.transition.create,
-        },
-        {
-            text: this.intl.t('common.import'),
-            type: 'magic',
-            icon: 'upload',
-            onClick: this.equipmentActions.import,
-        },
-        {
-            text: this.intl.t('common.export'),
-            icon: 'long-arrow-up',
-            iconClass: 'rotate-icon-45',
-            wrapperClass: 'hidden md:flex',
-            onClick: this.equipmentActions.export,
-        },
-    ];
+    /* eslint-disable ember/no-side-effects */
+    get actionButtons() {
+        return [
+            {
+                component: 'dropdown-button',
+                icon: 'display',
+                size: 'xs',
+                items: [
+                    {
+                        label: this.intl.t('common.table-view'),
+                        icon: 'table-list',
+                        onClick: () => {
+                            this.layout = 'table';
+                            this.appCache.set('fleetops:equipment:layout', 'table');
+                        },
+                    },
+                    {
+                        label: this.intl.t('common.grid-view'),
+                        icon: 'grip',
+                        onClick: () => {
+                            this.layout = 'grid';
+                            this.appCache.set('fleetops:equipment:layout', 'grid');
+                        },
+                    },
+                ],
+                renderInPlace: true,
+                helpText: 'Change the layout',
+            },
+            { icon: 'refresh', onClick: this.equipmentActions.refresh, helpText: this.intl.t('common.refresh') },
+            { text: this.intl.t('common.new'), type: 'primary', icon: 'plus', onClick: this.equipmentActions.transition.create },
+            { text: this.intl.t('common.import'), type: 'magic', icon: 'upload', onClick: this.equipmentActions.import },
+            { text: this.intl.t('common.export'), icon: 'long-arrow-up', iconClass: 'rotate-icon-45', wrapperClass: 'hidden md:flex', onClick: this.equipmentActions.export },
+        ];
+    }
 
-    /** bulk action buttons */
-    @tracked bulkActions = [
-        {
-            label: 'Delete selected...',
-            class: 'text-red-500',
-            fn: this.equipmentActions.bulkDelete,
-        },
-    ];
+    get bulkActions() {
+        return [{ label: 'Delete selected...', class: 'text-red-500', fn: this.equipmentActions.bulkDelete }];
+    }
 
-    /** columns */
-    @tracked columns = [
-        {
-            label: this.intl.t('column.name'),
-            valuePath: 'name',
-
-            cellComponent: 'table/cell/anchor',
-            cellClassNames: 'uppercase',
-            action: this.equipmentActions.transition.view,
-            permission: 'fleet-ops view equipment',
-            hidden: true,
-            resizable: true,
-            sortable: true,
-            filterable: true,
-            filterParam: 'name',
-            filterComponent: 'filter/string',
-        },
-        {
-            label: this.intl.t('column.created-at'),
-            valuePath: 'createdAt',
-            sortParam: 'created_at',
-
-            resizable: true,
-            sortable: true,
-            filterable: true,
-            filterComponent: 'filter/date',
-        },
-        {
-            label: this.intl.t('column.updated-at'),
-            valuePath: 'updatedAt',
-            sortParam: 'updated_at',
-
-            resizable: true,
-            sortable: true,
-            hidden: true,
-            filterable: true,
-            filterComponent: 'filter/date',
-        },
-
-        {
-            label: '',
-            cellComponent: 'table/cell/dropdown',
-            ddButtonText: false,
-            ddButtonIcon: 'ellipsis-h',
-            ddButtonIconPrefix: 'fas',
-            ddMenuLabel: this.intl.t('common.resource-actions', { resource: this.intl.t('resource.equipment') }),
-            cellClassNames: 'overflow-visible',
-            wrapperClass: 'flex items-center justify-end mx-2',
-
-            actions: [
-                {
-                    label: this.intl.t('column.view-details'),
-                    fn: this.equipmentActions.transition.view,
-                    permission: 'fleet-ops view equipment',
-                },
-                {
-                    label: this.intl.t('column.edit-place'),
-                    fn: this.equipmentActions.transition.edit,
-                    permission: 'fleet-ops update equipment',
-                },
-                {
-                    separator: true,
-                },
-                {
-                    label: this.intl.t('column.delete'),
-                    fn: this.equipmentActions.delete,
-                    permission: 'fleet-ops delete equipment',
-                },
-            ],
-            sortable: false,
-            filterable: false,
-            resizable: false,
-            searchable: false,
-        },
-    ];
+    get columns() {
+        return [
+            {
+                label: this.intl.t('column.name'),
+                valuePath: 'name',
+                cellComponent: 'table/cell/anchor',
+                cellClassNames: 'uppercase',
+                action: this.equipmentActions.transition.view,
+                permission: 'fleet-ops view equipment',
+                resizable: true,
+                sortable: true,
+                filterable: true,
+                filterParam: 'name',
+                filterComponent: 'filter/string',
+            },
+            { label: this.intl.t('column.code'), valuePath: 'code', resizable: true, sortable: true, filterable: true, filterParam: 'code', filterComponent: 'filter/string' },
+            {
+                label: this.intl.t('column.type'),
+                valuePath: 'type',
+                cellComponent: 'table/cell/base',
+                humanize: true,
+                resizable: true,
+                sortable: true,
+                filterable: true,
+                filterParam: 'type',
+                filterComponent: 'filter/string',
+            },
+            {
+                label: this.intl.t('column.status'),
+                valuePath: 'status',
+                cellComponent: 'table/cell/status',
+                resizable: true,
+                sortable: true,
+                filterable: true,
+                filterParam: 'status',
+                filterComponent: 'filter/string',
+            },
+            { label: this.intl.t('column.serial-number'), valuePath: 'serial_number', resizable: true, sortable: true },
+            { label: this.intl.t('column.manufacturer'), valuePath: 'manufacturer', 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' },
+            {
+                label: this.intl.t('column.updated-at'),
+                valuePath: 'updatedAt',
+                sortParam: 'updated_at',
+                resizable: true,
+                sortable: true,
+                hidden: true,
+                filterable: true,
+                filterComponent: 'filter/date',
+            },
+            {
+                label: '',
+                cellComponent: 'table/cell/dropdown',
+                ddButtonText: false,
+                ddButtonIcon: 'ellipsis-h',
+                ddButtonIconPrefix: 'fas',
+                ddMenuLabel: this.intl.t('common.resource-actions', { resource: this.intl.t('resource.equipment') }),
+                cellClassNames: 'overflow-visible',
+                wrapperClass: 'flex items-center justify-end mx-2',
+                actions: [
+                    {
+                        label: this.intl.t('common.view-resource', { resource: this.intl.t('resource.equipment') }),
+                        fn: this.equipmentActions.transition.view,
+                        permission: 'fleet-ops view equipment',
+                    },
+                    {
+                        label: this.intl.t('common.edit-resource', { resource: this.intl.t('resource.equipment') }),
+                        fn: this.equipmentActions.transition.edit,
+                        permission: 'fleet-ops update equipment',
+                    },
+                    { separator: true },
+                    {
+                        label: this.intl.t('common.delete-resource', { resource: this.intl.t('resource.equipment') }),
+                        fn: this.equipmentActions.delete,
+                        permission: 'fleet-ops delete equipment',
+                    },
+                ],
+                sortable: false,
+                filterable: false,
+                resizable: false,
+                searchable: false,
+            },
+        ];
+    }
 }

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

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

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

@@ -0,0 +1,54 @@
+import Controller from '@ember/controller';
+import { tracked } from '@glimmer/tracking';
+import { inject as service } from '@ember/service';
+import { action } from '@ember/object';
+import { isArray } from '@ember/array';
+
+export default class MaintenanceMaintenancesIndexDetailsController extends Controller {
+    @service maintenanceActions;
+    @service hostRouter;
+    @service intl;
+    @service abilities;
+    @service('universe/menu-service') menuService;
+
+    @tracked overlay;
+
+    get tabs() {
+        const registeredTabs = this.menuService.getMenuItems('fleet-ops:component:maintenance:details');
+        return [
+            {
+                route: 'maintenance.maintenances.index.details.index',
+                label: this.intl.t('common.overview'),
+            },
+            ...(isArray(registeredTabs) ? registeredTabs : []),
+        ];
+    }
+
+    get actionButtons() {
+        return [
+            {
+                icon: 'edit',
+                fn: this.edit,
+                permission: 'fleet-ops update maintenance',
+            },
+            {
+                icon: 'trash',
+                fn: this.delete,
+                type: 'danger',
+                permission: 'fleet-ops delete maintenance',
+            },
+        ];
+    }
+
+    @action edit() {
+        return this.hostRouter.transitionTo('console.fleet-ops.maintenance.maintenances.index.edit', this.model);
+    }
+
+    @action delete() {
+        return this.maintenanceActions.delete(this.model, {
+            onConfirm: () => {
+                this.hostRouter.transitionTo('console.fleet-ops.maintenance.maintenances.index');
+            },
+        });
+    }
+}

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

@@ -0,0 +1,68 @@
+import Controller from '@ember/controller';
+import { tracked } from '@glimmer/tracking';
+import { inject as service } from '@ember/service';
+import { action } from '@ember/object';
+import { task } from 'ember-concurrency';
+
+export default class MaintenanceMaintenancesIndexEditController extends Controller {
+    @service hostRouter;
+    @service intl;
+    @service notifications;
+    @service modalsManager;
+    @service events;
+
+    @tracked overlay;
+
+    get actionButtons() {
+        return [
+            {
+                icon: 'eye',
+                fn: this.view,
+            },
+        ];
+    }
+
+    @task *save(maintenance) {
+        try {
+            yield maintenance.save();
+            this.events.trackResourceUpdated(maintenance);
+            this.overlay?.close();
+            yield this.hostRouter.transitionTo('console.fleet-ops.maintenance.maintenances.index.details', maintenance);
+            this.notifications.success(
+                this.intl.t('common.resource-updated-success', {
+                    resource: this.intl.t('resource.maintenance'),
+                    resourceName: maintenance.summary,
+                })
+            );
+        } catch (err) {
+            this.notifications.serverError(err);
+        }
+    }
+
+    @action cancel() {
+        if (this.model.hasDirtyAttributes) {
+            return this.#confirmContinueWithUnsavedChanges(this.model);
+        }
+        return this.hostRouter.transitionTo('console.fleet-ops.maintenance.maintenances.index');
+    }
+
+    @action view() {
+        if (this.model.hasDirtyAttributes) {
+            return this.#confirmContinueWithUnsavedChanges(this.model);
+        }
+        return this.hostRouter.transitionTo('console.fleet-ops.maintenance.maintenances.index.details', this.model);
+    }
+
+    #confirmContinueWithUnsavedChanges(maintenance, options = {}) {
+        return this.modalsManager.confirm({
+            title: this.intl.t('common.continue-without-saving'),
+            body: this.intl.t('common.continue-without-saving-prompt', { resource: this.intl.t('resource.maintenance') }),
+            acceptButtonText: this.intl.t('common.continue'),
+            confirm: async () => {
+                maintenance.rollbackAttributes();
+                await this.hostRouter.transitionTo('console.fleet-ops.maintenance.maintenances.index.details', maintenance);
+            },
+            ...options,
+        });
+    }
+}

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

@@ -0,0 +1,34 @@
+import Controller from '@ember/controller';
+import { tracked } from '@glimmer/tracking';
+import { inject as service } from '@ember/service';
+import { action } from '@ember/object';
+import { task } from 'ember-concurrency';
+
+export default class MaintenanceMaintenancesIndexNewController extends Controller {
+    @service maintenanceActions;
+    @service hostRouter;
+    @service intl;
+    @service notifications;
+    @service events;
+
+    @tracked overlay;
+    @tracked maintenance = this.maintenanceActions.createNewInstance();
+
+    @task *save(maintenance) {
+        try {
+            yield maintenance.save();
+            this.events.trackResourceCreated(maintenance);
+            this.overlay?.close();
+            yield this.hostRouter.refresh();
+            yield this.hostRouter.transitionTo('console.fleet-ops.maintenance.maintenances.index.details', maintenance);
+            this.notifications.success(this.intl.t('common.resource-created-success', { resource: this.intl.t('resource.maintenance') }));
+            this.resetForm();
+        } catch (err) {
+            this.notifications.serverError(err);
+        }
+    }
+
+    @action resetForm() {
+        this.maintenance = this.maintenanceActions.createNewInstance();
+    }
+}

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

@@ -0,0 +1,191 @@
+import Controller from '@ember/controller';
+import { inject as service } from '@ember/service';
+import { tracked } from '@glimmer/tracking';
+
+export default class MaintenanceMaintenancesIndexController extends Controller {
+    @service maintenanceActions;
+    @service intl;
+
+    /** query params */
+    @tracked queryParams = ['type', 'status', 'priority', 'page', 'limit', 'sort', 'query', 'public_id', 'created_at', 'updated_at'];
+    @tracked page = 1;
+    @tracked limit;
+    @tracked sort = '-created_at';
+    @tracked public_id;
+    @tracked type;
+    @tracked status;
+    @tracked priority;
+
+    /** action buttons */
+    get actionButtons() {
+        return [
+            {
+                icon: 'refresh',
+                onClick: this.maintenanceActions.refresh,
+                helpText: this.intl.t('common.refresh'),
+            },
+            {
+                text: this.intl.t('common.new'),
+                type: 'primary',
+                icon: 'plus',
+                onClick: this.maintenanceActions.transition.create,
+            },
+            {
+                text: this.intl.t('common.import'),
+                type: 'magic',
+                icon: 'upload',
+                onClick: this.maintenanceActions.import,
+            },
+            {
+                text: this.intl.t('common.export'),
+                icon: 'long-arrow-up',
+                iconClass: 'rotate-icon-45',
+                wrapperClass: 'hidden md:flex',
+                onClick: this.maintenanceActions.export,
+            },
+        ];
+    }
+
+    /** bulk action buttons */
+    get bulkActions() {
+        return [
+            {
+                label: 'Delete selected...',
+                class: 'text-red-500',
+                fn: this.maintenanceActions.bulkDelete,
+            },
+        ];
+    }
+
+    /** columns */
+    get columns() {
+        return [
+            {
+                label: this.intl.t('column.summary'),
+                valuePath: 'summary',
+                cellComponent: 'table/cell/anchor',
+                cellClassNames: 'uppercase',
+                action: this.maintenanceActions.transition.view,
+                permission: 'fleet-ops view maintenance',
+                resizable: true,
+                sortable: true,
+                filterable: true,
+                filterParam: 'summary',
+                filterComponent: 'filter/string',
+            },
+            {
+                label: this.intl.t('column.asset'),
+                valuePath: 'maintainable.name',
+                cellComponent: 'table/cell/base',
+                resizable: true,
+                sortable: true,
+            },
+            {
+                label: this.intl.t('column.performed-by'),
+                valuePath: 'performed_by.name',
+                cellComponent: 'table/cell/base',
+                resizable: true,
+                sortable: true,
+            },
+            {
+                label: this.intl.t('column.type'),
+                valuePath: 'type',
+                cellComponent: 'table/cell/base',
+                humanize: true,
+                resizable: true,
+                sortable: true,
+                filterable: true,
+                filterParam: 'type',
+                filterComponent: 'filter/string',
+            },
+            {
+                label: this.intl.t('column.status'),
+                valuePath: 'status',
+                cellComponent: 'table/cell/status',
+                resizable: true,
+                sortable: true,
+                filterable: true,
+                filterParam: 'status',
+                filterComponent: 'filter/string',
+            },
+            {
+                label: this.intl.t('column.priority'),
+                valuePath: 'priority',
+                cellComponent: 'table/cell/base',
+                humanize: true,
+                resizable: true,
+                sortable: true,
+                filterable: true,
+                filterParam: 'priority',
+                filterComponent: 'filter/string',
+            },
+            {
+                label: this.intl.t('column.scheduled-at'),
+                valuePath: 'scheduledAt',
+                sortParam: 'scheduled_at',
+                resizable: true,
+                sortable: true,
+                filterable: true,
+                filterComponent: 'filter/date',
+            },
+            {
+                label: this.intl.t('column.total-cost'),
+                valuePath: 'total_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',
+            },
+            {
+                label: this.intl.t('column.updated-at'),
+                valuePath: 'updatedAt',
+                sortParam: 'updated_at',
+                resizable: true,
+                sortable: true,
+                hidden: true,
+                filterable: true,
+                filterComponent: 'filter/date',
+            },
+            {
+                label: '',
+                cellComponent: 'table/cell/dropdown',
+                ddButtonText: false,
+                ddButtonIcon: 'ellipsis-h',
+                ddButtonIconPrefix: 'fas',
+                ddMenuLabel: this.intl.t('common.resource-actions', { resource: this.intl.t('resource.maintenance') }),
+                cellClassNames: 'overflow-visible',
+                wrapperClass: 'flex items-center justify-end mx-2',
+                actions: [
+                    {
+                        label: this.intl.t('common.view-resource', { resource: this.intl.t('resource.maintenance') }),
+                        fn: this.maintenanceActions.transition.view,
+                        permission: 'fleet-ops view maintenance',
+                    },
+                    {
+                        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 },
+                    {
+                        label: this.intl.t('common.delete-resource', { resource: this.intl.t('resource.maintenance') }),
+                        fn: this.maintenanceActions.delete,
+                        permission: 'fleet-ops delete maintenance',
+                    },
+                ],
+                sortable: false,
+                filterable: false,
+                resizable: false,
+                searchable: false,
+            },
+        ];
+    }
+}

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

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