@fleetbase/fleetops-engine 0.6.18 → 0.6.20

package/addon/components/zone/form.hbs

@@ -0,0 +1,33 @@
+<div class="form-wrapper" ...attributes>
+    <ContentPanel @title="Service Area Details" @open={{true}} @wrapperClass="bordered-top">
+        <div class="space-y-2">
+            <InputGroup
+                @name={{t "modals.zone-form.name"}}
+                @value={{@resource.name}}
+                @type="text"
+                @placeholder={{t "modals.zone-form.name"}}
+                @helpText={{t "modals.zone-form.name-text"}}
+                @required={{true}}
+            />
+
+            <InputGroup
+                @type="color"
+                @value={{@resource.stroke_color}}
+                @name={{t "modals.zone-form.border-color"}}
+                @helpText={{t "modals.zone-form.customize-border"}}
+                class="p-0 border-0 m-0 w-8 h-8 bg-transparent rounded-none"
+            />
+            <InputGroup
+                @type="color"
+                @value={{@resource.color}}
+                @name={{t "modals.zone-form.zone-color"}}
+                @helpText={{t "modals.zone-form.customize-fill-color"}}
+                class="p-0 border-0 m-0 w-8 h-8 bg-transparent rounded-none"
+            />
+
+            <InputGroup @name={{t "modals.zone-form.description-zone"}} @helpText={{t "modals.zone-form.optionally"}}>
+                <Textarea @value={{@resource.description}} rows={{3}} type="text" class="w-full form-input" placeholder={{t "modals.zone-form.description-zone"}} />
+            </InputGroup>
+        </div>
+    </ContentPanel>
+</div>

package/addon/components/zone/form.js

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

package/addon/controllers/analytics/reports/index/details.js

@@ -0,0 +1,24 @@
+import Controller from '@ember/controller';
+import { tracked } from '@glimmer/tracking';
+import { inject as service } from '@ember/service';
+
+export default class AnalyticsReportsIndexDetailsController extends Controller {
+    @service hostRouter;
+    @tracked tabs = [
+        {
+            route: 'analytics.reports.index.details.index',
+            label: 'Overview',
+        },
+        {
+            route: 'analytics.reports.index.details.result',
+            label: 'Result',
+            icon: 'table',
+        },
+    ];
+    @tracked actionButtons = [
+        {
+            icon: 'pencil',
+            fn: () => this.hostRouter.transitionTo('console.fleet-ops.analytics.reports.index.edit', this.model),
+        },
+    ];
+}

package/addon/controllers/analytics/reports/index/edit.js

@@ -0,0 +1,78 @@
+import Controller from '@ember/controller';
+import { tracked } from '@glimmer/tracking';
+import { inject as service } from '@ember/service';
+import { action } from '@ember/object';
+import { task } from 'ember-concurrency';
+
+export default class AnalyticsReportsIndexEditController extends Controller {
+    @service hostRouter;
+    @service intl;
+    @service notifications;
+    @service modalsManager;
+    @tracked overlay;
+    @tracked actionButtons = [
+        {
+            icon: 'eye',
+            fn: this.view,
+        },
+    ];
+
+    @task *save(report) {
+        try {
+            yield report.validate();
+
+            try {
+                const result = yield report.executeQuery();
+                report.fillResult(result);
+
+                yield report.save();
+                this.overlay?.close();
+
+                yield this.hostRouter.transitionTo('console.fleet-ops.analytics.reports.index.details', report);
+                this.notifications.success(
+                    this.intl.t('common.resource-updated-success', {
+                        resource: this.intl.t('resource.report'),
+                        resourceName: report.title,
+                    })
+                );
+            } catch (err) {
+                this.notifications.serverError(err);
+            }
+        } catch (err) {
+            if (err.message) {
+                this.notifications.error(err?.validation_errors?.firstObject ?? err?.message ?? 'Error validating report configuration');
+            } else {
+                this.notifications.serverError(err);
+            }
+        }
+    }
+
+    @action cancel() {
+        if (this.model.hasDirtyAttributes) {
+            return this.#confirmContinueWithUnsavedChanges(this.model);
+        }
+
+        return this.hostRouter.transitionTo('console.fleet-ops.analytics.reports.index');
+    }
+
+    @action view() {
+        if (this.model.hasDirtyAttributes) {
+            return this.#confirmContinueWithUnsavedChanges(this.model);
+        }
+
+        return this.hostRouter.transitionTo('console.fleet-ops.analytics.reports.index.details', this.model);
+    }
+
+    #confirmContinueWithUnsavedChanges(report, options = {}) {
+        return this.modalsManager.confirm({
+            title: this.intl.t('common.continue-without-saving'),
+            body: this.intl.t('common.continue-without-saving-prompt', { resource: this.intl.t('resource.report') }),
+            acceptButtonText: this.intl.t('common.continue'),
+            confirm: async () => {
+                report.rollbackAttributes();
+                await this.hostRouter.transitionTo('console.fleet-ops.analytics.reports.index.details', report);
+            },
+            ...options,
+        });
+    }
+}

