@fleetbase/fleetops-engine 0.6.37 → 0.6.39

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

@@ -1,3 +1,38 @@
 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 MaintenancePartsIndexDetailsController extends Controller {}
+export default class MaintenancePartsIndexDetailsController extends Controller {
+    @service partActions;
+    @service hostRouter;
+    @service intl;
+    @service('universe/menu-service') menuService;
+
+    @tracked overlay;
+
+    get tabs() {
+        const registeredTabs = this.menuService.getMenuItems('fleet-ops:component:part:details');
+        return [{ route: 'maintenance.parts.index.details.index', label: this.intl.t('common.overview') }, ...(isArray(registeredTabs) ? registeredTabs : [])];
+    }
+
+    get actionButtons() {
+        return [
+            { icon: 'edit', fn: this.edit, permission: 'fleet-ops update part' },
+            { icon: 'trash', fn: this.delete, type: 'danger', permission: 'fleet-ops delete part' },
+        ];
+    }
+
+    @action edit() {
+        return this.hostRouter.transitionTo('console.fleet-ops.maintenance.parts.index.edit', this.model);
+    }
+
+    @action delete() {
+        return this.partActions.delete(this.model, {
+            onConfirm: () => {
+                this.hostRouter.transitionTo('console.fleet-ops.maintenance.parts.index');
+            },
+        });
+    }
+}

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

@@ -1,3 +1,58 @@
 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 MaintenancePartsIndexEditController extends Controller {}
+export default class MaintenancePartsIndexEditController extends Controller {
+    @service hostRouter;
+    @service intl;
+    @service notifications;
+    @service modalsManager;
+    @service events;
+
+    @tracked overlay;
+
+    get actionButtons() {
+        return [{ icon: 'eye', fn: this.view }];
+    }
+
+    @task *save(part) {
+        try {
+            yield part.save();
+            this.events.trackResourceUpdated(part);
+            this.overlay?.close();
+            yield this.hostRouter.transitionTo('console.fleet-ops.maintenance.parts.index.details', part);
+            this.notifications.success(this.intl.t('common.resource-updated-success', { resource: this.intl.t('resource.part'), resourceName: part.name }));
+        } 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.parts.index');
+    }
+
+    @action view() {
+        if (this.model.hasDirtyAttributes) {
+            return this.#confirmContinueWithUnsavedChanges(this.model);
+        }
+        return this.hostRouter.transitionTo('console.fleet-ops.maintenance.parts.index.details', this.model);
+    }
+
+    #confirmContinueWithUnsavedChanges(part, 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.part') }),
+            acceptButtonText: this.intl.t('common.continue'),
+            confirm: async () => {
+                part.rollbackAttributes();
+                await this.hostRouter.transitionTo('console.fleet-ops.maintenance.parts.index.details', part);
+            },
+            ...options,
+        });
+    }
+}

package/addon/controllers/maintenance/parts/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 MaintenancePartsIndexNewController extends Controller {}
+export default class MaintenancePartsIndexNewController extends Controller {
+    @service partActions;
+    @service hostRouter;
+    @service intl;
+    @service notifications;
+    @service events;
+
+    @tracked overlay;
+    @tracked part = this.partActions.createNewInstance();
+
+    @task *save(part) {
+        try {
+            yield part.save();
+            this.events.trackResourceCreated(part);
+            this.overlay?.close();
+            yield this.hostRouter.refresh();
+            yield this.hostRouter.transitionTo('console.fleet-ops.maintenance.parts.index.details', part);
+            this.notifications.success(this.intl.t('common.resource-created-success', { resource: this.intl.t('resource.part') }));
+            this.resetForm();
+        } catch (err) {
+            this.notifications.serverError(err);
+        }
+    }
+
+    @action resetForm() {
+        this.part = this.partActions.createNewInstance();
+    }
+}

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

