@fleetbase/fleetops-engine 0.6.18 → 0.6.19

package/addon/components/fuel-report-form-panel.js

@@ -1,167 +0,0 @@
-import Component from '@glimmer/component';
-import { tracked } from '@glimmer/tracking';
-import { inject as service } from '@ember/service';
-import { action } from '@ember/object';
-import { task } from 'ember-concurrency';
-import contextComponentCallback from '@fleetbase/ember-core/utils/context-component-callback';
-import applyContextComponentArguments from '@fleetbase/ember-core/utils/apply-context-component-arguments';
-import Point from '@fleetbase/fleetops-data/utils/geojson/point';
-
-export default class FuelReportFormPanelComponent extends Component {
-    @service store;
-    @service notifications;
-    @service intl;
-    @service hostRouter;
-    @service contextPanel;
-
-    /**
-     * Overlay context.
-     * @type {any}
-     */
-    @tracked context;
-
-    /**
-     * Fuel Report status
-     * @type {Array}
-     */
-    @tracked statusOptions = ['draft', 'pending-approval', 'approved', 'rejected', 'revised', 'submitted', 'in-review', 'confirmed', 'processed', 'archived', 'cancelled'];
-
-    /**
-     * Permission needed to update or create record.
-     *
-     * @memberof FuelReportFormPanelComponent
-     */
-    @tracked savePermission;
-
-    /**
-     * The current controller if any.
-     *
-     * @memberof FuelReportFormPanelComponent
-     */
-    @tracked controller;
-
-    /**
-     * The coordinates input component context instance.
-     *
-     * @memberof FuelReportFormPanelComponent
-     */
-    @tracked coordinatesInputComponent;
-
-    /**
-     * Constructs the component and applies initial state.
-     */
-    constructor(owner, { fuelReport = null, controller }) {
-        super(...arguments);
-        this.fuelReport = fuelReport;
-        this.controller = controller;
-        this.savePermission = fuelReport && fuelReport.isNew ? 'fleet-ops create fuel-report' : 'fleet-ops update fuel-report';
-        applyContextComponentArguments(this);
-    }
-
-    /**
-     * Sets the overlay context.
-     *
-     * @action
-     * @param {OverlayContextObject} overlayContext
-     */
-    @action setOverlayContext(overlayContext) {
-        this.context = overlayContext;
-        contextComponentCallback(this, 'onLoad', ...arguments);
-    }
-
-    /**
-     * Task to save fuel report.
-     *
-     * @return {void}
-     * @memberof FuelReportFormPanelComponent
-     */
-    @task *save() {
-        contextComponentCallback(this, 'onBeforeSave', this.fuelReport);
-
-        try {
-            this.fuelReport = yield this.fuelReport.save();
-        } catch (error) {
-            this.notifications.serverError(error);
-            return;
-        }
-
-        this.notifications.success(this.intl.t('fleet-ops.component.fuel-report-form-panel.success-message'));
-        contextComponentCallback(this, 'onAfterSave', this.fuelReport);
-    }
-
-    /**
-     * View the details of the fuel-report.
-     *
-     * @action
-     */
-    @action onViewDetails() {
-        const isActionOverrided = contextComponentCallback(this, 'onViewDetails', this.fuelReport);
-
-        if (!isActionOverrided) {
-            this.contextPanel.focus(this.fuelReport, 'viewing');
-        }
-    }
-
-    /**
-     * Handles cancel button press.
-     *
-     * @action
-     * @returns {any}
-     */
-    @action onPressCancel() {
-        return contextComponentCallback(this, 'onPressCancel', this.fuelReport);
-    }
-
-    /**
-     * Set the ruel report reporter
-     *
-     * @param {UserModel} user
-     * @memberof FuelReportFormPanelComponent
-     */
-    @action setReporter(user) {
-        this.fuelReport.set('reporter', user);
-        this.fuelReport.set('reported_by_uuid', user.id);
-    }
-
-    /**
-     * Sets the coordinates input component.
-     *
-     * @action
-     * @param {Object} coordinatesInputComponent - The coordinates input component to be set.
-     * @memberof PlaceFormPanelComponent
-     */
-    @action setCoordinatesInput(coordinatesInputComponent) {
-        this.coordinatesInputComponent = coordinatesInputComponent;
-    }
-
-    /**
-     * Handle autocomplete callback
-     *
-     * @param {AutocompleteEvent} { location }
-     * @memberof VehicleFormPanelComponent
-     */
-    @action onAutocomplete({ location }) {
-        if (location) {
-            this.fuelReport.setProperties({ location });
-
-            if (this.coordinatesInputComponent) {
-                this.coordinatesInputComponent.updateCoordinates(location);
-            }
-        }
-    }
-
-    /**
-     * Updates the Vehicle coordinates with the given latitude and longitude.
-     *
-     * @action
-     * @param {Object} coordinates - The latitude and longitude coordinates.
-     * @param {number} coordinates.latitude - Latitude value.
-     * @param {number} coordinates.longitude - Longitude value.
-     * @memberof PlaceFormPanelComponent
-     */
-    @action onCoordinatesChanged({ latitude, longitude }) {
-        const location = new Point(longitude, latitude);
-
-        this.fuelReport.setProperties({ location });
-    }
-}

