@fleetbase/fleetops-engine 0.6.18 → 0.6.20

package/addon/services/telematic-actions.js

@@ -0,0 +1,81 @@
+import ResourceActionService from '@fleetbase/ember-core/services/resource-action';
+
+export default class TelematicActionsService extends ResourceActionService {
+    constructor() {
+        super(...arguments);
+        this.initialize('telematic');
+    }
+
+    transition = {
+        view: (telematic) => this.transitionTo('connectivity.telematics.index.details', telematic),
+        edit: (telematic) => this.transitionTo('connectivity.telematics.index.edit', telematic),
+        create: () => this.transitionTo('connectivity.telematics.index.new'),
+    };
+
+    panel = {
+        create: (attributes = {}) => {
+            const telematic = this.createNewInstance(attributes);
+            return this.resourceContextPanel.open({
+                content: 'telematic/form',
+                title: this.intl.t('common.create-a-new-resource', { resource: this.intl.t('resource.telematic')?.toLowerCase() }),
+                useDefaultSaveTask: true,
+                saveOptions: {
+                    callback: this.refresh,
+                },
+                telematic,
+            });
+        },
+        edit: (telematic) => {
+            return this.resourceContextPanel.open({
+                content: 'telematic/form',
+                title: this.intl.t('common.edit-resource-name', { resourceName: telematic.name }),
+                useDefaultSaveTask: true,
+                telematic,
+            });
+        },
+        view: (telematic) => {
+            return this.resourceContextPanel.open({
+                telematic,
+                tabs: [
+                    {
+                        label: this.intl.t('common.overview'),
+                        component: 'telematic/details',
+                    },
+                ],
+            });
+        },
+    };
+
+    modal = {
+        create: (attributes = {}, options = {}, saveOptions = {}) => {
+            const telematic = this.createNewInstance(attributes);
+            return this.modalsManager.show('modals/resource', {
+                resource: telematic,
+                title: this.intl.t('common.create-a-new-resource', { resource: this.intl.t('resource.telematic')?.toLowerCase() }),
+                acceptButtonText: this.intl.t('common.create-resource', { resource: this.intl.t('resource.telematic') }),
+                component: 'telematic/form',
+                confirm: (modal) => this.modalTask.perform(modal, 'saveTask', telematic, { refresh: true, ...saveOptions }),
+                ...options,
+            });
+        },
+        edit: (telematic, options = {}, saveOptions = {}) => {
+            return this.modalsManager.show('modals/resource', {
+                resource: telematic,
+                title: this.intl.t('common.edit-resource-name', { resourceName: telematic.name }),
+                acceptButtonText: this.intl.t('common.save-changes'),
+                saveButtonIcon: 'save',
+                component: 'telematic/form',
+                confirm: (modal) => this.modalTask.perform(modal, 'saveTask', telematic, { refresh: true, ...saveOptions }),
+                ...options,
+            });
+        },
+        view: (telematic, options = {}) => {
+            return this.modalsManager.show('modals/resource', {
+                resource: telematic,
+                title: telematic.name,
+                component: 'telematic/details',
+                ...options,
+            });
+        },
+    };
+}

package/addon/services/vehicle-actions.js

@@ -1,42 +1,126 @@
-import Service, { inject as service } from '@ember/service';
+import ResourceActionService from '@fleetbase/ember-core/services/resource-action';
 import leafletIcon from '@fleetbase/ember-core/utils/leaflet-icon';
-import getWithDefault from '@fleetbase/ember-core/utils/get-with-default';
-import config from '../config/environment';
+import config from 'ember-get-config';
+import { action } from '@ember/object';
 
