@fleetbase/fleetops-engine 0.3.2 → 0.3.4

package/addon/components/issue-form-panel.js

@@ -6,6 +6,8 @@ import { isArray } from '@ember/array';
 import getWithDefault from '@fleetbase/ember-core/utils/get-with-default';
 import contextComponentCallback from '../utils/context-component-callback';
 import applyContextComponentArguments from '../utils/apply-context-component-arguments';
+import getIssueTypes from '../utils/get-issue-types';
+import getIssueCategories from '../utils/get-issue-categories';
 
 export default class IssueFormPanelComponent extends Component {
     /**
@@ -55,24 +57,14 @@ export default class IssueFormPanelComponent extends Component {
      *
      * @var {String}
      */
-    @tracked issueTypes = ['vehicle', 'driver', 'route', 'payload-cargo', 'software-technical', 'operational', 'customer', 'security', 'environmental-sustainability'];
+    @tracked issueTypes = getIssueTypes();
 
     /**
      *  The subcategories for issue types.
      *
      * @var {Object}
      */
-    @tracked issueCategoriesByType = {
-        vehicle: ['Mechanical Problems', 'Cosmetic Damages', 'Tire Issues', 'Electronics and Instruments', 'Maintenance Alerts', 'Fuel Efficiency Issues'],
-        driver: ['Behavior Concerns', 'Documentation', 'Time Management', 'Communication', 'Training Needs', 'Health and Safety Violations'],
-        route: ['Inefficient Routes', 'Safety Concerns', 'Blocked Routes', 'Environmental Considerations', 'Unfavorable Weather Conditions'],
-        'payload-cargo': ['Damaged Goods', 'Misplaced Goods', 'Documentation Issues', 'Temperature-Sensitive Goods', 'Incorrect Cargo Loading'],
-        'software-technical': ['Bugs', 'UI/UX Concerns', 'Integration Failures', 'Performance', 'Feature Requests', 'Security Vulnerabilities'],
-        operational: ['Compliance', 'Resource Allocation', 'Cost Overruns', 'Communication', 'Vendor Management Issues'],
-        customer: ['Service Quality', 'Billing Discrepancies', 'Communication Breakdown', 'Feedback and Suggestions', 'Order Errors'],
-        security: ['Unauthorized Access', 'Data Concerns', 'Physical Security', 'Data Integrity Issues'],
-        'environmental-sustainability': ['Fuel Consumption', 'Carbon Footprint', 'Waste Management', 'Green Initiatives Opportunities'],
-    };
+    @tracked issueCategoriesByType = getIssueCategories({ fullObject: true });
 
     /**
      * Selectable issue categories.
@@ -101,7 +93,7 @@ export default class IssueFormPanelComponent extends Component {
     constructor() {
         super(...arguments);
         this.issue = this.args.issue;
-        this.issueCategories = getWithDefault(this.issueCategoriesByType, this.issue.type, []);
+        this.issueCategories = getWithDefault(this.issueCategoriesByType, getWithDefault(this.issue, 'type', 'operational'), []);
         applyContextComponentArguments(this);
     }
 

package/addon/components/layout/fleet-ops-sidebar.js

@@ -34,10 +34,11 @@ export default class LayoutFleetOpsSidebarComponent extends Component {
         const operationsItems = [
             { title: 'Dashboard', icon: 'home', route: 'operations.orders' },
             { title: 'Service Rates', icon: 'file-invoice-dollar', route: 'operations.service-rates' },
+            { title: 'Scheduler', icon: 'calendar-day', route: 'operations.scheduler' },
         ];
 
         const resourcesItems = [
-            { title: 'Drivers', icon: 'route', route: 'management.drivers' },
+            { title: 'Drivers', icon: 'id-card', route: 'management.drivers' },
             { title: 'Vehicles', icon: 'truck', route: 'management.vehicles' },
             { title: 'Fleets', icon: 'user-group', route: 'management.fleets' },
             { title: 'Vendors', icon: 'warehouse', route: 'management.vendors' },
@@ -99,6 +100,14 @@ export default class LayoutFleetOpsSidebarComponent extends Component {
             return true;
         }
 
+        // Check if the route exists in the settings
+        const routeExists = visibilitySettings.some((visibilityControl) => (exactMatch ? visibilityControl.route === routePrefix : visibilityControl.route.startsWith(routePrefix)));
+
+        // If the route doesn't exist in the settings, return true (visible by default)
+        if (!routeExists) {
+            return true;
+        }
+
         return visibilitySettings.some((visibilityControl) => {
             const match = exactMatch ? visibilityControl.route === routePrefix : visibilityControl.route.startsWith(routePrefix);
             return match && visibilityControl.visible;

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

@@ -0,0 +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}} {{on "input" this.performSearch}} @type="text" class="form-input form-input-sm w-60" placeholder="Filter drivers by keyword..." />
+    </div>
+</div>
+<Table @rows={{this.drivers}} @columns={{this.columns}} @onSetup={{fn (mut this.table)}} />

package/addon/components/live-map-drawer/driver-listing.js

@@ -0,0 +1,240 @@
+import Component from '@glimmer/component';
+import { tracked } from '@glimmer/tracking';
+import { inject as service } from '@ember/service';
+import { action } from '@ember/object';
+import { isBlank } from '@ember/utils';
+import { later } from '@ember/runloop';
+import getWithDefault from '@fleetbase/ember-core/utils/get-with-default';
+
+/**
+ * Represents a live map drawer driver listing component.
+ * This component is responsible for displaying and interacting with a list of drivers on a live map.
+ *
+ * @extends Component
+ */
+export default class LiveMapDrawerDriverListingComponent extends Component {
+    /**
+     * Service for managing context panels within the application.
+     * @service
+     */
+    @service contextPanel;
+
+    /**
+     * Service for triggering notifications.
+     * @service
+     */
+    @service notifications;
+
+    /**
+     * Service for triggering notifications.
+     * @service
+     */
+    @service hostRouter;
+
+    /**
+     * Service for CRUD operations.
+     * @service
+     */
+    @service crud;
+
+    /**
+     * The list of drivers to display, tracked for reactivity.
+     * @tracked
+     */
+    @tracked drivers = [];
+
+    /**
+     * The internal list of drivers used for searching, tracked for reactivity.
+     * @tracked
+     */
+    @tracked _drivers = [];
+
+    /**
+     * The current search query, tracked for reactivity.
+     * @tracked
+     */
+    @tracked query = '';
+
+    /**
+     * The table component reference, tracked for reactivity.
+     * @tracked
+     */
+    @tracked table = null;
+
+    /**
+     * The configuration for table columns including details like label, valuePath, and cellComponent,
+     * tracked for reactivity.
+     * @tracked
+     */
+    @tracked columns = [
+        {
+            label: 'Driver',
+            valuePath: 'name',
+            photoPath: 'photo_url',
+            width: '100px',
+            cellComponent: 'cell/driver-name',
+            onClick: this.focus,
+        },
+        {
+            label: 'Location',
+            valuePath: 'location',
+            width: '80px',
+            cellComponent: 'table/cell/point',
+            onClick: this.locate,
+        },
+        {
+            label: 'Current Job',
+            valuePath: 'current_job_id',
+            width: '80px',
+            cellComponent: 'table/cell/anchor',
+            onClick: this.job,
+        },
+        {
+            label: 'Status',
+            valuePath: 'status',
+            cellComponent: 'table/cell/status',
+            width: '60px',
+        },
+        {
+            label: 'Last Seen',
+            valuePath: 'updatedAgo',
+            width: '60px',
+        },
+        {
+            label: '',
+            cellComponent: 'table/cell/dropdown',
+            ddButtonText: false,
+            ddButtonIcon: 'ellipsis-h',
+            ddButtonIconPrefix: 'fas',
+            ddMenuLabel: 'Actions',
+            cellClassNames: 'overflow-visible',
+            wrapperClass: 'flex items-center justify-end mx-2',
+            width: '90px',
+            actions: [
+                {
+                    label: 'View driver details...',
+                    fn: this.focus,
+                },
+                {
+                    label: 'Edit driver...',
+                    fn: (driver) => {
+                        return this.focus(driver, 'editing');
+                    },
+                },
+                {
+                    label: 'Locate driver...',
+                    fn: this.locate,
+                },
+                {
+                    label: 'Delete driver...',
+                    fn: this.delete,
+                },
+            ],
+            sortable: false,
+            filterable: false,
+            resizable: false,
+            searchable: false,
+        },
+    ];
+
+    /**
+     * Initializes the component with drivers passed in from `this.args` and sets up the live map reference.
+     */
+    constructor() {
+        super(...arguments);
+        this.drivers = getWithDefault(this.args, 'drivers', []);
+        this._drivers = [...this.drivers];
+        this.liveMap = this.args.liveMap;
+    }
+
+    /**
+     * Filters the drivers list based on a query.
+     *
+     * @param {string} query - The query string to filter the drivers list.
+     */
+    search(query) {
+        if (typeof query !== 'string' && !isBlank(query)) {
+            return;
+        }
+
+        this.drivers = [
+            ...this._drivers.filter((driver) => {
+                return typeof driver.name === 'string' && driver.name.toLowerCase().includes(query.toLowerCase());
+            }),
+        ];
+    }
+
+    /**
+     * Action to perform a search based on the input event's value.
+     *
+     * @param {Event} event - The input event containing the search value.
+     */
+    @action performSearch({ target: { value } }) {
+        this.search(value);
+    }
+
+    /**
+     * Action to focus on a driver in the live map and context panel.
+     *
+     * @param {object} driver - The driver object to focus on.
+     * @param {string} intent - The intent for focusing, default is 'viewing'.
+     */
+    @action focus(driver, intent = 'viewing') {
+        if (this.liveMap) {
+            this.liveMap.focusLayerByRecord(driver, 16, {
+                onAfterFocusWithRecord: () => {
+                    later(
+                        this,
+                        () => {
+                            this.contextPanel.focus(driver, intent);
+                        },
+                        600 * 2
+                    );
+                },
+            });
+        } else {
+            this.contextPanel.focus(driver, intent);
+        }
+    }
+
+    /**
+     * Action to locate a driver on the live map.
+     *
+     * @param {object} driver - The driver object to locate.
+     */
+    @action locate(driver) {
+        if (this.liveMap) {
+            this.liveMap.focusLayerByRecord(driver, 18);
+        } else {
+            this.notifications.warning('Unable to locate driver.');
+        }
+    }
+
+    /**
+     * Transitino to view the drivers current job
+     *
+     * @param {DriverModel} driver
+     * @memberof LiveMapDrawerDriverListingComponent
+     */
+    @action job(driver) {
+        if (driver.current_job_id) {
+            this.hostRouter.transitionTo('console.fleet-ops.operations.orders.index.view', driver.current_job_id);
+        }
+    }
+
+    /**
+     * Action to delete a driver from the list and perform cleanup.
+     *
+     * @param {object} driver - The driver object to delete.
+     * @param {object} options - Additional options for the delete operation.
+     */
+    @action delete(driver, options = {}) {
+        this.crud.delete(driver, {
+            onSuccess: () => {
+                this._drivers.removeObject(driver);
+                this.drivers.removeObject(driver);
+            },
+            ...options,
+        });
+    }
+}

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

@@ -0,0 +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}} {{on "input" this.performSearch}} @type="text" class="form-input form-input-sm w-60" placeholder="Filter places by keyword..." />
+    </div>
+</div>
+<Table @rows={{this.places}} @columns={{this.columns}} @onSetup={{fn (mut this.table)}} />