package/addon/components/fuel-report-panel/details.hbs

@@ -1,42 +0,0 @@
-<div class="p-4">
-    <ContentPanel @title={{t "fleet-ops.common.details"}} @open={{true}} @pad={{true}} @panelBodyClass="bg-white dark:bg-gray-900">
-        <div class="grid grid-cols-2 gap-4 text-xs md:mb-6 dark:text-gray-100">
-            <div class="field-info-container space-y-2">
-                <div class="field-name">{{t "fleet-ops.common.id"}}</div>
-                <div class="field-value">{{n-a @fuelReport.public_id}}</div>
-            </div>
-            <div class="field-info-container col-span-2">
-                <div class="field-name">{{t "fleet-ops.common.reporter"}}</div>
-                <div class="field-value">{{n-a @fuelReport.reporter_name}}</div>
-            </div>
-            <div class="field-info-container space-y-2">
-                <div class="field-name">{{t "fleet-ops.common.driver"}}</div>
-                <div class="field-value">{{n-a @fuelReport.driver_name}}</div>
-            </div>
-            <div class="field-info-container space-y-2">
-                <div class="field-name">{{t "fleet-ops.common.vehicle"}}</div>
-                <div class="field-value">{{n-a @fuelReport.vehicle_name}}</div>
-            </div>
-            <div class="field-info-container space-y-2">
-                <div class="field-name">{{t "fleet-ops.common.odometer"}}</div>
-                <div class="field-value">{{n-a @fuelReport.odometer}}</div>
-            </div>
-            <div class="field-info-container space-y-2">
-                <div class="field-name">{{t "fleet-ops.common.cost"}}</div>
-                <div class="field-value">{{format-currency @fuelReport.amount @fuelReport.currency}}</div>
-            </div>
-            <div class="field-info-container space-y-2">
-                <div class="field-name">{{t "fleet-ops.component.fuel-report-panel.details.fuel"}}</div>
-                <div class="field-value">{{pluralize (n-a @fuelReport.volume) (n-a @fuelReport.metric_unit)}}</div>
-            </div>
-            <div class="field-info-container space-y-2">
-                <div class="field-name">{{t "fleet-ops.common.date-created"}}</div>
-                <div class="field-value">{{@fuelReport.createdAtShort}}</div>
-            </div>
-            <div class="field-info-container space-y-2">
-                <div class="field-name">{{t "fleet-ops.common.coordinates"}}</div>
-                <div class="field-value">{{point-coordinates @fuelReport.location}}</div>
-            </div>
-        </div>
-    </ContentPanel>
-</div>

package/addon/components/fuel-report-panel.hbs