-export default class VehicleActionsService extends Service {
-    @service modalsManager;
-    @service universe;
-    @service crud;
-    @service intl;
+export default class VehicleActionsService extends ResourceActionService {
+    constructor() {
+        super(...arguments);
+        this.initialize('vehicle', { status: 'active' });
+    }
+
+    transition = {
+        view: (vehicle) => this.transitionTo('management.vehicles.index.details', vehicle),
+        edit: (vehicle) => this.transitionTo('management.vehicles.index.edit', vehicle),
+        create: () => this.transitionTo('management.vehicles.index.new'),
+    };
+
+    panel = {
+        create: (attributes = {}, options = {}) => {
+            const vehicle = this.createNewInstance(attributes);
+            return this.resourceContextPanel.open({
+                content: 'vehicle/form',
+                title: this.intl.t('common.create-a-new-resource', { resource: this.intl.t('resource.vehicle')?.toLowerCase() }),
+                saveOptions: {
+                    callback: this.refresh,
+                },
+                useDefaultSaveTask: true,
+                vehicle,
+                ...options,
+            });
+        },
+        edit: (vehicle, options = {}) => {
+            return this.resourceContextPanel.open({
+                content: 'vehicle/form',
+                title: this.intl.t('common.edit-resource-name', { resourceName: vehicle.name }),
+                actionButtons: [
+                    {
+                        icon: 'eye',
+                        fn: async () => {
+                            await this.resourceContextPanel.closeAll();
+                            this.panel.view(vehicle);
+                        },
+                    },
+                ],
+                useDefaultSaveTask: true,
+                vehicle,
+                ...options,
+            });
+        },
+        view: (vehicle, options = {}) => {
+            return this.resourceContextPanel.open({
+                vehicle,
+                header: 'vehicle/panel-header',
+                actionButtons: [
+                    {
+                        icon: 'pencil',
+                        fn: async () => {
+                            await this.resourceContextPanel.closeAll();
+                            this.panel.edit(vehicle);
+                        },
+                    },
+                ],
+                tabs: [
+                    {
+                        label: this.intl.t('common.overview'),
+                        component: 'vehicle/details',
+                    },
+                ],
+                ...options,
+            });
+        },
+    };
+
+    modal = {
+        create: (attributes = {}, options = {}, saveOptions = {}) => {
+            const vehicle = this.createNewInstance(attributes);
+            return this.modalsManager.show('modals/resource', {
+                resource: vehicle,
+                title: this.intl.t('common.create-a-new-resource', { resource: this.intl.t('resource.vehicle')?.toLowerCase() }),
+                acceptButtonText: this.intl.t('common.create-resource', { resource: this.intl.t('resource.vehicle') }),
+                component: 'vehicle/form',
+                confirm: (modal) => this.modalTask.perform(modal, 'saveTask', vehicle, { refresh: true, ...saveOptions }),
+                ...options,
+            });
+        },
+        edit: (vehicle, options = {}, saveOptions = {}) => {
+            return this.modalsManager.show('modals/resource', {
+                resource: vehicle,
+                title: this.intl.t('common.edit-resource-name', { resourceName: vehicle.name }),
+                acceptButtonText: this.intl.t('common.save-changes'),
+                saveButtonIcon: 'save',
+                component: 'vehicle/form',
+                confirm: (modal) => this.modalTask.perform(modal, 'saveTask', vehicle, { refresh: true, ...saveOptions }),
+                ...options,
+            });
+        },
+        view: (vehicle, options = {}) => {
+            return this.modalsManager.show('modals/resource', {
+                resource: vehicle,
+                title: vehicle.name,
+                component: 'vehicle/details',
+                ...options,
+            });
+        },
+    };
 
-    locate(vehicle, options = {}) {
-        const { location } = vehicle;
-        const [latitude, longitude] = location.coordinates;
+    @action locate(vehicle, options = {}) {
+        const { latitude, longitude, location } = vehicle;
 
         this.modalsManager.show('modals/point-map', {
-            title: this.intl.t('fleet-ops.management.vehicles.index.locate-title', { vehicleName: vehicle.displayName }),
-            acceptButtonText: 'Done',
-            acceptButtonIcon: 'check',
-            acceptButtonIconPrefix: 'fas',
-            modalClass: 'modal-md',
+            title: this.intl.t('common.resource-location', { resource: vehicle.displayName }),
+            acceptButtonText: this.intl.t('common.done'),
             hideDeclineButton: true,
-            latitude,
-            longitude,
-            location,
+            resource: vehicle,
             popupText: `${vehicle.displayName} (${vehicle.public_id})`,
+            tooltip: vehicle.positionString,
             icon: leafletIcon({
-                iconUrl: getWithDefault(vehicle, 'avatar', getWithDefault(config, 'defaultValues.vehicleAvatar')),
+                iconUrl: vehicle.avatar ?? config?.defaultValues?.vehicleAvatar,
                 iconSize: [40, 40],
             }),
-            ...options,
-        });
-    }
-
-    delete(vehicle, options = {}) {
-        this.crud.delete(vehicle, {
-            onSuccess: () => {
-                this.universe.trigger('fleet-ops.vehicle.deleted', vehicle);
-            },
+            latitude,
+            longitude,
+            location,
             ...options,
         });
     }

package/addon/services/vendor-actions.js

@@ -0,0 +1,137 @@
+import ResourceActionService from '@fleetbase/ember-core/services/resource-action';
+import { inject as service } from '@ember/service';
+import { action } from '@ember/object';
+import { normalizeProvider, buildIntegrationPayload } from '../utils/vendor-integration';
+
+export default class VendorActionsService extends ResourceActionService {
+    @service placeActions;
+
+    constructor() {
+        super(...arguments);
+        this.initialize('vendor', {
+            defaultAttributes: { status: 'active' },
+        });
+    }
+
+    transition = {
+        view: (vendor) => this.transitionTo('management.vendors.index.details', vendor),
+        edit: (vendor) => this.transitionTo('management.vendors.index.edit', vendor),
+        create: () => this.transitionTo('management.vendors.index.new'),
+    };
+
+    panel = {
+        create: (attributes = {}) => {
+            const vendor = this.createNewInstance(attributes);
+            return this.resourceContextPanel.open({
+                content: 'vendor/form',
+                title: this.intl.t('common.create-a-new-resource', { resource: this.intl.t('resource.vendor')?.toLowerCase() }),
+                useDefaultSaveTask: true,
+                saveOptions: {
+                    callback: this.refresh,
+                },
+                vendor,
+            });
+        },
+        edit: (vendor) => {
+            return this.resourceContextPanel.open({
+                content: 'vendor/form',
+                title: this.intl.t('common.edit-resource-name', { resourceName: vendor.name }),
+                useDefaultSaveTask: true,
+                vendor,
+            });
+        },
+        view: (vendor) => {
+            return this.resourceContextPanel.open({
+                vendor,
+                tabs: [
+                    {
+                        label: this.intl.t('common.overview'),
+                        component: 'vendor/details',
+                    },
+                ],
+            });
+        },
+    };
+
+    modal = {
+        create: (attributes = {}, options = {}, saveOptions = {}) => {
+            const vendor = this.createNewInstance(attributes);
+            return this.modalsManager.show('modals/resource', {
+                resource: vendor,
+                title: this.intl.t('common.create-a-new-resource', { resource: this.intl.t('resource.vendor')?.toLowerCase() }),
+                acceptButtonText: this.intl.t('common.create-resource', { resource: this.intl.t('resource.vendor') }),
+                component: 'vendor/form',
+                confirm: (modal) => this.modalTask.perform(modal, 'saveTask', vendor, { refresh: true, ...saveOptions }),
+                ...options,
+            });
+        },
+        edit: (vendor, options = {}, saveOptions = {}) => {
+            return this.modalsManager.show('modals/resource', {
+                resource: vendor,
+                title: this.intl.t('common.edit-resource-name', { resourceName: vendor.name }),
+                acceptButtonText: this.intl.t('common.save-changes'),
+                saveButtonIcon: 'save',
+                component: 'vendor/form',
+                confirm: (modal) => this.modalTask.perform(modal, 'saveTask', vendor, { refresh: true, ...saveOptions }),
+                ...options,
+            });
+        },
+        view: (vendor, options = {}) => {
+            return this.modalsManager.show('modals/resource', {
+                resource: vendor,
+                title: vendor.name,
+                component: 'vendor/details',
+                ...options,
+            });
+        },
+    };
+
+    @action createVendorIntegration(provider, opts = {}) {
+        const normalized = normalizeProvider(provider);
+        if (!normalized) {
+            this.notifications.error('Invalid vendor provider configuration.');
+            return null;
+        }
+
+        const payload = buildIntegrationPayload(normalized);
+        const record = this.store.createRecord('integrated-vendor', { ...payload, provider_options: provider });
+
+        if (opts.autoSave) {
+            // Return a promise if caller wants immediate persistence
+            return record.save().catch((e) => {
+                this.notifications.error('Failed to create integration.');
+                // bubble up so caller can handle
+                throw e;
+            });
+        }
+
+        return record;
+    }
+
+    @action async viewPlace(vendor) {
+        const place = await vendor.place;
+        if (place) {
+            this.placeActions.modal.view(place);
+        }
+    }
+
+    @action async editPlace(vendor) {
+        const place = await vendor.place;
+        if (place) {
+            this.placeActions.modal.edit(place);
+        }
+    }
+
+    @action async createPlace(vendor) {
+        return this.placeActions.modal.create(
+            {},
+            {},
+            {
+                callback: async (place) => {
+                    vendor.set('place_uuid', place.id);
+                    await vendor.save();
+                },
+            }
+        );
+    }
+}

package/addon/services/work-order-actions.js

@@ -0,0 +1,81 @@
+import ResourceActionService from '@fleetbase/ember-core/services/resource-action';
+
+export default class WorkOrderActionsService extends ResourceActionService {
+    constructor() {
+        super(...arguments);
+        this.initialize('work-order');
+    }
+
+    transition = {
+        view: (workOrder) => this.transitionTo('maintenance.work-orders.index.details', workOrder),
+        edit: (workOrder) => this.transitionTo('maintenance.work-orders.index.edit', workOrder),
+        create: () => this.transitionTo('maintenance.work-orders.index.new'),
+    };
+
+    panel = {
+        create: (attributes = {}) => {
+            const workOrder = this.createNewInstance(attributes);
+            return this.resourceContextPanel.open({
+                content: 'work-order/form',
+                title: this.intl.t('common.create-a-new-resource', { resource: this.intl.t('resource.work order')?.toLowerCase() }),
+                useDefaultSaveTask: true,
+                saveOptions: {
+                    callback: this.refresh,
+                },
+                workOrder,
+            });
+        },
+        edit: (workOrder) => {
+            return this.resourceContextPanel.open({
+                content: 'work-order/form',
+                title: this.intl.t('common.edit-resource-name', { resourceName: workOrder.name }),
+                useDefaultSaveTask: true,
+                workOrder,
+            });
+        },
+        view: (workOrder) => {
+            return this.resourceContextPanel.open({
+                workOrder,
+                tabs: [
+                    {
+                        label: this.intl.t('common.overview'),
+                        component: 'work-order/details',
+                    },
+                ],
+            });
+        },
+    };
+
+    modal = {
+        create: (attributes = {}, options = {}, saveOptions = {}) => {
+            const workOrder = this.createNewInstance(attributes);
+            return this.modalsManager.show('modals/resource', {
+                resource: workOrder,
+                title: this.intl.t('common.create-a-new-resource', { resource: this.intl.t('resource.work order')?.toLowerCase() }),
+                acceptButtonText: this.intl.t('common.create-resource', { resource: this.intl.t('resource.work-order') }),
+                component: 'work-order/form',
+                confirm: (modal) => this.modalTask.perform(modal, 'saveTask', workOrder, { refresh: true, ...saveOptions }),
+                ...options,
+            });
+        },
+        edit: (workOrder, options = {}, saveOptions = {}) => {
+            return this.modalsManager.show('modals/resource', {
+                resource: workOrder,
+                title: this.intl.t('common.edit-resource-name', { resourceName: workOrder.name }),
+                acceptButtonText: this.intl.t('common.save-changes'),
+                saveButtonIcon: 'save',
+                component: 'work-order/form',
+                confirm: (modal) => this.modalTask.perform(modal, 'saveTask', workOrder, { refresh: true, ...saveOptions }),
+                ...options,
+            });
+        },
+        view: (workOrder, options = {}) => {
+            return this.modalsManager.show('modals/resource', {
+                resource: workOrder,
+                title: workOrder.name,
+                component: 'work-order/details',
+                ...options,
+            });
+        },
+    };
+}

package/addon/services/zone-actions.js

@@ -0,0 +1,81 @@
+import ResourceActionService from '@fleetbase/ember-core/services/resource-action';
+
+export default class ZoneActionsService extends ResourceActionService {
+    constructor() {
+        super(...arguments);
+        this.initialize('zone');
+    }
+
+    transition = {
+        view: (zone) => this.transitionTo('operations.orders.index', { queryParams: { zone: zone.id } }),
+        edit: (zone) => this.transitionTo('operations.orders.index', { queryParams: { zone: zone.id, editing: zone.id } }),
+        create: () => this.transitionTo('operations.orders.index', { queryParams: { creating: 'zone' } }),
+    };
+
+    panel = {
+        create: (attributes = {}) => {
+            const zone = this.createNewInstance(attributes);
+            return this.resourceContextPanel.open({
+                content: 'zone/form',
+                title: this.intl.t('common.create-a-new-resource', { resource: this.intl.t('resource.zone')?.toLowerCase() }),
+                saveOptions: {
+                    callback: this.refresh,
+                },
+                useDefaultSaveTask: true,
+                zone,
+            });
+        },
+        edit: (zone) => {
+            return this.resourceContextPanel.open({
+                content: 'zone/form',
+                title: this.intl.t('common.edit-resource-name', { resourceName: zone.name }),
+                useDefaultSaveTask: true,
+                zone,
+            });
+        },
+        view: (zone) => {
+            return this.resourceContextPanel.open({
+                zone,
+                tabs: [
+                    {
+                        label: this.intl.t('common.overview'),
+                        component: 'zone/details',
+                    },
+                ],
+            });
+        },
+    };
+
+    modal = {
+        create: (attributes = {}, options = {}, saveOptions = {}) => {
+            const zone = this.createNewInstance(attributes);
+            return this.modalsManager.show('modals/resource', {
+                resource: zone,
+                title: this.intl.t('common.create-a-new-resource', { resource: this.intl.t('resource.zone')?.toLowerCase() }),
+                acceptButtonText: this.intl.t('common.create-resource', { resource: this.intl.t('resource.zone') }),
+                component: 'zone/form',
+                confirm: (modal) => this.modalTask.perform(modal, 'saveTask', zone, { refresh: true, ...saveOptions }),
+                ...options,
+            });
+        },
+        edit: (zone, options = {}, saveOptions = {}) => {
+            return this.modalsManager.show('modals/resource', {
+                resource: zone,
+                title: this.intl.t('common.edit-resource-name', { resourceName: zone.name }),
+                acceptButtonText: this.intl.t('common.save-changes'),
+                saveButtonIcon: 'save',
+                component: 'zone/form',
+                confirm: (modal) => this.modalTask.perform(modal, 'saveTask', zone, { refresh: true, ...saveOptions }),
+                ...options,
+            });
+        },
+        view: (zone, options = {}) => {
+            return this.modalsManager.show('modals/resource', {
+                resource: zone,
+                title: zone.name,
+                component: 'zone/details',
+                ...options,
+            });
+        },
+    };
+}

package/addon/styles/fleetops-engine.css

@@ -19,6 +19,7 @@ body[data-theme='dark'] .scheduler-left-sidebar {
     border-top: 0;
     border-left: 0;
     border-right: 0;
+    margin-bottom: 0;
 }
 
 .scheduler-left-sidebar > .next-content-panel-wrapper > .next-content-panel-container > .next-content-panel > .next-content-panel-body {
@@ -28,6 +29,20 @@ body[data-theme='dark'] .scheduler-left-sidebar {
     border-bottom-right-radius: 0;
 }
 
+.scheduler-left-sidebar > .next-content-panel-wrapper:not(.is-closed) + .next-content-panel-wrapper > .next-content-panel-container > .next-content-panel > .next-content-panel-header {
+    border-top: 1px rgba(229, 231, 235, var(--tw-border-opacity, 1)) solid;
+}
+
+body[data-theme='dark']
+    .scheduler-left-sidebar
+    > .next-content-panel-wrapper:not(.is-closed)
+    + .next-content-panel-wrapper
+    > .next-content-panel-container
+    > .next-content-panel
+    > .next-content-panel-header {
+    border-top: 1px rgba(55, 65, 81, var(--tw-border-opacity, 1)) solid;
+}
+
 .fleetbase-console.console-fleet-ops-operations-orders-index-new,
 .fleetbase-console.console-fleet-ops-operations-orders-index-view,
 .fleetbase-console .dragSortList {
@@ -284,6 +299,8 @@ body[data-theme='light'] .flow-activity-status-pill text {
     padding-left: 1.5rem;
     padding-top: 1rem;
     z-index: 99;
+    display: flex;
+    flex-direction: column;
 }
 
 .activity-flow-zoom-controls > .btn-wrapper:first-child > .btn {
@@ -744,7 +761,7 @@ body[data-theme='dark'] .order-progress-bar > .order-progress-bar-wrapper > .ord
 .customer-order-details-container,
 .customer-live-map-wrapper .customer-order-details-container {
     position: absolute;
-    z-index: 9999;
+    z-index: 1010;
     bottom: 0;
     top: 0;
     right: 0;
@@ -1028,6 +1045,13 @@ body[data-theme='light'] .flb--modal.flb--default-modal.finalize-service-quote-p
     padding: 0 !important;
 }
 
+.order-list-overlay-panel-header {
+    padding-left: 0.35rem;
+    padding-right: 0.35rem;
+    height: 45px;
+    max-height: 45px;
+}
+
 .next-content-overlay-panel-body.fleetops-order-list-overlay .fleetops-order-list-overlay-inner-wrapper .fleetops-order-list-overlay-list .next-content-panel-header {
     padding: 0 0.35rem;
     display: flex;
@@ -1630,3 +1654,38 @@ button.fleetops-btn-xxs,
     padding-top: 0.2rem !important;
     padding-bottom: 0.2rem !important;
 }
+
+/** css fix for operations index/kanban */
+main.console-fleet-ops-operations-orders-index-index section.next-view-section {
+    max-width: 100vw;
+    min-width: 0;
+}
+
+main.console-fleet-ops-operations-orders-index-index section.next-view-section > .next-view-section-container {
+    display: flex;
+    flex-direction: column;
+    max-width: 100vw;
+    min-width: 0;
+}
+
+main.console-fleet-ops-operations-orders-index-index section.next-view-section > .next-view-section-container > .next-view-section-subheader {
+    flex: 0 0 auto;
+    width: 100%;
+}
+
+main.console-fleet-ops-operations-orders-index-index section.next-view-section > .next-view-section-container > .next-view-section-body {
+    flex: 1 1 auto;
+    min-width: 0;
+    overflow: auto;
+}
+
+main.console-fleet-ops-operations-orders-index-index section.next-view-section > .next-view-section-container > .next-view-section-body > .kanban-board {
+    display: flex;
+}
+
+.next-view-section-subheader .next-view-section-subheader-actions .order-board-type-filter.ember-power-select-trigger.ember-basic-dropdown-trigger {
+    height: 2rem;
+    align-items: center;
+    padding-left: 0.5rem;
+    padding-right: 2rem;
+}

package/addon/templates/analytics/reports/index/details/index.hbs

@@ -0,0 +1 @@
+<Report::Details @resource={{@model}} />

package/addon/templates/analytics/reports/index/details/result.hbs

@@ -0,0 +1 @@
+<Report::Data @resource={{@model}} />

package/addon/templates/analytics/reports/index/details.hbs

@@ -0,0 +1,15 @@
+<Layout::Resource::Panel
+    @resource={{@model}}
+    @controller={{this}}
+    @headerTitle={{or @model.title}}
+    @actionButtons={{this.actionButtons}}
+    @onPressCancel={{transition-to "analytics.reports.index"}}
+    @onOverlayReady={{fn (mut this.overlay)}}
+    @headerClass="no-bottom-border"
+    @bodyClass="no-scroll"
+    @width="800px"
+>
+    <TabNavigation @tabs={{this.tabs}} @contentClass="scrollable" @tablistClass="pl-2">
+        {{outlet}}
+    </TabNavigation>
+</Layout::Resource::Panel>

package/addon/templates/analytics/reports/index/edit.hbs

@@ -0,0 +1,13 @@
+<Layout::Resource::Panel
+    @resource={{@model}}
+    @controller={{this}}
+    @headerTitle={{t "common.edit-resource-name" resourceName=@model.title}}
+    @actionButtons={{this.actionButtons}}
+    @saveTask={{this.save}}
+    @onPressCancel={{this.cancel}}
+    @onOverlayReady={{fn (mut this.overlay)}}
+    @width="800px"
+>
+    <ReportBuilder @report={{@model}} @extension="fleet-ops" />
+    <Spacer @height="300px" />
+</Layout::Resource::Panel>