package/addon/controllers/analytics/reports/index/new.js

@@ -0,0 +1,51 @@
+import Controller from '@ember/controller';
+import { tracked } from '@glimmer/tracking';
+import { inject as service } from '@ember/service';
+import { action } from '@ember/object';
+import { task } from 'ember-concurrency';
+
+export default class AnalyticsReportsIndexNewController extends Controller {
+    @service reportActions;
+    @service hostRouter;
+    @service intl;
+    @service notifications;
+    @tracked overlay;
+    @tracked validationErrors = [];
+    @tracked report = this.reportActions.createNewInstance({ type: 'fleet-ops' });
+
+    @task *save(report) {
+        try {
+            yield report.validate();
+
+            try {
+                const result = yield report.execute();
+                report.fillResult(result);
+
+                yield report.save();
+                this.overlay?.close();
+
+                yield this.hostRouter.refresh();
+                yield this.hostRouter.transitionTo('console.fleet-ops.analytics.reports.index.details', report);
+                this.notifications.success(
+                    this.intl.t('common.resource-created-success-name', {
+                        resource: this.intl.t('resource.report'),
+                        resourceName: report.title,
+                    })
+                );
+                this.resetForm();
+            } catch (err) {
+                this.notifications.serverError(err);
+            }
+        } catch (err) {
+            if (err.message) {
+                this.notifications.error(err?.validation_errors?.firstObject ?? err?.message ?? 'Error validating report configuration');
+            } else {
+                this.notifications.serverError(err);
+            }
+        }
+    }
+
+    @action resetForm() {
+        this.report = this.reportActions.createNewInstance({ type: 'fleet-ops' });
+    }
+}

package/addon/controllers/analytics/reports/index.js

@@ -0,0 +1,103 @@
+import Controller from '@ember/controller';
+import { inject as service } from '@ember/service';
+import { tracked } from '@glimmer/tracking';
+
+export default class AnalyticsReportsIndexController extends Controller {
+    @service reportActions;
+    @service notifications;
+    @service intl;
+
+    /** query params */
+    @tracked queryParams = ['page', 'limit', 'sort', 'query', 'public_id', 'name', 'created_at'];
+    @tracked page = 1;
+    @tracked limit;
+    @tracked sort = '-created_at';
+    @tracked public_id;
+    @tracked name;
+    @tracked created_at;
+
+    /** action buttons */
+    get actionButtons() {
+        return [
+            {
+                icon: 'refresh',
+                onClick: this.reportActions.refresh,
+                helpText: this.intl.t('common.refresh'),
+            },
+            {
+                text: this.intl.t('common.new'),
+                type: 'primary',
+                icon: 'plus',
+                onClick: this.reportActions.transition.create,
+            },
+        ];
+    }
+
+    get bulkActions() {
+        return [
+            {
+                label: 'Delete selected...',
+                class: 'text-red-500',
+                fn: this.reportActions.bulkDelete,
+            },
+        ];
+    }
+
+    get columns() {
+        return [
+            {
+                label: 'Title',
+                valuePath: 'title',
+                cellComponent: 'table/cell/anchor',
+                action: this.reportActions.transition.view,
+                resizable: true,
+                sortable: true,
+                filterable: true,
+                filterComponent: 'filter/string',
+            },
+            {
+                label: 'ID',
+                valuePath: 'public_id',
+                width: '130px',
+                cellComponent: 'click-to-copy',
+                resizable: true,
+                sortable: true,
+                filterable: true,
+                hidden: false,
+                filterComponent: 'filter/string',
+            },
+            {
+                label: '',
+                cellComponent: 'table/cell/dropdown',
+                ddButtonText: false,
+                ddButtonIcon: 'ellipsis-h',
+                ddButtonIconPrefix: 'fas',
+                ddMenuLabel: this.intl.t('common.resource-actions', { resource: this.intl.t('resource.Driver') }),
+                cellClassNames: 'overflow-visible',
+                wrapperClass: 'flex items-center justify-end mx-2',
+                width: '10%',
+                actions: [
+                    {
+                        label: 'View report...',
+                        fn: this.reportActions.transition.view,
+                    },
+                    {
+                        label: 'Edit report...',
+                        fn: this.reportActions.transition.edit,
+                    },
+                    {
+                        separator: true,
+                    },
+                    {
+                        label: 'Delete report...',
+                        fn: this.reportActions.delete,
+                    },
+                ],
+                sortable: false,
+                filterable: false,
+                resizable: false,
+                searchable: false,
+            },
+        ];
+    }
+}