@@ -1,46 +0,0 @@
-<Overlay
-    @onLoad={{this.setOverlayContext}}
-    @onOpen={{this.onOpen}}
-    @onClose={{this.onClose}}
-    @onToggle={{this.onToggle}}
-    @position="right"
-    @noBackdrop={{true}}
-    @fullHeight={{true}}
-    @isResizable={{or this.isResizable @isResizable}}
-    @width={{or this.width @width "570px"}}
->
-    <Overlay::Header @title={{t "fleet-ops.component.fuel-report-panel.title"}} @status={{this.fuelReport.public_id}} @hideStatusDot={{true}} @createdAt={{this.fuelReport.createdAt}}>
-        <Button
-            @type="default"
-            @icon="pen"
-            @helpText={{t "fleet-ops.component.fuel-report-panel.edit-button"}}
-            @onClick={{this.onEdit}}
-            @wrapperClass="mr-2"
-            @permission="fleet-ops update fuel-report"
-        />
-        <Button
-            @type="default"
-            @icon="times"
-            @helpText={{if this.fuelReport.id (t "fleet-ops.component.fuel-report-panel.cancel-edit-fuel-report") (t "fleet-ops.component.fuel-report-panel.cancel-new-fuel-report")}}
-            @onClick={{this.onPressCancel}}
-        />
-    </Overlay::Header>
-    <Overlay::Body class="no-padding">
-        <div class="section-header-actions w-full overflow-x-scroll lg:overflow-x-auto">
-            <div class="ui-tabs mt-4">
-                <nav>
-                    {{#each this.tabs as |tab|}}
-                        <a href="javascript:;" class="ui-tab {{if (eq this.tab.slug tab.slug) 'active'}}" {{on "click" (fn this.onTabChanged tab.slug)}}>
-                            <FaIcon @icon={{tab.icon}} class="mr-1" />
-                            <span>{{tab.title}}</span>
-                        </a>
-                    {{/each}}
-                </nav>
-            </div>
-        </div>
-        <div class="tab-content tab-{{this.tab.slug}}">
-            {{component this.tab.component fuelReport=this.fuelReport tabOptions=this.tab options=this.tab.componentParams}}
-        </div>
-        <Spacer @height="300px" />
-    </Overlay::Body>
-</Overlay>

package/addon/components/fuel-report-panel.js

@@ -1,148 +0,0 @@
-import Component from '@glimmer/component';
-import { tracked } from '@glimmer/tracking';
-import { inject as service } from '@ember/service';
-import { action } from '@ember/object';
-import { isArray } from '@ember/array';
-import FuelReportPanelDetailsComponent from './fuel-report-panel/details';
-import contextComponentCallback from '@fleetbase/ember-core/utils/context-component-callback';
-import applyContextComponentArguments from '@fleetbase/ember-core/utils/apply-context-component-arguments';
-import findActiveTab from '../utils/find-active-tab';
-
-export default class FuelReportPanelComponent extends Component {
-    /**
-     * Service for fetching data.
-     *
-     * @type {Service}
-     */
-    @service fetch;
-
-    /**
-     * Service for managing modals.
-     *
-     * @type {Service}
-     */
-    @service modalsManager;
-
-    /**
-     * Universe service for managing global data and settings.
-     *
-     * @type {Service}
-     */
-    @service universe;
-
-    /**
-     * Ember data store service.
-     *
-     * @type {Service}
-     */
-    @service store;
-
-    /**
-     * Service for managing routing within the host app.
-     *
-     * @type {Service}
-     */
-    @service hostRouter;
-
-    /**
-     * Service for managing the context panel.
-     *
-     * @type {Service}
-     */
-    @service contextPanel;
-
-    /**
-     * The current active tab.
-     *
-     * @type {Object}
-     * @tracked
-     */
-    @tracked tab;
-
-    /**
-     * The fuel-report being displayed or edited.
-     *
-     * @type {fuelReport}
-     * @tracked
-     */
-    @tracked fuelReport;
-
-    /**
-     * Returns the array of tabs available for the panel.
-     *
-     * @type {Array}
-     */
-    get tabs() {
-        const registeredTabs = this.universe.getMenuItemsFromRegistry('fleet-ops:component:fuel-report-panel');
-        // this.universe._createMenuItem('Tracking', null, { icon: 'satellite-dish', component: VehiclePanelTrackingComponent }),
-        const defaultTabs = [this.universe._createMenuItem('Details', null, { icon: 'circle-info', component: FuelReportPanelDetailsComponent })];
-
-        if (isArray(registeredTabs)) {
-            return [...defaultTabs, ...registeredTabs];
-        }
-
-        return defaultTabs;
-    }
-
-    /**
-     * Initializes the fuel-report panel component.
-     */
-    constructor() {
-        super(...arguments);
-        this.fuelReport = this.args.fuelReport;
-        this.tab = findActiveTab(this.tabs, this.args.tab);
-        applyContextComponentArguments(this);
-    }
-
-    /**
-     * Sets the overlay context.
-     *
-     * @action
-     * @param {OverlayContextObject} overlayContext
-     */
-    @action setOverlayContext(overlayContext) {
-        this.context = overlayContext;
-        contextComponentCallback(this, 'onLoad', ...arguments);
-    }
-
-    /**
-     * Handles changing the active tab.
-     *
-     * @method
-     * @param {String} tab - The new tab to switch to.
-     * @action
-     */
-    @action onTabChanged(tab) {
-        this.tab = findActiveTab(this.tabs, tab);
-        contextComponentCallback(this, 'onTabChanged', tab);
-    }
-
-    /**
-     * Handles edit action for the fuel-report.
-     *
-     * @method
-     * @action
-     */
-    @action onEdit() {
-        const isActionOverrided = contextComponentCallback(this, 'onEdit', this.fuelReport);
-
-        if (!isActionOverrided) {
-            this.contextPanel.focus(this.fuelReport, 'editing', {
-                onAfterSave: () => {
-                    this.contextPanel.clear();
-                },
-            });
-        }
-    }
-
-    /**
-     * Handles the cancel action.
-     *
-     * @method
-     * @action
-     * @returns {Boolean} Indicates whether the cancel action was overridden.
-     */
-    @action onPressCancel() {
-        return contextComponentCallback(this, 'onPressCancel', this.fuelReport);
-    }
-}

package/addon/components/full-size.js

@@ -1 +0,0 @@
-export { default } from '@fleetbase/console/components/full-size';

package/addon/components/horizontal-route.hbs

@@ -1,38 +0,0 @@
-<div class="horizontal-route-scroller">
-    <div class="horizontal-route-scroller--scollbar">
-        {{#if (has-block)}}
-            {{#each this.locations as |location|}}
-                {{#let (eq location.uuid this.destination.uuid) as |isDestination|}}
-                    {{yield location isDestination}}
-                {{/let}}
-            {{/each}}
-        {{else}}
-            {{#each this.locations as |location|}}
-                <div>
-                    <div class="horizontal-route {{if (eq location.uuid this.destination.uuid) 'is-destination'}}">
-                        <div class="notch">
-                            {{#if (eq location.uuid this.destination.uuid)}}
-                                <Attach::Tooltip @class="clean" @animation="scale" @placement="top" @showOn="mouseenter focus">
-                                    <InputInfo
-                                        @text={{t "fleet-ops.common.destination"}}
-                                        @iconClass="text-green-400"
-                                        class="flex items-center"
-                                        @spanClass="flex items-start justify-start text-left ml-1"
-                                    />
-                                </Attach::Tooltip>
-                            {{/if}}
-                        </div>
-                        <div class="place mx-4">
-                            <div class="rounded-md shadow-sm text-xs font-semibold border border-gray-900 dark:bg-gray-900 truncate w-24 p-1 cursor-help">
-                                <span>{{location.street1}}</span>
-                                <Attach::Tooltip @class="clean" @animation="scale" @placement="top" @showOn="mouseenter focus">
-                                    <InputInfo @text={{location.address}} class="flex items-center" @spanClass="flex items-start justify-start text-left text-xs ml-1 truncate block" />
-                                </Attach::Tooltip>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            {{/each}}
-        {{/if}}
-    </div>
-</div>

package/addon/components/horizontal-route.js

@@ -1,48 +0,0 @@
-import Component from '@glimmer/component';
-import { computed } from '@ember/object';
-import { isArray } from '@ember/array';
-
-export default class HorizontalRouteComponent extends Component {
-    @computed('args.payload') get locations() {
-        const { payload } = this.args;
-        const { pickup, dropoff, waypoints } = payload;
-        const locations = [];
-
-        if (pickup) {
-            locations.pushObject(pickup);
-        }
-
-        if (isArray(waypoints) && waypoints.length) {
-            for (let i = 0; i < waypoints.length; i++) {
-                const waypoint = waypoints.objectAt(i);
-
-                locations.pushObject(waypoint);
-            }
-        }
-
-        if (dropoff) {
-            locations.pushObject(dropoff);
-        }
-
-        return locations;
-    }
-
-    @computed('args.payload') get destination() {
-        const { payload } = this.args;
-        const { dropoff, waypoints } = payload;
-
-        if (isArray(waypoints) && waypoints.length) {
-            const waypoint = waypoints.find((location, index) => {
-                if (payload.current_waypoint_uuid) {
-                    return payload.current_waypoint_uuid === location.uuid;
-                }
-
-                return index === 0;
-            });
-
-            return waypoint;
-        }
-
-        return dropoff;
-    }
-}