@fleetbase/fleetops-engine 0.6.64 → 0.6.66

package/addon/templates/management/index.hbs

@@ -1,113 +1,121 @@
-<div class="fleet-ops-control-hub" data-test-fleet-ops-resources-hub>
-    <section class="fleet-ops-control-hub-header">
-        <div class="fleet-ops-control-hub-header-copy">
-            <div class="fleet-ops-control-hub-eyebrow">Resources</div>
-            <h1 class="fleet-ops-control-hub-title">Resources Hub</h1>
-            <p class="fleet-ops-control-hub-subtitle">Manage the people, vehicles, places, partners, and operating records that keep dispatch grounded.</p>
-        </div>
-        <div class="fleet-ops-control-hub-header-actions">
-            <Button @icon="refresh" @size="sm" @helpText={{t "common.reload"}} @onClick={{perform this.loadHub}} />
-        </div>
-    </section>
+<div class="fleet-ops-control-hub fleet-ops-radar" data-test-fleet-ops-radar {{radar-keyboard this.keyboardHandlers enabled=(eq this.view "list")}}>
+    <Radar::Header
+        @stats={{this.stats}}
+        @lastLoadedAt={{this.lastLoadedAt}}
+        @query={{this.q}}
+        @view={{this.view}}
+        @isLoading={{this.reload.isRunning}}
+        @onSearch={{this.search}}
+        @onReload={{perform this.reload}}
+        @onNewNotice={{this.newNotice}}
+        @onChangeView={{this.setView}}
+    />
 
