@fleetbase/fleetops-engine 0.6.52 → 0.6.54

package/addon/components/order/form/service-rate.js

@@ -1,18 +1,72 @@
 import Component from '@glimmer/component';
 import { tracked } from '@glimmer/tracking';
 import { inject as service } from '@ember/service';
-import { task } from 'ember-concurrency';
+import { task, timeout } from 'ember-concurrency';
+import { SERVICE_QUOTE_REFRESH_REQUESTED } from '../../../services/order-creation';
+
+const SERVICE_QUOTE_REFRESH_DEBOUNCE_MS = 500;
 
 export default class OrderFormServiceRateComponent extends Component {
     @service serviceRateActions;
+    @service orderCreation;
     @tracked selectedRate;
     @tracked serviceRates = [];
     @tracked serviceQuotes = [];
+    @tracked isAutoRefreshingServiceQuotes = false;
+    serviceQuoteRefreshRequestId = 0;
+
+    constructor() {
+        super(...arguments);
+        this._serviceQuoteRefreshRequested = (event) => this.handleServiceQuoteRefreshRequest(event);
+        this.orderCreation.on(SERVICE_QUOTE_REFRESH_REQUESTED, this._serviceQuoteRefreshRequested);
+    }
+
+    willDestroy() {
+        this.orderCreation.off(SERVICE_QUOTE_REFRESH_REQUESTED, this._serviceQuoteRefreshRequested);
+        this.refreshServiceQuotes.cancelAll();
+        super.willDestroy(...arguments);
+    }
 
     get isServicable() {
         return this.args.resource?.order_config && this.args.resource?.payloadCoordinates?.length >= 2;
     }
 
+    get canRefreshServiceQuotes() {
+        return this.args.resource?.servicable && this.selectedRate && this.args.resource?.payloadCoordinates?.length >= 2;
+    }
+
+    get hasServiceQuotes() {
+        return this.serviceQuotes?.length > 0;
+    }
+
+    get isLoadingServiceQuotes() {
+        return this.getServiceQuotes.isRunning || this.isAutoRefreshingServiceQuotes;
+    }
+
+    get shouldShowServiceQuotesLoader() {
+        return this.isLoadingServiceQuotes && !this.hasServiceQuotes;
+    }
+
+    get serviceQuoteOverride() {
+        return this.orderCreation.getServiceQuoteOverride(this.args.resource);
+    }
+
+    get hasServiceQuoteOverride() {
+        return this.serviceQuoteOverride?.mode === 'locked';
+    }
+
+    get overrideQuote() {
+        return this.serviceQuoteOverride?.quote;
+    }
+
+    get overrideQuoteItems() {
+        return this.overrideQuote?.items ?? [];
+    }
+
+    get overrideCurrency() {
+        return this.overrideQuote?.currency ?? this.serviceQuoteOverride?.currency ?? 'USD';
+    }
+
     @task *queryServiceRates(toggled) {
         this.args.resource.servicable = toggled;
         if (!toggled) return;
@@ -21,6 +75,74 @@ export default class OrderFormServiceRateComponent extends Component {
 
     @task *getServiceQuotes(serviceRate) {
         this.selectedRate = serviceRate;
-        this.serviceQuotes = yield this.serviceRateActions.getServiceQuotes.perform(serviceRate, this.args.resource);
+        yield this.loadServiceQuotes(serviceRate);
+    }
+
+    @task *refreshServiceQuotes(refreshRequestId) {
+        this.isAutoRefreshingServiceQuotes = true;
+
+        try {
+            yield timeout(SERVICE_QUOTE_REFRESH_DEBOUNCE_MS);
+
+            if (!this.canRefreshServiceQuotes) {
+                return;
+            }
+
+            yield this.loadServiceQuotes(this.selectedRate);
+        } finally {
+            if (refreshRequestId === this.serviceQuoteRefreshRequestId) {
+                this.isAutoRefreshingServiceQuotes = false;
+            }
+        }
+    }
+
+    handleServiceQuoteRefreshRequest({ order } = {}) {
+        if (order && order !== this.args.resource) {
+            return;
+        }
+
+        if (this.hasServiceQuoteOverride) {
+            return;
+        }
+
+        if (this.args.resource?.servicable && !this.serviceRates?.length && !this.queryServiceRates.isRunning) {
+            this.queryServiceRates.perform(true);
+        }
+
+        if (!this.canRefreshServiceQuotes) {
+            return;
+        }
+
+        this.refreshServiceQuotes.cancelAll();
+        this.serviceQuoteRefreshRequestId++;
+        this.isAutoRefreshingServiceQuotes = true;
+        this.refreshServiceQuotes.perform(this.serviceQuoteRefreshRequestId);
+    }
+
+    async loadServiceQuotes(serviceRate) {
+        const serviceQuotes = await this.serviceRateActions.getServiceQuotes.perform(serviceRate, this.args.resource);
+        this.serviceQuotes = serviceQuotes ?? [];
+        this.clearStaleSelectedServiceQuote();
+    }
+
+    clearStaleSelectedServiceQuote() {
+        const selectedServiceQuote = this.args.resource?.service_quote_uuid;
+
+        if (!selectedServiceQuote) {
+            return;
+        }
+
+        if (!this.serviceQuotes?.length) {
+            this.args.resource.service_quote_uuid = null;
+            return;
+        }
+
+        const selectedQuoteExists = this.serviceQuotes.some((serviceQuote) => {
+            return serviceQuote?.uuid === selectedServiceQuote || serviceQuote?.id === selectedServiceQuote;
+        });
+
+        if (!selectedQuoteExists) {
+            this.args.resource.service_quote_uuid = null;
+        }
     }
 }

package/addon/components/order/form.hbs

@@ -10,6 +10,7 @@
                 ServiceRate=(component "order/form/service-rate" resource=@resource)
                 Notes=(component "order/form/notes" resource=@resource)
                 Documents=(component "order/form/documents" resource=@resource)
+                OrchestratorConstraints=(component "order/form/orchestrator-constraints" resource=@resource)
                 Metadata=(component "order/form/metadata" resource=@resource)
             )
         }}
