@fleetbase/fleetops-engine 0.6.18 → 0.6.20

package/addon/components/customer-panel.js

@@ -1,124 +0,0 @@
-import Component from '@glimmer/component';
-import { tracked } from '@glimmer/tracking';
-import { action } from '@ember/object';
-import { inject as service } from '@ember/service';
-import { isArray } from '@ember/array';
-import CustomerPanelDetailComponent from './customer-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 CustomerPanelComponent extends Component {
-    @service fetch;
-    @service modalsManager;
-    @service universe;
-    @service store;
-    @service hostRouter;
-    @service contextPanel;
-
-    /**
-     * The current active tab.
-     *
-     * @type {Object}
-     * @tracked
-     */
-    @tracked tab;
-
-    /**
-     * The customer being displayed or edited.
-     *
-     * @type {ContactModel}
-     * @tracked
-     */
-    @tracked customer;
-
-    /**
-     * Returns the array of tabs available for the panel.
-     *
-     * @type {Array}
-     */
-    get tabs() {
-        const registeredTabs = this.universe.getMenuItemsFromRegistry('fleet-ops:component:customer-panel');
-        const defaultTabs = [this.universe._createMenuItem('Details', null, { icon: 'circle-info', component: CustomerPanelDetailComponent })];
-
-        if (isArray(registeredTabs)) {
-            return [...defaultTabs, ...registeredTabs];
-        }
-
-        return defaultTabs;
-    }
-
-    /**
-     * Initializes the customer panel component.
-     */
-    constructor() {
-        super(...arguments);
-        this.customer = this.args.customer;
-        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 customer.
-     *
-     * @method
-     * @action
-     */
-    @action onEdit() {
-        const isActionOverrided = contextComponentCallback(this, 'onEdit', this.customer);
-
-        if (!isActionOverrided) {
-            this.contextPanel.focus(this.customer, '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.customer);
-    }
-
-    /**
-     * Allows user to reset the customer credentials
-     *
-     * @memberof CustomerPanelComponent
-     */
-    @action resetCredentials() {
-        this.modalsManager.show('modals/reset-customer-credentials', {
-            keepOpen: true,
-            customer: this.customer,
-        });
-    }
-}

package/addon/components/driver-card-mini.hbs

@@ -1,12 +0,0 @@
-<div class="driver-card-mini" ...attributes>
-    <div class="relative flex">
-        <img src={{@driver.photo_url}} alt={{@driver.name}} class="w-6 h-6 mx-2 rounded-md" />
-        <a href="javascript:;" class="relative block cursor-pointer" {{on "click" (fn this.viewDriver @driver)}}>
-            <div class="font-semibold">{{@driver.name}}</div>
-            {{#if @showCoordinates}}
-                <div>{{format-point @driver.location}}</div>
-            {{/if}}
-        </a>
-        <FaIcon @icon="circle" class="absolute left-0 top-0 {{if @driver.online 'text-green-500' 'text-yellow-200'}}" />
-    </div>
-</div>

package/addon/components/driver-card-mini.js

@@ -1,46 +0,0 @@
-import Component from '@glimmer/component';
-import { inject as service } from '@ember/service';
-import { action } from '@ember/object';
-
-/**
- * DriverCardMiniComponent
- *
- * A mini-component responsible for displaying a specific driver's card.
- *
- * @extends Component
- *
- * @property {Service} store - Ember's store service.
- * @property {Service} fetch - Service for fetching data.
- * @property {Service} contextPanel - Service for context panel operations.
- */
-export default class DriverCardMiniComponent extends Component {
-    /**
-     * Ember's store service.
-     * @type {Service}
-     */
-    @service store;
-
-    /**
-     * Fetch service.
-     * @type {Service}
-     */
-    @service fetch;
-
-    /**
-     * ContextPanel service.
-     * @type {Service}
-     */
-    @service contextPanel;
-
-    /**
-     * View the details of a specific driver.
-     *
-     * @param {Object} record - The driver record to view.
-     * @action
-     * @returns {Promise} Resolves when the driver's details are focused in the context panel.
-     */
-    @action viewDriver(record) {
-        const driver = this.fetch.jsonToModel(record, 'driver');
-        return this.contextPanel.focus(driver);
-    }
-}

package/addon/components/driver-card.hbs

@@ -1,27 +0,0 @@
-<div class="driver-card flex flex-1" ...attributes>
-    <a href="javascript:;" class="driver-card-details flex flex-1 bg-black bg-opacity-25 rounded-md px-4 py-3 shadow-sm" {{on "click" this.onClick}}>
-        <div class="flex flex-row">
-            <div class="mr-3">
-                <img src={{@driver.photoUrl}} alt={{@driver.name}} class="rounded-md w-12 h-12 shadow-sm" />
-            </div>
-            <div class="flex-1">
-                <h1 class="driver-name font-semibold text-base">{{@driver.name}}</h1>
-                <div>
-                    <div class="driver-info horizontal-li flex flex-row">
-                        {{#if @driver.vehicle_uuid}}
-                            <span class="horizontal-li-item truncate text-xs">{{@driver.vehicle_name}}</span>
-                        {{/if}}
-                        <span class="horizontal-li-item truncate text-xs">{{@driver.phone}}</span>
-                    </div>
-                    <div class="driver-fleets horizontal-li flex flex-row">
-                        {{#each @driver.fleets as |fleet|}}
-                            <span class="driver-fleet-name truncate horizontal-li-item text-xs">{{fleet.name}}</span>
-                        {{else}}
-                            <span class="text-xs text-muted">{{t "fleet-ops.component.driver-card.no-fleets"}}</span>
-                        {{/each}}
-                    </div>
-                </div>
-            </div>
-        </div>
-    </a>
-</div>

package/addon/components/driver-card.js

@@ -1,14 +0,0 @@
-import Component from '@glimmer/component';
-import { action } from '@ember/object';
-
-export default class DriverCardComponent extends Component {
-    @action setupComponent() {}
-
-    @action onClick() {
-        const { driver, onClick } = this.args;
-
-        if (typeof onClick === 'function') {
-            onClick(driver, ...arguments);
-        }
-    }
-}

package/addon/components/driver-form-panel.hbs

@@ -1,276 +0,0 @@
-<Overlay
-    @onLoad={{this.setOverlayContext}}
-    @onOpen={{this.onOpen}}
-    @onClose={{this.onClose}}
-    @onToggle={{this.onToggle}}
-    @position="right"
-    @noBackdrop={{true}}
-    @fullHeight={{true}}
-    @isResizeble={{or this.isResizable @isResizable}}
-    @width={{or this.width @width "570px"}}
->
-    <Overlay::Header @hideLeftSection={{true}} @actionsWrapperClass="flex-1 flex-col py-3" class="h-auto-i min-h-[127px]">
-        <div class="flex flex-row items-center justify-between w-full mb-4">
-            <div class="flex flex-1 space-x-2">
-                {{#if this.driver.id}}
-                    <Button
-                        @type="default"
-                        @icon="id-card"
-                        @helpText={{t "fleet-ops.component.driver-form-panel.driver-detail"}}
-                        @onClick={{this.onViewDetails}}
-                        @permission="fleet-ops view driver"
-                    />
-                {{/if}}
-            </div>
-            <div class="flex flex-1 justify-end">
-                <div class="mr-2">
-                    <Button
-                        @icon={{if this.driver.id "save" "check"}}
-                        @type="primary"
-                        @text={{if this.driver.id (t "fleet-ops.component.driver-form-panel.save-driver") (t "fleet-ops.component.driver-form-panel.create-driver")}}
-                        @onClick={{perform this.save}}
-                        @isLoading={{not this.save.isIdle}}
-                        @permission={{this.savePermission}}
-                    />
-                </div>
-                <Button
-                    @type="default"
-                    @icon="times"
-                    @helpText={{if this.driver.id (t "fleet-ops.component.driver-form-panel.cancel-edit-driver") (t "fleet-ops.component.driver-form-panel.cancel-new-driver")}}
-                    @onClick={{this.onPressCancel}}
-                />
-            </div>
-        </div>
-        <div class="flex flex-row justify-between w-full">
-            <div class="flex flex-col flex-1 w-3/4">
-                <div class="flex flex-row">
-                    <div class="w-14">
-                        <div class="upload-avatar-overlay w-12 h-12 flex items-center justify-start rounded-lg">
-                            <Image
-                                src={{this.driver.photo_url}}
-                                @fallbackSrc={{config "defaultValues.driverImage"}}
-                                alt={{this.driver.name}}
-                                height="48"
-                                width="48"
-                                class="h-12 w-12 rounded-lg shadow-sm"
-                            />
-                            <Attach::Tooltip @class="clean" @animation="scale" @placement="top">
-                                <InputInfo @text={{t "fleet-ops.component.driver-form-panel.upload-new-photo"}} />
-                            </Attach::Tooltip>
-                            <div class="upload-avatar-button-wrapper rounded-lg">
-                                <UploadButton
-                                    @name={{t "fleet-ops.common.photos"}}
-                                    @accept="image/*"
-                                    @onFileAdded={{this.onUploadNewPhoto}}
-                                    @icon="upload"
-                                    @hideButtonText={{true}}
-                                    @labelClass="upload-avatar-label-overlay"
-                                    @permission={{this.savePermission}}
-                                    class="w-12 btn-reset"
-                                />
-                            </div>
-                        </div>
-                    </div>
-                    <div class="flex flex-col">
-                        <h1 class="text-gray-900 dark:text-white text-2xl">
-                            {{#if this.driver.id}}
-                                {{this.driver.name}}
-                            {{else}}
-                                {{#if this.driver.name}}
-                                    {{this.driver.name}}
-                                {{else}}
-                                    <span>{{t "fleet-ops.component.driver-form-panel.new-driver"}}</span>
-                                {{/if}}
-                            {{/if}}
-                        </h1>
-                        <div class="-mt-1">
-                            {{#if this.driver.vehicle}}
-                                <div class="flex flex-row items-center">
-                                    <span class="text-sm dark:text-gray-500 text-gray-700 mr-3">{{this.driver.vehicle.displayName}}</span>
-                                </div>
-                            {{else}}
-                                <div class="flex flex-row items-center">
-                                    <span class="text-sm dark:text-gray-500 text-gray-700 mr-3">{{t "fleet-ops.component.driver-panel.no-vehicle-message"}}</span>
-                                </div>
-                            {{/if}}
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <div class="flex justify-end w-1/4">
-                <Badge @status={{if this.driver.online "online" "offline"}}>{{if this.driver.online "Online" "Offline"}}</Badge>
-            </div>
-        </div>
-    </Overlay::Header>
-
-    <Overlay::Body @wrapperClass="new-service-rate-overlay-body px-4 space-y-4 pt-4">
-        <div class="flex-1 space-y-4">
-            <ContentPanel
-                @title={{t "fleet-ops.component.driver-form-panel.user-account"}}
-                @open={{true}}
-                @pad={{true}}
-                @panelBodyClass="bg-white dark:bg-gray-800"
-                @actionButtons={{this.userAccountActionButtons}}
-            >
-                <div class="mb-4">
-                    <InputGroup @name={{t "fleet-ops.component.driver-form-panel.user-account"}} @helpText={{t "fleet-ops.component.driver-form-panel.user-account-help-text"}}>
-                        <ModelSelect
-                            @modelName="user"
-                            @selectedModel={{this.driver.user}}
-                            @placeholder={{t "fleet-ops.component.driver-form-panel.select-user"}}
-                            @query={{hash doesnt_have_driver=true}}
-                            @triggerClass="form-select form-input"
-                            @infiniteScroll={{false}}
-                            @renderInPlace={{true}}
-                            @onChange={{fn (mut this.driver.user)}}
-                            @permission="fleet-ops update-user-for driver"
-                            as |model|
-                        >
-                            <div class="flex flex-row">
-                                <div class="mr-2 w-6">
-                                    <Image src={{model.avatar_url}} @fallbackSrc={{config "defaultValues.userImage"}} alt={{this.user.name}} class="w-6 h-6 rounded-md" />
-                                </div>
-                                <div class="flex flex-col">
-                                    <div class="font-semibold">{{model.name}}</div>
-                                    <div class="text-xs flex flex-row items-center leading-4">
-                                        <FaIcon @icon="envelope" @size="sm" class="mr-1 opacity-75" />
-                                        <span>{{n-a model.email}}</span>
-                                    </div>
-                                    <div class="text-xs flex flex-row items-center leading-4">
-                                        <FaIcon @icon="phone" @size="sm" class="mr-1 opacity-75" />
-                                        <span>{{n-a model.phone}}</span>
-                                    </div>
-                                </div>
-                            </div>
-                        </ModelSelect>
-                    </InputGroup>
-                </div>
-                {{#if this.driver.user}}
-                    <div class="grid grid-cols-1 lg:grid-cols-2 gap-4 text-xs dark:text-gray-100 no-input-group-padding">
-                        <InputGroup @name={{t "fleet-ops.common.name"}} @wrapperClass="col-span-2 mb-0i">
-                            <Input @value={{this.driver.user.name}} @type="text" class="w-full form-input" placeholder={{t "fleet-ops.common.name"}} disabled={{true}} />
-                        </InputGroup>
-
-                        <InputGroup @name={{t "fleet-ops.common.email"}} @wrapperClass="mb-0i">
-                            <Input @value={{this.driver.user.email}} @type="text" class="w-full form-input" placeholder={{t "fleet-ops.common.email"}} disabled={{true}} />
-                        </InputGroup>
-
-                        <InputGroup @name={{t "fleet-ops.common.phone"}} @wrapperClass="mb-0i">
-                            <PhoneInput @value={{this.driver.user.phone}} @onInput={{fn (mut this.driver.phone)}} class="form-input w-full" disabled={{true}} />
-                        </InputGroup>
-                    </div>
-                {{/if}}
-            </ContentPanel>
-
-            <ContentPanel @title={{t "fleet-ops.component.driver-form-panel.driver-details"}} @open={{true}} @pad={{true}} @panelBodyClass="bg-white dark:bg-gray-800">
-                <div class="grid grid-cols-1 lg:grid-cols-2 gap-4 text-xs dark:text-gray-100 no-input-group-padding">
-                    <InputGroup @name={{t "fleet-ops.common.internal-id"}}>
-                        <Input
-                            @value={{this.driver.internal_id}}
-                            @type="text"
-                            class="w-full form-input"
-                            placeholder={{t "fleet-ops.common.internal-id"}}
-                            disabled={{cannot this.savePermission}}
-                        />
-                    </InputGroup>
-
-                    <InputGroup @name={{t "fleet-ops.common.driver-license"}}>
-                        <Input
-                            @value={{this.driver.drivers_license_number}}
-                            @type="text"
-                            class="w-full form-input"
-                            placeholder={{t "fleet-ops.common.driver-license"}}
-                            disabled={{cannot this.savePermission}}
-                        />
-                    </InputGroup>
-
-                    <InputGroup @name={{t "fleet-ops.component.driver-form-panel.vendor"}}>
-                        <ModelSelect
-                            @modelName="vendor"
-                            @selectedModel={{this.driver.vendor}}
-                            @placeholder="Select Vendor"
-                            @triggerClass="form-select form-input"
-                            @infiniteScroll={{false}}
-                            @renderInPlace={{true}}
-                            @onChange={{fn (mut this.driver.vendor)}}
-                            @permission={{this.savePermission}}
-                            as |model|
-                        >
-                            {{model.name}}
-                        </ModelSelect>
-                    </InputGroup>
-
-                    <InputGroup @name={{t "fleet-ops.common.vehicle"}}>
-                        <ModelSelect
-                            @modelName="vehicle"
-                            @selectedModel={{this.driver.vehicle}}
-                            @placeholder={{t "fleet-ops.component.driver-form-panel.select-vehicle"}}
-                            @triggerClass="form-select form-input"
-                            @infiniteScroll={{false}}
-                            @renderInPlace={{true}}
-                            @onChange={{fn (mut this.driver.vehicle)}}
-                            @permission="fleet-ops assign-vehicle-for driver"
-                            as |model|
-                        >
-                            {{model.display_name}}
-                        </ModelSelect>
-                    </InputGroup>
-
-                    <InputGroup @name={{t "fleet-ops.common.city"}}>
-                        <Input @value={{this.driver.city}} @type="text" class="w-full form-input" placeholder={{t "fleet-ops.common.city"}} disabled={{cannot this.savePermission}} />
-                    </InputGroup>
-
-                    <InputGroup @name={{t "fleet-ops.common.country"}}>
-                        <CountrySelect
-                            class="w-full form-input form-select form-datalist"
-                            @value={{this.driver.country}}
-                            @onChange={{fn (mut this.driver.country)}}
-                            placeholder={{t "fleet-ops.common.country"}}
-                            disabled={{cannot this.savePermission}}
-                        />
-                    </InputGroup>
-
-                    <InputGroup @name={{t "fleet-ops.common.status"}}>
-                        <div class="fleetbase-model-select fleetbase-power-select ember-model-select">
-                            <PowerSelect
-                                @options={{this.driverStatusOptions}}
-                                @selected={{this.driver.status}}
-                                @onChange={{fn (mut this.driver.status)}}
-                                @placeholder={{t "fleet-ops.common.status"}}
-                                @triggerClass="form-select form-input"
-                                @disabled={{cannot this.savePermission}}
-                                as |status|
-                            >
-                                {{smart-humanize status}}
-                            </PowerSelect>
-                        </div>
-                    </InputGroup>
-                    <InputGroup @name={{t "fleet-ops.common.coordinates"}} @wrapperClass="col-span-2">
-                        <CoordinatesInput
-                            @value={{this.driver.location}}
-                            @onChange={{this.onCoordinatesChanged}}
-                            @onGeocode={{this.onAutocomplete}}
-                            @onUpdatedFromMap={{this.onCoordinatesChanged}}
-                            @onInit={{this.setCoordinatesInput}}
-                            @renderInPlace={{false}}
-                            @disabled={{cannot this.savePermission}}
-                        />
-                    </InputGroup>
-                    <RegistryYield @registry="fleet-ops:component:driver-form-panel:details" as |RegistryComponent|>
-                        <RegistryComponent @driver={{this.driver}} @controller={{this.controller}} />
-                    </RegistryYield>
-                </div>
-            </ContentPanel>
-
-            <ContentPanel @title={{t "fleet-ops.component.avatar-picker.avatar"}} @open={{true}} @pad={{true}} @panelBodyClass="bg-white dark:bg-gray-800">
-                <AvatarPicker @model={{this.driver}} @defaultAvatar={{config "defaultValues.driverAvatar"}} @permission={{this.savePermission}} />
-            </ContentPanel>
-
-            <RegistryYield @registry="fleet-ops:component:driver-form-panel" as |RegistryComponent|>
-                <RegistryComponent @driver={{this.driver}} @controller={{this.controller}} @permission={{this.savePermission}} />
-            </RegistryYield>
-        </div>
-
-        <Spacer @height="300px" />
-    </Overlay::Body>
-</Overlay>