-    <div class="fleet-ops-control-hub-body">
-        <section class="fleet-ops-control-hub-kpis">
-            {{#each this.kpis as |kpi|}}
-                <LinkTo @route={{kpi.route}} class="fleet-ops-control-hub-kpi fleet-ops-control-hub-tone-{{kpi.tone}}" data-test-fleet-ops-resources-kpi={{kpi.key}}>
-                    <div class="fleet-ops-control-hub-kpi-copy">
-                        <div class="fleet-ops-control-hub-kpi-label">{{kpi.label}}</div>
-                        <div class="fleet-ops-control-hub-kpi-value">{{kpi.value}}</div>
-                        <div class="fleet-ops-control-hub-kpi-caption">{{kpi.caption}}</div>
-                        <div class="fleet-ops-control-hub-kpi-action">
-                            <span>{{kpi.actionLabel}}</span>
-                            <FaIcon @icon="arrow-right" />
-                        </div>
-                    </div>
-                    <div class="fleet-ops-control-hub-kpi-icon"><FaIcon @icon={{kpi.icon}} /></div>
-                </LinkTo>
-            {{/each}}
-        </section>
+    <div class="fleet-ops-control-hub-body fleet-ops-radar-body">
+        {{#if this.sourceErrors.length}}
+            <div class="fleet-ops-radar-sources-warning" data-test-radar-sources-warning>
+                <FaIcon @icon="triangle-exclamation" />
+                <span>{{t "radar.sources-warning" sources=this.sourceErrorsText}}</span>
+            </div>
+        {{/if}}
 
-        <section class="fleet-ops-control-hub-grid">
-            <div class="fleet-ops-control-hub-main">
-                {{#each this.sections as |section|}}
-                    <div class="fleet-ops-control-hub-panel" data-test-fleet-ops-resources-section={{section.key}}>
-                        <div class="fleet-ops-control-hub-panel-header">
-                            <div>
-                                <h2>{{section.title}}</h2>
-                                <p>{{section.description}}</p>
-                            </div>
-                        </div>
+        <Radar::Briefing
+            @briefing={{this.briefing}}
+            @strips={{this.strips}}
+            @isLoading={{this.loadBriefing.isRunning}}
+            @collapsed={{this.briefingCollapsed}}
+            @busyKey={{this.busyDecisionKey}}
+            @onToggle={{this.toggleBriefing}}
+            @onFilterCategory={{this.filterCategory}}
+            @onConfirm={{perform this.confirmDecision}}
+            @onAlternative={{perform this.decisionAlternative}}
+            @onDismiss={{perform this.dismissDecision}}
+            @onUndo={{perform this.undoStrip}}
+            @onWake={{perform this.wakeStrip}}
+            @onOpenRecord={{this.openRecord}}
+        />
 
-                        <div class="fleet-ops-control-hub-link-grid">
-                            {{#each section.links as |link|}}
-                                <LinkTo @route={{link.route}} class="fleet-ops-control-hub-link" data-test-fleet-ops-hub-card={{link.label}}>
-                                    <span class="fleet-ops-control-hub-link-icon"><FaIcon @icon={{link.icon}} /></span>
-                                    <span class="fleet-ops-control-hub-link-copy">
-                                        <span class="fleet-ops-control-hub-link-title">{{link.label}}</span>
-                                        <span class="fleet-ops-control-hub-link-description">{{link.description}}</span>
-                                    </span>
-                                    <span class="fleet-ops-control-hub-link-count">{{link.count}}</span>
-                                </LinkTo>
-                            {{/each}}
-                        </div>
-                    </div>
-                {{/each}}
+        {{#if (eq this.view "agenda")}}
+            <Radar::Agenda
+                @agenda={{this.agenda}}
+                @window={{this.window}}
+                @isLoading={{this.loadAgenda.isRunning}}
+                @onChangeWindow={{this.setWindow}}
+                @onOpen={{this.openAgendaEntry}}
+                @onPlan={{perform this.planItem}}
+                @onHandover={{perform this.openHandover}}
+                @onSeeAll={{this.showAnytimeInList}}
+            />
+        {{else}}
+            <Radar::FilterPills @pills={{this.pills}} @isFiltered={{this.isFiltered}} @onToggle={{this.togglePill}} @onClear={{this.clearFilters}} />
+
+            <Radar::ViewBar
+                @status={{this.status}}
+                @stats={{this.stats}}
+                @views={{this.allViews}}
+                @activeView={{this.activeView}}
+                @onSetStatus={{this.setStatus}}
+                @onApplyView={{this.applyView}}
+                @onSaveView={{this.saveCurrentView}}
+                @onDeleteView={{this.deleteView}}
+            />
+
+            {{#if this.hasSelection}}
+                <Radar::BulkBar @items={{this.selectedItems}} @snoozePresets={{this.snoozePresets}} @isBusy={{this.bulkAct.isRunning}} @onAct={{perform this.bulkAct}} @onClear={{this.clearSelection}} />
+            {{/if}}
+
+            <div class="fleet-ops-radar-list" data-test-radar-list>
+                {{#if this.isLoading}}
+                    <div class="fleet-ops-radar-empty"><Spinner @size="lg" /></div>
+                {{else if this.isEmpty}}
+                    <Radar::EmptyState @status={{this.status}} @isFiltered={{this.isFiltered}} @snoozeSchedule={{this.snoozeSchedule}} @onClear={{this.clearFilters}} />
+                {{else}}
+                    <Radar::ItemList
+                        @groups={{this.groups}}
+                        @selection={{this.selection}}
+                        @focusedKey={{this.focusedKey}}
+                        @snoozePresets={{this.snoozePresets}}
+                        @onSelect={{this.toggleSelect}}
+                        @onFocus={{this.focusItem}}
+                        @onOpen={{this.openDrawer}}
+                        @onAct={{perform this.act}}
+                        @onOpenRecord={{this.openRecord}}
+                    />
+                {{/if}}
             </div>
 
-            <aside class="fleet-ops-control-hub-side">
-                <div class="fleet-ops-control-hub-panel">
-                    <div class="fleet-ops-control-hub-panel-header">
-                        <div>
-                            <h2>Action Queue</h2>
-                            <p>Prioritized from current resource readiness.</p>
-                        </div>
-                    </div>
+        {{/if}}
+    </div>
 
-                    <div class="fleet-ops-control-hub-action-list">
-                        {{#each this.actions as |action|}}
-                            {{#if action.route}}
-                                <LinkTo @route={{action.route}} @query={{action.query}} class="fleet-ops-control-hub-action fleet-ops-control-hub-tone-{{action.tone}}">
-                                    <FaIcon @icon={{action.icon}} />
-                                    <span>
-                                        <strong>{{action.label}}</strong>
-                                        <small>{{action.description}}</small>
-                                    </span>
-                                </LinkTo>
-                            {{else}}
-                                <div class="fleet-ops-control-hub-action fleet-ops-control-hub-tone-{{action.tone}}">
-                                    <FaIcon @icon={{action.icon}} />
-                                    <span>
-                                        <strong>{{action.label}}</strong>
-                                        <small>{{action.description}}</small>
-                                    </span>
-                                </div>
-                            {{/if}}
-                        {{/each}}
+    {{#unless (eq this.view "agenda")}}
+        <div class="fleet-ops-radar-footer" data-test-radar-footer>
+            <Radar::KeyboardHints />
+            <div class="fleet-ops-radar-footer-meta">
+                {{#if this.items.length}}
+                    <span data-test-radar-showing>{{t "radar.showing" count=this.items.length total=this.meta.total}}</span>
+                {{/if}}
+                {{#if (gt this.meta.pages 1)}}
+                    <div class="fleet-ops-radar-paging">
+                        <Button @size="xs" @icon="chevron-left" @disabled={{eq this.meta.page 1}} @onClick={{fn this.setPage this.previousPage}} />
+                        <span>{{this.meta.page}} / {{this.meta.pages}}</span>
+                        <Button @size="xs" @icon="chevron-right" @disabled={{eq this.meta.page this.meta.pages}} @onClick={{fn this.setPage this.nextPage}} />
                     </div>
-                </div>
+                {{/if}}
+            </div>
+        </div>
+    {{/unless}}
 
-                <div class="fleet-ops-control-hub-doc-note">
-                    <div class="fleet-ops-control-hub-doc-note-heading">
-                        <FaIcon @icon="lightbulb" />
-                        <span>Guides</span>
-                    </div>
-                    <p class="fleet-ops-control-hub-doc-note-copy">Read the guide before changing resource setup.</p>
-                    <div class="fleet-ops-control-hub-doc-grid">
-                        {{#each this.docs as |doc|}}
-                            <button type="button" class="fleet-ops-control-hub-doc-link" {{on "click" (fn this.openDocs doc)}}>
-                                <FaIcon @icon={{doc.icon}} />
-                                <span class="fleet-ops-control-hub-doc-copy">
-                                    <strong>Read the guide on {{doc.label}}</strong>
-                                    <small>{{doc.description}}</small>
-                                </span>
-                            </button>
-                        {{/each}}
-                    </div>
-                </div>
-            </aside>
-        </section>
-    </div>
+    <Radar::ItemDrawer @item={{this.drawerItem}} @snoozePresets={{this.snoozePresets}} @onClose={{this.closeDrawer}} @onAct={{perform this.act}} @onOpenRecord={{this.openRecord}} />
+    <Radar::HandoverCard
+        @handover={{this.handover}}
+        @isLoading={{this.openHandover.isRunning}}
+        @isBusy={{this.reassignOrders.isRunning}}
+        @onClose={{this.closeHandover}}
+        @onReassign={{perform this.reassignOrders}}
+        @onExtend={{perform this.extendShift}}
+        @onSnooze={{perform this.snoozeHandover}}
+        @onOpenRecord={{this.openRecord}}
+    />
 </div>
 
 {{outlet}}

package/addon/templates/management/trailers/index/details/connections.hbs

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

package/addon/templates/management/trailers/index/details/devices.hbs

@@ -0,0 +1 @@
+<Device::Manager @resource={{@model}} @endpoint="trailers" />

package/addon/templates/management/trailers/index/details/equipment.hbs

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

package/addon/templates/management/trailers/index/details/index.hbs

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

package/addon/templates/management/trailers/index/details/maintenance-history.hbs

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

package/addon/templates/management/trailers/index/details/positions.hbs

@@ -0,0 +1 @@
+<PositionsReplay @resource={{@model}} />

package/addon/templates/management/trailers/index/details/schedules.hbs

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

package/addon/templates/management/trailers/index/details/work-orders.hbs

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

package/addon/templates/management/trailers/index/details.hbs

@@ -0,0 +1,15 @@
+<Layout::Resource::Panel
+    @resource={{@model}}
+    @controller={{this}}
+    @headerComponent={{component "trailer/panel-header" resource=@model actionButtons=this.actionButtons}}
+    @headerTitle={{@model.displayName}}
+    @actionButtons={{this.actionButtons}}
+    @onPressCancel={{transition-to "management.trailers.index"}}
+    @onOverlayReady={{fn (mut this.overlay)}}
+    @headerClass="no-bottom-border"
+    @bodyClass="no-scroll"
+>
+    <TabNavigation @tabs={{this.tabs}} @containerClass="tab-navigation-fill" @contentClass="scrollable" @tablistClass="pl-2">
+        {{outlet}}
+    </TabNavigation>
+</Layout::Resource::Panel>

package/addon/templates/management/trailers/index/edit.hbs

@@ -0,0 +1,12 @@
+<Layout::Resource::Panel
+    @resource={{@model}}
+    @controller={{this}}
+    @headerTitle={{t "common.edit-resource-name" resourceName=@model.displayName}}
+    @actionButtons={{this.actionButtons}}
+    @saveTask={{this.save}}
+    @onPressCancel={{this.cancel}}
+    @onOverlayReady={{fn (mut this.overlay)}}
+>
+    <Trailer::Form @resource={{@model}} @controller={{this}} />
+    <Spacer @height="200px" />
+</Layout::Resource::Panel>

package/addon/templates/management/trailers/index/new.hbs

@@ -0,0 +1,11 @@
+<Layout::Resource::Panel
+    @resource={{this.trailer}}
+    @controller={{this}}
+    @headerTitle={{t "common.create-a-new-resource" resource=(t "resource.trailer")}}
+    @saveTask={{this.save}}
+    @onPressCancel={{transition-to "management.trailers.index"}}
+    @onOverlayReady={{fn (mut this.overlay)}}
+>
+    <Trailer::Form @resource={{this.trailer}} @controller={{this}} />
+    <Spacer @height="200px" />
+</Layout::Resource::Panel>

package/addon/templates/management/trailers/index.hbs

@@ -0,0 +1,67 @@
+{{#if (eq this.layout "table")}}
+    <Layout::Resource::Tabular
+        @resource="trailer"
+        @title={{t "resource.trailers"}}
+        @searchQuery={{this.query}}
+        @onSearch={{perform this.trailerActions.controllerSearchTask this}}
+        @data={{@model}}
+        @columns={{this.columns}}
+        @page={{this.page}}
+        @onPageChange={{fn (mut this.page)}}
+        @setupTable={{fn (mut this.table)}}
+        @actionButtons={{this.actionButtons}}
+        @bulkActions={{this.bulkActions}}
+        @controller={{this}}
+        @emptyStateComponent={{component
+            "table/empty-state"
+            icon="trailer"
+            title=(t "trailer.empty.title")
+            description=(t "trailer.empty.description")
+            filteredTitle=(t "trailer.empty.filtered-title")
+            filteredDescription=(t "trailer.empty.filtered-description")
+            primaryText=(t "trailer.actions.new")
+            primaryIcon="plus"
+            primaryAction=this.trailerActions.transition.create
+            secondaryText=(t "common.import")
+            secondaryIcon="upload"
+            secondaryAction=this.trailerActions.import
+            docsSlug="fleet-ops/resources/trailers/overview"
+            docsTitle=(t "trailer.docs.title")
+            docsText=(t "trailer.docs.link")
+            docsSource="fleet-ops-empty-trailers"
+        }}
+    />
+{{else}}
+    <Layout::Section::Header @title={{t "resource.trailers"}} @actionsWrapperClass="space-x-1">
+        <Layout::Resource::TabularActions
+            @searchQuery={{this.query}}
+            @onSearch={{perform this.trailerActions.controllerSearchTask this}}
+            @columns={{this.columns}}
+            @page={{this.page}}
+            @onPageChange={{fn (mut this.page)}}
+            @setupTable={{fn (mut this.table)}}
+            @actionButtons={{this.actionButtons}}
+            @bulkActions={{this.bulkActions}}
+            @controller={{this}}
+            @hideColumnsPicker={{true}}
+        />
+    </Layout::Section::Header>
+
+    <Layout::Section::Body class="overflow-y-scroll-i h-full">
+        <Layout::Resource::CardsGrid
+            @resource="trailer"
+            @data={{@model}}
+            @columns="4"
+            @showPagination={{true}}
+            @page={{this.page}}
+            @onPageChange={{fn (mut this.page)}}
+            @paginationMeta={{@model.meta}}
+            @containerClass="p-4"
+            class="h-full"
+            as |Item|
+        >
+            <Trailer::Card @resource={{Item.model}} />
+        </Layout::Resource::CardsGrid>
+    </Layout::Section::Body>
+{{/if}}
+{{outlet}}

package/addon/templates/management/vehicles/index/details/equipment.hbs

@@ -1 +1 @@
-{{outlet}}
+<Vehicle::Details::Equipment @resource={{@model}} />

package/addon/templates/management/vehicles/index/details/inspections.hbs

@@ -0,0 +1,2 @@
+<Vehicle::Details::Inspections @resource={{@model}} @vehicle={{@model}} />
+{{outlet}}

package/addon/templates/management/vehicles/index/details/trailers.hbs

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

package/addon/templates/management/vehicles/index/details.hbs

@@ -9,7 +9,7 @@
     @headerClass="no-bottom-border"
     @bodyClass="no-scroll"
 >
-    <TabNavigation @tabs={{this.tabs}} @contentClass="scrollable" @tablistClass="pl-2">
+    <TabNavigation @tabs={{this.tabs}} @containerClass="tab-navigation-fill" @contentClass="scrollable" @tablistClass="pl-2">
         {{outlet}}
     </TabNavigation>
 </Layout::Resource::Panel>

package/addon/templates/management/vendors/index.hbs

@@ -1,33 +1,67 @@
-<Layout::Resource::Tabular
-    @resource="vendor"
-    @title={{t "resource.vendors"}}
-    @searchQuery={{this.query}}
-    @onSearch={{perform this.vendorActions.controllerSearchTask this}}
-    @data={{@model}}
-    @columns={{this.columns}}
-    @page={{this.page}}
-    @onPageChange={{fn (mut this.page)}}
-    @setupTable={{fn (mut this.table)}}
-    @actionButtons={{this.actionButtons}}
-    @bulkActions={{this.bulkActions}}
-    @controller={{this}}
-    @emptyStateComponent={{component
-        "table/empty-state"
-        icon="building"
-        title="Add your first vendor"
-        description="Vendors let your team manage external carriers, service providers, and operational partners."
-        filteredTitle="No vendors match your filters"
-        filteredDescription="Adjust the search or filters to find another vendor."
-        primaryText="New vendor"
-        primaryIcon="plus"
-        primaryAction=this.vendorActions.transition.create
-        secondaryText="Import"
-        secondaryIcon="upload"
-        secondaryAction=this.vendorActions.import
-        docsSlug="fleet-ops/resources/vendors/overview"
-        docsTitle="Vendors guide"
-        docsText="Vendor guide"
-        docsSource="fleet-ops-empty-vendors"
-    }}
-/>
+{{#if (eq this.layout "table")}}
+    <Layout::Resource::Tabular
+        @resource="vendor"
+        @title={{t "resource.vendors"}}
+        @searchQuery={{this.query}}
+        @onSearch={{perform this.vendorActions.controllerSearchTask this}}
+        @data={{@model}}
+        @columns={{this.columns}}
+        @page={{this.page}}
+        @onPageChange={{fn (mut this.page)}}
+        @setupTable={{fn (mut this.table)}}
+        @actionButtons={{this.actionButtons}}
+        @bulkActions={{this.bulkActions}}
+        @controller={{this}}
+        @emptyStateComponent={{component
+            "table/empty-state"
+            icon="building"
+            title="Add your first vendor"
+            description="Vendors let your team manage external carriers, service providers, and operational partners."
+            filteredTitle="No vendors match your filters"
+            filteredDescription="Adjust the search or filters to find another vendor."
+            primaryText="New vendor"
+            primaryIcon="plus"
+            primaryAction=this.vendorActions.transition.create
+            secondaryText="Import"
+            secondaryIcon="upload"
+            secondaryAction=this.vendorActions.import
+            docsSlug="fleet-ops/resources/vendors/overview"
+            docsTitle="Vendors guide"
+            docsText="Vendor guide"
+            docsSource="fleet-ops-empty-vendors"
+        }}
+    />
+{{else}}
+    <Layout::Section::Header @title={{t "resource.vendors"}} @actionsWrapperClass="space-x-1">
+        <Layout::Resource::TabularActions
+            @searchQuery={{this.query}}
+            @onSearch={{perform this.vendorActions.controllerSearchTask this}}
+            @columns={{this.columns}}
+            @page={{this.page}}
+            @onPageChange={{fn (mut this.page)}}
+            @setupTable={{fn (mut this.table)}}
+            @actionButtons={{this.actionButtons}}
+            @bulkActions={{this.bulkActions}}
+            @controller={{this}}
+            @hideColumnsPicker={{true}}
+        />
+    </Layout::Section::Header>
+
+    <Layout::Section::Body class="overflow-y-scroll-i h-full">
+        <Layout::Resource::CardsGrid
+            @resource="vendor"
+            @data={{@model}}
+            @columns="4"
+            @showPagination={{true}}
+            @page={{this.page}}
+            @onPageChange={{fn (mut this.page)}}
+            @paginationMeta={{@model.meta}}
+            @containerClass="p-4"
+            class="h-full"
+            as |Item|
+        >
+            <Vendor::Card @resource={{Item.model}} />
+        </Layout::Resource::CardsGrid>
+    </Layout::Section::Body>
+{{/if}}
 {{outlet}}

package/addon/templates/operations/orders/index.hbs

@@ -82,6 +82,7 @@
                 <div class="fleetbase-model-select fleetbase-power-select ember-model-select">
                     <ModelSelect
                         @modelName="order-config"
+                        @selectedItemComponent={{component "select-option/order-config" compact=true}}
                         @selectedModel={{or this.orderConfig this.type}}
                         @placeholder={{t "order.fields.order-type-placeholder"}}
                         @triggerClass="form-select form-input order-board-type-filter"
@@ -92,10 +93,7 @@
                         @onChangeId={{fn (mut this.type)}}
                         as |orderConfig|
                     >
-                        <div class="text-sm">
-                            <div class="font-semibold normalize-in-trigger">{{orderConfig.name}}</div>
-                            <div class="hide-from-trigger">{{n-a orderConfig.description}}</div>
-                        </div>
+                        <SelectOption::OrderConfig @option={{orderConfig}} />
                     </ModelSelect>
                 </div>
             </div>

package/addon/utils/context-panel.js

@@ -0,0 +1,34 @@
+import { isArray } from '@ember/array';
+import { dasherize } from '@ember/string';
+
+/**
+ * Options every record context panel shares with its details route: the
+ * details route's 600px width, a header that sits flush on the tab list (the
+ * tab list draws the only rule), and tabs lined up with the header padding.
+ */
+export const PANEL_DEFAULTS = Object.freeze({
+    size: 'md',
+    headerClass: 'no-bottom-border',
+    tablistClass: 'pl-2',
+});
+
+/**
+ * The tabs other extensions registered for a details view that can render
+ * inside a context panel. Route-only tabs have nothing to render there, so
+ * they are left out, and every tab gets the key the panel switches tabs by.
+ */
+export function registeredPanelTabs(menuService, registry) {
+    const tabs = menuService?.getMenuItems?.(registry);
+
+    return (isArray(tabs) ? tabs : []).filter((tab) => tab && (tab.component || tab.render)).map((tab) => ({ ...tab, key: tab.key ?? tab.id ?? dasherize(tab.label ?? tab.title ?? 'tab') }));
+}
+
+/**
+ * Close every open context panel, then run the next step — how a panel's
+ * edit button swaps the details panel for the form panel.
+ */
+export async function closePanelsThen(resourceContextPanel, next) {
+    await resourceContextPanel?.closeAll?.();
+
+    return next();
+}