@@ -23,6 +24,7 @@
         <Order::Form::ServiceRate @resource={{@resource}} />
         <Order::Form::Notes @resource={{@resource}} />
         <Order::Form::Documents @resource={{@resource}} />
+        <Order::Form::OrchestratorConstraints @resource={{@resource}} />
         <Order::Form::Metadata @resource={{@resource}} />
     {{/if}}
 </div>

package/addon/components/telematic/details.hbs

@@ -32,7 +32,7 @@
     {{#if this.attentionItems.length}}
         <section class="flex flex-col gap-3">
             {{#each this.attentionItems as |item|}}
-                <div class="w-full rounded-md border border-yellow-200 bg-yellow-50 p-3 dark:border-yellow-700 dark:bg-gray-800">
+                <div class="w-full rounded-md border border-yellow-200 bg-yellow-50 p-3 dark:border-yellow-700 dark:bg-yellow-900/20">
                     <div class="flex items-start gap-3">
                         <div class="flex h-9 w-9 flex-shrink-0 items-center justify-center rounded-md bg-yellow-100 text-yellow-700 dark:bg-yellow-900/30 dark:text-yellow-300">
                             <FaIcon @icon={{item.icon}} />
@@ -88,6 +88,12 @@
                             <div class="text-yellow-700 dark:text-yellow-300">Webhook URL unavailable until this integration has a public ID.</div>
                         {{/if}}
                     </div>
+                {{else}}
+                    <div class="rounded-md border border-gray-200 p-3 dark:border-gray-700 md:col-span-2">
+                        <div class="text-gray-400 dark:text-gray-500">Update Mode</div>
+                        <div class="mt-1 font-semibold text-gray-900 dark:text-gray-100">Provider polling</div>
+                        <div class="mt-1 text-gray-500 dark:text-gray-400">FleetOps polls this provider for device snapshots and telemetry updates.</div>
+                    </div>
                 {{/if}}
             </div>
         </div>

package/addon/components/telematic/form.js

@@ -415,13 +415,17 @@ export default class TelematicFormComponent extends Component {
         this.args.resource.setProperties({
             name: this.args.resource.name ?? provider.label,
             provider: provider.key,
-            credentials: (provider.required_fields ?? []).reduce((acc, item) => {
-                acc[item.name] = item.advanced || item.is_endpoint ? null : (item.default_value ?? null);
-                return acc;
-            }, {}),
+            credentials: this.buildProviderCredentials(provider),
         });
     }
 
+    buildProviderCredentials(provider) {
+        return (provider.required_fields ?? []).reduce((acc, item) => {
+            acc[item.name] = item.default_value ?? null;
+            return acc;
+        }, {});
+    }
+
     @action goToStep(index) {
         if (!this.canReachStep(index)) {
             return;
@@ -553,10 +557,7 @@ export default class TelematicFormComponent extends Component {
         this.lastConnectionTestCompletedAt = null;
 
         try {
-            const result = yield this.fetch.post(`telematics/${this.selectedProvider.key}/test-credentials`, {
-                credentials: this.args.resource.credentials,
-                telematic_id: this.args.resource?.id,
-            });
+            const result = yield this.fetch.post(`telematics/${this.selectedProvider.key}/test-credentials`, this.getConnectionTestPayload());
             this.connectionTestResult = result;
             this.lastConnectionTestCompletedAt = new Date();
             this.updateResourceConnectionTestMeta(result);
@@ -577,6 +578,13 @@ export default class TelematicFormComponent extends Component {
         }
     }
 
+    getConnectionTestPayload() {
+        return {
+            credentials: this.args.resource.credentials,
+            telematic_id: this.args.resource?.id,
+        };
+    }
+
     updateResourceConnectionTestMeta(result) {
         const meta = this.args.resource?.meta ?? {};
         const testedAt = this.lastConnectionTestCompletedAt ?? new Date();

package/addon/components/work-order/details.hbs

@@ -20,6 +20,10 @@
                 <div class="field-name">Subject</div>
                 <div class="field-value">{{n-a @resource.subject}}</div>
             </div>
+            <div class="field-info-container col-span-2">
+                <div class="field-name">Category</div>
+                <div class="field-value">{{n-a (smart-humanize @resource.category)}}</div>
+            </div>
 
             {{! — Status & Priority — }}
             <div class="col-span-2 text-[11px] uppercase tracking-wide text-gray-500 font-semibold mt-3">
@@ -185,4 +189,4 @@
     <CustomField::Yield @subject={{@resource}} @viewMode={{true}} @wrapperClass="bordered-top" />
 
     <Spacer @height="200px" />
-</div>
+</div>

package/addon/components/work-order/form.hbs

@@ -13,6 +13,27 @@
                 <Input @value={{@resource.subject}} @type="text" class="w-full form-input" placeholder="Brief description of the work order" disabled={{cannot-write @resource}} />
             </InputGroup>
 
+            {{! Work Classification }}
+            <div class="col-span-1 lg:col-span-2 text-[11px] uppercase tracking-wide text-gray-500 font-semibold mt-3">
+                Work Order Classification
+            </div>
+            <InputGroup @name="Category" @wrapperClass="col-span-1 lg:col-span-2">
+                <div class="fleetbase-model-select fleetbase-power-select ember-model-select">
+                    <PowerSelect
+                        @options={{this.categoryOptions}}
+                        @selected={{find-by "value" @resource.category this.categoryOptions}}
+                        @onChange={{set-model-attr @resource "category"}}
+                        @placeholder="Select Category"
+                        @triggerClass="form-select form-input"
+                        @disabled={{cannot-write @resource}}
+                        as |category|
+                    >
+                        <div class="font-semibold normalize-in-trigger">{{category.label}}</div>
+                        <div class="hide-from-trigger">{{category.description}}</div>
+                    </PowerSelect>
+                </div>
+            </InputGroup>
+
             {{! Status & Priority }}
             <div class="col-span-1 lg:col-span-2 text-[11px] uppercase tracking-wide text-gray-500 font-semibold mt-3">
                 Status & Priority
@@ -21,14 +42,15 @@
                 <div class="fleetbase-model-select fleetbase-power-select ember-model-select">
                     <PowerSelect
                         @options={{this.statusOptions}}
-                        @selected={{@resource.status}}
-                        @onChange={{fn (mut @resource.status)}}
+                        @selected={{find-by "value" @resource.status this.statusOptions}}
+                        @onChange={{set-model-attr @resource "status"}}
                         @placeholder="Select Status"
                         @triggerClass="form-select form-input"
                         @disabled={{cannot-write @resource}}
                         as |status|
                     >
-                        {{smart-humanize status}}
+                        <div class="font-semibold normalize-in-trigger">{{status.label}}</div>
+                        <div class="hide-from-trigger">{{status.description}}</div>
                     </PowerSelect>
                 </div>
             </InputGroup>
@@ -243,4 +265,4 @@
     <ContentPanel @title="Metadata" @open={{false}} @wrapperClass="bordered-top">
         <MetadataEditor @value={{@resource.meta}} @onChange={{fn (mut @resource.meta)}} />
     </ContentPanel>
-</div>
+</div>

package/addon/components/work-order/form.js

@@ -1,6 +1,7 @@
 import Component from '@glimmer/component';
 import { tracked } from '@glimmer/tracking';
 import { action } from '@ember/object';
+import { workOrderCategories, workOrderStatuses } from '../../utils/fleet-ops-options';
 
 /**
  * Maps a user-facing polymorphic type string to the Ember Data model name
@@ -42,7 +43,10 @@ const ASSIGNEE_MODEL_TO_TYPE = {
 
 export default class WorkOrderFormComponent extends Component {
     /** Status options for work orders. */
-    statusOptions = ['open', 'in_progress', 'on_hold', 'completed', 'cancelled'];
+    statusOptions = workOrderStatuses;
+
+    /** Operational category options for work orders. */
+    categoryOptions = workOrderCategories;
 
     /** Priority options for work orders. */
     priorityOptions = ['low', 'medium', 'high', 'critical'];

package/addon/controllers/connectivity/devices/index/details/events.js

@@ -1,3 +1,246 @@
 import Controller from '@ember/controller';
+import { action } from '@ember/object';
+import { inject as service } from '@ember/service';
+import { tracked } from '@glimmer/tracking';
+import { task, timeout } from 'ember-concurrency';
 
-export default class ConnectivityDevicesIndexDetailsEventsController extends Controller {}
+const severityOptions = [
+    { label: 'Info', value: 'info' },
+    { label: 'Warning', value: 'warning' },
+    { label: 'Error', value: 'error' },
+    { label: 'Critical', value: 'critical' },
+    { label: 'High', value: 'high' },
+];
+
+const warningSeverities = ['warning', 'error', 'critical', 'high'];
+
+export default class ConnectivityDevicesIndexDetailsEventsController extends Controller {
+    @service deviceEventActions;
+    @service hostRouter;
+    @service intl;
+
+    @tracked queryParams = [
+        'events_page',
+        'events_limit',
+        'events_sort',
+        'events_query',
+        'events_event_type',
+        'events_severity',
+        'events_processed',
+        'events_occurred_at',
+        'events_created_at',
+    ];
+    @tracked device;
+    @tracked events_page = 1;
+    @tracked events_limit;
+    @tracked events_sort = '-created_at';
+    @tracked events_query;
+    @tracked events_event_type;
+    @tracked events_severity;
+    @tracked events_processed;
+    @tracked events_occurred_at;
+    @tracked events_created_at;
+
+    @tracked bulkActions = [];
+
+    get events() {
+        return Array.from(this.model ?? []);
+    }
+
+    get totalEvents() {
+        return this.model?.meta?.total ?? this.events.length;
+    }
+
+    get warningEventsCount() {
+        return this.events.filter((event) => warningSeverities.includes(String(event.severity ?? '').toLowerCase())).length;
+    }
+
+    get unprocessedEventsCount() {
+        return this.events.filter((event) => !event.processed_at && !event.is_processed).length;
+    }
+
+    get processedEventsCount() {
+        return Math.max(this.events.length - this.unprocessedEventsCount, 0);
+    }
+
+    get hasHealthyEventState() {
+        return this.events.length > 0 && this.warningEventsCount === 0 && this.unprocessedEventsCount === 0 && !this.hasActiveFilters;
+    }
+
+    get hasActiveFilters() {
+        return Boolean(this.events_query || this.events_event_type || this.events_severity || this.events_processed || this.events_occurred_at || this.events_created_at);
+    }
+
+    get metrics() {
+        return [
+            { label: 'Recent events', value: this.totalEvents, icon: 'list', accentClass: 'fleetops-connectivity-kpi-accent-blue' },
+            {
+                label: 'Warnings',
+                value: this.warningEventsCount,
+                icon: 'triangle-exclamation',
+                accentClass: this.warningEventsCount ? 'fleetops-connectivity-kpi-accent-amber' : 'fleetops-connectivity-kpi-accent-green',
+            },
+            {
+                label: 'Unprocessed',
+                value: this.unprocessedEventsCount,
+                icon: 'clock',
+                accentClass: this.unprocessedEventsCount ? 'fleetops-connectivity-kpi-accent-rose' : 'fleetops-connectivity-kpi-accent-green',
+            },
+            { label: 'Processed', value: this.processedEventsCount, icon: 'check', accentClass: 'fleetops-connectivity-kpi-accent-green' },
+        ];
+    }
+
+    get actionButtons() {
+        return [
+            {
+                icon: 'refresh',
+                size: 'sm',
+                onClick: this.refresh,
+                helpText: this.intl.t('common.refresh'),
+                wrapperClass: 'fleetops-telematics-action-button',
+                isLoading: this.refreshTask.isRunning,
+                disabled: this.refreshTask.isRunning,
+            },
+        ];
+    }
+
+    get columns() {
+        return [
+            {
+                sticky: true,
+                label: 'Event',
+                valuePath: 'event_type',
+                cellComponent: 'table/cell/anchor',
+                action: this.deviceEventActions.transition.view,
+                permission: 'fleet-ops view device-event',
+                resizable: true,
+                sortable: true,
+                filterable: true,
+                filterParam: 'events_event_type',
+                filterComponent: 'filter/string',
+            },
+            {
+                label: 'Severity',
+                valuePath: 'severity',
+                cellComponent: 'table/cell/status',
+                resizable: true,
+                sortable: true,
+                filterable: true,
+                filterParam: 'events_severity',
+                filterComponent: 'filter/multi-option',
+                filterOptions: severityOptions,
+                filterOptionLabel: 'label',
+                filterOptionValue: 'value',
+            },
+            {
+                label: 'Message',
+                valuePath: 'message',
+                resizable: true,
+                sortable: false,
+            },
+            {
+                label: 'Code',
+                valuePath: 'code',
+                resizable: true,
+                sortable: true,
+            },
+            {
+                label: 'Processed',
+                valuePath: 'processedAt',
+                sortParam: 'processed_at',
+                resizable: true,
+                sortable: true,
+                filterable: true,
+                filterParam: 'events_processed',
+                filterComponent: 'filter/multi-option',
+                filterOptions: [
+                    { label: 'Processed', value: 'processed' },
+                    { label: 'Unprocessed', value: 'unprocessed' },
+                ],
+                filterOptionLabel: 'label',
+                filterOptionValue: 'value',
+            },
+            {
+                label: 'Occurred',
+                valuePath: 'occurredAt',
+                sortParam: 'occurred_at',
+                resizable: true,
+                sortable: true,
+                filterable: true,
+                filterParam: 'events_occurred_at',
+                filterComponent: 'filter/date',
+            },
+            {
+                label: this.intl.t('column.created-at'),
+                valuePath: 'createdAt',
+                sortParam: 'created_at',
+                resizable: true,
+                sortable: true,
+                filterable: true,
+                filterParam: 'events_created_at',
+                filterComponent: 'filter/date',
+                hidden: true,
+            },
+            {
+                label: '',
+                cellComponent: 'table/cell/dropdown',
+                ddButtonText: false,
+                ddButtonIcon: 'ellipsis-h',
+                ddButtonIconPrefix: 'fas',
+                ddMenuLabel: this.intl.t('common.resource-actions', { resource: this.intl.t('resource.device-event') }),
+                cellClassNames: 'overflow-visible align-middle',
+                wrapperClass: 'flex items-center justify-end mx-2',
+                sticky: 'right',
+                width: 60,
+                actions: [
+                    {
+                        label: this.intl.t('common.view-resource', { resource: this.intl.t('resource.device-event') }),
+                        fn: this.deviceEventActions.transition.view,
+                        permission: 'fleet-ops view device-event',
+                    },
+                    {
+                        label: 'Mark processed',
+                        fn: this.markProcessed,
+                        permission: 'fleet-ops update device-event',
+                    },
+                ],
+                sortable: false,
+                filterable: false,
+                resizable: false,
+                searchable: false,
+            },
+        ];
+    }
+
+    @action refresh() {
+        if (this.refreshTask.isRunning) {
+            return;
+        }
+
+        return this.refreshTask.perform();
+    }
+
+    @action async markProcessed(deviceEvent) {
+        await this.deviceEventActions.markProcessed(deviceEvent);
+        await this.hostRouter.refresh();
+    }
+
+    @task *refreshTask() {
+        yield this.hostRouter.refresh();
+    }
+
+    @task({ restartable: true }) *searchTask(event) {
+        const {
+            target: { value },
+        } = event;
+
+        if (!value) {
+            this.events_query = null;
+            return;
+        }
+
+        yield timeout(250);
+        if (this.events_page > 1) this.events_page = 1;
+        this.events_query = value;
+    }
+}