@fleetbase/fleetops-engine 0.6.38 → 0.6.39

package/addon/components/maintenance-schedule/form.hbs

@@ -0,0 +1,287 @@
+<div class="schedule-form" ...attributes>
+
+    {{! ===== IDENTIFICATION ===== }}
+    <ContentPanel @title="Schedule Details" @open={{true}} @wrapperClass="bordered-top">
+        <div class="grid grid-cols-1 gap-2 lg:grid-cols-2 lg:gap-2 no-input-group-padding text-xs">
+            <InputGroup @name="Schedule Name" @wrapperClass="col-span-2">
+                <Input @value={{@resource.name}} @type="text" class="w-full form-input" placeholder="e.g. Oil & Filter Change — Truck #4" disabled={{cannot-write @resource}} />
+            </InputGroup>
+
+            <InputGroup @name="Type">
+                <div class="fleetbase-model-select fleetbase-power-select ember-model-select">
+                    <PowerSelect
+                        @options={{this.typeOptions}}
+                        @selected={{@resource.type}}
+                        @onChange={{fn (mut @resource.type)}}
+                        @placeholder="Select Type"
+                        @triggerClass="form-select form-input"
+                        @disabled={{cannot-write @resource}}
+                        as |type|
+                    >
+                        {{smart-humanize type}}
+                    </PowerSelect>
+                </div>
+            </InputGroup>
+
+            <InputGroup @name="Status">
+                <div class="fleetbase-model-select fleetbase-power-select ember-model-select">
+                    <PowerSelect
+                        @options={{this.statusOptions}}
+                        @selected={{@resource.status}}
+                        @onChange={{fn (mut @resource.status)}}
+                        @placeholder="Select Status"
+                        @triggerClass="form-select form-input"
+                        @disabled={{cannot-write @resource}}
+                        as |status|
+                    >
+                        {{smart-humanize status}}
+                    </PowerSelect>
+                </div>
+            </InputGroup>
+
+        </div>
+    </ContentPanel>
+
+    {{! ===== ASSET (SUBJECT) ===== }}
+    <ContentPanel @title="Asset" @open={{true}} @wrapperClass="bordered-top">
+        <div class="grid grid-cols-1 gap-2 lg:grid-cols-2 lg:gap-2 no-input-group-padding text-xs">
+
+            <div class="col-span-1 lg:col-span-2 text-[11px] uppercase tracking-wide text-gray-500 font-semibold mt-1">
+                Which asset does this schedule apply to?
+            </div>
+
+            <InputGroup @name="Asset Type">
+                <div class="fleetbase-model-select fleetbase-power-select ember-model-select">
+                    <PowerSelect
+                        @options={{this.subjectTypeOptions}}
+                        @selected={{this.selectedSubjectType}}
+                        @onChange={{this.onSubjectTypeChange}}
+                        @placeholder="Select Asset Type"
+                        @triggerClass="form-select form-input"
+                        @disabled={{cannot-write @resource}}
+                        as |option|
+                    >
+                        {{option.label}}
+                    </PowerSelect>
+                </div>
+            </InputGroup>
+
+            {{#if this.subjectModelName}}
+                <InputGroup @name="Asset">
+                    <ModelSelect
+                        @modelName={{this.subjectModelName}}
+                        @selectedModel={{@resource.subject}}
+                        @placeholder="Select Asset"
+                        @triggerClass="form-select form-input"
+                        @infiniteScroll={{false}}
+                        @renderInPlace={{true}}
+                        @onChange={{this.assignSubject}}
+                        @disabled={{cannot-write @resource}}
+                        as |model|
+                    >
+                        {{or model.displayName model.name model.public_id}}
+                    </ModelSelect>
+                </InputGroup>
+            {{/if}}
+
+        </div>
+    </ContentPanel>
+
+    {{! ===== INTERVAL ===== }}
+    <ContentPanel @title="Maintenance Interval" @open={{true}} @wrapperClass="bordered-top">
+        <div class="grid grid-cols-1 gap-2 lg:grid-cols-2 lg:gap-2 no-input-group-padding text-xs">
+
+            <div class="col-span-1 lg:col-span-2 text-[11px] uppercase tracking-wide text-gray-500 font-semibold mt-1">
+                How should this maintenance be triggered?
+            </div>
+
+            {{! Interval method selector — drives which fields are shown below }}
+            <InputGroup @name="Interval Method" @wrapperClass="col-span-2">
+                <div class="fleetbase-model-select fleetbase-power-select ember-model-select">
+                    <PowerSelect
+                        @options={{this.intervalMethodOptions}}
+                        @selected={{this.selectedIntervalMethod}}
+                        @onChange={{this.onIntervalMethodChange}}
+                        @placeholder="Select interval method"
+                        @triggerClass="form-select form-input"
+                        @disabled={{cannot-write @resource}}
+                        as |option|
+                    >
+                        {{option.label}}
+                    </PowerSelect>
+                </div>
+            </InputGroup>
+
+            {{! TIME-BASED fields }}
+            {{#if this.isTimeBased}}
+                <div class="col-span-1 lg:col-span-2 text-[11px] uppercase tracking-wide text-gray-500 font-semibold mt-3">
+                    Time-Based Interval
+                </div>
+                <InputGroup @name="Every">
+                    <Input @value={{@resource.interval_value}} @type="number" class="w-full form-input" placeholder="e.g. 3" disabled={{cannot-write @resource}} />
+                </InputGroup>
+                <InputGroup @name="Unit">
+                    <div class="fleetbase-model-select fleetbase-power-select ember-model-select">
+                        <PowerSelect
+                            @options={{this.intervalUnitOptions}}
+                            @selected={{@resource.interval_unit}}
+                            @onChange={{fn (mut @resource.interval_unit)}}
+                            @placeholder="Select unit"
+                            @triggerClass="form-select form-input"
+                            @disabled={{cannot-write @resource}}
+                            as |unit|
+                        >
+                            {{smart-humanize unit}}
+                        </PowerSelect>
+                    </div>
+                </InputGroup>
+                <InputGroup @name="Next Due Date" @wrapperClass="col-span-2">
+                    <DateTimeInput
+                        class="form-input"
+                        @value={{@resource.next_due_date}}
+                        @minDate={{format-date-fns (now) "yyyy-MM-dd"}}
+                        @minTime={{format-date-fns (now) "HH:mm"}}
+                        @onUpdate={{fn (mut @resource.next_due_date)}}
+                        @disabled={{cannot-write @resource}}
+                    />
+                </InputGroup>
+            {{/if}}
+
+            {{! DISTANCE-BASED fields }}
+            {{#if this.isDistanceBased}}
+                <div class="col-span-1 lg:col-span-2 text-[11px] uppercase tracking-wide text-gray-500 font-semibold mt-3">
+                    Distance-Based Interval
+                </div>
+                <InputGroup @name="Every (km)">
+                    <Input @value={{@resource.interval_distance}} @type="number" class="w-full form-input" placeholder="e.g. 5000" disabled={{cannot-write @resource}} />
+                </InputGroup>
+                <InputGroup @name="Next Due Odometer (km)">
+                    <Input @value={{@resource.next_due_odometer}} @type="number" class="w-full form-input" placeholder="e.g. 47000" disabled={{cannot-write @resource}} />
+                </InputGroup>
+            {{/if}}
+
+            {{! ENGINE HOURS-BASED fields }}
+            {{#if this.isEngineHoursBased}}
+                <div class="col-span-1 lg:col-span-2 text-[11px] uppercase tracking-wide text-gray-500 font-semibold mt-3">
+                    Engine Hours-Based Interval
+                </div>
+                <InputGroup @name="Every (Engine Hours)">
+                    <Input @value={{@resource.interval_engine_hours}} @type="number" class="w-full form-input" placeholder="e.g. 250" disabled={{cannot-write @resource}} />
+                </InputGroup>
+                <InputGroup @name="Next Due Engine Hours">
+                    <Input @value={{@resource.next_due_engine_hours}} @type="number" class="w-full form-input" placeholder="e.g. 1250" disabled={{cannot-write @resource}} />
+                </InputGroup>
+            {{/if}}
+
+        </div>
+    </ContentPanel>
+
+    {{! ===== WORK ORDER DEFAULTS ===== }}
+    <ContentPanel @title="Work Order Defaults" @open={{true}} @wrapperClass="bordered-top">
+        <div class="grid grid-cols-1 gap-2 lg:grid-cols-2 lg:gap-2 no-input-group-padding text-xs">
+
+            <div class="col-span-1 lg:col-span-2 text-[11px] uppercase tracking-wide text-gray-500 font-semibold mt-1">
+                These settings are used when a work order is auto-generated from this schedule.
+            </div>
+
+            <InputGroup @name="Default Priority">
+                <div class="fleetbase-model-select fleetbase-power-select ember-model-select">
+                    <PowerSelect
+                        @options={{this.priorityOptions}}
+                        @selected={{@resource.default_priority}}
+                        @onChange={{fn (mut @resource.default_priority)}}
+                        @placeholder="Select Priority"
+                        @triggerClass="form-select form-input"
+                        @disabled={{cannot-write @resource}}
+                        as |priority|
+                    >
+                        {{smart-humanize priority}}
+                    </PowerSelect>
+                </div>
+            </InputGroup>
+
+            <InputGroup @name="Default Assignee Type">
+                <div class="fleetbase-model-select fleetbase-power-select ember-model-select">
+                    <PowerSelect
+                        @options={{this.assigneeTypeOptions}}
+                        @selected={{this.selectedAssigneeType}}
+                        @onChange={{this.onAssigneeTypeChange}}
+                        @placeholder="Select Assignee Type"
+                        @triggerClass="form-select form-input"
+                        @disabled={{cannot-write @resource}}
+                        as |option|
+                    >
+                        {{option.label}}
+                    </PowerSelect>
+                </div>
+            </InputGroup>
+
+            {{#if this.assigneeModelName}}
+                <InputGroup @name="Default Assignee" @wrapperClass="col-span-2">
+                    <ModelSelect
+                        @modelName={{this.assigneeModelName}}
+                        @selectedModel={{@resource.default_assignee}}
+                        @placeholder="Select Default Assignee"
+                        @triggerClass="form-select form-input"
+                        @infiniteScroll={{false}}
+                        @renderInPlace={{true}}
+                        @onChange={{this.assignDefaultAssignee}}
+                        @disabled={{cannot-write @resource}}
+                        as |model|
+                    >
+                        {{or model.displayName model.name model.public_id}}
+                    </ModelSelect>
+                </InputGroup>
+            {{/if}}
+
+            <InputGroup @name="Instructions" @wrapperClass="col-span-2">
+                <Textarea
+                    @value={{@resource.instructions}}
+                    class="w-full form-input"
+                    rows="3"
+                    placeholder="Instructions for the technician performing this maintenance..."
+                    disabled={{cannot-write @resource}}
+                />
+            </InputGroup>
+
+        </div>
+    </ContentPanel>
+
+    {{! ===== REMINDER OFFSETS ===== }}
+    <ContentPanel @title="Reminder Emails" @open={{true}} @wrapperClass="bordered-top">
+        <div class="grid grid-cols-1 gap-2 no-input-group-padding text-xs">
+
+            <div class="text-[11px] uppercase tracking-wide text-gray-500 font-semibold mt-1">
+                Send email reminders before the next due date
+            </div>
+
+            <InputGroup @name="Reminder Days Before" @wrapperClass="col-span-2">
+                <div class="flex flex-wrap gap-1 p-1 border border-gray-300 dark:border-gray-600 rounded form-input min-h-[36px] items-center">
+                    {{#each this.reminderOffsets as |offset index|}}
+                        <span class="inline-flex items-center gap-1 bg-blue-100 dark:bg-blue-900 text-blue-800 dark:text-blue-200 text-xs px-2 py-0.5 rounded">
+                            {{offset}}
+                            days
+                            <button type="button" class="ml-1 text-blue-500 hover:text-red-500" {{on "click" (fn this.removeReminderOffset index)}}>
+                                &times;
+                            </button>
+                        </span>
+                    {{/each}}
+                    <Input
+                        @value={{this.newReminderOffset}}
+                        @type="number"
+                        class="flex-1 min-w-[80px] border-0 outline-none bg-transparent text-xs p-0"
+                        placeholder="Add days (e.g. 7)"
+                        min="1"
+                        {{on "keydown" this.onReminderOffsetKeydown}}
+                        disabled={{cannot-write @resource}}
+                    />
+                </div>
+                <p class="text-[11px] text-gray-400 mt-1">
+                    Press Enter or comma to add each offset. The default assignee will receive an email for each configured offset.
+                </p>
+            </InputGroup>
+
+        </div>
+    </ContentPanel>
+
+</div>

package/addon/components/maintenance-schedule/form.js

@@ -0,0 +1,199 @@
+import Component from '@glimmer/component';
+import { tracked } from '@glimmer/tracking';
+import { action } from '@ember/object';
+
+/**
+ * Maps a polymorphic type string to the Ember Data model name used by ModelSelect.
+ */
+const TYPE_TO_MODEL = {
+    'fleet-ops:vehicle': 'vehicle',
+    'fleet-ops:equipment': 'equipment',
+    'fleet-ops:vendor': 'vendor',
+    'fleet-ops:contact': 'contact',
+    'fleet-ops:driver': 'driver',
+};
+
+/**
+ * Maps a concrete Ember Data model name back to the backend polymorphic type string.
+ * Used to restore the type selector when editing an existing record that has a
+ * loaded @belongsTo('maintenance-subject', {polymorphic: true}) relationship.
+ */
+const MODEL_TO_TYPE = {
+    'maintenance-subject-vehicle': 'fleet-ops:vehicle',
+    'maintenance-subject-equipment': 'fleet-ops:equipment',
+    // Fall-through for raw vehicle/equipment models passed from vehicle-actions.js
+    vehicle: 'fleet-ops:vehicle',
+    equipment: 'fleet-ops:equipment',
+    vendor: 'fleet-ops:vendor',
+    contact: 'fleet-ops:contact',
+    driver: 'fleet-ops:driver',
+};
+
+/**
+ * Maps a concrete Ember Data model name back to the backend polymorphic type string
+ * for the default_assignee relationship.
+ */
+const ASSIGNEE_MODEL_TO_TYPE = {
+    'facilitator-vendor': 'fleet-ops:vendor',
+    'facilitator-contact': 'fleet-ops:contact',
+    'facilitator-integrated-vendor': 'fleet-ops:vendor',
+    vendor: 'fleet-ops:vendor',
+    contact: 'fleet-ops:contact',
+    driver: 'fleet-ops:driver',
+};
+
+const SUBJECT_TYPE_OPTIONS = [
+    { label: 'Vehicle', value: 'fleet-ops:vehicle' },
+    { label: 'Equipment', value: 'fleet-ops:equipment' },
+];
+
+const ASSIGNEE_TYPE_OPTIONS = [
+    { label: 'Vendor', value: 'fleet-ops:vendor' },
+    { label: 'Contact', value: 'fleet-ops:contact' },
+    { label: 'Driver', value: 'fleet-ops:driver' },
+];
+
+const INTERVAL_METHOD_OPTIONS = [
+    { label: 'Time-Based (days / weeks / months)', value: 'time' },
+    { label: 'Distance-Based (km / miles)', value: 'distance' },
+    { label: 'Engine Hours-Based', value: 'engine_hours' },
+];
+
+export default class MaintenanceScheduleFormComponent extends Component {
+    @tracked selectedSubjectType = null;
+    @tracked selectedAssigneeType = null;
+    @tracked subjectModelName = null;
+    @tracked assigneeModelName = null;
+    @tracked selectedIntervalMethod = null;
+    @tracked reminderOffsets = [];
+    @tracked newReminderOffset = '';
+
+    subjectTypeOptions = SUBJECT_TYPE_OPTIONS;
+    assigneeTypeOptions = ASSIGNEE_TYPE_OPTIONS;
+    intervalMethodOptions = INTERVAL_METHOD_OPTIONS;
+
+    statusOptions = ['active', 'paused', 'completed'];
+    priorityOptions = ['low', 'normal', 'high', 'critical'];
+    intervalUnitOptions = ['days', 'weeks', 'months', 'years'];
+    typeOptions = ['oil_change', 'tire_rotation', 'inspection', 'brake_service', 'air_filter', 'transmission', 'coolant', 'battery', 'other'];
+
+    get isTimeBased() {
+        return this.selectedIntervalMethod?.value === 'time';
+    }
+
+    get isDistanceBased() {
+        return this.selectedIntervalMethod?.value === 'distance';
+    }
+
+    get isEngineHoursBased() {
+        return this.selectedIntervalMethod?.value === 'engine_hours';
+    }
+
+    constructor() {
+        super(...arguments);
+        const { resource } = this.args;
+        if (resource) {
+            // Restore subject type selection from the polymorphic relationship.
+            // When editing an existing record, resource.subject is a loaded MaintenanceSubject model.
+            // When creating from vehicle-actions.js, resource.subject may be a raw vehicle/equipment model.
+            const subject = resource.subject;
+            if (subject) {
+                const modelName = subject.constructor?.modelName ?? subject.modelName;
+                const typeValue = MODEL_TO_TYPE[modelName] ?? null;
+                if (typeValue) {
+                    this.selectedSubjectType = SUBJECT_TYPE_OPTIONS.find((o) => o.value === typeValue) ?? null;
+                    this.subjectModelName = TYPE_TO_MODEL[typeValue] ?? null;
+                }
+            }
+            // Restore assignee type selection from the polymorphic relationship.
+            const defaultAssignee = resource.default_assignee;
+            if (defaultAssignee) {
+                const modelName = defaultAssignee.constructor?.modelName ?? defaultAssignee.modelName;
+                const typeValue = ASSIGNEE_MODEL_TO_TYPE[modelName] ?? null;
+                if (typeValue) {
+                    this.selectedAssigneeType = ASSIGNEE_TYPE_OPTIONS.find((o) => o.value === typeValue) ?? null;
+                    this.assigneeModelName = TYPE_TO_MODEL[typeValue] ?? null;
+                }
+            }
+            // Restore reminder_offsets from the resource
+            if (Array.isArray(resource.reminder_offsets)) {
+                this.reminderOffsets = [...resource.reminder_offsets];
+            }
+            // Restore interval method from stored interval_method field, or infer from populated fields
+            if (resource.interval_method) {
+                this.selectedIntervalMethod = INTERVAL_METHOD_OPTIONS.find((o) => o.value === resource.interval_method) ?? null;
+            } else if (resource.interval_distance) {
+                this.selectedIntervalMethod = INTERVAL_METHOD_OPTIONS.find((o) => o.value === 'distance') ?? null;
+            } else if (resource.interval_engine_hours) {
+                this.selectedIntervalMethod = INTERVAL_METHOD_OPTIONS.find((o) => o.value === 'engine_hours') ?? null;
+            } else if (resource.interval_value) {
+                this.selectedIntervalMethod = INTERVAL_METHOD_OPTIONS.find((o) => o.value === 'time') ?? null;
+            }
+        }
+    }
+
+    @action onSubjectTypeChange(option) {
+        this.selectedSubjectType = option;
+        // Clear the subject relationship — user must re-select the asset
+        this.args.resource.subject = null;
+        this.subjectModelName = TYPE_TO_MODEL[option.value] ?? null;
+    }
+
+    @action assignSubject(model) {
+        this.args.resource.subject = model;
+    }
+
+    @action onAssigneeTypeChange(option) {
+        this.selectedAssigneeType = option;
+        // Clear the default_assignee relationship — user must re-select
+        this.args.resource.default_assignee = null;
+        this.assigneeModelName = TYPE_TO_MODEL[option.value] ?? null;
+    }
+
+    @action assignDefaultAssignee(model) {
+        this.args.resource.default_assignee = model;
+    }
+
+    @action addReminderOffset(value) {
+        const days = parseInt(value, 10);
+        if (!isNaN(days) && days > 0 && !this.reminderOffsets.includes(days)) {
+            this.reminderOffsets = [...this.reminderOffsets, days].sort((a, b) => b - a);
+            this.args.resource.reminder_offsets = [...this.reminderOffsets];
+        }
+        this.newReminderOffset = '';
+    }
+
+    @action removeReminderOffset(index) {
+        const updated = [...this.reminderOffsets];
+        updated.splice(index, 1);
+        this.reminderOffsets = updated;
+        this.args.resource.reminder_offsets = [...this.reminderOffsets];
+    }
+
+    @action onReminderOffsetKeydown(event) {
+        if (event.key === 'Enter' || event.key === ',') {
+            event.preventDefault();
+            this.addReminderOffset(this.newReminderOffset);
+        }
+    }
+
+    @action onIntervalMethodChange(option) {
+        this.selectedIntervalMethod = option;
+        // Store the method on the resource so it round-trips correctly on edit
+        this.args.resource.interval_method = option.value;
+        // Clear fields from the other methods to avoid stale data being sent
+        if (option.value !== 'time') {
+            this.args.resource.interval_value = null;
+            this.args.resource.interval_unit = null;
+            this.args.resource.next_due_date = null;
+        }
+        if (option.value !== 'distance') {
+            this.args.resource.interval_distance = null;
+            this.args.resource.next_due_odometer = null;
+        }
+        if (option.value !== 'engine_hours') {
+            this.args.resource.interval_engine_hours = null;
+            this.args.resource.next_due_engine_hours = null;
+        }
+    }
+}

package/addon/components/map/container.hbs

@@ -1,3 +1,3 @@
-<div class="next-map-container next-map-container-layout-{{or @layout "map"}}" {{did-insert this.didInsert}}>
+<div class="next-map-container next-map-container-layout-{{or @layout 'map'}}" {{did-insert this.didInsert}}>
     {{yield (hash (component "map/toolbar"))}}
 </div>

package/addon/components/map/drawer/device-event-listing.hbs

@@ -13,7 +13,7 @@
             >
                 <div class="space-x-2 text-sm">
                     <div class="inline-block align-top">
-                        <div class="hide-from-trigger h-1.5 w-full" />
+                        <div class="hide-from-trigger h-1.5 w-full"></div>
                         <Image src={{model.provider_descriptor.icon}} class="w-5 h-5" />
                     </div>
                     <div class="inline-block">

package/addon/components/map/drawer/driver-listing.hbs

@@ -1,11 +1,6 @@
 <div class="flex flex-row items-center px-5 py-2 border-b border-gray-200 dark:border-gray-700">
     <div>
-        <Input
-            @value={{this.query}}
-            @type="text"
-            class="form-input form-input-sm w-60"
-            placeholder={{t "live-map-drawer.driver-listing.message"}}
-        />
+        <Input @value={{this.query}} @type="text" class="form-input form-input-sm w-60" placeholder={{t "live-map-drawer.driver-listing.message"}} />
     </div>
 </div>
 <Table @rows={{this.filteredDrivers}} @columns={{this.columns}} />

package/addon/components/map/drawer/place-listing.hbs

@@ -1,11 +1,6 @@
 <div class="flex flex-row items-center px-5 py-2 border-b border-gray-200 dark:border-gray-700">
     <div>
-        <Input
-            @value={{this.query}}
-            @type="text"
-            class="form-input form-input-sm w-60"
-            placeholder={{t "live-map-drawer.place-listing.message"}}
-        />
+        <Input @value={{this.query}} @type="text" class="form-input form-input-sm w-60" placeholder={{t "live-map-drawer.place-listing.message"}} />
     </div>
 </div>
 <Table @rows={{this.filteredPlaces}} @columns={{this.columns}} />

package/addon/components/map/drawer/vehicle-listing.hbs

@@ -1,11 +1,6 @@
 <div class="flex flex-row items-center px-5 py-2 border-b border-gray-200 dark:border-gray-700">
     <div>
-        <Input
-            @value={{this.query}}
-            @type="text"
-            class="form-input form-input-sm w-60"
-            placeholder={{t "live-map-drawer.vehicle-listing.message"}}
-        />
+        <Input @value={{this.query}} @type="text" class="form-input form-input-sm w-60" placeholder={{t "live-map-drawer.vehicle-listing.message"}} />
     </div>
 </div>
 <Table @rows={{this.filteredVehicles}} @columns={{this.columns}} />

package/addon/components/map/drawer.hbs

@@ -1,4 +1,11 @@
-<Drawer @onResizeEnd={{this.mapDrawer.handleResizeEnd}} @onResizeStart={{@onResizeStart}} @isMinimized={{this.mapDrawer.isMinimized}} @isOpen={{@isOpen}} @notchEnabled={{true}} @onLoad={{this.setDrawerContext}}>
+<Drawer
+    @onResizeEnd={{this.mapDrawer.handleResizeEnd}}
+    @onResizeStart={{@onResizeStart}}
+    @isMinimized={{this.mapDrawer.isMinimized}}
+    @isOpen={{@isOpen}}
+    @notchEnabled={{true}}
+    @onLoad={{this.setDrawerContext}}
+>
     <TabNavigation @tabs={{this.tabs}} @activeTabId={{this.mapDrawer.activeTabId}} @onTabChange={{this.mapDrawer.setActiveTab}} as |activeTab|>
         {{component (lazy-engine-component activeTab.component)}}
     </TabNavigation>

package/addon/components/map/leaflet-live-map.hbs

@@ -49,7 +49,8 @@
                                 <div class="text-xs font-semibold">{{driver.name}}</div>
                                 <div class="text-xs">{{t "common.phone"}}: {{n-a driver.phone}}</div>
                                 <div class="text-xs">{{t "resource.vehicle"}}: {{n-a driver.vehicle_name}}</div>
-                                <div class="text-xs">{{t "common.status"}}: <span class="{{if driver.online 'text-green-500' 'text-red-400'}}">{{if driver.online "Online" "Offline"}}</span></div>
+                                <div class="text-xs">{{t "common.status"}}:
+                                    <span class="{{if driver.online 'text-green-500' 'text-red-400'}}">{{if driver.online "Online" "Offline"}}</span></div>
                                 <div class="text-xs truncate">{{t "common.pos"}}: {{point-coordinates driver.location}}</div>
                             </div>
                         </div>

package/addon/components/map/toolbar/visibility-control-panel.hbs

@@ -1,4 +1,4 @@
-{{!-- template-lint-disable require-context-role --}}
+{{! template-lint-disable require-context-role }}
 <div class="next-dd-menu overflow-visible">
     <div class="px-1">
         <div class="text-sm flex flex-row items-center px-3 py-0.5 rounded-md my-1 text-gray-800 dark:text-gray-300">

package/addon/components/map/toolbar.hbs

@@ -29,13 +29,7 @@
             </button>
         {{/let}}
         {{#let (cannot "fleet-ops list order") as |unauthorized|}}
-            <button
-                type="button"
-                id="map-toolbar-search-button"
-                class="toolbar-button {{if unauthorized 'unauthorized'}}"
-                {{on "click" this.globalSearch.toggle}}
-                disabled={{unauthorized}}
-            >
+            <button type="button" id="map-toolbar-search-button" class="toolbar-button {{if unauthorized 'unauthorized'}}" {{on "click" this.globalSearch.toggle}} disabled={{unauthorized}}>
                 <FaIcon @icon="search" />
                 <Attach::Tooltip @class="clean" @animation="scale" @placement="right">
                     {{#let (if unauthorized (concat (t "common.unauthorized-to") " " (t "common.search")) (t "common.search")) as |unauthorizedMessage|}}
@@ -45,12 +39,7 @@
             </button>
         {{/let}}
         {{#let (cannot "fleet-ops list order") as |unauthorized|}}
-            <button
-                type="button"
-                id="map-toolbar-view-orders-button"
-                class="toolbar-button relative {{if unauthorized 'unauthorized'}}"
-                {{on "click" this.orderListOverlay.toggle}}
-            >
+            <button type="button" id="map-toolbar-view-orders-button" class="toolbar-button relative {{if unauthorized 'unauthorized'}}" {{on "click" this.orderListOverlay.toggle}}>
                 <div class="active-orders-count absolute top-0 right-0 -mr-2.5 -mt-1">
                     <div class="relative flex w-5 h-5 rounded-full">
                         <div class="absolute inset-0 rounded-full w-5 h-5 text-xs bg-blue-500 opacity-75 {{if this.activeOrderCount 'animate-ping'}}"></div>
@@ -59,14 +48,7 @@
                 </div>
                 <FaIcon @icon="layer-group" />
                 <Attach::Tooltip @class="clean" @animation="scale" @placement="right">
-                    {{#let
-                        (if
-                            unauthorized
-                            (concat (t "common.unauthorized-to") " " (t "map.toolbar.view-order"))
-                            (t "map.toolbar.view-order")
-                        )
-                        as |unauthorizedMessage|
-                    }}
+                    {{#let (if unauthorized (concat (t "common.unauthorized-to") " " (t "map.toolbar.view-order")) (t "map.toolbar.view-order")) as |unauthorizedMessage|}}
                         <InputInfo @text={{unauthorizedMessage}} @iconClass="hidden" class="py-1 px-2 bg-gray-900 -mt-1" />
                     {{/let}}
                 </Attach::Tooltip>
@@ -77,14 +59,7 @@
                 <dd.Trigger class="toolbar-button {{if unauthorized 'unauthorized'}}">
                     <FaIcon @icon="map-marked-alt" />
                     <Attach::Tooltip @class="clean" @animation="scale" @placement="right">
-                        {{#let
-                            (if
-                                unauthorized
-                                (concat (t "common.unauthorized-to") " " (t "map.toolbar.view-service-area"))
-                                (t "map.toolbar.view-service-area")
-                            )
-                            as |unauthorizedMessage|
-                        }}
+                        {{#let (if unauthorized (concat (t "common.unauthorized-to") " " (t "map.toolbar.view-service-area")) (t "map.toolbar.view-service-area")) as |unauthorizedMessage|}}
                             <InputInfo @text={{unauthorizedMessage}} @iconClass="hidden" class="{{if dd.isOpen 'hidden'}} py-1 px-2 bg-gray-900 -mt-1" />
                         {{/let}}
                     </Attach::Tooltip>