v0.6.30

addon/components/customer/create-order-form.hbs

@@ -75,7 +75,7 @@
                                         <ModelSelect
                                             @modelName="place"
                                             @selectedModel={{waypoint.place}}
-                                            @placeholder={{concat (t "order.fields.select-waypoint-placeholder") " " (add index 1)}}
+                                            @placeholder={{concat (t "order.fields.select-waypoint") " " (add index 1)}}
                                             @triggerClass="form-select form-input truncate max-w-250px"
                                             @infiniteScroll={{false}}
                                             @customSearchEndpoint="places/search"

addon/components/customer/orders.hbs

@@ -155,7 +155,7 @@
                                                         </div>
                                                     {{else}}
                                                         <div class="px-10 py-2 flex items-center justify-center">
-                                                            <p class="text-red-600 dark:text-red-100">{{t "fleet-ops.operations.orders.index.view.no-order-activity"}}</p>
+                                                            <p class="text-red-600 dark:text-red-100">{{t "order.fields.no-order-activity"}}</p>
                                                         </div>
                                                     {{/each}}
                                                 </div>
@@ -179,7 +179,7 @@
                                                                             @value={{group.waypoint.tracking}}
                                                                             class="rounded-md bg-yellow-300 text-yellow-900 px-2 py-0.5 text-xs flex-grow-0 truncate"
                                                                         >
-                                                                            <span>{{t "fleet-ops.operations.orders.index.view.tracking"}}</span>
+                                                                            <span>{{t "order.fields.tracking"}}</span>
                                                                             <span>{{group.waypoint.tracking}}</span>
                                                                         </ClickToCopy>
                                                                         <Badge @status={{group.waypoint.status_code}} />

addon/components/display-place.hbs

@@ -23,7 +23,7 @@
                         <div class="next-dd-menu mt-1 mx-0" aria-labelledby="user-menu">
                             <div class="px-1">
                                 <div class="text-sm flex flex-row items-center px-3 py-1 rounded-md my-1 text-gray-300">
-                                    {{t "fleet-ops.operations.orders.index.view.waypoint-actions"}}
+                                    {{t "order.fields.waypoint-actions"}}
                                 </div>
                             </div>
                             <div class="next-dd-menu-seperator"></div>

addon/components/driver/pill.hbs

