@fleetbase/fleetops-engine 0.6.65 → 0.6.66

package/addon/components/cell/telematic-device.js

@@ -1,44 +0,0 @@
-import Component from '@glimmer/component';
-import { action } from '@ember/object';
-
-export default class CellTelematicDeviceComponent extends Component {
-    get device() {
-        return this.args.row;
-    }
-
-    get name() {
-        return this.device?.displayName ?? this.device?.display_name ?? this.device?.name ?? this.device?.device_id ?? this.device?.imei ?? this.device?.serial_number;
-    }
-
-    get identifier() {
-        return this.device?.imei ?? this.device?.device_id ?? this.device?.internal_id ?? this.device?.serial_number ?? this.device?.public_id;
-    }
-
-    get imageUrl() {
-        return this.device?.photo_url;
-    }
-
-    get connectionStatus() {
-        return this.device?.connection_status ?? (this.device?.is_online ? 'online' : 'offline');
-    }
-
-    get isOnline() {
-        return this.device?.is_online || this.connectionStatus === 'online';
-    }
-
-    @action onClick(event) {
-        const { column, onClick } = this.args;
-
-        if (typeof onClick === 'function') {
-            onClick(this.device, event);
-        }
-
-        if (typeof column?.action === 'function') {
-            column.action(this.device, event);
-        }
-
-        if (typeof column?.onClick === 'function') {
-            column.onClick(this.device, event);
-        }
-    }
-}

package/addon/components/cell/telematic-provider.hbs

