Merge pull request #210 from fleetbase/feature/header-menu-shortcuts

feat: add description and shortcuts to header menu registration

Author: roncodes

addon/controllers/operations/orders/index/details.js

@@ -2,10 +2,12 @@ import Controller, { inject as controller } from '@ember/controller';
 import { tracked } from '@glimmer/tracking';
 import { inject as service } from '@ember/service';
 import { action } from '@ember/object';
+import { isArray } from '@ember/array';
 import { task } from 'ember-concurrency';
 
 export default class OperationsOrdersIndexDetailsController extends Controller {
     @controller('operations.orders.index') index;
+    @service('universe/menu-service') menuService;
     @service orderActions;
     @service orderSocketEvents;
     @service leafletMapManager;
@@ -16,11 +18,14 @@ export default class OperationsOrdersIndexDetailsController extends Controller {
     @tracked routingControl;
 
     get tabs() {
+        const registeredTabs = this.menuService.getMenuItems('fleet-ops:component:order:details');
         return [
             {
                 route: 'operations.orders.index.details.index',
                 label: 'Overview',
+                icon: 'folder-open',
             },
+            ...(isArray(registeredTabs) ? registeredTabs : []),
         ];
     }
 

addon/extension.js

@@ -7,7 +7,61 @@ export default {
         const widgetService = universe.getService('widget');
 
         // Register header navigation
-        menuService.registerHeaderMenuItem('Fleet-Ops', 'console.fleet-ops', { icon: 'route', priority: 0 });
+        menuService.registerHeaderMenuItem('Fleet-Ops', 'console.fleet-ops', {
+            icon: 'route',
+            priority: 0,
+            description: 'Dispatch, fleet management, driver tracking, and logistics operations.',
+            shortcuts: [
+                {
+                    title: 'Orders',
+                    description: 'Create, dispatch, and track delivery orders in real time.',
+                    icon: 'boxes-stacked',
+                    route: 'console.fleet-ops.operations.orders',
+                },
+                {
+                    title: 'Places',
+                    description: 'Manage saved locations, addresses, and points of interest.',
+                    icon: 'location-dot',
+                    route: 'console.fleet-ops.management.places',
+                },
+                {
+                    title: 'Drivers',
+                    description: 'Manage driver profiles, assignments, and live locations.',
+                    icon: 'id-card',
+                    route: 'console.fleet-ops.management.drivers',
+                },
+                {
+                    title: 'Vehicles',
+                    description: 'View and manage your vehicle fleet and telematics.',
+                    icon: 'truck',
+                    route: 'console.fleet-ops.management.vehicles',
+                },
+                {
+                    title: 'Fleets',
+                    description: 'Organise drivers and vehicles into operational fleets.',
+                    icon: 'layer-group',
+                    route: 'console.fleet-ops.management.fleets',
+                },
+                {
+                    title: 'Service Rates',
+                    description: 'Configure pricing rules and service rate cards.',
+                    icon: 'tags',
+                    route: 'console.fleet-ops.operations.service-rates',
+                },
+                {
+                    title: 'Devices',
+                    description: 'Manage connected telematics devices and their sensor data.',
+                    icon: 'microchip',
+                    route: 'console.fleet-ops.connectivity.devices',
+                },
+                {
+                    title: 'Reports',
+                    description: 'Generate and review operational analytics reports.',
+                    icon: 'chart-bar',
+                    route: 'console.fleet-ops.analytics.reports',
+                },
+            ],
+        });
 
         // Register admin sections
         menuService.registerAdminMenuPanel(

addon/routes.js

@@ -1,3 +1,4 @@
+/* eslint-disable ember/no-shadow-route-definition */
 import buildRoutes from 'ember-engines/routes';
 
 export default buildRoutes(function () {
@@ -19,6 +20,7 @@ export default buildRoutes(function () {
                 this.route('new');
                 this.route('details', { path: '/:public_id' }, function () {
                     this.route('index', { path: '/' });
+                    this.route('virtual', { path: '/:slug' });
                 });
             });
         });

addon/routes/operations/orders/index/details/virtual.js

@@ -0,0 +1,23 @@
+import Route from '@ember/routing/route';
+import { inject as service } from '@ember/service';
+
+export default class OperationsOrdersIndexDetailsVirtualRoute extends Route {
+    @service universe;
+    @service('universe/menu-service') menuService;
+
+    queryParams = {
+        view: {
+            refreshModel: true,
+        },
+    };
+
+    model({ section = null, slug }, transition) {
+        const view = this.universe.getViewFromTransition(transition);
+        return this.menuService.lookupMenuItem('fleet-ops:component:order:details', slug, view, section);
+    }
+
+    setupController(controller) {
+        super.setupController(...arguments);
+        controller.resource = this.modelFor('operations.orders.index.details');
+    }
+}

addon/templates/operations/orders/index/details/virtual.hbs

@@ -0,0 +1 @@
+{{component (lazy-engine-component @model.component) resource=this.resource order=this.resource params=@model.componentParams}}

app/routes/operations/orders/index/details/virtual.js

@@ -0,0 +1 @@
+export { default } from '@fleetbase/fleetops-engine/routes/operations/orders/index/details/virtual';

app/templates/operations/orders/index/details/virtual.js

@@ -0,0 +1 @@
+export { default } from '@fleetbase/fleetops-engine/templates/operations/orders/index/details/virtual';

package.json

@@ -42,8 +42,8 @@
     },
     "dependencies": {
         "@babel/core": "^7.23.2",
-        "@fleetbase/ember-core": "^0.3.12",
-        "@fleetbase/ember-ui": "^0.3.21",
+        "@fleetbase/ember-core": "^0.3.17",
+        "@fleetbase/ember-ui": "^0.3.25",
         "@fleetbase/fleetops-data": "^0.1.25",
         "@fleetbase/leaflet-routing-machine": "^3.2.17",
         "@fortawesome/ember-fontawesome": "^2.0.0",

pnpm-lock.yaml

@@ -0,0 +1,11 @@
+import { module, test } from 'qunit';
+import { setupTest } from 'dummy/tests/helpers';
+
+module('Unit | Route | operations/orders/index/details/virtual', function (hooks) {
+    setupTest(hooks);
+
+    test('it exists', function (assert) {
+        let route = this.owner.lookup('route:operations/orders/index/details/virtual');
+        assert.ok(route);
+    });
+});