Skip to content

v0.6.54 #266

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
roncodes merged 20 commits into from
Jun 18, 2026
Merged

v0.6.54 #266

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
20 commits
Select commit Hold shift + click to select a range
3ded640
v0.6.54
roncodes Jun 17, 2026
f62f2c3
Fix FleetOps registry sidebar ordering
roncodes Jun 17, 2026
de1c51a
fix: preserve driver license expiry on updates
roncodes Jun 17, 2026
0014900
Add service quote refresh coordinator
roncodes Jun 17, 2026
99b7eea
Add service quote refresh loading state
roncodes Jun 17, 2026
f916d22
Polish telematics detail tabs
roncodes Jun 17, 2026
d69b91e
ran php-cs-fixer
roncodes Jun 17, 2026
256e329
Optimize operations monitor resource loading
roncodes Jun 18, 2026
e27e12d
Add first-class work order categories
roncodes Jun 18, 2026
4f984fb
Extract order orchestrator constraints form
roncodes Jun 18, 2026
ffb6a00
Replace order queued closures with jobs
roncodes Jun 18, 2026
f167add
Harden telematics provider sync
roncodes Jun 18, 2026
1ed34df
Fix telematics device attachment filter
roncodes Jun 18, 2026
ea1d2af
ran php-cs-fixer
roncodes Jun 18, 2026
8ef4cb7
Refine telematic vehicle attachments workspace
roncodes Jun 18, 2026
86024eb
Adjust telematics detail table spacing
roncodes Jun 18, 2026
c1f00e2
Improve telematic device details panel
roncodes Jun 18, 2026
1d8cd47
Add service quote override extension hooks
roncodes Jun 18, 2026
c8e0c3a
small tweak to vehicle edit name and service rate component
roncodes Jun 18, 2026
560e04b
upgraded dependencies
roncodes Jun 18, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
241 changes: 106 additions & 135 deletions addon/components/device/details.hbs
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,154 +1,125 @@
<div class="details-wrapper" ...attributes>
<ContentPanel @title="Integration" @open={{true}} @wrapperClass="bordered-top">
<div class="grid grid-cols-1 lg:grid-cols-3 gap-2">
<div class="field-info-container lg:col-span-3">
<div class="field-name">{{t "device.fields.telematic"}}</div>
<div class="field-value">
{{#if @resource.telematic}}
<div class="flex flex-row space-x-2 text-sm">
<div class="pt-1.5">
<Image src={{@resource.telematic.provider_descriptor.icon}} class="w-5 h-5" />
</div>
<div>
<div class="font-semibold">{{@resource.telematic.provider_descriptor.label}}</div>
<div class="text-xs text-gray-400 dark:text-gray-500">
{{n-a @resource.telematic.provider_descriptor.description}}
</div>
</div>
</div>
{{else}}
{{n-a null}}
{{/if}}
<div class="flex flex-col gap-3 p-3" ...attributes>
<section class="overflow-hidden rounded-md border border-gray-200 bg-white shadow-sm dark:border-gray-700 dark:bg-gray-800">
<div class="flex flex-col gap-3 p-3 lg:flex-row lg:items-start lg:justify-between">
<div class="min-w-0">
<div class="flex flex-wrap items-center gap-2">
<h2 class="truncate text-base font-bold text-gray-900 dark:text-gray-100">{{this.displayName}}</h2>
<Badge @status={{this.connectionTone}}>{{smart-humanize this.connectionLabel}}</Badge>
<Badge @status={{this.attachmentTone}}>{{this.attachmentLabel}}</Badge>
</div>
<div class="mt-2 flex flex-wrap gap-2 text-xs text-gray-500 dark:text-gray-300">
<span>Last seen: {{n-a (format-date-fns this.lastSeenLabel "dd MMM yyyy, HH:mm")}}</span>
<span>Provider: {{n-a (titleize this.providerLabel)}}</span>
<span>Signal: {{n-a this.signalLabel}}</span>
<span>Device ID: {{n-a @resource.device_id}}</span>
</div>
</div>

<div class="field-info-container">
<div class="field-name">{{t "device.fields.data-frequency"}}</div>
<div class="field-value">{{n-a @resource.data_frequency}}</div>
</div>
</div>
</ContentPanel>

<ContentPanel @title="Identity" @open={{true}} @wrapperClass="bordered-top">
<div class="grid grid-cols-1 lg:grid-cols-3 gap-2">
<div class="field-info-container">
<div class="field-name">{{t "device.fields.device-name"}}</div>
<div class="field-value">{{n-a @resource.name}}</div>
</div>

<div class="field-info-container">
<div class="field-name">{{t "device.fields.device-type"}}</div>
<div class="field-value">{{n-a (get-fleet-ops-option-label "deviceTypes" @resource.type)}}</div>
</div>

<div class="field-info-container">
<div class="field-name">{{t "device.fields.device-id"}}</div>
<div class="field-value">{{n-a @resource.device_id}}</div>
</div>

<div class="field-info-container">
<div class="field-name">Internal ID</div>
<div class="field-value">{{n-a @resource.internal_id}}</div>
</div>
{{#if this.providerIcon}}
<div class="flex flex-shrink-0 items-center gap-2 rounded-md border border-gray-100 bg-gray-50 px-3 py-2 dark:border-gray-700 dark:bg-gray-800/70">
<Image src={{this.providerIcon}} class="h-6 w-6 rounded" />
<span class="text-xs font-semibold text-gray-700 dark:text-gray-200">{{n-a this.providerLabel}}</span>
</div>
{{/if}}
</div>
</ContentPanel>

<ContentPanel @title="Hardware" @open={{true}} @wrapperClass="bordered-top">
<div class="grid grid-cols-1 lg:grid-cols-3 gap-2">
<div class="field-info-container">
<div class="field-name">{{t "device.fields.device-provider"}}</div>
<div class="field-value">{{n-a (titleize @resource.provider)}}</div>
</div>

<div class="field-info-container">
<div class="field-name">{{t "device.fields.device-model"}}</div>
<div class="field-value">{{n-a @resource.model}}</div>
</section>

<section class="grid grid-cols-1 gap-2 sm:grid-cols-2 lg:grid-cols-4">
{{#each this.metrics as |metric|}}
<div class="fleet-ops-widget fleet-ops-kpi-tile fleetops-connectivity-kpi-tile {{metric.accentClass}} relative min-h-[82px] overflow-hidden rounded-md border bg-white shadow-sm dark:bg-gray-800">
<div class="flex h-full items-start justify-between gap-2 p-3">
<div class="min-w-0">
<div class="truncate text-[10px] font-bold uppercase text-gray-500 dark:text-gray-400">{{metric.label}}</div>
<div class="mt-1 truncate text-lg font-extrabold leading-none text-gray-900 dark:text-gray-50">{{metric.value}}</div>
{{#if metric.meta}}
<div class="mt-1 truncate text-xs text-gray-500 dark:text-gray-300">{{metric.meta}}</div>
{{/if}}
</div>
<div class="fleetops-connectivity-kpi-icon flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-md text-[13px]">
<FaIcon @icon={{metric.icon}} />
</div>
</div>
</div>
{{/each}}
</section>

<div class="field-info-container">
<div class="field-name">{{t "device.fields.manufacturer"}}</div>
<div class="field-value">{{n-a @resource.manufacturer}}</div>
<section class="grid grid-cols-1 gap-3 xl:grid-cols-2">
<div class="overflow-hidden rounded-md border border-gray-200 bg-white shadow-sm dark:border-gray-700 dark:bg-gray-800">
<div class="border-b border-gray-200 px-3 py-2 dark:border-gray-700">
<h3 class="text-sm font-bold text-gray-900 dark:text-gray-100">Operational Snapshot</h3>
</div>

<div class="field-info-container lg:col-span-3">
<div class="field-name">{{t "device.fields.serial-number"}}</div>
<div class="field-value">{{n-a @resource.serial_number}}</div>
<div class="grid grid-cols-1 gap-2 p-3 sm:grid-cols-2">
<div class="field-info-container">
<div class="field-name">Location</div>
<div class="field-value">{{n-a (or @resource.location this.lastPositionLabel)}}</div>
</div>
<div class="field-info-container">
<div class="field-name">{{t "device.fields.data-frequency"}}</div>
<div class="field-value">{{n-a @resource.data_frequency}}</div>
</div>
<div class="field-info-container">
<div class="field-name">Firmware</div>
<div class="field-value">{{n-a this.firmwareLabel}}</div>
</div>
<div class="field-info-container">
<div class="field-name">{{t "device.fields.installation-date"}}</div>
<div class="field-value">{{n-a (format-date @resource.installation_date)}}</div>
</div>
<div class="field-info-container">
<div class="field-name">{{t "device.fields.last-maintenance-date"}}</div>
<div class="field-value">{{n-a (format-date @resource.last_maintenance_date)}}</div>
</div>
<div class="field-info-container">
<div class="field-name">{{t "device.fields.status"}}</div>
<div class="field-value"><Badge @status={{@resource.status}}>{{smart-humanize @resource.status}}</Badge></div>
</div>
</div>
</div>
</ContentPanel>

<ContentPanel @title="Installation & Maintenance" @open={{true}} @wrapperClass="bordered-top">
<div class="grid grid-cols-1 lg:grid-cols-3 gap-2">
<div class="field-info-container lg:col-span-2">
<div class="field-name">{{t "device.fields.device-location"}}</div>
<div class="field-value">{{n-a @resource.location}}</div>
<div class="overflow-hidden rounded-md border border-gray-200 bg-white shadow-sm dark:border-gray-700 dark:bg-gray-800">
<div class="border-b border-gray-200 px-3 py-2 dark:border-gray-700">
<h3 class="text-sm font-bold text-gray-900 dark:text-gray-100">Critical Details</h3>
</div>

<div class="field-info-container">
<div class="field-name">{{t "device.fields.installation-date"}}</div>
<div class="field-value">{{or (format-date @resource.installation_date) "-"}}</div>
</div>

<div class="field-info-container">
<div class="field-name">{{t "device.fields.last-maintenance-date"}}</div>
<div class="field-value">{{or (format-date @resource.last_maintenance_date) "-"}}</div>
</div>
</div>
</ContentPanel>

<ContentPanel @title="Connectivity" @open={{true}} @wrapperClass="bordered-top">
<div class="grid grid-cols-1 lg:grid-cols-3 gap-2">
<div class="field-info-container">
<div class="field-name">{{t "common.online"}}</div>
<div class="field-value">
{{#if @resource.is_online}}
<Badge @status="online">{{t "common.online"}}</Badge>
{{else}}
<Badge @status="offline">{{t "common.offline"}}</Badge>
{{/if}}
<div class="grid grid-cols-1 gap-2 p-3 sm:grid-cols-2">
<div class="field-info-container">
<div class="field-name">{{t "device.fields.device-type"}}</div>
<div class="field-value">{{n-a (get-fleet-ops-option-label "deviceTypes" @resource.type)}}</div>
</div>
</div>

<div class="field-info-container">
<div class="field-name">{{t "common.last-seen-at"}}</div>
<div class="field-value">{{or (format-date @resource.last_online_at) "-"}}</div>
</div>

{{#if @resource.signal_strength}}
<div class="field-info-container">
<div class="field-name">{{t "device.fields.signal-strength"}}</div>
<div class="field-value">{{n-a @resource.signal_strength}}</div>
<div class="field-name">{{t "device.fields.device-model"}}</div>
<div class="field-value">{{n-a @resource.model}}</div>
</div>
{{/if}}
</div>
</ContentPanel>

<ContentPanel @title="Warranty & Status" @open={{true}} @wrapperClass="bordered-top">
<div class="grid grid-cols-1 lg:grid-cols-3 gap-2">
<div class="field-info-container">
<div class="field-name">{{t "device.fields.status"}}</div>
<div class="field-value">
<Badge @status={{@resource.status}}>
{{smart-humanize @resource.status}}
</Badge>
<div class="field-info-container">
<div class="field-name">{{t "device.fields.manufacturer"}}</div>
<div class="field-value">{{n-a @resource.manufacturer}}</div>
</div>
<div class="field-info-container">
<div class="field-name">{{t "device.fields.serial-number"}}</div>
<div class="field-value">{{n-a @resource.serial_number}}</div>
</div>
<div class="field-info-container">
<div class="field-name">IMEI</div>
<div class="field-value">{{n-a @resource.imei}}</div>
</div>
<div class="field-info-container">
<div class="field-name">IMSI</div>
<div class="field-value">{{n-a @resource.imsi}}</div>
</div>
<div class="field-info-container">
<div class="field-name">Internal ID</div>
<div class="field-value">{{n-a @resource.internal_id}}</div>
</div>
<div class="field-info-container">
<div class="field-name">{{t "device.fields.warranty"}}</div>
<div class="field-value">{{n-a (or @resource.warranty.name @resource.warranty_name)}}</div>
</div>
<div class="field-info-container sm:col-span-2">
<div class="field-name">{{t "device.fields.notes"}}</div>
<div class="field-value whitespace-pre-line">{{n-a @resource.notes}}</div>
</div>
</div>

<div class="field-info-container lg:col-span-2">
<div class="field-name">{{t "device.fields.warranty"}}</div>
<div class="field-value">{{n-a @resource.warranty.name}}</div>
</div>
</div>
</ContentPanel>

<ContentPanel @title="Notes" @open={{true}} @wrapperClass="bordered-top">
<div class="grid grid-cols-1 lg:grid-cols-1 gap-2">
<div class="field-info-container">
<div class="field-name">{{t "device.fields.notes"}}</div>
<div class="field-value">{{n-a @resource.notes}}</div>
</div>
</div>
</ContentPanel>
</section>

<CustomField::Yield @subject={{@resource}} @viewMode={{true}} @wrapperClass="bordered-top" />
</div>
</div>
Loading
Loading