package/addon/components/live-map-drawer/place-listing.js

@@ -0,0 +1,204 @@
+import Component from '@glimmer/component';
+import { tracked } from '@glimmer/tracking';
+import { inject as service } from '@ember/service';
+import { action } from '@ember/object';
+import { isBlank } from '@ember/utils';
+import { later } from '@ember/runloop';
+import getWithDefault from '@fleetbase/ember-core/utils/get-with-default';
+
+/**
+ * Represents a live map drawer place listing component.
+ * This component is responsible for displaying and interacting with a list of places on a live map.
+ *
+ * @extends Component
+ */
+export default class LiveMapDrawerPlaceListingComponent extends Component {
+    /**
+     * Service for managing context panels within the application.
+     * @service
+     */
+    @service contextPanel;
+
+    /**
+     * Service for triggering notifications.
+     * @service
+     */
+    @service notifications;
+
+    /**
+     * Service for CRUD operations.
+     * @service
+     */
+    @service crud;
+
+    /**
+     * The list of places to display, tracked for reactivity.
+     * @tracked
+     */
+    @tracked places = [];
+
+    /**
+     * The internal list of places used for searching, tracked for reactivity.
+     * @tracked
+     */
+    @tracked _places = [];
+
+    /**
+     * The current search query, tracked for reactivity.
+     * @tracked
+     */
+    @tracked query = '';
+
+    /**
+     * The table component reference, tracked for reactivity.
+     * @tracked
+     */
+    @tracked table = null;
+
+    /**
+     * The configuration for table columns including details like label, valuePath, and cellComponent,
+     * tracked for reactivity.
+     * @tracked
+     */
+    @tracked columns = [
+        {
+            label: 'Place',
+            valuePath: 'address',
+            width: '200px',
+            cellComponent: 'table/cell/anchor',
+            onClick: this.focus,
+            showOnlineIndicator: true,
+        },
+        {
+            label: 'Location',
+            valuePath: 'location',
+            width: '80px',
+            cellComponent: 'table/cell/point',
+            onClick: this.locate,
+        },
+        {
+            label: '',
+            cellComponent: 'table/cell/dropdown',
+            ddButtonText: false,
+            ddButtonIcon: 'ellipsis-h',
+            ddButtonIconPrefix: 'fas',
+            ddMenuLabel: 'Actions',
+            cellClassNames: 'overflow-visible',
+            wrapperClass: 'flex items-center justify-end mx-2',
+            width: '90px',
+            actions: [
+                {
+                    label: 'View place details...',
+                    fn: this.focus,
+                },
+                {
+                    label: 'Edit place...',
+                    fn: (place) => {
+                        return this.focus(place, 'editing');
+                    },
+                },
+                {
+                    label: 'Locate place...',
+                    fn: this.locate,
+                },
+                {
+                    label: 'Delete place...',
+                    fn: this.delete,
+                },
+            ],
+            sortable: false,
+            filterable: false,
+            resizable: false,
+            searchable: false,
+        },
+    ];
+
+    /**
+     * Initializes the component with places passed in from `this.args` and sets up the live map reference.
+     */
+    constructor() {
+        super(...arguments);
+        this.places = getWithDefault(this.args, 'places', []);
+        this._places = [...this.places];
+        this.liveMap = this.args.liveMap;
+    }
+
+    /**
+     * Filters the places list based on a query.
+     *
+     * @param {string} query - The query string to filter the places list.
+     */
+    search(query) {
+        if (typeof query !== 'string' && !isBlank(query)) {
+            return;
+        }
+
+        this.places = [
+            ...this._places.filter((place) => {
+                return typeof place.address === 'string' && place.address.toLowerCase().includes(query.toLowerCase());
+            }),
+        ];
+    }
+
+    /**
+     * Action to perform a search based on the input event's value.
+     *
+     * @param {Event} event - The input event containing the search value.
+     */
+    @action performSearch({ target: { value } }) {
+        this.search(value);
+    }
+
+    /**
+     * Action to focus on a place in the live map and context panel.
+     *
+     * @param {object} place - The place object to focus on.
+     * @param {string} intent - The intent for focusing, default is 'viewing'.
+     */
+    @action focus(place, intent = 'viewing') {
+        if (this.liveMap) {
+            this.liveMap.focusLayerByRecord(place, 17, {
+                onAfterFocusWithRecord: () => {
+                    later(
+                        this,
+                        () => {
+                            this.contextPanel.focus(place, intent);
+                        },
+                        600 * 2
+                    );
+                },
+            });
+        } else {
+            this.contextPanel.focus(place, intent);
+        }
+    }
+
+    /**
+     * Action to locate a place on the live map.
+     *
+     * @param {object} place - The place object to locate.
+     */
+    @action locate(place) {
+        if (this.liveMap) {
+            this.liveMap.focusLayerByRecord(place, 18);
+        } else {
+            this.notifications.warning('Unable to locate place.');
+        }
+    }
+
+    /**
+     * Action to delete a place from the list and perform cleanup.
+     *
+     * @param {object} place - The place object to delete.
+     * @param {object} options - Additional options for the delete operation.
+     */
+    @action delete(place, options = {}) {
+        this.crud.delete(place, {
+            onSuccess: () => {
+                this._places.removeObject(place);
+                this.places.removeObject(place);
+            },
+            ...options,
+        });
+    }
+}

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

@@ -0,0 +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}} {{on "input" this.performSearch}} @type="text" class="form-input form-input-sm w-60" placeholder="Filter vehicles by keyword..." />
+    </div>
+</div>
+<Table @rows={{this.vehicles}} @columns={{this.columns}} @onSetup={{fn (mut this.table)}} />