@@ -1,17 +1,16 @@
-{{#let (or @driver @resource) as |resource|}}
-    <Pill
-        @resource={{resource}}
-        @imageSrc={{avatar-url resource.photo_url}}
-        @subtitle={{n-a resource.phone "No Phone"}}
-        @fallbackImageType="driverImage"
-        @showOnlineIndicator={{true}}
-        @onClick={{@onClick}}
-        @anchorClass={{@anchorClass}}
-        @imageClass={{@imageClass}}
-        @imageWrapperClass={{@imageWrapperClass}}
-        @contentWrapperClass={{@contentWrapperClass}}
-        @titleClass={{@titleClass}}
-        @subtitleClass={{@subtitleClass}}
-        ...attributes
-    />
-{{/let}}
+<Pill
+    @resource={{this.resource}}
+    @imageSrc={{avatar-url this.resource.photo_url}}
+    @titleFallback={{or @titleFallback "No driver"}}
+    @subtitle={{n-a this.resource.phone (if this.resource "No phone" "-")}}
+    @fallbackImageType="driverImage"
+    @showOnlineIndicator={{if this.resource true false}}
+    @onClick={{@onClick}}
+    @anchorClass={{@anchorClass}}
+    @imageClass={{@imageClass}}
+    @imageWrapperClass={{@imageWrapperClass}}
+    @contentWrapperClass={{@contentWrapperClass}}
+    @titleClass={{@titleClass}}
+    @subtitleClass={{@subtitleClass}}
+    ...attributes
+/>

addon/components/driver/pill.js

@@ -1,3 +1,7 @@
 import Component from '@glimmer/component';
 
-export default class DriverPillComponent extends Component {}
+export default class DriverPillComponent extends Component {
+    get resource() {
+        return this.args.driver ?? this.args.resource;
+    }
+}

addon/components/map/leaflet-live-map.js

@@ -74,6 +74,10 @@ export default class MapLeafletLiveMapComponent extends Component {
         this.#createMapContextMenu(map);
         this.trigger('onLoad', ...arguments);
         this.load.perform();
+
+        // Listen for map move/zoom events to trigger viewport-based resource reload
+        map.on('moveend', () => this.reloadResourcesInViewport.perform());
+        map.on('zoomend', () => this.reloadResourcesInViewport.perform());
     }
 
     @action trigger(name, ...rest) {
@@ -160,11 +164,19 @@ export default class MapLeafletLiveMapComponent extends Component {
     /** load resources and wait for stuff here and trigger map ready **/
     @task *load() {
         try {
+            // Get initial map bounds for spatial filtering
+            const bounds = this.map ? this.map.getBounds() : null;
+            const params = bounds
+                ? {
+                      bounds: [bounds.getSouth(), bounds.getWest(), bounds.getNorth(), bounds.getEast()],
+                  }
+                : {};
+
             const data = yield all([
                 this.loadResource.perform('routes'),
-                this.loadResource.perform('vehicles'),
-                this.loadResource.perform('drivers'),
-                this.loadResource.perform('places'),
+                this.loadResource.perform('vehicles', { params }),
+                this.loadResource.perform('drivers', { params }),
+                this.loadResource.perform('places', { params }),
                 this.loadResource.perform('service-areas'),
             ]);
 
@@ -176,6 +188,26 @@ export default class MapLeafletLiveMapComponent extends Component {
         }
     }
 
+    @task({ restartable: true }) *reloadResourcesInViewport() {
+        if (!this.map) {
+            return;
+        }
+
+        // Get current map bounds
+        const bounds = this.map.getBounds();
+        const params = {
+            bounds: [bounds.getSouth(), bounds.getWest(), bounds.getNorth(), bounds.getEast()],
+        };
+
+        // Reload spatially-filtered resources (drivers, vehicles, places)
+        // Orders, routes, and service-areas are not spatially filtered
+        try {
+            yield all([this.loadResource.perform('vehicles', { params }), this.loadResource.perform('drivers', { params }), this.loadResource.perform('places', { params })]);
+        } catch (err) {
+            debug('Failed to reload resources in viewport: ' + err.message);
+        }
+    }
+
     @task *loadResource(path, options = {}) {
         if (this.abilities.cannot(`fleet-ops list ${path}`)) return [];
 

addon/components/map/order-list-overlay/order.hbs

@@ -5,6 +5,7 @@
     {{on "dblclick" (fn this.onDoubleClick @order)}}
     {{on "mouseenter" (fn this.onMouseEnter @order)}}
     {{on "mouseleave" (fn this.onMouseLeave @order)}}
+    {{did-insert this.setupIntersectionObserver}}
     ...attributes
 >
     <div class="order-listing-row">

addon/components/map/order-list-overlay/order.js

@@ -1,7 +1,10 @@
 import Component from '@glimmer/component';
 import { action } from '@ember/object';
+import { tracked } from '@glimmer/tracking';
 
 export default class MapOrderListOverlayOrderComponent extends Component {
+    @tracked trackerDataLoaded = false;
+    observer = null;
     @action onClick(order, event) {
         //Don't run callback if action button is clicked
         if (event.target.closest('span.order-listing-action-button')) {
@@ -32,4 +35,43 @@ export default class MapOrderListOverlayOrderComponent extends Component {
             this.args.onMouseLeave(...arguments);
         }
     }
+
+    @action setupIntersectionObserver(element) {
+        // Create IntersectionObserver to detect when order becomes visible
+        this.observer = new IntersectionObserver(
+            (entries) => {
+                entries.forEach((entry) => {
+                    if (entry.isIntersecting && !this.trackerDataLoaded) {
+                        this.loadTrackerData();
+                    }
+                });
+            },
+            {
+                root: null, // viewport
+                rootMargin: '50px', // start loading slightly before visible
+                threshold: 0.1, // trigger when 10% visible
+            }
+        );
+
+        this.observer.observe(element);
+    }
+
+    loadTrackerData() {
+        const { order } = this.args;
+
+        if (order && typeof order.loadTrackerData === 'function' && !this.trackerDataLoaded) {
+            this.trackerDataLoaded = true;
+            order.loadTrackerData();
+        }
+    }
+
+    willDestroy() {
+        super.willDestroy(...arguments);
+
+        // Clean up observer
+        if (this.observer) {
+            this.observer.disconnect();
+            this.observer = null;
+        }
+    }
 }

addon/components/modals/bulk-assign-driver.hbs

@@ -1,11 +1,11 @@
 <Modals::BulkActionModel @options={{@options}} @onConfirm={{@onConfirm}} @onDecline={{@onDecline}} as |options|>
     <div>
-        <InputGroup @name={{t "common.select-driver"}} @helpText={{t "fleet-ops.operations.orders.index.bulk-assign-driver-helptext"}}>
+        <InputGroup @name={{t "common.select-field" field=(t "resource.driver")}} @helpText={{t "fleet-ops.operations.orders.index.bulk-assign-driver-helptext"}}>
             <ModelSelect
                 @modelName="driver"
                 @selectedModel={{options.driverAssigned}}
                 @query={{options.driversQuery}}
-                @placeholder={{t "fleet-ops.operations.orders.index.new.assign-driver-placeholder"}}
+                @placeholder={{t "order.fields.assign-driver-placeholder"}}
                 @triggerClass="form-select form-input"
                 @infiniteScroll={{false}}
                 @renderInPlace={{true}}

addon/components/order-tracking-lookup.hbs

@@ -144,7 +144,7 @@
                                         </div>
                                     {{else}}
                                         <div class="px-10 py-2 flex items-center justify-center">
-                                            <p class="text-red-600 dark:text-red-100">{{t "fleet-ops.operations.orders.index.view.no-order-activity"}}</p>
+                                            <p class="text-red-600 dark:text-red-100">{{t "order.fields.no-order-activity"}}</p>
                                         </div>
                                     {{/each}}
                                 </div>

addon/components/order/details/detail.hbs

@@ -16,15 +16,15 @@
                     <span>{{t "order.fields.driver-assigned"}}</span>
                 </div>
                 <div class="field-value">
-                    <Driver::Pill @driver={{@resource.driver_assigned}} @onClick={{this.focusOrderAssignedDriver}} />
+                    <Driver::Pill @driver={{@resource.driver_assigned}} @onClick={{this.focusOrderAssignedDriver}} @titleFallback="No driver assigned" @titleClass={{unless @resource.driver_assigned "text-gray-300"}} />
                 </div>
             </div>
             <div class="field-info-container">
                 <div class="field-name flex flex-row items-center justify-between">
                     <span>{{t "order.fields.vehicle-assigned"}}</span>
                 </div>
                 <div class="field-value">
-                    <Vehicle::Pill @vehicle={{@resource.vehicle_assigned}} />
+                    <Vehicle::Pill @vehicle={{@resource.vehicle_assigned}} @titleFallback="No vehicle assigned" @titleClass={{unless @resource.vehicle_assigned "text-gray-300"}} />
                 </div>
             </div>
             <div class="field-info-container">
@@ -48,8 +48,8 @@
                                 />
                             </div>
                             <div>
-                                <div class="text-sm">{{n-a @resource.customer.name "No Customer"}}</div>
-                                <div class="text-xs text-gray-400 dark:text-gray-500">{{n-a @resource.customer.phone "No Phone"}}</div>
+                                <div class="text-sm {{unless @resource.customer 'text-gray-300'}}">{{n-a @resource.customer.name "No customer"}}</div>
+                                <div class="text-xs text-gray-400 dark:text-gray-500">{{n-a @resource.customer.phone "No phone"}}</div>
                             </div>
                         </div>
                     </div>
@@ -70,8 +70,8 @@
                             />
                         </div>
                         <div>
-                            <div class="text-sm">{{n-a @resource.facilitator.name "No Facilitator"}}</div>
-                            <div class="text-xs text-gray-400 dark:text-gray-500">{{n-a @resource.facilitator.phone "No Phone"}}</div>
+                            <div class="text-sm {{unless @resource.facilitator 'text-gray-300'}}">{{n-a @resource.facilitator.name "No facilitator"}}</div>
+                            <div class="text-xs text-gray-400 dark:text-gray-500">{{n-a @resource.facilitator.phone "No phone"}}</div>
                         </div>
                     </div>
                 </div>

addon/components/order/details/notes.js

@@ -29,7 +29,7 @@ export default class OrderDetailsNotesComponent extends Component {
     @task *save() {
         try {
             yield this.args.resource.persistProperty('notes', this.args.resource.notes);
-            this.notifications.success(this.intl.t('fleet-ops.operations.orders.index.view.order-notes-updated'));
+            this.notifications.success(this.intl.t('order.fields.order-notes-updated'));
             this.isEditing = false;
         } catch (error) {
             this.notifications.serverError(error);

addon/components/order/route-editor.hbs

@@ -11,11 +11,11 @@
                     <Button
                         @type="magic"
                         @icon="magic"
-                        @text={{t "fleet-ops.operations.orders.index.new.optimize-route"}}
+                        @text={{t "order.fields.optimize-route"}}
                         @size="sm"
                         @onClick={{perform this.optimizeRoute}}
                         @permission="fleet-ops optimize order"
-                        @helpText={{t "fleet-ops.operations.orders.index.new.optimize-route-help-text"}}
+                        @helpText={{t "order.fields.optimize-route-help-text"}}
                         @disabled={{lt @resource.payload.waypoints.length 3}}
                         @isLoading={{this.optimizeRoute.isRunning}}
                     />
@@ -46,7 +46,7 @@
                         <ModelSelect
                             @modelName="place"
                             @selectedModel={{waypoint}}
-                            @placeholder={{concat (t "fleet-ops.operations.orders.index.new.select-waypoint-placeholder") " " (add index 1)}}
+                            @placeholder={{concat (t "order.fields.select-waypoint") " " (add index 1)}}
                             @triggerClass="form-select form-input truncate max-w-300px"
                             @infiniteScroll={{false}}
                             @customSearchEndpoint="places/search"