@@ -1,33 +0,0 @@
-{{#if this.telematic}}
-    {{#if this.compact}}
-        <button
-            type="button"
-            disabled={{and @column.permission (cannot @column.permission)}}
-            {{on "click" this.onClick}}
-            class="group flex w-full min-w-0 cursor-pointer items-center gap-2 py-0.5 text-left"
-            data-test-telematic-provider-compact
-            ...attributes
-        >
-            <Image src={{this.icon}} @fallbackSrc="/engines-dist/images/telematics/providers/default.webp" class="h-5 w-5 flex-shrink-0 rounded-md border border-gray-200 object-cover shadow-sm dark:border-gray-700" />
-            <div class="min-w-0 truncate text-sm leading-4 text-gray-900 group-hover:text-blue-600 dark:text-gray-200 dark:group-hover:text-blue-300">{{n-a this.name}}</div>
-        </button>
-    {{else}}
-        <button
-            type="button"
-            disabled={{and @column.permission (cannot @column.permission)}}
-            {{on "click" this.onClick}}
-            class="group flex w-full min-w-0 max-w-md cursor-pointer items-start gap-2 py-1 text-left"
-            ...attributes
-        >
-            <div class="pt-0.5">
-                <Image src={{this.icon}} @fallbackSrc="/engines-dist/images/telematics/providers/default.webp" class="mr-0.5 h-8 w-8 flex-shrink-0 rounded-md border border-gray-200 object-cover shadow-sm dark:border-gray-700" />
-            </div>
-            <div class="min-w-0 text-left">
-                <div class="truncate text-sm text-gray-900 group-hover:text-blue-600 dark:text-gray-100 dark:group-hover:text-blue-300">{{n-a this.name}}</div>
-                <div class="mt-0.5 max-w-[225px] truncate whitespace-nowrap text-left text-xs leading-4 text-gray-500 dark:text-gray-400">{{n-a this.description}}</div>
-            </div>
-        </button>
-    {{/if}}
-{{else}}
-    <div class="py-1 text-xs text-gray-400 dark:text-gray-500" data-test-telematic-provider-empty-text ...attributes>{{this.emptyText}}</div>
-{{/if}}

package/addon/components/cell/telematic-provider.js

@@ -1,78 +0,0 @@
-import Component from '@glimmer/component';
-import { action, get } from '@ember/object';
-
-const DEFAULT_PROVIDER_ICON = '/engines-dist/images/telematics/providers/default.webp';
-
-export default class CellTelematicProviderComponent extends Component {
-    get telematic() {
-        const resourcePath = this.args.column?.resourcePath;
-
-        if (typeof resourcePath === 'function') {
-            const resource = resourcePath(this.args.row, this.args.value, this.args.column);
-
-            return resource ?? null;
-        }
-
-        if (typeof resourcePath === 'string') {
-            const resource = get(this.args.row, resourcePath);
-
-            return resource ?? null;
-        }
-
-        if (this.args.row?.telematic) {
-            return this.args.row.telematic;
-        }
-
-        if (this.args.row?.telematic_uuid || this.args.row?.telematic_name) {
-            return {
-                id: this.args.row.telematic_uuid,
-                name: this.args.row.telematic_name,
-                provider: this.args.row.provider,
-                provider_descriptor: this.args.row.provider_descriptor,
-            };
-        }
-
-        return this.args.row;
-    }
-
-    get emptyText() {
-        return this.args.column?.emptyText ?? '-';
-    }
-
-    get compact() {
-        return this.args.column?.compact ?? false;
-    }
-
-    get descriptor() {
-        return this.telematic?.provider_descriptor ?? this.args.row?.provider_descriptor ?? {};
-    }
-
-    get name() {
-        return this.telematic?.name ?? this.descriptor.label ?? this.telematic?.provider ?? this.args.row?.provider ?? this.args.row?.telematic_name;
-    }
-
-    get description() {
-        return this.descriptor.description ?? this.telematic?.provider ?? this.args.row?.provider;
-    }
-
-    get icon() {
-        return this.descriptor.icon ?? DEFAULT_PROVIDER_ICON;
-    }
-
-    @action onClick(event) {
-        const { row, column, onClick } = this.args;
-        const resource = this.telematic ?? row;
-
-        if (typeof onClick === 'function') {
-            onClick(resource, event);
-        }
-
-        if (typeof column?.action === 'function') {
-            column.action(resource, event);
-        }
-
-        if (typeof column?.onClick === 'function') {
-            column.onClick(resource, event);
-        }
-    }
-}

package/addon/components/cell/vehicle-identity.js

@@ -1,138 +0,0 @@
-import Component from '@glimmer/component';
-import { action, get } from '@ember/object';
-import config from 'ember-get-config';
-import { resolveIdentityCellResource } from '../../utils/identity-cell-resource';
-
-const DEFAULT_STATUS_TONES = {
-    available: 'text-green-500',
-    active: 'text-green-500',
-    in_service: 'text-green-500',
-    maintenance: 'text-yellow-500',
-    unavailable: 'text-gray-400',
-    inactive: 'text-gray-400',
-    out_of_service: 'text-red-500',
-};
-
-export default class CellVehicleIdentityComponent extends Component {
-    get resource() {
-        return resolveIdentityCellResource(this.args);
-    }
-
-    get emptyText() {
-        return this.args.column?.emptyText ?? '-';
-    }
-
-    get compact() {
-        return this.args.column?.compact ?? false;
-    }
-
-    get showStatus() {
-        return this.args.column?.showStatus ?? true;
-    }
-
-    get label() {
-        const vehicle = this.resource;
-
-        return get(vehicle, 'displayName') ?? get(vehicle, 'display_name') ?? get(vehicle, 'name');
-    }
-
-    get mediaUrl() {
-        return get(this.resource, 'photo_url');
-    }
-
-    get fallbackImage() {
-        return config?.defaultValues?.vehicleAvatar;
-    }
-
-    get hasCompactStatusDot() {
-        return this.args.column?.showStatusDot ?? this.args.column?.showOnlineIndicator ?? true;
-    }
-
-    get compactStatusValue() {
-        const vehicle = this.resource;
-
-        return get(vehicle, 'online') ?? get(vehicle, 'status');
-    }
-
-    get compactStatusToneClass() {
-        const value = this.compactStatusValue;
-        const statusToneMap = {
-            ...DEFAULT_STATUS_TONES,
-            ...(this.args.column?.statusToneMap ?? {}),
-        };
-
-        if (typeof this.args.column?.statusToneClass === 'function') {
-            return this.args.column.statusToneClass(value, this.resource, this.args.column);
-        }
-
-        if (typeof value === 'boolean') {
-            return value ? 'text-green-500' : 'text-yellow-200';
-        }
-
-        return statusToneMap[value] ?? statusToneMap[String(value ?? '').toLowerCase()] ?? 'text-gray-400';
-    }
-
-    get compactStatusDotClass() {
-        return this.compactStatusToneClass;
-    }
-
-    get assignedDriverLabel() {
-        const vehicle = this.resource;
-
-        return get(vehicle, 'driver.displayName') ?? get(vehicle, 'driver.display_name') ?? get(vehicle, 'driver.name') ?? get(vehicle, 'driver_name');
-    }
-
-    get column() {
-        return {
-            ...(this.args.column ?? {}),
-            labelPath: (vehicle) => get(vehicle, 'displayName') ?? get(vehicle, 'display_name') ?? get(vehicle, 'name'),
-            mediaPath: 'photo_url',
-            fallbackImage: config?.defaultValues?.vehicleAvatar,
-            statusPath: this.showStatus ? 'status' : undefined,
-            onlinePath: 'online',
-            showStatusBadge: this.showStatus ? (this.args.column?.showStatusBadge ?? true) : false,
-            statusBadgeSize: this.args.column?.statusBadgeSize ?? 'xxs',
-            statusBadgeWrapperClass: this.args.column?.statusBadgeWrapperClass ?? 'resource-identity-status-badge vehicle-identity-status-badge',
-            metaPaths: [
-                {
-                    value: (vehicle) => get(vehicle, 'plate_number') ?? get(vehicle, 'call_sign') ?? get(vehicle, 'vehicle_number') ?? get(vehicle, 'public_id'),
-                    icon: 'id-card',
-                    style: 'badge',
-                    class: 'max-w-[12rem]',
-                },
-                {
-                    value: (vehicle) => get(vehicle, 'driver.displayName') ?? get(vehicle, 'driver.display_name') ?? get(vehicle, 'driver.name') ?? get(vehicle, 'driver_name'),
-                    icon: 'user',
-                    style: 'badge',
-                    class: 'max-w-[12rem]',
-                },
-            ],
-            statusToneMap: {
-                available: 'text-green-500',
-                active: 'text-green-500',
-                in_service: 'text-green-500',
-                maintenance: 'text-yellow-500',
-                unavailable: 'text-gray-400',
-                inactive: 'text-gray-400',
-                out_of_service: 'text-red-500',
-            },
-        };
-    }
-
-    @action onClick(event) {
-        const { column, onClick } = this.args;
-        const resource = this.resource;
-
-        if (typeof onClick === 'function') {
-            onClick(resource, event);
-        }
-
-        if (typeof column?.onClick === 'function') {
-            column.onClick(resource, event);
-        }
-
-        if (typeof column?.action === 'function') {
-            column.action(resource, event);
-        }
-    }
-}

package/addon/components/cell/vehicle-name.hbs

@@ -1,23 +0,0 @@
-<div class="relative flex items-center">
-    <Image
-        src={{this.mediaUrl}}
-        @fallbackSrc={{config "defaultValues.vehicleAvatar"}}
-        data-vehicle={{@row.id}}
-        alt={{this.altText}}
-        class="w-5 h-5 rounded-md {{if @column.hasOnline 'mx-2' 'mr-2'}}"
-    />
-    <span class="relative block">
-        <a href="javascript:;" class="relative block" disabled={{and @column.permission (cannot @column.permission)}} {{on "click" this.onClick}}>
-            {{#if (has-block)}}
-                {{yield}}
-            {{else}}
-                <span>
-                    {{n-a @value}}
-                </span>
-            {{/if}}
-        </a>
-    </span>
-    {{#if @column.showOnlineIndicator}}
-        <FaIcon @icon="circle" @size="2xs" class="absolute left-0 top-0 -mt-1 -ml-2 h-2 w-2 -ml-1 -mt-1 {{if @row.online 'text-green-500' 'text-yellow-200'}}" />
-    {{/if}}
-</div>

package/addon/components/cell/vehicle-name.js

@@ -1,3 +0,0 @@
-import TableCellMediaNameComponent from '@fleetbase/ember-ui/components/table/cell/media-name';
-
-export default class CellVehicleNameComponent extends TableCellMediaNameComponent {}

package/addon/components/device/pill.js

@@ -1,3 +0,0 @@
-import Component from '@glimmer/component';
-
-export default class DevicePillComponent extends Component {}

package/addon/components/driver/pill.js

@@ -1,7 +0,0 @@
-import Component from '@glimmer/component';
-
-export default class DriverPillComponent extends Component {
-    get resource() {
-        return this.args.driver ?? this.args.resource;
-    }
-}

package/addon/components/equipment/pill.js

@@ -1,3 +0,0 @@
-import Component from '@glimmer/component';
-
-export default class EquipmentPillComponent extends Component {}

package/addon/components/filter/multi-model.hbs

@@ -1,19 +0,0 @@
-<div class="filter-multi-model flex flex-row items-center" ...attributes>
-    <ModelSelectMultiple
-        @modelName={{@filter.model}}
-        @query={{@filter.query}}
-        @optionLabel={{or @filter.modelNamePath "name"}}
-        @selectedModel={{this.selectedModels}}
-        @placeholder={{@placeholder}}
-        @triggerClass="form-select form-input form-input-sm flex-1"
-        @infiniteScroll={{false}}
-        @renderInPlace={{true}}
-        @onChange={{this.onChange}}
-        as |model|
-    >
-        {{get model (or @filter.modelNamePath "name")}}
-    </ModelSelectMultiple>
-    <button type="button" class="clear-button" disabled={{not this.selectedModels.length}} aria-label={{t "common.clear"}} {{on "click" this.clear}}>
-        <FaIcon @icon="times" />
-    </button>
-</div>

package/addon/components/filter/multi-model.js

@@ -1,90 +0,0 @@
-import Component from '@glimmer/component';
-import { tracked } from '@glimmer/tracking';
-import { action } from '@ember/object';
-import { inject as service } from '@ember/service';
-import { isArray } from '@ember/array';
-import { task } from 'ember-concurrency';
-
-/**
- * Table filter that selects several records of one model (drivers, trailers,
- * devices). The filter value travels as a comma-separated list of ids so it
- * survives the URL round trip; the matching records are re-fetched on init so
- * the chips show names rather than ids after a reload.
- */
-export default class FilterMultiModelComponent extends Component {
-    @service store;
-    @tracked selectedModels = [];
-
-    constructor() {
-        super(...arguments);
-        this.restoreSelection.perform(this.args.value);
-    }
-
-    get modelName() {
-        return this.args.filter?.model;
-    }
-
-    parseIds(value) {
-        if (isArray(value)) {
-            return value.filter(Boolean);
-        }
-
-        if (typeof value === 'string' && value.trim()) {
-            return value
-                .split(',')
-                .map((id) => id.trim())
-                .filter(Boolean);
-        }
-
-        return [];
-    }
-
-    @task *restoreSelection(value) {
-        const ids = this.parseIds(value);
-
-        if (!ids.length || !this.modelName) {
-            this.selectedModels = [];
-            return;
-        }
-
-        const records = [];
-
-        for (const id of ids) {
-            try {
-                records.push(this.store.peekRecord(this.modelName, id) ?? (yield this.store.findRecord(this.modelName, id)));
-            } catch {
-                // An id that no longer resolves simply drops out of the chips.
-            }
-        }
-
-        this.selectedModels = records.filter(Boolean);
-    }
-
-    @action onChange(selection) {
-        const { onChange, onClear, filter } = this.args;
-        const models = isArray(selection) ? selection : [];
-
-        this.selectedModels = models;
-
-        if (!models.length) {
-            if (typeof onClear === 'function') {
-                onClear(filter);
-            }
-            return;
-        }
-
-        if (typeof onChange === 'function') {
-            onChange(filter, models.map((model) => model.id).join(','));
-        }
-    }
-
-    @action clear() {
-        const { onClear, filter } = this.args;
-
-        this.selectedModels = [];
-
-        if (typeof onClear === 'function') {
-            onClear(filter);
-        }
-    }
-}

package/addon/components/order/pill.js

@@ -1,3 +0,0 @@
-import Component from '@glimmer/component';
-
-export default class OrderPillComponent extends Component {}

package/addon/components/trailer/pill.js

@@ -1,3 +0,0 @@
-import Component from '@glimmer/component';
-
-export default class TrailerPillComponent extends Component {}

package/addon/components/vehicle/pill.js

@@ -1,7 +0,0 @@
-import Component from '@glimmer/component';
-
-export default class VehiclePillComponent extends Component {
-    get resource() {
-        return this.args.vehicle ?? this.args.resource;
-    }
-}

package/addon/templates/connectivity/fuel-providers/details/settings.hbs

@@ -1,11 +0,0 @@
-<div class="mx-auto w-full max-w-7xl px-4 py-4 md:px-6">
-    <section class="rounded-md border border-gray-200 bg-white p-4 shadow-sm dark:border-gray-700 dark:bg-gray-800">
-        <div class="flex flex-col gap-3 md:flex-row md:items-start md:justify-between">
-            <div>
-                <h2 class="text-sm font-bold text-gray-900 dark:text-gray-100">Connection Settings</h2>
-                <p class="mt-1 text-xs leading-5 text-gray-500 dark:text-gray-300">Update credentials, sync behavior, matching rules, and status for this fuel integration.</p>
-            </div>
-            <Button @icon="cog" @text="Edit Settings" @type="primary" @size="sm" @onClick={{transition-to "connectivity.fuel-providers.edit" @model}} />
-        </div>
-    </section>
-</div>