@fleetbase/fleetops-engine 0.6.64 → 0.6.66

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

@@ -1,143 +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',
-    on_duty: 'text-green-500',
-    busy: 'text-yellow-500',
-    assigned: 'text-yellow-500',
-    unavailable: 'text-gray-400',
-    offline: 'text-gray-400',
-    suspended: 'text-red-500',
-};
-
-export default class CellDriverIdentityComponent extends Component {
-    get resource() {
-        return resolveIdentityCellResource(this.args);
-    }
-
-    get emptyText() {
-        return this.args.column?.emptyText ?? '-';
-    }
-
-    get compact() {
-        return this.args.column?.compact ?? false;
-    }
-
-    get label() {
-        const driver = this.resource;
-
-        return get(driver, 'name') ?? get(driver, 'displayName') ?? get(driver, 'display_name');
-    }
-
-    get mediaUrl() {
-        return get(this.resource, 'photo_url');
-    }
-
-    get fallbackImage() {
-        return config?.defaultValues?.driverImage;
-    }
-
-    get hasCompactStatusDot() {
-        return this.args.column?.showStatusDot ?? this.args.column?.showOnlineIndicator ?? true;
-    }
-
-    get compactStatusValue() {
-        const driver = this.resource;
-
-        return get(driver, 'online') ?? get(driver, '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 assignedVehicleLabel() {
-        const column = this.args.column ?? {};
-        const driver = this.resource;
-
-        if (typeof column.assignedVehicleLabel === 'function') {
-            return column.assignedVehicleLabel(driver, this.args.row, column);
-        }
-
-        if (column.assignedVehicleLabel !== undefined) {
-            return column.assignedVehicleLabel;
-        }
-
-        if (typeof column.assignedVehiclePath === 'string') {
-            return get(this.args.row, column.assignedVehiclePath) ?? get(driver, column.assignedVehiclePath);
-        }
-
-        return get(driver, 'vehicle_assigned.display_name') ?? get(driver, 'vehicle.display_name') ?? get(driver, 'vehicle_name');
-    }
-
-    get column() {
-        return {
-            ...(this.args.column ?? {}),
-            labelPath: 'name',
-            mediaPath: 'photo_url',
-            fallbackImage: config?.defaultValues?.driverImage,
-            statusPath: 'status',
-            onlinePath: 'online',
-            showStatusBadge: this.args.column?.showStatusBadge ?? true,
-            statusBadgeSize: this.args.column?.statusBadgeSize ?? 'xxs',
-            statusBadgeWrapperClass: this.args.column?.statusBadgeWrapperClass ?? 'resource-identity-status-badge driver-identity-status-badge order-first',
-            metaPaths: [
-                {
-                    value: (driver) => get(driver, 'vehicle_assigned.display_name') ?? get(driver, 'vehicle.display_name') ?? get(driver, 'vehicle_name'),
-                    icon: 'car',
-                    style: 'badge',
-                    class: 'max-w-[12rem]',
-                },
-            ],
-            statusToneMap: {
-                available: 'text-green-500',
-                active: 'text-green-500',
-                on_duty: 'text-green-500',
-                busy: 'text-yellow-500',
-                assigned: 'text-yellow-500',
-                unavailable: 'text-gray-400',
-                offline: 'text-gray-400',
-                suspended: '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/driver-name.hbs

@@ -1,26 +0,0 @@
-{{#let (or @row.driver this.driver) as |driver|}}
-    {{#if driver}}
-        <div class="relative flex items-center" ...attributes>
-            <img src={{driver.photo_url}} alt={{driver.name}} {{fallback-img-src (config "defaultValues.driverImage")}} class="w-5 h-5 mr-2 rounded-md" />
-            <a href="javascript:;" class="relative flex flex-row items-center" disabled={{and @column.permission (cannot @column.permission)}} {{on "click" (fn this.onClick driver)}}>
-                <span>{{get-default-value driver.name}}</span>
-                {{#if @row.vehicle_assigned}}
-                    <div class="ml-2 rounded-lg bg-gray-300 dark:bg-gray-800 opacity-50 px-1 text-xs">
-                        <FaIcon @icon="car" @size="xs" class="mr-0.5" />
-                        <span>{{n-a @row.vehicle_assigned.display_name}}</span>
-                    </div>
-                {{else if driver.vehicle}}
-                    <div class="ml-2 rounded-lg bg-gray-300 dark:bg-gray-800 opacity-50 px-1 text-xs">
-                        <FaIcon @icon="car" @size="xs" class="mr-0.5" />
-                        <span>{{n-a driver.vehicle_name}}</span>
-                    </div>
-                {{/if}}
-            </a>
-            <FaIcon @icon="circle" @size="2xs" class="absolute left-0 top-0 -mt-1 -ml-1 {{if driver.online 'text-green-500' 'text-yellow-200'}}" />
-        </div>
-    {{else}}
-        <div class="flex items-center">
-            <span>{{t "common.no-driver-assigned"}}</span>
-        </div>
-    {{/if}}
-{{/let}}

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

@@ -1,30 +0,0 @@
-import Component from '@glimmer/component';
-import { action, get, computed } from '@ember/object';
-
-export default class CellDriverNameComponent extends Component {
-    @computed('args.{column.modelPath,row,row.driver_assigned}') get driver() {
-        const { column, row } = this.args;
-
-        if (typeof column?.modelPath === 'string') {
-            return get(row, column.modelPath);
-        }
-
-        return row;
-    }
-
-    @action onClick(driver) {
-        const { row, column, onClick } = this.args;
-
-        if (typeof onClick === 'function') {
-            onClick(driver, row);
-        }
-
-        if (typeof column?.action === 'function') {
-            column.action(driver, row);
-        }
-
-        if (typeof column?.onClick === 'function') {
-            column.onClick(driver, row);
-        }
-    }
-}

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

@@ -1,48 +0,0 @@
-import Component from '@glimmer/component';
-import { get } from '@ember/object';
-import config from 'ember-get-config';
-import { resolveIdentityCellResource } from '../../utils/identity-cell-resource';
-
-export default class CellEquipmentIdentityComponent extends Component {
-    get resource() {
-        return resolveIdentityCellResource(this.args);
-    }
-
-    get emptyText() {
-        return this.args.column?.emptyText ?? '-';
-    }
-
-    get column() {
-        return {
-            ...(this.args.column ?? {}),
-            labelPath: 'name',
-            mediaPath: 'photo_url',
-            fallbackImage: config?.defaultValues?.equipmentImage ?? config?.defaultValues?.placeholderImage,
-            statusPath: (equipment) => (get(equipment, 'is_equipped') ? 'equipped' : (get(equipment, 'status') ?? 'unequipped')),
-            statusFormatter: () => null,
-            metaPaths: [
-                {
-                    value: (equipment) => get(equipment, 'type'),
-                    formatter: (type) => type,
-                    icon: 'toolbox',
-                    style: 'badge',
-                },
-                {
-                    value: (equipment) => get(equipment, 'serial_number') ?? get(equipment, 'code') ?? get(equipment, 'public_id'),
-                    icon: 'barcode',
-                    style: 'badge',
-                    class: 'max-w-[12rem]',
-                },
-            ],
-            statusToneMap: {
-                active: 'text-green-500',
-                equipped: 'text-green-500',
-                available: 'text-green-500',
-                maintenance: 'text-yellow-500',
-                unequipped: 'text-gray-400',
-                inactive: 'text-gray-400',
-                retired: 'text-red-500',
-            },
-        };
-    }
-}

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

@@ -1,63 +0,0 @@
-import Component from '@glimmer/component';
-import { get } from '@ember/object';
-import config from 'ember-get-config';
-import { resolveIdentityCellResource } from '../../utils/identity-cell-resource';
-
-function inventoryStatus(part) {
-    if (get(part, 'is_low_stock')) {
-        return 'low_stock';
-    }
-
-    if (get(part, 'is_in_stock')) {
-        return 'in_stock';
-    }
-
-    return 'out_of_stock';
-}
-
-function inventoryStatusLabel(part) {
-    return inventoryStatus(part)
-        .split('_')
-        .map((word) => word.charAt(0).toUpperCase() + word.slice(1))
-        .join(' ');
-}
-
-export default class CellPartIdentityComponent extends Component {
-    get resource() {
-        return resolveIdentityCellResource(this.args);
-    }
-
-    get emptyText() {
-        return this.args.column?.emptyText ?? '-';
-    }
-
-    get column() {
-        return {
-            ...(this.args.column ?? {}),
-            labelPath: 'name',
-            mediaPath: 'photo_url',
-            fallbackImage: config?.defaultValues?.partImage ?? config?.defaultValues?.placeholderImage,
-            statusPath: inventoryStatus,
-            statusFormatter: () => null,
-            metaPaths: [
-                {
-                    value: (part) => get(part, 'type'),
-                    icon: 'tag',
-                    style: 'badge',
-                },
-                {
-                    value: inventoryStatusLabel,
-                    icon: 'boxes-stacked',
-                    style: 'badge',
-                },
-            ],
-            statusToneMap: {
-                in_stock: 'text-green-500',
-                low_stock: 'text-yellow-500',
-                out_of_stock: 'text-red-500',
-                active: 'text-green-500',
-                inactive: 'text-gray-400',
-            },
-        };
-    }
-}

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

@@ -1,38 +0,0 @@
-<div ...attributes>
-    <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-center gap-2 py-0.5 text-left"
-    >
-        <div class="relative flex h-9 w-9 flex-shrink-0 items-center justify-center">
-            <Image
-                src={{this.imageUrl}}
-                @fallbackSrc={{config "defaultValues.placeholderImage"}}
-                alt={{this.name}}
-                data-test-telematic-device-image
-                class="h-9 w-9 rounded-sm border border-gray-200 bg-white object-cover shadow-sm dark:border-gray-700 dark:bg-gray-900"
-            />
-            <FaIcon
-                @icon="circle"
-                @size="2xs"
-                data-test-telematic-device-online-indicator
-                class="absolute left-0 top-0 -ml-1 -mt-1 h-2 w-2 {{if this.isOnline 'text-green-500' 'text-yellow-200'}}"
-            />
-        </div>
-        <div class="min-w-0 text-left">
-            <div class="truncate text-sm font-semibold leading-4 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="flex min-w-0 flex-wrap items-center gap-x-2 gap-y-0.5 text-xs leading-4 text-gray-500 dark:text-gray-400">
-                <Badge
-                    @status={{this.connectionStatus}}
-                    @hideStatusDot={{true}}
-                    @wrapperClass="fleetops-device-status-badge"
-                    data-test-telematic-device-status-badge
-                >
-                    {{smart-humanize this.connectionStatus}}
-                </Badge>
-                <span class="truncate" data-test-telematic-device-identifier>{{n-a this.identifier}}</span>
-            </div>
-        </div>
-    </button>
-</div>

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 {}