@fleetbase/fleetops-engine 0.6.35 → 0.6.36

package/addon/components/avatar-manager.hbs

@@ -0,0 +1,86 @@
+<div class="mb-4">
+    <div class="flex flex-row items-stretch rounded-lg border border-gray-200 dark:border-gray-700">
+        <div class="w-48 h-full bg-white dark:bg-gray-700 rounded-l-lg">
+            {{#each this.categories as |category index|}}
+                <a
+                    href="#"
+                    class="flex flex-row px-4 py-2 border-b border-gray-200 dark:border-gray-900 hover:bg-blue-400
+                        {{if (eq this.currentCategory.type category.type) 'bg-blue-500'}}
+                        {{if (eq index 0) 'rounded-tl-lg'}}"
+                    {{on "click" (fn this.switchCategory category)}}
+                >
+                    <div class="w-6">
+                        <FaIcon @icon={{category.icon}} @size="sm" />
+                    </div>
+                    <div>{{category.name}}</div>
+                </a>
+            {{/each}}
+        </div>
+        <div class="flex-1 border-l border-gray-200 dark:border-gray-700">
+            <div class="p-4">
+                {{#if this.isUploading}}
+                    <div
+                        class="dropzone w-full rounded-lg px-4 py-8 bg-gray-50 dark:bg-gray-900 bg-opacity-25 text-gray-900 dark:text-white text-center flex flex-col items-center justify-center border-2 border-dashed border-gray-200 dark:border-indigo-500"
+                    >
+                        <div class="flex items-center justify-center py-5">
+                            <Spinner class="text-sm dar:text-gray-100" @loadingMessage={{concat (t "common.uploading") "..."}} />
+                        </div>
+                    </div>
+                {{else}}
+                    {{#let (file-queue name="files" onFileAdded=this.queueFile accept=(join "," this.acceptedFileTypes)) as |queue|}}
+                        <FileDropzone @queue={{queue}} class="dropzone file-dropzone" as |dropzone|>
+                            {{#if dropzone.active}}
+                                {{#if dropzone.valid}}
+                                    {{t "dropzone.drop-to-upload"}}
+                                {{else}}
+                                    {{t "dropzone.invalid"}}
+                                {{/if}}
+                            {{else if queue.files.length}}
+                                <div class="my-2">
+                                    <FaIcon @icon="folder-open" class="text-indigo-500 mr-2" />
+                                    {{t "dropzone.files-ready-for-upload" numOfFiles=(pluralize queue.files.length (t "dropzone.file"))}}
+                                </div>
+                                <div class="my-2">({{queue.progress}}%)</div>
+                            {{else}}
+                                <h4 class="font-semibold">
+                                    <FaIcon @icon="folder-open" @size="lg" class="text-indigo-500 mr-2" />
+                                    {{t "dropzone.upload-avatar-files"}}
+                                </h4>
+                                <div>
+                                    {{#if dropzone.supported}}
+                                        <p class="text-sm my-5">{{t "dropzone.dropzone-supported-avatars"}}</p>
+                                    {{/if}}
+                                    <FileUpload @name="files" @for="files" @accept={{join "," this.acceptedFileTypes}} @multiple={{true}} @onFileAdded={{this.queueFile}}>
+                                        <a tabindex={{0}} class="btn btn-magic cursor-pointer ml-1">{{t "dropzone.or-select-button-text"}}</a>
+                                    </FileUpload>
+                                </div>
+                            {{/if}}
+                        </FileDropzone>
+                    {{/let}}
+                {{/if}}
+                <div class="space-y-4 mt-4">
+                    {{#if this.uploadQueue}}
+                        <div class="space-y-2">
+                            {{#each this.uploadQueue as |file|}}
+                                <div class="flex items-center justify-between bg-blue-100 border border-blue-800 dark:border-blue-800 py-1.5 shadow-sm rounded-lg px-4">
+                                    <div class="text-xs text-blue-900 truncate">{{truncate-filename file.name 50}}</div>
+                                    <div class="flex items-center text-sm">
+                                        <Spinner class="text-blue-900 mr-2" />
+                                        <span class="font-bold text-blue-900">{{round file.progress}}%</span>
+                                    </div>
+                                </div>
+                            {{/each}}
+                        </div>
+                    {{/if}}
+                    <div>
+                        <div class="grid grid-cols-2 md:grid-cols-4 gap-2 md:gap-4">
+                            {{#each this.currentCategory.avatars as |file|}}
+                                <File @file={{file}} @onDelete={{this.removeFile}} />
+                            {{/each}}
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>

package/addon/components/avatar-manager.js

@@ -0,0 +1,165 @@
+import Component from '@glimmer/component';
+import { inject as service } from '@ember/service';
+import { action } from '@ember/object';
+import { isArray } from '@ember/array';
+import { tracked } from '@glimmer/tracking';
+import { task } from 'ember-concurrency';
+import { pluralize } from 'ember-inflector';
+
+export default class AvatarManagerComponent extends Component {
+    @service fileQueue;
+    @service store;
+    @service fetch;
+    @service notifications;
+    @service currentUser;
+    @service intl;
+
+    /**
+     * Tracks the files in the upload queue.
+     *
+     * @var {Array}
+     */
+    @tracked uploadQueue = [];
+
+    /**
+     * The current loaded avatars.
+     *
+     * @var {Array}
+     */
+    @tracked avatars = [];
+
+    /**
+     * Tracks the selected category for avatar management.
+     *
+     * @var {string|null}
+     */
+    @tracked currentCategory;
+
+    /**
+     * Selectable categories for avatar management.
+     *
+     * @memberof AdminAvatarManagementComponent
+     */
+    @tracked categories = [
+        {
+            name: this.intl.t('resource.vehicles'),
+            icon: 'car',
+            type: 'vehicle',
+            avatars: [],
+        },
+        {
+            name: this.intl.t('resource.places'),
+            icon: 'building',
+            type: 'place',
+            avatars: [],
+        },
+        {
+            name: this.intl.t('resource.drivers'),
+            icon: 'id-card',
+            type: 'driver',
+            avatars: [],
+        },
+    ];
+
+    /**
+     * The only acceptable file types for avatars, png or svg.
+     *
+     * @memberof AdminAvatarManagementComponent
+     */
+    get acceptedFileTypes() {
+        return ['image/svg+xml', 'image/png'];
+    }
+
+    /**
+     * Creates an instance of AdminAvatarManagementComponent.
+     * @memberof AdminAvatarManagementComponent
+     */
+    constructor() {
+        super(...arguments);
+        this.loadAvatars.perform();
+    }
+
+    /**
+     * Action triggered when a category is selected.
+     *
+     * @param {string} category - The selected category.
+     */
+    @action switchCategory(category) {
+        this.currentCategory = category;
+    }
+
+    /**
+     * Action triggered when a file is queued for upload.
+     *
+     * @param {File} file - The file to be queued.
+     */
+    @action queueFile(file) {
+        // since we have dropzone and upload button within dropzone validate the file state first
+        // as this method can be called twice from both functions
+        if (['queued', 'failed', 'timed_out', 'aborted'].indexOf(file.state) === -1) {
+            return;
+        }
+
+        // Get the current category
+        const category = this.currentCategory;
+
+        // Queue and upload immediatley
+        this.uploadQueue.pushObject(file);
+        this.fetch.uploadFile.perform(
+            file,
+            {
+                path: `custom-avatars/${pluralize(category.type)}/${this.currentUser.companyId}`,
+                type: `${category.type}-avatar`,
+            },
+            (uploadedFile) => {
+                this.currentCategory.avatars.pushObject(uploadedFile);
+                this.uploadQueue.removeObject(file);
+            },
+            () => {
+                this.uploadQueue.removeObject(file);
+                // remove file from queue
+                if (file.queue && typeof file.queue.remove === 'function') {
+                    file.queue.remove(file);
+                }
+            }
+        );
+    }
+
+    /**
+     * Action triggered when a file is removed.
+     *
+     * @param {File} file - The file to be removed.
+     * @returns {Promise} - A promise representing the file destruction operation.
+     */
+    @action removeFile(file) {
+        this.currentCategory.avatars.removeObject(file);
+        return file.destroyRecord();
+    }
+
+    /**
+     * Task that loads files based on the selected category.
+     *
+     * @task
+     * @generator
+     * @yields {Array} - The filtered files based on the selected category.
+     */
+    @task *loadAvatars() {
+        this.avatars = yield this.store.query('file', { type_ends_with: 'avatar' });
+
+        // Assign avatars to their categories
+        if (isArray(this.avatars)) {
+            const categoriesWithAvatars = [];
+
+            for (let i = 0; i < this.categories.length; i++) {
+                const category = this.categories[i];
+                categoriesWithAvatars.pushObject({
+                    ...category,
+                    avatars: this.avatars.filter((file) => file.type === `${category.type}-avatar`),
+                });
+            }
+
+            this.categories = categoriesWithAvatars;
+            this.currentCategory = this.currentCategory ? this.categories.find((category) => category.type === this.currentCategory.type) : this.categories[0];
+        }
+    }
+}

package/addon/components/customer/create-order-form.js

@@ -31,6 +31,7 @@ export default class CustomerCreateOrderFormComponent extends Component {
     @service fetch;
     @service intl;
     @service universe;
+    @service events;
     @tracked order;
     @tracked customer;
     @tracked payload = this.store.createRecord('payload');
@@ -194,6 +195,10 @@ export default class CustomerCreateOrderFormComponent extends Component {
 
         try {
             yield order.save();
+
+            // Track with standard events service
+            this.events.trackResourceCreated(order);
+
             // trigger event that fleet-ops created an order
             this.universe.trigger('fleet-ops.order.created', order);
 

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

@@ -261,6 +261,14 @@ export default class LayoutFleetOpsSidebarComponent extends Component {
                 permission: 'fleet-ops view custom-field',
                 visible: this.abilities.can('fleet-ops see custom-field'),
             },
+            {
+                intl: 'menu.avatars',
+                title: this.intl.t('menu.avatars'),
+                icon: 'icons',
+                route: 'settings.avatars',
+                permission: 'fleet-ops view avatar',
+                visible: this.abilities.can('fleet-ops see avatar'),
+            },
         ];
 
         const createPanel = (intl, routePrefix, items = [], options = {}) => ({

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

@@ -34,7 +34,7 @@ export default class OrderProgressCardComponent extends Component {
     }
 
     @task *loadTrackerData() {
-        if (!isBlank(this.order.tracker_data)) {
+        if (!isBlank(this.order.tracker_data) || !this.order || !this.order.isNew) {
             return;
         }
 

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

@@ -9,6 +9,7 @@ export default class AnalyticsReportsIndexEditController extends Controller {
     @service intl;
     @service notifications;
     @service modalsManager;
+    @service events;
     @tracked overlay;
     @tracked actionButtons = [
         {
@@ -26,6 +27,7 @@ export default class AnalyticsReportsIndexEditController extends Controller {
                 report.fillResult(result);
 
                 yield report.save();
+                this.events.trackResourceUpdated(report);
                 this.overlay?.close();
 
                 yield this.hostRouter.transitionTo('console.fleet-ops.analytics.reports.index.details', report);

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

@@ -9,6 +9,7 @@ export default class AnalyticsReportsIndexNewController extends Controller {
     @service hostRouter;
     @service intl;
     @service notifications;
+    @service events;
     @tracked overlay;
     @tracked validationErrors = [];
     @tracked report = this.reportActions.createNewInstance({ type: 'fleet-ops' });
@@ -22,6 +23,7 @@ export default class AnalyticsReportsIndexNewController extends Controller {
                 report.fillResult(result);
 
                 yield report.save();
+                this.events.trackResourceCreated(report);
                 this.overlay?.close();
 
                 yield this.hostRouter.refresh();

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

@@ -9,6 +9,7 @@ export default class ConnectivityDevicesIndexEditController extends Controller {
     @service intl;
     @service notifications;
     @service modalsManager;
+    @service events;
     @tracked overlay;
 
     get actionButtons() {
@@ -23,6 +24,7 @@ export default class ConnectivityDevicesIndexEditController extends Controller {
     @task *save(device) {
         try {
             yield device.save();
+            this.events.trackResourceUpdated(device);
             this.overlay?.close();
 
             yield this.hostRouter.transitionTo('console.fleet-ops.connectivity.devices.index.details', device);

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

@@ -9,12 +9,14 @@ export default class ConnectivityDevicesIndexNewController extends Controller {
     @service hostRouter;
     @service intl;
     @service notifications;
+    @service events;
     @tracked overlay;
     @tracked device = this.deviceActions.createNewInstance();
 
     @task *save(device) {
         try {
             yield device.save();
+            this.events.trackResourceCreated(device);
             this.overlay?.close();
 
             yield this.hostRouter.refresh();

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

@@ -9,6 +9,7 @@ export default class ConnectivitySensorsIndexEditController extends Controller {
     @service intl;
     @service notifications;
     @service modalsManager;
+    @service events;
     @tracked overlay;
 
     get actionButtons() {
@@ -23,6 +24,7 @@ export default class ConnectivitySensorsIndexEditController extends Controller {
     @task *save(sensor) {
         try {
             yield sensor.save();
+            this.events.trackResourceUpdated(sensor);
             this.overlay?.close();
 
             yield this.hostRouter.transitionTo('console.fleet-ops.connectivity.sensors.index.details', sensor);

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

@@ -9,12 +9,14 @@ export default class ConnectivitySensorsIndexNewController extends Controller {
     @service hostRouter;
     @service intl;
     @service notifications;
+    @service events;
     @tracked overlay;
     @tracked sensor = this.sensorActions.createNewInstance();
 
     @task *save(sensor) {
         try {
             yield sensor.save();
+            this.events.trackResourceCreated(sensor);
             this.overlay?.close();
 
             yield this.hostRouter.refresh();

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

@@ -9,6 +9,7 @@ export default class ConnectivityTelematicsIndexEditController extends Controlle
     @service intl;
     @service notifications;
     @service modalsManager;
+    @service events;
     @tracked overlay;
 
     get actionButtons() {
@@ -23,6 +24,7 @@ export default class ConnectivityTelematicsIndexEditController extends Controlle
     @task *save(telematic) {
         try {
             yield telematic.save();
+            this.events.trackResourceUpdated(telematic);
             this.overlay?.close();
 
             yield this.hostRouter.transitionTo('console.fleet-ops.connectivity.telematics.index.details', telematic);

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

@@ -9,12 +9,14 @@ export default class ConnectivityTelematicsIndexNewController extends Controller
     @service hostRouter;
     @service intl;
     @service notifications;
+    @service events;
     @tracked overlay;
     @tracked telematic = this.telematicActions.createNewInstance();
 
     @task *save(telematic) {
         try {
             yield telematic.save();
+            this.events.trackResourceCreated(telematic);
             this.overlay?.close();
 
             yield this.hostRouter.refresh();

package/addon/controllers/management/contacts/customers/edit.js

@@ -9,6 +9,7 @@ export default class ManagementContactsCustomersEditController extends Controlle
     @service intl;
     @service notifications;
     @service modalsManager;
+    @service events;
     @tracked overlay;
     @tracked actionButtons = [
         {
@@ -20,6 +21,7 @@ export default class ManagementContactsCustomersEditController extends Controlle
     @task *save(customer) {
         try {
             yield customer.save();
+            this.events.trackResourceUpdated(customer);
             this.overlay?.close();
 
             yield this.hostRouter.transitionTo('console.fleet-ops.management.contacts.customers.details', customer);

package/addon/controllers/management/contacts/customers/new.js

@@ -9,12 +9,14 @@ export default class ManagementContactsCustomersNewController extends Controller
     @service hostRouter;
     @service intl;
     @service notifications;
+    @service events;
     @tracked overlay;
     @tracked customer = this.customerActions.createNewInstance();
 
     @task *save(customer) {
         try {
             yield customer.save();
+            this.events.trackResourceCreated(customer);
             this.overlay?.close();
 
             yield this.hostRouter.refresh();

package/addon/controllers/management/contacts/index/edit.js

@@ -9,6 +9,7 @@ export default class ManagementContactsIndexEditController extends Controller {
     @service intl;
     @service notifications;
     @service modalsManager;
+    @service events;
     @tracked overlay;
     @tracked actionButtons = [
         {
@@ -20,6 +21,7 @@ export default class ManagementContactsIndexEditController extends Controller {
     @task *save(contact) {
         try {
             yield contact.save();
+            this.events.trackResourceUpdated(contact);
             this.overlay?.close();
 
             yield this.hostRouter.transitionTo('console.fleet-ops.management.contacts.index.details', contact);

package/addon/controllers/management/contacts/index/new.js

@@ -9,12 +9,14 @@ export default class ManagementContactsIndexNewController extends Controller {
     @service hostRouter;
     @service intl;
     @service notifications;
+    @service events;
     @tracked overlay;
     @tracked contact = this.contactActions.createNewInstance();
 
     @task *save(contact) {
         try {
             yield contact.save();
+            this.events.trackResourceCreated(contact);
             this.overlay?.close();
 
             yield this.hostRouter.refresh();

package/addon/controllers/management/drivers/index/edit.js

@@ -9,6 +9,7 @@ export default class ManagementDriversIndexEditController extends Controller {
     @service intl;
     @service notifications;
     @service modalsManager;
+    @service events;
     @tracked overlay;
     @tracked actionButtons = [
         {
@@ -20,6 +21,7 @@ export default class ManagementDriversIndexEditController extends Controller {
     @task *save(driver) {
         try {
             yield driver.save();
+            this.events.trackResourceUpdated(driver);
             this.overlay?.close();
 
             yield this.hostRouter.transitionTo('console.fleet-ops.management.drivers.index.details', driver);

package/addon/controllers/management/drivers/index/new.js

@@ -9,12 +9,14 @@ export default class ManagementDriversIndexNewController extends Controller {
     @service hostRouter;
     @service intl;
     @service notifications;
+    @service events;
     @tracked overlay;
     @tracked driver = this.driverActions.createNewInstance();
 
     @task *save(driver) {
         try {
             yield driver.save();
+            this.events.trackResourceCreated(driver);
             this.overlay?.close();
 
             yield this.hostRouter.refresh();

package/addon/controllers/management/fleets/index/edit.js

@@ -9,6 +9,7 @@ export default class ManagementFleetsIndexEditController extends Controller {
     @service intl;
     @service notifications;
     @service modalsManager;
+    @service events;
     @tracked overlay;
 
     get actionButtons() {
@@ -23,6 +24,7 @@ export default class ManagementFleetsIndexEditController extends Controller {
     @task *save(fleet) {
         try {
             yield fleet.save();
+            this.events.trackResourceUpdated(fleet);
             this.overlay?.close();
 
             yield this.hostRouter.transitionTo('console.fleet-ops.management.fleets.index.details', fleet);

package/addon/controllers/management/fleets/index/new.js

@@ -9,12 +9,14 @@ export default class ManagementFleetsIndexNewController extends Controller {
     @service hostRouter;
     @service intl;
     @service notifications;
+    @service events;
     @tracked overlay;
     @tracked fleet = this.fleetActions.createNewInstance();
 
     @task *save(fleet) {
         try {
             yield fleet.save();
+            this.events.trackResourceCreated(fleet);
             this.overlay?.close();
 
             yield this.hostRouter.refresh();

package/addon/controllers/management/fuel-reports/index/edit.js

@@ -9,6 +9,7 @@ export default class ManagementFuelReportsIndexEditController extends Controller
     @service intl;
     @service notifications;
     @service modalsManager;
+    @service events;
     @tracked overlay;
     @tracked actionButtons = [
         {
@@ -20,6 +21,7 @@ export default class ManagementFuelReportsIndexEditController extends Controller
     @task *save(fuelReport) {
         try {
             yield fuelReport.save();
+            this.events.trackResourceUpdated(fuelReport);
             this.overlay?.close();
 
             yield this.hostRouter.transitionTo('console.fleet-ops.management.fuel-reports.index.details', fuelReport);

package/addon/controllers/management/fuel-reports/index/new.js

@@ -10,12 +10,14 @@ export default class ManagementFuelReportsIndexNewController extends Controller
     @service hostRouter;
     @service intl;
     @service notifications;
+    @service events;
     @tracked overlay;
     @tracked fuelReport = this.fuelReportActions.createNewInstance({ reporter: this.currentUser.user });
 
     @task *save(fuelReport) {
         try {
             yield fuelReport.save();
+            this.events.trackResourceCreated(fuelReport);
             this.overlay?.close();
 
             yield this.hostRouter.refresh();

package/addon/controllers/management/issues/index/edit.js

@@ -9,6 +9,7 @@ export default class ManagementIssuesIndexEditController extends Controller {
     @service intl;
     @service notifications;
     @service modalsManager;
+    @service events;
     @tracked overlay;
     @tracked actionButtons = [
         {
@@ -20,6 +21,7 @@ export default class ManagementIssuesIndexEditController extends Controller {
     @task *save(issue) {
         try {
             yield issue.save();
+            this.events.trackResourceUpdated(issue);
             this.overlay?.close();
 
             yield this.hostRouter.transitionTo('console.fleet-ops.management.issues.index.details', issue);

package/addon/controllers/management/issues/index/new.js

@@ -10,12 +10,14 @@ export default class ManagementIssuesIndexNewController extends Controller {
     @service intl;
     @service currentUser;
     @service notifications;
+    @service events;
     @tracked overlay;
     @tracked issue = this.issueActions.createNewInstance({ reporter: this.currentUser.user });
 
     @task *save(issue) {
         try {
             yield issue.save();
+            this.events.trackResourceCreated(issue);
             this.overlay?.close();
 
             yield this.hostRouter.refresh();

package/addon/controllers/management/places/index/edit.js

@@ -9,6 +9,7 @@ export default class ManagementPlacesIndexEditController extends Controller {
     @service intl;
     @service notifications;
     @service modalsManager;
+    @service events;
     @tracked overlay;
     @tracked actionButtons = [
         {
@@ -20,6 +21,7 @@ export default class ManagementPlacesIndexEditController extends Controller {
     @task *save(place) {
         try {
             yield place.save();
+            this.events.trackResourceUpdated(place);
             this.overlay?.close();
 
             yield this.hostRouter.transitionTo('console.fleet-ops.management.places.index.details', place);

package/addon/controllers/management/places/index/new.js

@@ -9,12 +9,14 @@ export default class ManagementPlacesIndexNewController extends Controller {
     @service hostRouter;
     @service intl;
     @service notifications;
+    @service events;
     @tracked overlay;
     @tracked place = this.placeActions.createNewInstance();
 
     @task *save(place) {
         try {
             yield place.save();
+            this.events.trackResourceCreated(place);
             this.overlay?.close();
 
             yield this.hostRouter.refresh();