@@ -5,125 +5,147 @@ import { tracked } from '@glimmer/tracking';
 export default class MaintenancePartsIndexController extends Controller {
     @service partActions;
     @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:parts:layout', 'table');
 
-    /** action buttons */
-    @tracked actionButtons = [
-        {
-            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,
-        },
-    ];
+    /* 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:parts:layout', 'table');
+                        },
+                    },
+                    {
+                        label: this.intl.t('common.grid-view'),
+                        icon: 'grip',
+                        onClick: () => {
+                            this.layout = 'grid';
+                            this.appCache.set('fleetops:parts:layout', 'grid');
+                        },
+                    },
+                ],
+                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 },
+        ];
+    }
 
-    /** bulk action buttons */
-    @tracked bulkActions = [
-        {
-            label: 'Delete selected...',
-            class: 'text-red-500',
-            fn: this.partActions.bulkDelete,
-        },
-    ];
+    get bulkActions() {
+        return [{ label: 'Delete selected...', class: 'text-red-500', fn: this.partActions.bulkDelete }];
+    }
 
-    /** columns */
-    @tracked columns = [
-        {
-            label: this.intl.t('column.name'),
-            valuePath: 'name',
-
-            cellComponent: 'table/cell/anchor',
-            cellClassNames: 'uppercase',
-            action: this.partActions.transition.view,
-            permission: 'fleet-ops view part',
-            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.part') }),
-            cellClassNames: 'overflow-visible',
-            wrapperClass: 'flex items-center justify-end mx-2',
-
-            actions: [
-                {
-                    label: this.intl.t('column.view-details'),
-                    fn: this.partActions.transition.view,
-                    permission: 'fleet-ops view part',
-                },
-                {
-                    label: this.intl.t('column.edit-place'),
-                    fn: this.partActions.transition.edit,
-                    permission: 'fleet-ops update part',
-                },
-                {
-                    separator: true,
-                },
-                {
-                    label: this.intl.t('column.delete'),
-                    fn: this.partActions.delete,
-                    permission: 'fleet-ops delete part',
-                },
-            ],
-            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.partActions.transition.view,
+                permission: 'fleet-ops view part',
+                resizable: true,
+                sortable: true,
+                filterable: true,
+                filterParam: 'name',
+                filterComponent: 'filter/string',
+            },
+            {
+                label: this.intl.t('column.part-number'),
+                valuePath: 'sku',
+                resizable: true,
+                sortable: true,
+                filterable: true,
+                filterParam: 'sku',
+                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.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' },
+            {
+                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.part') }),
+                cellClassNames: 'overflow-visible',
+                wrapperClass: 'flex items-center justify-end mx-2',
+                actions: [
+                    {
+                        label: this.intl.t('common.view-resource', { resource: this.intl.t('resource.part') }),
+                        fn: this.partActions.transition.view,
+                        permission: 'fleet-ops view part',
+                    },
+                    {
+                        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 },
+                    {
+                        label: this.intl.t('common.delete-resource', { resource: this.intl.t('resource.part') }),
+                        fn: this.partActions.delete,
+                        permission: 'fleet-ops delete part',
+                    },
+                ],
+                sortable: false,
+                filterable: false,
+                resizable: false,
+                searchable: false,
+            },
+        ];
+    }
 }

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