package/addon/controllers/application.js

@@ -1,44 +1,21 @@
-import BaseController from '@fleetbase/fleetops-engine/controllers/base-controller';
+import Controller from '@ember/controller';
 import { tracked } from '@glimmer/tracking';
 import { inject as service } from '@ember/service';
-import { computed, action } from '@ember/object';
 
-export default class ApplicationController extends BaseController {
+export default class ApplicationController extends Controller {
     @service hostRouter;
-    @service contextPanel;
-    @tracked routes = ['console.fleet-ops.operations', 'console.fleet-ops.management', 'console.fleet-ops.comms'];
-    @tracked settingsContext;
+    @tracked routes = ['console.fleet-ops.operations', 'console.fleet-ops.management', 'console.fleet-ops.maintenance', 'console.fleet-ops.connectivity', 'console.fleet-ops.analytics'];
 
-    @action setSettingsContext(context) {
-        this.settingsContext = context;
-    }
-
-    @action toggleSettings() {
-        this.settingsContext?.toggle();
-    }
-
-    @action closeSettings() {
-        this.settingsContext?.close();
-    }
+    get isOpsNavigationsActive() {
+        const allRoutesInactive = this.routes.every((route) => !this.isRouteActive(route));
 
-    @action openOrderConfigManager() {
-        this.contextPanel.focus('orderConfigManager');
+        return this.isRouteActive('console.fleet-ops.operations') || allRoutesInactive || true;
     }
 
-    @action isRouteActive(route) {
+    isRouteActive(route) {
         const currentRouteName = this.hostRouter.currentRouteName;
         const contains = (haystack, needle) => haystack.includes(needle);
 
         return contains(currentRouteName, route);
     }
-
-    @action createOrder() {
-        return this.transitionToRoute('operations.orders.index.new');
-    }
-
-    @computed('routes.[]') get isOpsNavigationsActive() {
-        const allRoutesInactive = this.routes.every((route) => !this.isRouteActive(route));
-
-        return this.isRouteActive('console.fleet-ops.operations') || allRoutesInactive || true;
-    }
 }

package/addon/controllers/connectivity/devices/index/details/events.js

@@ -0,0 +1,3 @@
+import Controller from '@ember/controller';
+
+export default class ConnectivityDevicesIndexDetailsEventsController extends Controller {}

package/addon/controllers/connectivity/devices/index/details/index.js

@@ -0,0 +1,3 @@
+import Controller from '@ember/controller';
+
+export default class ConnectivityDevicesIndexDetailsIndexController extends Controller {}

package/addon/controllers/connectivity/devices/index/details.js

@@ -0,0 +1,3 @@
+import Controller from '@ember/controller';
+
+export default class ConnectivityDevicesIndexDetailsController extends Controller {}

package/addon/controllers/connectivity/devices/index/edit.js

@@ -0,0 +1,3 @@
+import Controller from '@ember/controller';
+
+export default class ConnectivityDevicesIndexEditController extends Controller {}

package/addon/controllers/connectivity/devices/index/new.js

@@ -0,0 +1,32 @@
+import Controller from '@ember/controller';
+import { tracked } from '@glimmer/tracking';
+import { inject as service } from '@ember/service';
+import { action } from '@ember/object';
+import { task } from 'ember-concurrency';
+
+export default class ConnectivityDevicesIndexNewController extends Controller {
+    @service deviceActions;
+    @service hostRouter;
+    @service intl;
+    @service notifications;
+    @tracked overlay;
+    @tracked device = this.deviceActions.createNewInstance();
+
+    @task *save(device) {
+        try {
+            yield device.save();
+            this.overlay?.close();
+
+            yield this.hostRouter.refresh();
+            yield this.hostRouter.transitionTo('console.fleet-ops.connectivity.devices.index.details', device);
+            this.notifications.success('Device created successfully.');
+            this.resetForm();
+        } catch (err) {
+            this.notifications.serverError(err);
+        }
+    }
+
+    @action resetForm() {
+        this.device = this.deviceActions.createNewInstance();
+    }
+}

package/addon/controllers/connectivity/devices/index.js

@@ -0,0 +1,129 @@
+import Controller from '@ember/controller';
+import { inject as service } from '@ember/service';
+import { tracked } from '@glimmer/tracking';
+
+export default class ConnectivityDevicesIndexController extends Controller {
+    @service deviceActions;
+    @service intl;
+
+    /** query params */
+    @tracked queryParams = ['name', 'page', 'limit', 'sort', 'query', 'public_id', 'created_at', 'updated_at'];
+    @tracked page = 1;
+    @tracked limit;
+    @tracked sort = '-created_at';
+    @tracked public_id;
+    @tracked name;
+
+    /** action buttons */
+    @tracked actionButtons = [
+        {
+            icon: 'refresh',
+            onClick: this.deviceActions.refresh,
+            helpText: this.intl.t('common.refresh'),
+        },
+        {
+            text: this.intl.t('common.new'),
+            type: 'primary',
+            icon: 'plus',
+            onClick: this.deviceActions.transition.create,
+        },
+        {
+            text: this.intl.t('common.import'),
+            type: 'magic',
+            icon: 'upload',
+            onClick: this.deviceActions.import,
+        },
+        {
+            text: this.intl.t('common.export'),
+            icon: 'long-arrow-up',
+            iconClass: 'rotate-icon-45',
+            wrapperClass: 'hidden md:flex',
+            onClick: this.deviceActions.export,
+        },
+    ];
+
+    /** bulk action buttons */
+    @tracked bulkActions = [
+        {
+            label: 'Delete selected...',
+            class: 'text-red-500',
+            fn: this.deviceActions.bulkDelete,
+        },
+    ];
+
+    /** columns */
+    @tracked columns = [
+        {
+            label: this.intl.t('column.name'),
+            valuePath: 'name',
+            width: '180px',
+            cellComponent: 'table/cell/anchor',
+            cellClassNames: 'uppercase',
+            action: this.deviceActions.transition.view,
+            permission: 'fleet-ops view device',
+            hidden: true,
+            resizable: true,
+            sortable: true,
+            filterable: true,
+            filterParam: 'name',
+            filterComponent: 'filter/string',
+        },
+        {
+            label: this.intl.t('column.created-at'),
+            valuePath: 'createdAt',
+            sortParam: 'created_at',
+            width: '10%',
+            resizable: true,
+            sortable: true,
+            filterable: true,
+            filterComponent: 'filter/date',
+        },
+        {
+            label: this.intl.t('column.updated-at'),
+            valuePath: 'updatedAt',
+            sortParam: 'updated_at',
+            width: '10%',
+            resizable: true,
+            sortable: true,
+            hidden: true,
+            filterable: true,
+            filterComponent: 'filter/date',
+        },
+
+        {
+            label: '',
+            cellComponent: 'table/cell/dropdown',
+            ddButtonText: false,
+            ddButtonIcon: 'ellipsis-h',
+            ddButtonIconPrefix: 'fas',
+            ddMenuLabel: this.intl.t('common.resource-actions', { resource: this.intl.t('resource.Device') }),
+            cellClassNames: 'overflow-visible',
+            wrapperClass: 'flex items-center justify-end mx-2',
+            width: '10%',
+            actions: [
+                {
+                    label: this.intl.t('column.view-details'),
+                    fn: this.deviceActions.transition.view,
+                    permission: 'fleet-ops view device',
+                },
+                {
+                    label: this.intl.t('column.edit-place'),
+                    fn: this.deviceActions.transition.edit,
+                    permission: 'fleet-ops update device',
+                },
+                {
+                    separator: true,
+                },
+                {
+                    label: this.intl.t('column.delete'),
+                    fn: this.deviceActions.delete,
+                    permission: 'fleet-ops delete device',
+                },
+            ],
+            sortable: false,
+            filterable: false,
+            resizable: false,
+            searchable: false,
+        },
+    ];
+}

package/addon/controllers/connectivity/events/index/details.js

@@ -0,0 +1,3 @@
+import Controller from '@ember/controller';
+
+export default class ConnectivityEventsIndexDetailsController extends Controller {}

package/addon/controllers/connectivity/events/index.js

@@ -0,0 +1,91 @@
+import Controller from '@ember/controller';
+import { inject as service } from '@ember/service';
+import { tracked } from '@glimmer/tracking';
+
+export default class ConnectivityEventsIndexController extends Controller {
+    @service deviceEventActions;
+    @service intl;
+
+    /** query params */
+    @tracked queryParams = ['name', 'page', 'limit', 'sort', 'query', 'public_id', 'created_at', 'updated_at'];
+    @tracked page = 1;
+    @tracked limit;
+    @tracked sort = '-created_at';
+    @tracked public_id;
+    @tracked name;
+
+    /** action buttons */
+    @tracked actionButtons = [
+        {
+            icon: 'refresh',
+            onClick: this.deviceEventActions.refresh,
+            helpText: this.intl.t('common.refresh'),
+        },
+    ];
+
+    /** bulk action buttons */
+    @tracked bulkActions = [];
+
+    /** columns */
+    @tracked columns = [
+        {
+            label: this.intl.t('column.name'),
+            valuePath: 'name',
+            width: '180px',
+            cellComponent: 'table/cell/anchor',
+            cellClassNames: 'uppercase',
+            action: this.deviceEventActions.transition.view,
+            permission: 'fleet-ops view device-event',
+            hidden: true,
+            resizable: true,
+            sortable: true,
+            filterable: true,
+            filterParam: 'name',
+            filterComponent: 'filter/string',
+        },
+        {
+            label: this.intl.t('column.created-at'),
+            valuePath: 'createdAt',
+            sortParam: 'created_at',
+            width: '10%',
+            resizable: true,
+            sortable: true,
+            filterable: true,
+            filterComponent: 'filter/date',
+        },
+        {
+            label: this.intl.t('column.updated-at'),
+            valuePath: 'updatedAt',
+            sortParam: 'updated_at',
+            width: '10%',
+            resizable: true,
+            sortable: true,
+            hidden: true,
+            filterable: true,
+            filterComponent: 'filter/date',
+        },
+
+        {
+            label: '',
+            cellComponent: 'table/cell/dropdown',
+            ddButtonText: false,
+            ddButtonIcon: 'ellipsis-h',
+            ddButtonIconPrefix: 'fas',
+            ddMenuLabel: this.intl.t('common.resource-actions', { resource: this.intl.t('resource.Device Event') }),
+            cellClassNames: 'overflow-visible',
+            wrapperClass: 'flex items-center justify-end mx-2',
+            width: '10%',
+            actions: [
+                {
+                    label: this.intl.t('column.view-details'),
+                    fn: this.deviceEventActions.transition.view,
+                    permission: 'fleet-ops view device-event',
+                },
+            ],
+            sortable: false,
+            filterable: false,
+            resizable: false,
+            searchable: false,
+        },
+    ];
+}

package/addon/controllers/connectivity/sensors/index/details/index.js

@@ -0,0 +1,3 @@
+import Controller from '@ember/controller';
+
+export default class ConnectivitySensorsIndexDetailsIndexController extends Controller {}

package/addon/controllers/connectivity/sensors/index/details.js

@@ -0,0 +1,3 @@
+import Controller from '@ember/controller';
+
+export default class ConnectivitySensorsIndexDetailsController extends Controller {}

package/addon/controllers/connectivity/sensors/index/edit.js

@@ -0,0 +1,3 @@
+import Controller from '@ember/controller';
+
+export default class ConnectivitySensorsIndexEditController extends Controller {}

package/addon/controllers/connectivity/sensors/index/new.js

@@ -0,0 +1,32 @@
+import Controller from '@ember/controller';
+import { tracked } from '@glimmer/tracking';
+import { inject as service } from '@ember/service';
+import { action } from '@ember/object';
+import { task } from 'ember-concurrency';
+
+export default class ConnectivitySensorsIndexNewController extends Controller {
+    @service sensorActions;
+    @service hostRouter;
+    @service intl;
+    @service notifications;
+    @tracked overlay;
+    @tracked sensor = this.sensorActions.createNewInstance();
+
+    @task *save(sensor) {
+        try {
+            yield sensor.save();
+            this.overlay?.close();
+
+            yield this.hostRouter.refresh();
+            yield this.hostRouter.transitionTo('console.fleet-ops.connectivity.sensors.index.details', sensor);
+            this.notifications.success('Sensor created successfully.');
+            this.resetForm();
+        } catch (err) {
+            this.notifications.serverError(err);
+        }
+    }
+
+    @action resetForm() {
+        this.sensor = this.sensorActions.createNewInstance();
+    }
+}