@fleetbase/fleetops-engine 0.6.65 → 0.6.66

package/addon/components/radar/item-row.hbs

@@ -0,0 +1,90 @@
+<div
+    class="fleet-ops-radar-row {{if @isSelected 'is-selected'}} {{if @isFocused 'is-focused'}} {{if this.isAcknowledged 'is-acknowledged'}} {{if this.isSnoozed 'is-snoozed'}}"
+    data-radar-key={{@item.key}}
+    data-test-radar-row={{@item.key}}
+    {{on "mouseenter" (fn @onFocus @item)}}
+>
+    <div class="fleet-ops-radar-row-check" {{on "click" this.noteShift}} data-test-radar-select>
+        <Checkbox @id={{concat "radar-select-" @item.key}} @value={{@isSelected}} @onToggle={{this.toggleSelect}} @alignItems="center" />
+    </div>
+
+    <div class="fleet-ops-radar-row-chip">
+        <Badge @status={{this.chipStatus}} @text={{t (concat "radar.rules." @item.rule)}} @hideStatusDot={{true}} @disableHumanize={{true}} />
+    </div>
+
+    <span class="fleet-ops-radar-severity is-{{@item.severity}}" title={{@item.severity}}></span>
+
+    <div class="fleet-ops-radar-row-main">
+        <button type="button" class="fleet-ops-radar-row-title" {{on "click" (fn @onOpen @item)}} data-test-radar-title>{{@item.title}}</button>
+        <Radar::Subject @subject={{@item.subject}} />
+        {{#if @item.meta_line}}
+            <span class="fleet-ops-radar-row-meta">{{@item.meta_line}}</span>
+        {{/if}}
+        {{#if this.isAcknowledged}}
+            <span class="fleet-ops-radar-row-state" data-test-radar-state="acknowledged">
+                <FaIcon @icon="check" />
+                {{t "radar.state.acknowledged-by" name=(or @item.state.acknowledged_by_name "—") time=(format-date-fns @item.state.acknowledged_at "HH:mm")}}
+            </span>
+        {{/if}}
+        {{#if this.isSnoozed}}
+            <span class="fleet-ops-radar-row-state" data-test-radar-state="snoozed">
+                <FaIcon @icon="clock" />
+                {{t "radar.state.snoozed-until" time=(format-date-fns @item.state.snoozed_until "d MMM HH:mm")}}
+            </span>
+        {{/if}}
+        {{#if @item.state.planned_at}}
+            <span class="fleet-ops-radar-row-state" data-test-radar-state="planned">
+                <FaIcon @icon="calendar-check" />
+                {{t "radar.state.planned-for" time=(format-date-fns @item.state.planned_at "d MMM HH:mm")}}
+            </span>
+        {{/if}}
+    </div>
+
+    <div class="fleet-ops-radar-row-side">
+        <div class="fleet-ops-radar-row-rail" data-test-radar-rail>
+            {{#unless this.isResolved}}
+                {{#if this.primaryAction}}
+                    <Button @type="primary" @size="xs" @icon={{this.primaryAction.icon}} @text={{t this.primaryAction.label}} @onClick={{fn @onAct @item this.primaryAction.key}} data-test-radar-action={{this.primaryAction.key}} />
+                {{/if}}
+                {{#unless this.isAcknowledged}}
+                    <Button @size="xs" @icon="check" @helpText={{t "radar.actions.acknowledge"}} @onClick={{fn @onAct @item "acknowledge"}} data-test-radar-action="acknowledge" />
+                {{/unless}}
+                {{#if this.isSnoozed}}
+                    <Button @size="xs" @icon="bell" @helpText={{t "radar.actions.wake"}} @onClick={{fn @onAct @item "wake"}} data-test-radar-action="wake" />
+                {{else}}
+                    <DropdownButton @icon="clock" @size="xs" @helpText={{t "radar.actions.snooze"}} @renderInPlace={{true}} @buttonClass="btn-xs" as |dd|>
+                        <div class="next-dd-menu mt-1 mx-0">
+                            <div class="px-1">
+                                {{#each @snoozePresets as |preset|}}
+                                    <a href="javascript:;" class="next-dd-item" {{on "click" (dropdown-fn dd this.snooze preset)}} data-test-radar-snooze={{preset}}>
+                                        <div class="flex flex-row items-center"><div class="mr-2"><FaIcon @icon="clock" /></div><div class="text-sm">{{t (concat "radar.snooze." preset)}}</div></div>
+                                    </a>
+                                {{/each}}
+                            </div>
+                        </div>
+                    </DropdownButton>
+                {{/if}}
+                <Button @size="xs" @icon="user-plus" @helpText={{t "radar.actions.assign"}} @onClick={{fn @onAct @item "assign"}} data-test-radar-action="assign" />
+            {{/unless}}
+        </div>
+
+        <span class="fleet-ops-radar-row-due is-{{@item.due_bucket}}" data-test-radar-due>
+            {{#if @item.due_label}}{{@item.due_label}}{{else}}—{{/if}}
+        </span>
+
+        <span class="fleet-ops-radar-row-assignee {{unless @item.state.assigned_to 'is-empty'}}" data-test-radar-assignee>
+            {{#if @item.state.assigned_to}}
+                <span class="fleet-ops-radar-avatar is-user">{{@item.state.assigned_to.initials}}</span>
+                <span>{{@item.state.assigned_to.name}}</span>
+            {{else}}
+                <span>{{t "radar.state.unassigned"}}</span>
+            {{/if}}
+        </span>
+
+        {{#if @item.record}}
+            <button type="button" class="fleet-ops-radar-row-open" title={{t "radar.actions.open-record"}} {{on "click" (fn @onOpenRecord @item)}} data-test-radar-open-record>
+                <FaIcon @icon="arrow-up-right-from-square" />
+            </button>
+        {{/if}}
+    </div>
+</div>

package/addon/components/radar/item-row.js

@@ -0,0 +1,43 @@
+import Component from '@glimmer/component';
+import { action } from '@ember/object';
+import { chipStatusFor, primaryActionFor, snoozePayloadFor } from '../../utils/radar';
+
+export default class RadarItemRowComponent extends Component {
+    get chipStatus() {
+        return chipStatusFor(this.args.item);
+    }
+
+    get primaryAction() {
+        return primaryActionFor(this.args.item);
+    }
+
+    get isAcknowledged() {
+        return this.args.item?.state?.status === 'acknowledged';
+    }
+
+    get isSnoozed() {
+        return this.args.item?.state?.status === 'snoozed';
+    }
+
+    get isResolved() {
+        return this.args.item?.state?.status === 'resolved';
+    }
+
+    /** Whether Shift was held on the click that is toggling the checkbox. */
+    shiftHeld = false;
+
+    @action noteShift(event) {
+        this.shiftHeld = Boolean(event?.shiftKey);
+    }
+
+    @action toggleSelect(checked) {
+        const range = this.shiftHeld;
+        this.shiftHeld = false;
+
+        return this.args.onSelect?.(this.args.item, { range, checked });
+    }
+
+    @action snooze(preset) {
+        return this.args.onAct?.(this.args.item, 'snooze', { preset, ...snoozePayloadFor(preset) });
+    }
+}

package/addon/components/radar/keyboard-hints.hbs

@@ -0,0 +1,8 @@
+<div class="fleet-ops-radar-keys" data-test-radar-keys>
+    <span><kbd>J</kbd><kbd>K</kbd> {{t "radar.keys.move"}}</span>
+    <span><kbd>X</kbd> {{t "radar.keys.select"}}</span>
+    <span><kbd>E</kbd> {{t "radar.keys.acknowledge"}}</span>
+    <span><kbd>S</kbd> {{t "radar.keys.snooze"}}</span>
+    <span><kbd>A</kbd> {{t "radar.keys.assign"}}</span>
+    <span><kbd>⏎</kbd> {{t "radar.keys.open"}}</span>
+</div>

package/addon/components/radar/keyboard-hints.js

@@ -0,0 +1,3 @@
+import templateOnly from '@ember/component/template-only';
+
+export default templateOnly();

package/addon/components/radar/subject.hbs

@@ -0,0 +1,14 @@
+{{#if @subject}}
+    <span class="fleet-ops-radar-subject" title={{@subject.label}} data-test-radar-subject={{@subject.type}} ...attributes>
+        <span class="fleet-ops-radar-avatar {{if (eq @subject.type 'driver') 'is-user'}}">
+            {{#if @subject.photo_url}}
+                <img src={{@subject.photo_url}} alt="" />
+            {{else if (eq @subject.type "driver")}}
+                {{this.initials}}
+            {{else}}
+                <FaIcon @icon={{this.icon}} />
+            {{/if}}
+        </span>
+        <span class="fleet-ops-radar-subject-label">{{@subject.label}}</span>
+    </span>
+{{/if}}

package/addon/components/radar/subject.js

@@ -0,0 +1,26 @@
+import Component from '@glimmer/component';
+import { initialsOf } from '../../utils/radar';
+
+const ICONS = {
+    vehicle: 'truck',
+    trailer: 'trailer',
+    device: 'satellite-dish',
+    part: 'gear',
+    fuel_transaction: 'gas-pump',
+    inspection_submission: 'clipboard-check',
+    inspection_link: 'link',
+    schedule: 'calendar-day',
+    work_order: 'clipboard-list',
+    issue: 'triangle-exclamation',
+    shift: 'user-clock',
+};
+
+export default class RadarSubjectComponent extends Component {
+    get initials() {
+        return initialsOf(this.args.subject?.label);
+    }
+
+    get icon() {
+        return ICONS[this.args.subject?.type] ?? 'circle';
+    }
+}

package/addon/components/radar/view-bar.hbs

@@ -0,0 +1,27 @@
+<div class="fleet-ops-radar-view-bar" data-test-radar-view-bar>
+    <div class="fleet-ops-radar-tabs" role="tablist">
+        {{#each this.tabs as |tab|}}
+            <button type="button" role="tab" class="fleet-ops-radar-tab {{if (eq @status tab.key) 'is-active'}}" aria-selected={{if (eq @status tab.key) "true" "false"}} {{on "click" (fn @onSetStatus tab.key)}} data-test-radar-tab={{tab.key}}>
+                <span>{{tab.label}}</span>
+                {{#if tab.hasCount}}<span class="fleet-ops-radar-tab-count">{{tab.count}}</span>{{/if}}
+            </button>
+        {{/each}}
+    </div>
+    <div class="fleet-ops-radar-view-bar-right">
+        <span class="fleet-ops-radar-view-bar-label">{{t "radar.saved-views.title"}}</span>
+        {{#each @views as |savedView|}}
+            <span class="fleet-ops-radar-saved-view {{if (eq @activeView.id savedView.id) 'is-active'}}" data-test-radar-view-item={{savedView.id}}>
+                <button type="button" class="fleet-ops-radar-saved-view-apply" {{on "click" (fn @onApplyView savedView)}} data-test-radar-view-apply={{savedView.id}}>{{savedView.label}}</button>
+                {{#unless savedView.isDefault}}
+                    <button type="button" class="fleet-ops-radar-saved-view-delete" title={{t "radar.saved-views.delete"}} aria-label={{t "radar.saved-views.delete"}} {{on "click" (fn @onDeleteView savedView)}} data-test-radar-view-delete={{savedView.id}}>
+                        <FaIcon @icon="xmark" />
+                    </button>
+                {{/unless}}
+            </span>
+        {{/each}}
+        <button type="button" class="fleet-ops-radar-saved-view fleet-ops-radar-saved-view-save" {{on "click" @onSaveView}} data-test-radar-view-save>
+            <FaIcon @icon="plus" class="fleet-ops-radar-pill-clear" />
+            <span>{{t "radar.saved-views.save-current"}}</span>
+        </button>
+    </div>
+</div>

package/addon/components/radar/view-bar.js

@@ -0,0 +1,16 @@
+import Component from '@glimmer/component';
+import { inject as service } from '@ember/service';
+
+export default class RadarViewBarComponent extends Component {
+    @service intl;
+
+    get tabs() {
+        const stats = this.args.stats ?? {};
+
+        return [
+            { key: 'open', label: this.intl.t('radar.tabs.open'), count: stats.open ?? 0, hasCount: true },
+            { key: 'snoozed', label: this.intl.t('radar.tabs.snoozed'), count: stats.snoozed ?? 0, hasCount: true },
+            { key: 'resolved', label: this.intl.t('radar.tabs.resolved'), count: null, hasCount: false },
+        ];
+    }
+}

package/addon/components/recurring-order-schedule/pill.hbs

@@ -0,0 +1,24 @@
+<Resource::Pill
+    @resource={{(or @recurringOrderSchedule @resource)}}
+    @resourceType="recurring-order-schedule"
+    @title={{@title}}
+    @titleFallback={{@titleFallback}}
+    @subtitle={{@subtitle}}
+    @showOnlineIndicator={{@showOnlineIndicator}}
+    @noPopover={{@noPopover}}
+    @popoverPlacement={{@popoverPlacement}}
+    @static={{@static}}
+    @onClick={{@onClick}}
+    @onView={{@onView}}
+    @anchorClass={{@anchorClass}}
+    @imageClass={{@imageClass}}
+    @imageWrapperClass={{@imageWrapperClass}}
+    @contentWrapperClass={{@contentWrapperClass}}
+    @titleClass={{@titleClass}}
+    @subtitleClass={{@subtitleClass}}
+    @useBlock={{(has-block)}}
+    ...attributes
+    as |resource|
+>
+    {{yield resource}}
+</Resource::Pill>

package/addon/components/recurring-order-schedule/summary.hbs

@@ -0,0 +1 @@
+<Resource::Summary @resource={{(or @recurringOrderSchedule @resource)}} @resourceType="recurring-order-schedule" @onView={{@onView}} @showView={{@showView}} @onClose={{@onClose}} @titleFallback={{@titleFallback}} ...attributes />

package/addon/components/resource-activity.hbs

@@ -0,0 +1 @@
+<ActivityLog @subjectId={{@resource.id}} class="p-3" ...attributes />

package/addon/components/resource-activity.js

@@ -0,0 +1,4 @@
+import Component from '@glimmer/component';
+
+/** An activity log tab for a record's context panel: the log for `@resource`. */
+export default class ResourceActivityComponent extends Component {}

package/addon/components/route/pill.hbs

@@ -0,0 +1,24 @@
+<Resource::Pill
+    @resource={{(or @route @resource)}}
+    @resourceType="route"
+    @title={{@title}}
+    @titleFallback={{@titleFallback}}
+    @subtitle={{@subtitle}}
+    @showOnlineIndicator={{@showOnlineIndicator}}
+    @noPopover={{@noPopover}}
+    @popoverPlacement={{@popoverPlacement}}
+    @static={{@static}}
+    @onClick={{@onClick}}
+    @onView={{@onView}}
+    @anchorClass={{@anchorClass}}
+    @imageClass={{@imageClass}}
+    @imageWrapperClass={{@imageWrapperClass}}
+    @contentWrapperClass={{@contentWrapperClass}}
+    @titleClass={{@titleClass}}
+    @subtitleClass={{@subtitleClass}}
+    @useBlock={{(has-block)}}
+    ...attributes
+    as |resource|
+>
+    {{yield resource}}
+</Resource::Pill>

package/addon/components/route/summary.hbs

@@ -0,0 +1 @@
+<Resource::Summary @resource={{(or @route @resource)}} @resourceType="route" @onView={{@onView}} @showView={{@showView}} @onClose={{@onClose}} @titleFallback={{@titleFallback}} ...attributes />

package/addon/components/select-option/asset-connection.hbs

@@ -0,0 +1,12 @@
+<Resource::SelectOption
+    @option={{or @option @model @assetConnection}}
+    @resourceType="asset-connection"
+    @compact={{@compact}}
+    @title={{@title}}
+    @details={{@details}}
+    @photo={{@photo}}
+    @fallbackPhoto={{@fallbackPhoto}}
+    @icon={{@icon}}
+    @shape={{@shape}}
+    ...attributes
+/>

package/addon/components/select-option/asset.hbs

@@ -0,0 +1,12 @@
+<Resource::SelectOption
+    @option={{or @option @model @asset}}
+    @resourceType="asset"
+    @compact={{@compact}}
+    @title={{@title}}
+    @details={{@details}}
+    @photo={{@photo}}
+    @fallbackPhoto={{@fallbackPhoto}}
+    @icon={{@icon}}
+    @shape={{@shape}}
+    ...attributes
+/>

package/addon/components/select-option/attachable.hbs

@@ -0,0 +1,12 @@
+<Resource::SelectOption
+    @option={{or @option @model @attachable}}
+    @resourceType="attachable"
+    @compact={{@compact}}
+    @title={{@title}}
+    @details={{@details}}
+    @photo={{@photo}}
+    @fallbackPhoto={{@fallbackPhoto}}
+    @icon={{@icon}}
+    @shape={{@shape}}
+    ...attributes
+/>

package/addon/components/select-option/contact.hbs

@@ -0,0 +1,12 @@
+<Resource::SelectOption
+    @option={{or @option @model @contact}}
+    @resourceType="contact"
+    @compact={{@compact}}
+    @title={{@title}}
+    @details={{@details}}
+    @photo={{@photo}}
+    @fallbackPhoto={{@fallbackPhoto}}
+    @icon={{@icon}}
+    @shape={{@shape}}
+    ...attributes
+/>

package/addon/components/select-option/customer.hbs

@@ -0,0 +1,12 @@
+<Resource::SelectOption
+    @option={{or @option @model @customer}}
+    @resourceType="customer"
+    @compact={{@compact}}
+    @title={{@title}}
+    @details={{@details}}
+    @photo={{@photo}}
+    @fallbackPhoto={{@fallbackPhoto}}
+    @icon={{@icon}}
+    @shape={{@shape}}
+    ...attributes
+/>

package/addon/components/select-option/device-event.hbs

@@ -0,0 +1,12 @@
+<Resource::SelectOption
+    @option={{or @option @model @deviceEvent}}
+    @resourceType="device-event"
+    @compact={{@compact}}
+    @title={{@title}}
+    @details={{@details}}
+    @photo={{@photo}}
+    @fallbackPhoto={{@fallbackPhoto}}
+    @icon={{@icon}}
+    @shape={{@shape}}
+    ...attributes
+/>

package/addon/components/select-option/device.hbs

@@ -0,0 +1,12 @@
+<Resource::SelectOption
+    @option={{or @option @model @device}}
+    @resourceType="device"
+    @compact={{@compact}}
+    @title={{@title}}
+    @details={{@details}}
+    @photo={{@photo}}
+    @fallbackPhoto={{@fallbackPhoto}}
+    @icon={{@icon}}
+    @shape={{@shape}}
+    ...attributes
+/>

package/addon/components/select-option/driver.hbs

@@ -0,0 +1,12 @@
+<Resource::SelectOption
+    @option={{or @option @model @driver}}
+    @resourceType="driver"
+    @compact={{@compact}}
+    @title={{@title}}
+    @details={{@details}}
+    @photo={{@photo}}
+    @fallbackPhoto={{@fallbackPhoto}}
+    @icon={{@icon}}
+    @shape={{@shape}}
+    ...attributes
+/>

package/addon/components/select-option/entity.hbs

@@ -0,0 +1,12 @@
+<Resource::SelectOption
+    @option={{or @option @model @entity}}
+    @resourceType="entity"
+    @compact={{@compact}}
+    @title={{@title}}
+    @details={{@details}}
+    @photo={{@photo}}
+    @fallbackPhoto={{@fallbackPhoto}}
+    @icon={{@icon}}
+    @shape={{@shape}}
+    ...attributes
+/>

package/addon/components/select-option/equipment.hbs

@@ -0,0 +1,12 @@
+<Resource::SelectOption
+    @option={{or @option @model @equipment}}
+    @resourceType="equipment"
+    @compact={{@compact}}
+    @title={{@title}}
+    @details={{@details}}
+    @photo={{@photo}}
+    @fallbackPhoto={{@fallbackPhoto}}
+    @icon={{@icon}}
+    @shape={{@shape}}
+    ...attributes
+/>

package/addon/components/select-option/facilitator.hbs

@@ -0,0 +1,12 @@
+<Resource::SelectOption
+    @option={{or @option @model @facilitator}}
+    @resourceType="facilitator"
+    @compact={{@compact}}
+    @title={{@title}}
+    @details={{@details}}
+    @photo={{@photo}}
+    @fallbackPhoto={{@fallbackPhoto}}
+    @icon={{@icon}}
+    @shape={{@shape}}
+    ...attributes
+/>

package/addon/components/select-option/fleet-driver.hbs

@@ -0,0 +1,12 @@
+<Resource::SelectOption
+    @option={{or @option @model @fleetDriver}}
+    @resourceType="fleet-driver"
+    @compact={{@compact}}
+    @title={{@title}}
+    @details={{@details}}
+    @photo={{@photo}}
+    @fallbackPhoto={{@fallbackPhoto}}
+    @icon={{@icon}}
+    @shape={{@shape}}
+    ...attributes
+/>

package/addon/components/select-option/fleet.hbs

@@ -0,0 +1,12 @@
+<Resource::SelectOption
+    @option={{or @option @model @fleet}}
+    @resourceType="fleet"
+    @compact={{@compact}}
+    @title={{@title}}
+    @details={{@details}}
+    @photo={{@photo}}
+    @fallbackPhoto={{@fallbackPhoto}}
+    @icon={{@icon}}
+    @shape={{@shape}}
+    ...attributes
+/>

package/addon/components/select-option/fuel-provider-connection.hbs

@@ -0,0 +1,12 @@
+<Resource::SelectOption
+    @option={{or @option @model @fuelProviderConnection}}
+    @resourceType="fuel-provider-connection"
+    @compact={{@compact}}
+    @title={{@title}}
+    @details={{@details}}
+    @photo={{@photo}}
+    @fallbackPhoto={{@fallbackPhoto}}
+    @icon={{@icon}}
+    @shape={{@shape}}
+    ...attributes
+/>

package/addon/components/select-option/fuel-provider-transaction.hbs

@@ -0,0 +1,12 @@
+<Resource::SelectOption
+    @option={{or @option @model @fuelProviderTransaction}}
+    @resourceType="fuel-provider-transaction"
+    @compact={{@compact}}
+    @title={{@title}}
+    @details={{@details}}
+    @photo={{@photo}}
+    @fallbackPhoto={{@fallbackPhoto}}
+    @icon={{@icon}}
+    @shape={{@shape}}
+    ...attributes
+/>

package/addon/components/select-option/fuel-report.hbs

@@ -0,0 +1,12 @@
+<Resource::SelectOption
+    @option={{or @option @model @fuelReport}}
+    @resourceType="fuel-report"
+    @compact={{@compact}}
+    @title={{@title}}
+    @details={{@details}}
+    @photo={{@photo}}
+    @fallbackPhoto={{@fallbackPhoto}}
+    @icon={{@icon}}
+    @shape={{@shape}}
+    ...attributes
+/>

package/addon/components/select-option/inspection-form.hbs

@@ -0,0 +1,12 @@
+<Resource::SelectOption
+    @option={{or @option @model @inspectionForm}}
+    @resourceType="inspection-form"
+    @compact={{@compact}}
+    @title={{@title}}
+    @details={{@details}}
+    @photo={{@photo}}
+    @fallbackPhoto={{@fallbackPhoto}}
+    @icon={{@icon}}
+    @shape={{@shape}}
+    ...attributes
+/>

package/addon/components/select-option/inspection-item-result.hbs

@@ -0,0 +1,12 @@
+<Resource::SelectOption
+    @option={{or @option @model @inspectionItemResult}}
+    @resourceType="inspection-item-result"
+    @compact={{@compact}}
+    @title={{@title}}
+    @details={{@details}}
+    @photo={{@photo}}
+    @fallbackPhoto={{@fallbackPhoto}}
+    @icon={{@icon}}
+    @shape={{@shape}}
+    ...attributes
+/>

package/addon/components/select-option/inspection-submission.hbs

@@ -0,0 +1,12 @@
+<Resource::SelectOption
+    @option={{or @option @model @inspectionSubmission}}
+    @resourceType="inspection-submission"
+    @compact={{@compact}}
+    @title={{@title}}
+    @details={{@details}}
+    @photo={{@photo}}
+    @fallbackPhoto={{@fallbackPhoto}}
+    @icon={{@icon}}
+    @shape={{@shape}}
+    ...attributes
+/>

package/addon/components/select-option/integrated-vendor.hbs

@@ -0,0 +1,12 @@
+<Resource::SelectOption
+    @option={{or @option @model @integratedVendor}}
+    @resourceType="integrated-vendor"
+    @compact={{@compact}}
+    @title={{@title}}
+    @details={{@details}}
+    @photo={{@photo}}
+    @fallbackPhoto={{@fallbackPhoto}}
+    @icon={{@icon}}
+    @shape={{@shape}}
+    ...attributes
+/>

package/addon/components/select-option/issue.hbs

@@ -0,0 +1,12 @@
+<Resource::SelectOption
+    @option={{or @option @model @issue}}
+    @resourceType="issue"
+    @compact={{@compact}}
+    @title={{@title}}
+    @details={{@details}}
+    @photo={{@photo}}
+    @fallbackPhoto={{@fallbackPhoto}}
+    @icon={{@icon}}
+    @shape={{@shape}}
+    ...attributes
+/>

package/addon/components/select-option/maintenance-schedule.hbs

@@ -0,0 +1,12 @@
+<Resource::SelectOption
+    @option={{or @option @model @maintenanceSchedule}}
+    @resourceType="maintenance-schedule"
+    @compact={{@compact}}
+    @title={{@title}}
+    @details={{@details}}
+    @photo={{@photo}}
+    @fallbackPhoto={{@fallbackPhoto}}
+    @icon={{@icon}}
+    @shape={{@shape}}
+    ...attributes
+/>

package/addon/components/select-option/maintenance-subject.hbs

@@ -0,0 +1,12 @@
+<Resource::SelectOption
+    @option={{or @option @model @maintenanceSubject}}
+    @resourceType="maintenance-subject"
+    @compact={{@compact}}
+    @title={{@title}}
+    @details={{@details}}
+    @photo={{@photo}}
+    @fallbackPhoto={{@fallbackPhoto}}
+    @icon={{@icon}}
+    @shape={{@shape}}
+    ...attributes
+/>

package/addon/components/select-option/maintenance.hbs

@@ -0,0 +1,12 @@
+<Resource::SelectOption
+    @option={{or @option @model @maintenance}}
+    @resourceType="maintenance"
+    @compact={{@compact}}
+    @title={{@title}}
+    @details={{@details}}
+    @photo={{@photo}}
+    @fallbackPhoto={{@fallbackPhoto}}
+    @icon={{@icon}}
+    @shape={{@shape}}
+    ...attributes
+/>

package/addon/components/select-option/manifest-stop.hbs

@@ -0,0 +1,12 @@
+<Resource::SelectOption
+    @option={{or @option @model @manifestStop}}
+    @resourceType="manifest-stop"
+    @compact={{@compact}}
+    @title={{@title}}
+    @details={{@details}}
+    @photo={{@photo}}
+    @fallbackPhoto={{@fallbackPhoto}}
+    @icon={{@icon}}
+    @shape={{@shape}}
+    ...attributes
+/>