@@ -0,0 +1,115 @@
+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 MaintenanceSchedulesIndexDetailsController extends Controller {
+    @service maintenanceScheduleActions;
+    @service fetch;
+    @service hostRouter;
+    @service intl;
+    @service abilities;
+    @service('universe/menu-service') menuService;
+    @tracked overlay;
+
+    get tabs() {
+        const registeredTabs = this.menuService.getMenuItems('fleet-ops:component:schedule:details');
+        return [
+            { route: 'maintenance.schedules.index.details.index', label: this.intl.t('common.overview') },
+            { route: 'maintenance.schedules.index.details.work-orders', label: this.intl.t('menu.work-orders') },
+            ...(isArray(registeredTabs) ? registeredTabs : []),
+        ];
+    }
+
+    get actionButtons() {
+        return [
+            { icon: 'edit', fn: this.edit, permission: 'fleet-ops update maintenance-schedule' },
+            { icon: 'play', helpText: 'Trigger Work Order Now', fn: this.triggerNow, permission: 'fleet-ops update maintenance-schedule' },
+            {
+                // Calendar export dropdown — matches the dropdown-button pattern
+                icon: 'ellipsis-h',
+                iconPrefix: 'fas',
+                renderInPlace: true,
+                items: [
+                    {
+                        text: 'Download .ics',
+                        icon: 'download',
+                        iconPrefix: 'far',
+                        fn: () => this.downloadIcal(this.model),
+                    },
+                    {
+                        text: 'Add to Google Calendar',
+                        icon: 'calendar-plus',
+                        iconPrefix: 'fab',
+                        fn: () => this.addToGoogleCalendar(this.model),
+                    },
+                ],
+            },
+            { icon: 'trash', fn: this.delete, permission: 'fleet-ops delete maintenance-schedule', type: 'danger' },
+        ];
+    }
+
+    @action edit() {
+        return this.hostRouter.transitionTo('console.fleet-ops.maintenance.schedules.index.edit', this.model);
+    }
+
+    @action triggerNow() {
+        return this.maintenanceScheduleActions.triggerNow(this.model);
+    }
+
+    @action delete() {
+        return this.maintenanceScheduleActions.delete(this.model, {
+            onConfirm: () => {
+                this.hostRouter.transitionTo('console.fleet-ops.maintenance.schedules.index');
+            },
+        });
+    }
+
+    /**
+     * Trigger a browser download of the .ics file for this schedule.
+     * Uses fetch.download() which automatically attaches auth headers.
+     */
+    @action downloadIcal(schedule) {
+        const id = schedule.public_id ?? schedule.id;
+        this.fetch
+            .download(
+                `maintenance-schedules/${id}/ical`,
+                {},
+                {
+                    fileName: `maintenance-schedule-${id}.ics`,
+                    mimeType: 'text/calendar',
+                }
+            )
+            .catch((error) => {
+                // eslint-disable-next-line no-console
+                console.error('Failed to download iCal:', error);
+            });
+    }
+
+    /**
+     * Open the Google Calendar "add event" URL for this schedule.
+     * Includes RRULE recurrence when the schedule has a time-based interval.
+     */
+    @action addToGoogleCalendar(schedule) {
+        const title = encodeURIComponent(schedule.name ?? 'Maintenance Schedule');
+        const dueDate = schedule.next_due_date ? new Date(schedule.next_due_date) : new Date();
+        const pad = (n) => String(n).padStart(2, '0');
+        const dateStr = `${dueDate.getFullYear()}${pad(dueDate.getMonth() + 1)}${pad(dueDate.getDate())}`;
+        const details = encodeURIComponent(schedule.description ?? schedule.instructions ?? '');
+
+        // Build RRULE if the schedule has a time-based interval
+        let recur = '';
+        const intervalValue = parseInt(schedule.interval_value, 10);
+        const intervalUnit = schedule.interval_unit;
+        if (intervalValue > 0 && intervalUnit) {
+            const unitMap = { days: 'DAILY', weeks: 'WEEKLY', months: 'MONTHLY', years: 'YEARLY' };
+            const freq = unitMap[intervalUnit] ?? 'DAILY';
+            const interval = intervalUnit === 'weeks' ? intervalValue : intervalValue;
+            recur = `&recur=RRULE:FREQ=${freq};INTERVAL=${interval}`;
+        }
+
+        const url = `https://calendar.google.com/calendar/render?action=TEMPLATE&text=${title}&dates=${dateStr}/${dateStr}&details=${details}${recur}`;
+        window.open(url, '_blank', 'noopener,noreferrer');
+    }
+}

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

@@ -0,0 +1,41 @@
+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 MaintenanceSchedulesIndexEditController extends Controller {
+    @service maintenanceScheduleActions;
+    @service hostRouter;
+    @service intl;
+    @service notifications;
+    @tracked overlay;
+
+    get actionButtons() {
+        return [{ icon: 'trash', fn: this.delete, permission: 'fleet-ops delete maintenance-schedule' }];
+    }
+
+    @task *save(schedule) {
+        try {
+            yield schedule.save();
+            this.overlay?.close();
+            yield this.hostRouter.refresh();
+            yield this.hostRouter.transitionTo('console.fleet-ops.maintenance.schedules.index.details', schedule);
+            this.notifications.success(this.intl.t('common.resource-updated-success', { resource: this.intl.t('resource.maintenance-schedule') }));
+        } catch (err) {
+            this.notifications.serverError(err);
+        }
+    }
+
+    @action cancel() {
+        return this.hostRouter.transitionTo('console.fleet-ops.maintenance.schedules.index');
+    }
+
+    @action delete() {
+        return this.maintenanceScheduleActions.delete(this.model, {
+            onConfirm: () => {
+                this.hostRouter.transitionTo('console.fleet-ops.maintenance.schedules.index');
+            },
+        });
+    }
+}

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

@@ -0,0 +1,33 @@
+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 MaintenanceSchedulesIndexNewController extends Controller {
+    @service maintenanceScheduleActions;
+    @service hostRouter;
+    @service intl;
+    @service notifications;
+    @service events;
+    @tracked overlay;
+    @tracked schedule = this.maintenanceScheduleActions.createNewInstance();
+
+    @task *save(schedule) {
+        try {
+            yield schedule.save();
+            this.events.trackResourceCreated(schedule);
+            this.overlay?.close();
+            yield this.hostRouter.refresh();
+            yield this.hostRouter.transitionTo('console.fleet-ops.maintenance.schedules.index.details', schedule);
+            this.notifications.success(this.intl.t('common.resource-created-success', { resource: this.intl.t('resource.maintenance-schedule') }));
+            this.resetForm();
+        } catch (err) {
+            this.notifications.serverError(err);
+        }
+    }
+
+    @action resetForm() {
+        this.schedule = this.maintenanceScheduleActions.createNewInstance();
+    }
+}