@fleetbase/fleetops-engine 0.6.18 → 0.6.19

package/addon/components/order-config-manager/details.hbs

@@ -1,20 +1,20 @@
 <div class="px-6 py-2 space-y-4">
-    <ContentPanel @title={{t "fleet-ops.component.order-config-manager.details.details"}} @open={{true}} @pad={{true}} @panelBodyClass="bg-white dark:bg-gray-900">
+    <ContentPanel @title={{t "order-config-manager.details.details"}} @open={{true}} @wrapperClass="bordered-classic">
         <InputGroup
-            @name={{t "fleet-ops.component.order-config-manager.details.name"}}
+            @name={{t "order-config-manager.details.name"}}
             @value={{@config.name}}
             @disabled={{or @config.core_service (cannot "fleet-ops update order-config")}}
         />
         <InputGroup
-            @name={{t "fleet-ops.component.order-config-manager.details.description"}}
+            @name={{t "order-config-manager.details.description"}}
             @value={{@config.description}}
             @disabled={{or @config.core_service (cannot "fleet-ops update order-config")}}
         />
-        <InputGroup @name={{t "fleet-ops.component.order-config-manager.details.tags"}}>
+        <InputGroup @name={{t "order-config-manager.details.tags"}}>
             {{#let (or @config.core_service (cannot "fleet-ops update order-config")) as |disabled|}}
                 <TagInput
                     class="form-input {{if disabled 'disabled'}}"
-                    @placeholder={{t "fleet-ops.component.order-config-manager.details.add-tags"}}
+                    @placeholder={{t "order-config-manager.details.add-tags"}}
                     @allowSpacesInTags={{true}}
                     @tags={{@config.tags}}
                     @addTag={{@config.addTag}}
@@ -26,13 +26,13 @@
                 </TagInput>
             {{/let}}
         </InputGroup>
-        <InputGroup @name={{t "fleet-ops.component.order-config-manager.details.key"}} @value={{@config.key}} @disabled={{true}} />
-        <InputGroup @name={{t "fleet-ops.component.order-config-manager.details.namespace"}} @value={{@config.namespace}} @disabled={{true}} />
-        <InputGroup @name={{t "fleet-ops.component.order-config-manager.details.version"}} @value={{@config.version}} @disabled={{true}} />
+        <InputGroup @name={{t "order-config-manager.details.key"}} @value={{@config.key}} @disabled={{true}} />
+        <InputGroup @name={{t "order-config-manager.details.namespace"}} @value={{@config.namespace}} @disabled={{true}} />
+        <InputGroup @name={{t "order-config-manager.details.version"}} @value={{@config.version}} @disabled={{true}} />
     </ContentPanel>
 
     {{#unless @config.core_service}}
-        <ContentPanel @title={{t "fleet-ops.component.order-config-manager.details.controls"}} @open={{true}} @pad={{true}} @panelBodyClass="bg-white dark:bg-gray-900">
+        <ContentPanel @title={{t "order-config-manager.details.controls"}} @open={{true}}>
             <div class="flex flex-row items-center py-2 space-x-4">
                 <Button
                     @type="primary"
@@ -46,7 +46,7 @@
                 <Button
                     @type="danger"
                     @icon="trash"
-                    @text={{t "fleet-ops.component.order-config-manager.details.delete-config"}}
+                    @text={{t "order-config-manager.details.delete-config"}}
                     @onClick={{this.delete}}
                     @isLoading={{this.deleteConfig.isRunning}}
                     @permission="fleet-ops delete order-config"

package/addon/components/order-config-manager/details.js

@@ -46,7 +46,7 @@ export default class OrderConfigManagerDetailsComponent extends Component {
     @task *save() {
         try {
             yield this.config.save();
-            this.notifications.success(this.intl.t('fleet-ops.component.order-config-manager.saved-success-message', { orderConfigName: this.config.name }));
+            this.notifications.success(this.intl.t('order-config-manager.saved-success-message', { orderConfigName: this.config.name }));
             if (typeof this.args.onConfigUpdated === 'function') {
                 this.args.onConfigUpdated(this.config);
             }
@@ -62,9 +62,9 @@ export default class OrderConfigManagerDetailsComponent extends Component {
      */
     @action delete() {
         this.modalsManager.confirm({
-            title: this.intl.t('fleet-ops.component.order-config-manager.details.delete.delete-title'),
-            body: this.intl.t('fleet-ops.component.order-config-manager.details.delete.delete-body-message'),
-            acceptButtonText: this.intl.t('fleet-ops.component.order-config-manager.details.delete.confirm-delete'),
+            title: this.intl.t('order-config-manager.details.delete.delete-title'),
+            body: this.intl.t('order-config-manager.details.delete.delete-body-message'),
+            acceptButtonText: this.intl.t('order-config-manager.details.delete.confirm-delete'),
             confirm: async (modal) => {
                 if (typeof this.args.onConfigDeleting === 'function') {
                     this.args.onConfigDeleting(this.config);

package/addon/components/order-config-manager/entities.hbs

@@ -3,7 +3,7 @@
         <Button
             @type="primary"
             @icon="plus"
-            @text={{t "fleet-ops.component.order-config-manager.entities.new-custom-entity"}}
+            @text={{t "order-config-manager.entities.new-custom-entity"}}
             @onClick={{this.createNewCustomEntity}}
             @permission="fleet-ops update order-config"
         />
@@ -14,8 +14,7 @@
             @subtitle={{customEntity.description}}
             @panelSubtitleInlineClass="text-xs"
             @open={{true}}
-            @pad={{true}}
-            @panelBodyClass="bg-white dark:bg-gray-900"
+            @wrapperClass="bordered-classic"
         >
             <div class="flex flex-row items-center py-2 space-x-2 mb-4">
                 <Button @type="default" @icon="pencil" @onClick={{fn this.editCustomEntity customEntity index}} @permission="fleet-ops update order-config" />
@@ -30,33 +29,33 @@
                 <div class="flex-1 space-y-4 pl-2">
                     <div class="grid grid-cols-4 gap-2">
                         <div>
-                            <div class="font-semibold text-sm mb-2">{{t "fleet-ops.component.order-config-manager.entities.name"}}</div>
+                            <div class="font-semibold text-sm mb-2">{{t "order-config-manager.entities.name"}}</div>
                             <div class="text-xs">{{customEntity.name}}</div>
                         </div>
                         <div>
-                            <div class="font-semibold text-sm mb-2">{{t "fleet-ops.component.order-config-manager.entities.description"}}</div>
+                            <div class="font-semibold text-sm mb-2">{{t "order-config-manager.entities.description"}}</div>
                             <div class="text-xs">{{customEntity.description}}</div>
                         </div>
                         <div>
-                            <div class="font-semibold text-sm mb-2">{{t "fleet-ops.component.order-config-manager.entities.type"}}</div>
+                            <div class="font-semibold text-sm mb-2">{{t "order-config-manager.entities.type"}}</div>
                             <div class="text-xs"><Badge @type="default">{{customEntity.type}}</Badge></div>
                         </div>
                     </div>
                     <div class="grid grid-cols-4 gap-2">
                         <div>
-                            <div class="font-semibold text-sm mb-2">{{t "fleet-ops.component.order-config-manager.entities.length"}}</div>
+                            <div class="font-semibold text-sm mb-2">{{t "order-config-manager.entities.length"}}</div>
                             <div class="text-xs">{{customEntity.length}} {{customEntity.dimensions_unit}}</div>
                         </div>
                         <div>
-                            <div class="font-semibold text-sm mb-2">{{t "fleet-ops.component.order-config-manager.entities.width"}}</div>
+                            <div class="font-semibold text-sm mb-2">{{t "order-config-manager.entities.width"}}</div>
                             <div class="text-xs">{{customEntity.width}} {{customEntity.dimensions_unit}}</div>
                         </div>
                         <div>
-                            <div class="font-semibold text-sm mb-2">{{t "fleet-ops.component.order-config-manager.entities.height"}}</div>
+                            <div class="font-semibold text-sm mb-2">{{t "order-config-manager.entities.height"}}</div>
                             <div class="text-xs">{{customEntity.height}} {{customEntity.dimensions_unit}}</div>
                         </div>
                         <div>
-                            <div class="font-semibold text-sm mb-2">{{t "fleet-ops.component.order-config-manager.entities.weight"}}</div>
+                            <div class="font-semibold text-sm mb-2">{{t "order-config-manager.entities.weight"}}</div>
                             <div class="text-xs">{{customEntity.weight}} {{customEntity.weight_unit}}</div>
                         </div>
                     </div>

package/addon/components/order-config-manager/entities.js

@@ -5,7 +5,9 @@ import { action } from '@ember/object';
 import { isArray } from '@ember/array';
 import { later } from '@ember/runloop';
 import { task } from 'ember-concurrency';
+import lowercase from 'ember-cli-string-helpers/utils/lowercase';
 import getWithDefault from '@fleetbase/ember-core/utils/get-with-default';
+import inlineTask from '@fleetbase/ember-core/utils/inline-task';
 import ObjectProxy from '@ember/object/proxy';
 import createCustomEntity from '../../utils/create-custom-entity';
 import contextComponentCallback from '@fleetbase/ember-core/utils/context-component-callback';
@@ -18,14 +20,9 @@ import contextComponentCallback from '@fleetbase/ember-core/utils/context-compon
  * @extends Component
  */
 export default class OrderConfigManagerEntitiesComponent extends Component {
-    @service contextPanel;
+    @service resourceContextPanel;
     @service modalsManager;
     @service notifications;
-
-    /**
-     * Internationalization service for handling translations.
-     * @service
-     */
     @service intl;
 
     /**
@@ -74,29 +71,30 @@ export default class OrderConfigManagerEntitiesComponent extends Component {
      */
     @action editCustomEntity(customEntity, index) {
         contextComponentCallback(this, 'onContextChanged', customEntity);
-        this.contextPanel.focus(customEntity, 'editing', {
-            args: {
-                config: this.config,
-                onPressCancel: () => {
-                    this.contextPanel.clear();
-                    contextComponentCallback(this, 'onContextChanged', null);
-                },
-                onSave: (customEntity) => {
-                    if (index > -1) {
-                        this.customEntities = this.customEntities.map((_, i) => {
-                            if (i === index) {
-                                return customEntity;
-                            }
-
-                            return _;
-                        });
-                    } else {
-                        this.customEntities = [customEntity, ...this.customEntities];
-                    }
-                    this.contextPanel.clear();
-                    this.save.perform();
-                    contextComponentCallback(this, 'onContextChanged', null);
-                },
+        this.resourceContextPanel.open({
+            content: 'custom-entity/form',
+            title: this.intl.t('common.create-new-resource', { resource: lowercase(this.intl.t('resource.custom-entity')) }),
+            resource: customEntity,
+            pojoResource: true,
+            saveTask: inlineTask(() => {
+                if (index > -1) {
+                    this.customEntities = this.customEntities.map((_, i) => {
+                        if (i === index) {
+                            return customEntity;
+                        }
+
+                        return _;
+                    });
+                } else {
+                    this.customEntities = [customEntity, ...this.customEntities];
+                }
+
+                this.save.perform();
+                contextComponentCallback(this, 'onContextChanged', null);
+                this.resourceContextPanel.closeAll();
+            }),
+            onClose: () => {
+                contextComponentCallback(this, 'onContextChanged', null);
             },
         });
     }
@@ -109,9 +107,9 @@ export default class OrderConfigManagerEntitiesComponent extends Component {
      */
     @action deleteCustomEntity(customEntity, index) {
         this.modalsManager.confirm({
-            title: this.intl.t('fleet-ops.component.order-config-manager.entities.delete-custom-entity-title'),
-            body: this.intl.t('fleet-ops.component.order-config-manager.entities.delete-custom-entity-body'),
-            acceptButtonText: this.intl.t('fleet-ops.component.order-config-manager.entities.confirm-delete'),
+            title: this.intl.t('order-config-manager.entities.delete-custom-entity-title'),
+            body: this.intl.t('order-config-manager.entities.delete-custom-entity-body'),
+            acceptButtonText: this.intl.t('order-config-manager.entities.confirm-delete'),
             confirm: (modal) => {
                 this.customEntities = this.customEntities.filter((_, i) => i !== index);
                 this.save.perform();

package/addon/components/order-config-manager.hbs

@@ -4,7 +4,7 @@
             "button"
             type="primary"
             icon="plus"
-            text=(t "fleet-ops.component.order-config-manager.new-order-config")
+            text=(t "order-config-manager.new-order-config")
             onClick=this.createNewOrderConfig
             permission="fleet-ops create order-config"
         )

package/addon/components/order-config-manager.js

@@ -41,10 +41,10 @@ export default class OrderConfigManagerComponent extends Component {
     get tabs() {
         const registeredTabs = this.universe.getMenuItemsFromRegistry('fleet-ops:component:order-config-manager');
         const defaultTabs = [
-            this.universe._createMenuItem('Details', null, { icon: 'circle-info', component: OrderConfigManagerDetailsComponent }),
-            this.universe._createMenuItem('Custom Fields', null, { icon: 'rectangle-list', component: OrderConfigManagerCustomFieldsComponent }),
-            this.universe._createMenuItem('Activity Flow', null, { icon: 'diagram-project', component: OrderConfigManagerActivityFlowComponent }),
-            this.universe._createMenuItem('Entities', null, { icon: 'boxes-packing', component: OrderConfigManagerEntitiesComponent }),
+            this.universe._createMenuItem(this.intl.t('order-config-manager.tabs.details'), null, { icon: 'circle-info', component: OrderConfigManagerDetailsComponent }),
+            this.universe._createMenuItem(this.intl.t('order-config-manager.tabs.custom-fields'), null, { icon: 'rectangle-list', component: OrderConfigManagerCustomFieldsComponent }),
+            this.universe._createMenuItem(this.intl.t('order-config-manager.tabs.activity-flow'), null, { icon: 'diagram-project', component: OrderConfigManagerActivityFlowComponent }),
+            this.universe._createMenuItem(this.intl.t('order-config-manager.tabs.entities'), null, { icon: 'boxes-packing', component: OrderConfigManagerEntitiesComponent }),
         ];
 
         if (isArray(registeredTabs)) {
@@ -104,23 +104,28 @@ export default class OrderConfigManagerComponent extends Component {
      * @generator
      */
     @task *loadOrderConfigs(options = {}) {
-        this.configs = yield this.store.findAll('order-config').then(Array.from);
+        try {
+            const configs = yield this.store.findAll('order-config').then(Array.from);
+            let currentConfig;
+            if (isArray(configs) && configs.length > 0) {
+                currentConfig = configs.find((c) => c.id === this.args.orderConfig);
+                if (!currentConfig) {
+                    currentConfig = configs.find((c) => c.key === 'transport') ?? configs[0];
+                }
 
-        let currentConfig;
-        if (isArray(this.configs) && this.configs.length > 0) {
-            currentConfig = this.configs.find((_) => _.key === 'transport');
-            if (!currentConfig) {
-                currentConfig = this.configs[0];
+                this.selectConfig(currentConfig);
             }
 
-            this.selectConfig(currentConfig);
-        }
+            if (typeof options.onAfter === 'function') {
+                options.onAfter(configs, currentConfig);
+            }
+            this.configs = configs;
+            this.ready = true;
 
-        if (typeof options.onAfter === 'function') {
-            options.onAfter(this.configs, currentConfig);
+            return configs;
+        } catch (err) {
+            this.notifications.serverError(err);
         }
-
-        this.ready = true;
     }
 
     /**
@@ -157,7 +162,7 @@ export default class OrderConfigManagerComponent extends Component {
         });
 
         this.modalsManager.show('modals/new-order-config', {
-            title: this.intl.t('fleet-ops.component.order-config-manager.create-new-title'),
+            title: this.intl.t('order-config-manager.create-new-title'),
             acceptButtonIcon: 'check',
             acceptButtonIconPrefix: 'fas',
             declineButtonIcon: 'times',
@@ -171,7 +176,7 @@ export default class OrderConfigManagerComponent extends Component {
             },
             confirm: (modal) => {
                 if (!orderConfig.name) {
-                    return this.notifications.warning(this.intl.t('fleet-ops.component.order-config-manager.create-warning-message'));
+                    return this.notifications.warning(this.intl.t('order-config-manager.create-warning-message'));
                 }
 
                 modal.startLoading();
@@ -179,7 +184,7 @@ export default class OrderConfigManagerComponent extends Component {
                 orderConfig
                     .save()
                     .then((newOrderConfig) => {
-                        this.notifications.success(this.intl.t('fleet-ops.component.order-config-manager.create-success-message'));
+                        this.notifications.success(this.intl.t('order-config-manager.create-success-message'));
                         this.loadOrderConfigs.perform({
                             onAfter: () => {
                                 this.selectConfig(newOrderConfig);
@@ -281,11 +286,7 @@ export default class OrderConfigManagerComponent extends Component {
      * @action
      */
     @action onEdit() {
-        const isActionOverrided = contextComponentCallback(this, 'onEdit');
-
-        if (!isActionOverrided) {
-            this.contextPanel.clear();
-        }
+        return contextComponentCallback(this, 'onEdit');
     }
 
     /**

package/addon/components/order-list-overlay/driver-panel-title.hbs

@@ -6,6 +6,6 @@
                 <div class="text-sm">{{@context.name}}</div>
             </div>
         </div>
-        <span class="resource-count">{{pluralize @context.orderPanelActiveJobs.length (t "fleet-ops.common.order")}}</span>
+        <span class="resource-count">{{pluralize @context.orderPanelActiveJobs.length (t "resource.order")}}</span>
     </div>
 </div>

package/addon/components/order-progress-card.hbs

@@ -40,23 +40,23 @@
     <div class="order-progress-card-footer">
         <div class="grid grid-cols-2 gap-2 mt-1 px-1">
             <div class="flex flex-col text-xs">
-                <div class="font-semibold">Current ETA:</div>
+                <div class="font-semibold">{{t "order.fields.current-eta"}}:</div>
                 <div class="">{{format-duration this.order.tracker_data.current_destination_eta}}</div>
             </div>
             <div class="flex flex-col text-xs">
-                <div class="font-semibold">ECT:</div>
+                <div class="font-semibold">{{t "order.fields.ect"}}:</div>
                 <div class="">{{n-a this.order.tracker_data.estimated_completion_time_formatted}}</div>
             </div>
             <div class="flex flex-col text-xs">
-                <div class="font-semibold">Driver:</div>
+                <div class="font-semibold">{{t "order.fields.driver"}}:</div>
                 <div class="truncate {{if this.order.has_driver_assigned 'text-green-900 dark:text-green-200' 'text-yellow-900 dark:text-yellow-200'}}">{{if
                         this.order.has_driver_assigned
-                        "Driver Assigned"
-                        "No Driver Assigned"
+                        (t "order.fields.driver-assigned")
+                        (t "order.fields.no-driver-assigned")
                     }}</div>
             </div>
             <div class="flex flex-col text-xs">
-                <div class="font-semibold">Current Destination:</div>
+                <div class="font-semibold">{{t "order.fields.current-destination"}}:</div>
                 <div class="truncate">{{n-a this.order.tracker_data.current_destination.address}}</div>
             </div>
         </div>

package/addon/components/part/details.hbs

@@ -0,0 +1,108 @@
+<div class="details-wrapper" ...attributes>
+    <ContentPanel @title="Details" @open={{true}} @wrapperClass="bordered-top">
+        <div class="grid grid-cols-1 lg:grid-cols-3 gap-2">
+            <div class="field-info-container">
+                <div class="field-name">SKU</div>
+                <div class="field-value">{{n-a @resource.sku}}</div>
+            </div>
+
+            <div class="field-info-container">
+                <div class="field-name">Name</div>
+                <div class="field-value">{{n-a @resource.name}}</div>
+            </div>
+
+            <div class="field-info-container">
+                <div class="field-name">Type</div>
+                <div class="field-value">{{smart-humanize @resource.type}}</div>
+            </div>
+
+            <div class="field-info-container">
+                <div class="field-name">Status</div>
+                <div class="field-value">
+                    <Badge @status={{@resource.status}}>{{smart-humanize @resource.status}}</Badge>
+                </div>
+            </div>
+
+            <div class="field-info-container">
+                <div class="field-name">Manufacturer</div>
+                <div class="field-value">{{n-a @resource.manufacturer}}</div>
+            </div>
+
+            <div class="field-info-container">
+                <div class="field-name">Model</div>
+                <div class="field-value">{{n-a @resource.model}}</div>
+            </div>
+
+            <div class="field-info-container">
+                <div class="field-name">Serial Number</div>
+                <div class="field-value">{{n-a @resource.serial_number}}</div>
+            </div>
+
+            <div class="field-info-container">
+                <div class="field-name">Barcode</div>
+                <div class="field-value">{{n-a @resource.barcode}}</div>
+            </div>
+
+            <div class="field-info-container">
+                <div class="field-name">Quantity On Hand</div>
+                <div class="field-value">
+                    {{n-a @resource.quantity_on_hand}}
+                    {{#if @resource.is_low_stock}}
+                        <Badge @status="warning">Low Stock</Badge>
+                    {{else if @resource.is_in_stock}}
+                        <Badge @status="success">In Stock</Badge>
+                    {{else}}
+                        <Badge @status="danger">Out of Stock</Badge>
+                    {{/if}}
+                </div>
+            </div>
+
+            <div class="field-info-container">
+                <div class="field-name">Unit Cost</div>
+                <div class="field-value">{{format-currency @resource.unit_cost}}</div>
+            </div>
+
+            <div class="field-info-container">
+                <div class="field-name">MSRP</div>
+                <div class="field-value">{{format-currency @resource.msrp}}</div>
+            </div>
+
+            <div class="field-info-container">
+                <div class="field-name">Total Value</div>
+                <div class="field-value"><strong>{{format-currency @resource.total_value}}</strong></div>
+            </div>
+
+            <div class="field-info-container">
+                <div class="field-name">Vendor</div>
+                <div class="field-value">{{n-a @resource.vendor_name}}</div>
+            </div>
+
+            <div class="field-info-container">
+                <div class="field-name">Warranty</div>
+                <div class="field-value">{{n-a @resource.warranty_name}}</div>
+            </div>
+
+            <div class="field-info-container">
+                <div class="field-name">Asset</div>
+                <div class="field-value">{{n-a @resource.asset_name}}</div>
+            </div>
+
+            <div class="field-info-container col-span-3">
+                <div class="field-name">Description</div>
+                <div class="field-value">{{n-a @resource.description}}</div>
+            </div>
+        </div>
+    </ContentPanel>
+
+    <CustomField::Yield @subject={{@resource}} @viewMode={{true}} @wrapperClass="bordered-top" />
+
+    <ContentPanel @title="Photo" @open={{true}} @wrapperClass="bordered-top">
+        <div class="flex px-1">
+            <div class="border border-dashed border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-600 rounded-lg flex items-center justify-center">
+                <div class="flex items-center justify-center h-20 w-24">
+                    <Image alt={{@resource.name}} src={{or @resource.photo_url (config "defaultValues.partImage")}} @fallbackSrc={{config "defaultValues.partImage"}} class="w-12 h-12" />
+                </div>
+            </div>
+        </div>
+    </ContentPanel>
+</div>

package/addon/components/part/details.js

@@ -0,0 +1,3 @@
+import Component from '@glimmer/component';
+
+export default class PartDetailsComponent extends Component {}