@fleetbase/fleetops-engine 0.6.17 → 0.6.19

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

@@ -1,60 +0,0 @@
-import Component from '@glimmer/component';
-import { action } from '@ember/object';
-import contextComponentCallback from '@fleetbase/ember-core/utils/context-component-callback';
-
-export default class OrderConfigManagerOverlayComponent extends Component {
-    /**
-     * Sets the overlay context.
-     *
-     * @action
-     * @param {OverlayContextObject} overlayContext
-     */
-    @action setOverlayContext(overlayContext) {
-        this.context = overlayContext;
-        contextComponentCallback(this, 'onLoad', ...arguments);
-    }
-
-    /**
-     * Handles the cancel action.
-     *
-     * @method
-     * @action
-     * @returns {Boolean} Indicates whether the cancel action was overridden.
-     */
-    @action onPressCancel() {
-        return contextComponentCallback(this, 'onPressCancel');
-    }
-
-    /**
-     * Handles the open action.
-     *
-     * @method
-     * @action
-     * @returns {Boolean} Indicates whether the cancel action was overridden.
-     */
-    @action onOpen() {
-        return contextComponentCallback(this, 'onOpen');
-    }
-
-    /**
-     * Handles the close action.
-     *
-     * @method
-     * @action
-     * @returns {Boolean} Indicates whether the cancel action was overridden.
-     */
-    @action onClose() {
-        return contextComponentCallback(this, 'onClose');
-    }
-
-    /**
-     * Handles the toggle action.
-     *
-     * @method
-     * @action
-     * @returns {Boolean} Indicates whether the cancel action was overridden.
-     */
-    @action onToggle() {
-        return contextComponentCallback(this, 'onToggle');
-    }
-}

package/addon/components/order-flow.js

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

package/addon/components/order-list-overlay.hbs

@@ -1,178 +0,0 @@
-<Overlay
-    class="orders-panel"
-    @position="right"
-    @onLoad={{this.onLoad}}
-    @onClose={{this.onClose}}
-    @onOpen={{this.onOpen}}
-    @isOpen={{this.isOpen}}
-    @noBackdrop={{@noBackdrop}}
-    @fullHeight={{@fullHeight}}
-    @outView={{@outView}}
-    @width={{@width}}
->
-    <Overlay::Header @hideLeftSection={{true}} @onPressCancel={{@onPressCancel}} @actionsWrapperClass="h-full" @cancelButtonHeight="1.5rem" class="pl-0i" {{set-height "2.75rem"}}>
-        <div class="h-full flex-1 pl-11 relative">
-            <div class="absolute h-full left-0 top-0 bottom-0 pl-4 flex items-center justify-center">
-                {{#if this.load.isRunning}}
-                    <Spinner />
-                {{else}}
-                    <FaIcon @icon="search" />
-                {{/if}}
-            </div>
-            <Input
-                @value={{this.query}}
-                @type="text"
-                placeholder={{t "fleet-ops.component.order-list-overlay.search"}}
-                class="w-full p-0 m-0 h-full bg-transparent order-list-overlay-search"
-            />
-        </div>
-        <div class="flex flex-row items-center space-x-2">
-            {{#if this.selectedOrders.length}}
-                <BasicDropdown @renderInPlace={{true}} as |dd|>
-                    <dd.Trigger>
-                        <div class="next-org-button-trigger has-selections {{if dd.isOpen 'is-open'}}">
-                            <FaIcon @icon="ellipsis-h" @prefix="fas" class="text-gray-800 dark:text-white" />
-                        </div>
-                    </dd.Trigger>
-                    <dd.Content>
-                        <div class="next-dd-menu">
-                            <div class="px-1">
-                                <div class="text-sm flex flex-row items-center px-3 py-0.5 rounded-md my-1">
-                                    {{t "fleet-ops.component.order-list-overlay.selected"}}
-                                    {{pluralize this.selectedOrders.length "Order"}}
-                                </div>
-                            </div>
-                            <div class="next-dd-menu-seperator"></div>
-                            <div class="px-1">
-                                <a href="javascript:;" class="next-dd-item" {{on "click" (dropdown-fn dd this.onAction "onPressCancelOrders" this.selectedOrders)}}>{{t
-                                        "fleet-ops.component.order-list-overlay.cancel"
-                                    }}</a>
-                                <a href="javascript:;" class="next-dd-item text-danger" {{on "click" (dropdown-fn dd this.onAction "onPressDeleteOrders" this.selectedOrders)}}>{{t
-                                        "fleet-ops.component.order-list-overlay.delete"
-                                    }}</a>
-                            </div>
-                        </div>
-                    </dd.Content>
-                </BasicDropdown>
-            {{/if}}
-            <BasicDropdown @renderInPlace={{true}} as |dd|>
-                <dd.Trigger>
-                    <div class="next-org-button-trigger {{if dd.isOpen 'is-open'}}">
-                        <FaIcon @icon="ellipsis-h" @prefix="fas" class="text-gray-900 dark:text-gray-500" />
-                    </div>
-                </dd.Trigger>
-                <dd.Content>
-                    <div class="next-dd-menu">
-                        <div class="px-1">
-                            <div class="text-sm flex flex-row items-center px-3 py-0.5 rounded-md my-1">
-                                {{t "fleet-ops.component.order-list-overlay.actions"}}
-                            </div>
-                        </div>
-                        <div class="next-dd-menu-seperator"></div>
-                        <div class="px-1">
-                            <a href="javascript:;" class="next-dd-item" {{on "click" (dropdown-fn dd this.onAction "onPressCreateOrder")}}>{{t
-                                    "fleet-ops.component.order-list-overlay.create-order"
-                                }}</a>
-                            <a href="javascript:;" class="next-dd-item" {{on "click" (dropdown-fn dd this.onAction "onPressCreateFleet")}}>{{t
-                                    "fleet-ops.component.order-list-overlay.create-fleet"
-                                }}</a>
-                        </div>
-                    </div>
-                </dd.Content>
-            </BasicDropdown>
-        </div>
-    </Overlay::Header>
-
-    <Overlay::Body class="fleetops-order-list-overlay" @wrapperClass="fleetops-order-list-overlay-inner-wrapper">
-        <div class="fleetops-order-list-overlay-list">
-            {{#if this.load.isIdle}}
-                <div class="next-content-panel-wrapper">
-                    {{#each-in this.orderGroups as |key orders|}}
-                        <ContentPanel
-                            @title={{t (concat "fleet-ops.component.order-list-overlay." (dasherize key))}}
-                            @subtitle={{pluralize orders.length (t "fleet-ops.common.order")}}
-                            @open={{orders.length}}
-                            @panelTitleInlineClass="fleetops-order-list-title-text"
-                            @panelSubtitleInlineClass="resource-count"
-                            @panelBodyClass="order-listings"
-                        >
-                            {{#each orders as |order index|}}
-                                <OrderListOverlay::Order
-                                    @order={{order}}
-                                    @index={{add index 1}}
-                                    @isSelected={{includes order this.selectedOrders}}
-                                    @onClick={{this.selectOrder}}
-                                    @onDoubleClick={{fn this.onAction "onPressViewOrder"}}
-                                    @onMouseEnter={{fn this.onAction "onMouseEnterOrder"}}
-                                    @onMouseLeave={{fn this.onAction "onMouseLeaveOrder"}}
-                                    as |isSelected|
-                                >
-                                    {{#if isSelected}}
-                                        <div class="order-listing-actions space-x-2">
-                                            <Button
-                                                @type="default"
-                                                @icon="file-invoice"
-                                                @text={{t "fleet-ops.common.details"}}
-                                                @size="xs"
-                                                @onClick={{fn this.onAction "onPressViewOrder" order}}
-                                                @wrapperClass="order-listing-action-button"
-                                            />
-                                        </div>
-                                    {{/if}}
-                                </OrderListOverlay::Order>
-                            {{/each}}
-                        </ContentPanel>
-                    {{/each-in}}
-
-                    {{#each this.fleets as |fleet|}}
-                        <ContentPanel
-                            @title={{fleet.name}}
-                            @subtitle={{concat fleet.drivers_online_count " of " fleet.drivers_count " Online"}}
-                            @open={{fleet.drivers.length}}
-                            @actionButtons={{array (hash type="default" icon="cog" size="xs" onClick=(fn this.onAction "onPressManageFleet" fleet))}}
-                            @panelTitleInlineClass="fleetops-order-list-title-text"
-                            @panelSubtitleInlineClass="resource-count"
-                            @panelBodyClass="fleet-listings"
-                        >
-                            {{#each fleet.drivers as |driver|}}
-                                <ContentPanel
-                                    @titleComponent="order-list-overlay/driver-panel-title"
-                                    @titleComponentContext={{driver}}
-                                    @panelHeaderClass="next-orders-driver-header"
-                                    @panelBodyClass="order-listings"
-                                >
-                                    {{#each driver.orderPanelActiveJobs as |order index|}}
-                                        <OrderListOverlay::Order
-                                            @order={{order}}
-                                            @index={{add index 1}}
-                                            @isSelected={{includes order this.selectedOrders}}
-                                            @onClick={{this.selectOrder}}
-                                            @onDoubleClick={{fn this.onAction "onPressViewOrder"}}
-                                            @onMouseEnter={{fn this.onAction "onMouseEnterOrder"}}
-                                            @onMouseLeave={{fn this.onAction "onMouseLeaveOrder"}}
-                                            as |isSelected|
-                                        >
-                                            {{#if isSelected}}
-                                                <div class="order-listing-actions space-x-2">
-                                                    <Button
-                                                        @type="default"
-                                                        @icon="file-invoice"
-                                                        @text={{t "fleet-ops.common.details"}}
-                                                        @size="xs"
-                                                        @onClick={{fn this.onAction "onPressViewOrder" order}}
-                                                        @wrapperClass="order-listing-action-button"
-                                                    />
-                                                </div>
-                                            {{/if}}
-                                        </OrderListOverlay::Order>
-                                    {{/each}}
-                                </ContentPanel>
-                            {{/each}}
-                        </ContentPanel>
-                    {{/each}}
-                </div>
-            {{/if}}
-            <Spacer @height="200px" />
-        </div>
-    </Overlay::Body>
-</Overlay>

package/addon/components/order-list-overlay.js

@@ -1,217 +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 { isEmpty } from '@ember/utils';
-import { task } from 'ember-concurrency';
-import contextComponentCallback from '@fleetbase/ember-core/utils/context-component-callback';
-
-export default class OrderListOverlayComponent extends Component {
-    @service store;
-    @service fetch;
-    @service appCache;
-    @service hostRouter;
-    @service notifications;
-    @service abilities;
-    @service urlSearchParams;
-    @service contextPanel;
-    @tracked fleets = [];
-    @tracked selectedOrders = [];
-    @tracked overlayContext;
-    @tracked query = null;
-    @tracked isOpen = false;
-    @tracked loaded = false;
-    @tracked orderGroups = {
-        activeOrders: [],
-        unassignedOrders: [],
-    };
-
-    constructor(owner, { isOpen = false }) {
-        super(...arguments);
-        this.isOpen = isOpen;
-    }
-
-    @action onLoad(overlayContext) {
-        this.overlayContext = overlayContext;
-
-        if (this.urlSearchParams.get('orderPanelOpen')) {
-            this.overlayContext.open();
-        }
-
-        if (typeof this.args.onLoad === 'function') {
-            this.args.onLoad(...arguments);
-        }
-    }
-
-    @action onOpen() {
-        if (!this.loaded) {
-            this.load.perform();
-        }
-
-        this.urlSearchParams.addParamToCurrentUrl('orderPanelOpen', 1);
-    }
-
-    @action onClose() {
-        this.urlSearchParams.removeParamFromCurrentUrl('orderPanelOpen');
-    }
-
-    @action selectOrder(order) {
-        if (this.selectedOrders.includes(order)) {
-            this.selectedOrders.removeObject(order);
-        } else {
-            this.selectedOrders.pushObject(order);
-        }
-    }
-
-    @action viewOrder(order) {
-        return this.hostRouter.transitionTo('console.fleet-ops.operations.orders.index.view', order);
-    }
-
-    @action onAction(actionName, ...params) {
-        contextComponentCallback(this, actionName, ...params, this);
-    }
-
-    @task *load() {
-        yield this.loadFleets.perform();
-        yield this.loadUnassignedOrders.perform();
-        yield this.loadActiveOrders.perform();
-        this.loaded = true;
-    }
-
-    @task *loadFleets() {
-        if (this.abilities.cannot('fleet-ops list fleet')) {
-            return;
-        }
-
-        // Get orders which are already loaded to exclude from reloading
-        const activeLoadedOrders = this.getLoadedOrders();
-
-        try {
-            let fleets = yield this.store.query('fleet', {
-                excludeDriverJobs: activeLoadedOrders.map((_) => _.public_id),
-                with: ['serviceArea', 'drivers.jobs', 'drivers.currentJob'],
-                without: ['drivers.fleets'],
-            });
-
-            // reset loaded jobs to drivers
-            if (isArray(fleets)) {
-                fleets = fleets.map((fleet) => {
-                    fleet.drivers = fleet.drivers.map((driver) => {
-                        driver.set('orderPanelActiveJobs', [...driver.activeJobs, ...this.getLoadedActiveOrderForDriver(driver)]);
-                        return driver;
-                    });
-
-                    return fleet;
-                });
-
-                this.fleets = fleets;
-                this.appCache.setEmberData('fleets', fleets);
-            }
-        } catch (error) {
-            this.notifications.serverError(error);
-        }
-    }
-
-    @task *loadUnassignedOrders() {
-        if (this.abilities.cannot('fleet-ops list order')) {
-            return;
-        }
-
-        // Get orders which are already loaded to exclude from reloading
-        const activeLoadedOrders = this.getLoadedOrders();
-
-        try {
-            const unassignedOrders = yield this.fetch.get(
-                'fleet-ops/live/orders',
-                {
-                    unassigned: 1,
-                    exclude: activeLoadedOrders.map((_) => _.public_id),
-                },
-                {
-                    normalizeToEmberData: true,
-                    normalizeModelType: 'order',
-                    expirationInterval: 5,
-                    expirationIntervalUnit: 'minute',
-                }
-            );
-            this.orderGroups = {
-                ...this.orderGroups,
-                unassignedOrders: [...unassignedOrders, ...this.getLoadedUnassignedOrder()],
-            };
-        } catch (error) {
-            this.notifications.serverError(error);
-        }
-    }
-
-    @task *loadActiveOrders() {
-        if (this.abilities.cannot('fleet-ops list order')) {
-            return;
-        }
-
-        // Get orders which are already loaded to exclude from reloading
-        const activeLoadedOrders = this.getLoadedOrders();
-
-        // Load live orders
-        try {
-            const serverActiveOrders = yield this.fetch.get(
-                'fleet-ops/live/orders',
-                {
-                    active: 1,
-                    with_tracker_data: 1,
-                    exclude: activeLoadedOrders.map((_) => _.public_id),
-                },
-                {
-                    normalizeToEmberData: true,
-                    normalizeModelType: 'order',
-                    expirationInterval: 5,
-                    expirationIntervalUnit: 'minute',
-                }
-            );
-            const activeOrders = [...serverActiveOrders, ...this.getLoadedActiveOrder()];
-
-            for (let order of activeOrders) {
-                if (!order.get('tracker_data')) {
-                    order.loadTrackerData();
-                }
-            }
-
-            this.orderGroups = {
-                ...this.orderGroups,
-                activeOrders,
-            };
-        } catch (error) {
-            this.notifications.serverError(error);
-        }
-    }
-
-    getLoadedOrders(filter = null) {
-        filter =
-            typeof filter === 'function'
-                ? filter
-                : function () {
-                      return true;
-                  };
-
-        const loadedOrders = this.store.peekAll('order');
-        return loadedOrders.filter(filter);
-    }
-
-    getLoadedUnassignedOrder() {
-        return this.getLoadedOrders((order) => {
-            return isEmpty(order.driver_assigned_uuid);
-        });
-    }
-
-    getLoadedActiveOrder() {
-        return this.getLoadedOrders((order) => {
-            return !isEmpty(order.driver_assigned) && !['created', 'completed', 'canceled', 'expired'].includes(order.status);
-        });
-    }
-
-    getLoadedActiveOrderForDriver(driver) {
-        return this.getLoadedOrders((order) => {
-            return !isEmpty(order.driver_assigned) && order.driver_assigned.id === driver.id && !['created', 'completed', 'canceled', 'expired'].includes(order.status);
-        });
-    }
-}

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

@@ -1,118 +0,0 @@
-<Overlay
-    @onLoad={{this.setOverlayContext}}
-    @onOpen={{this.onOpen}}
-    @onClose={{this.onClose}}
-    @onToggle={{this.onToggle}}
-    @position="right"
-    @noBackdrop={{true}}
-    @fullHeight={{true}}
-    @isResizeble={{true}}
-    @width="570px"
-    @overlayClass="place-form-panel"
->
-    <Overlay::Header
-        @title={{if this.place.public_id this.place.address (t "fleet-ops.component.place-form-panel.place")}}
-        @status={{this.place.public_id}}
-        @hideStatusDot={{true}}
-        @titleWrapperClass="flex-col leading-5"
-    >
-        <div class="flex flex-1 justify-end">
-            <Button
-                @icon={{if this.place.id "save" "check"}}
-                @type="primary"
-                @text={{if this.place.id (t "fleet-ops.component.place-form-panel.save-place") (t "fleet-ops.component.place-form-panel.create-place")}}
-                @onClick={{perform this.save}}
-                @isLoading={{this.save.isRunning}}
-                @wrapperClass="mr-2"
-                @permission={{this.savePermission}}
-            />
-            <Button
-                @type="default"
-                @icon="times"
-                @helpText={{if this.place.id (t "fleet-ops.component.place-form-panel.cancel-edit-place") (t "fleet-ops.component.place-form-panel.cancel-new-place")}}
-                @onClick={{this.onPressCancel}}
-            />
-        </div>
-    </Overlay::Header>
-
-    <Overlay::Body @wrapperClass="new-service-rate-overlay-body px-4 space-y-4 pt-4">
-        {{#let (cannot this.savePermission) as |unauthorized|}}
-            <div class="flex-1 space-y-4">
-                <ContentPanel @title={{t "fleet-ops.component.place-form-panel.place-details"}} @open={{true}} @pad={{true}} @panelBodyClass="bg-white dark:bg-gray-800">
-                    <div class="grid grid-cols-3 gap-4 text-xs dark:text-gray-100 no-input-group-padding">
-                        <InputGroup @name={{t "fleet-ops.common.name"}} @wrapperClass="col-span-2">
-                            <Input @value={{this.place.name}} @type="text" class="w-full form-input" placeholder={{t "fleet-ops.common.name"}} disabled={{unauthorized}} />
-                        </InputGroup>
-                        <InputGroup @name={{t "fleet-ops.component.place-form-panel.street-1"}} @value={{this.place.street1}} @wrapperClass="col-span-3">
-                            <AutocompleteInput
-                                @value={{this.place.street1}}
-                                @fetchUrl="places/lookup"
-                                @onSelect={{this.onAutocomplete}}
-                                disabled={{unauthorized}}
-                                placeholder={{t "fleet-ops.component.place-form-panel.street-1"}}
-                                class="w-full"
-                                as |result|
-                            >
-                                {{result.address}}
-                            </AutocompleteInput>
-                        </InputGroup>
-                        <InputGroup
-                            @name={{t "fleet-ops.component.place-form-panel.street-2"}}
-                            @autocomplete="nope"
-                            @value={{this.place.street2}}
-                            @wrapperClass="col-span-3"
-                            @disabled={{unauthorized}}
-                        />
-                        <InputGroup @name={{t "fleet-ops.component.place-form-panel.neighborhood"}} @autocomplete="nope" @value={{this.place.neighborhood}} @disabled={{unauthorized}} />
-                        <InputGroup @name={{t "fleet-ops.component.place-form-panel.building"}} @autocomplete="nope" @value={{this.place.building}} @disabled={{unauthorized}} />
-                        <InputGroup
-                            @name={{t "fleet-ops.component.place-form-panel.security-code"}}
-                            @autocomplete="nope"
-                            @value={{this.place.security_access_code}}
-                            @disabled={{unauthorized}}
-                        />
-                        <InputGroup @name={{t "fleet-ops.component.place-form-panel.postal-code"}} @autocomplete="nope" @value={{this.place.postal_code}} @disabled={{unauthorized}} />
-                        <InputGroup @name={{t "fleet-ops.common.city"}} @autocomplete="nope" @value={{this.place.city}} @disabled={{unauthorized}} />
-                        <InputGroup @name={{t "fleet-ops.component.place-form-panel.state"}} @autocomplete="nope" @value={{this.place.province}} @disabled={{unauthorized}} />
-                        <InputGroup @name={{t "fleet-ops.common.country"}} @wrapperClass="col-span-2">
-                            <CountrySelect
-                                class="w-full form-input form-select form-datalist"
-                                @value={{this.place.country}}
-                                @onChange={{fn (mut this.place.country)}}
-                                @placeholder={{t "fleet-ops.common.country"}}
-                                @disabled={{unauthorized}}
-                            />
-                        </InputGroup>
-                        <InputGroup @name={{t "fleet-ops.common.coordinates"}} @wrapperClass="col-span-2">
-                            <CoordinatesInput
-                                @value={{this.place.location}}
-                                @onChange={{this.updatePlaceCoordinates}}
-                                @onGeocode={{this.onAutocomplete}}
-                                @onUpdatedFromMap={{this.onReverseGeocode}}
-                                @onInit={{this.setCoordinatesInput}}
-                                @disabled={{unauthorized}}
-                            />
-                        </InputGroup>
-                        <div class="col-span-1"></div>
-                        <InputGroup @name={{t "fleet-ops.common.phone"}} @wrapperClass="col-span-2">
-                            <PhoneInput @value={{this.place.phone}} @autocomplete="nope" @onInput={{this.phone}} disabled={{unauthorized}} class="form-input w-full" />
-                        </InputGroup>
-                        <RegistryYield @registry="fleet-ops:template:management:places:form:details" as |RegistryComponent|>
-                            <RegistryComponent @place={{this.place}} @controller={{this.controller}} @permission={{this.savePermission}} />
-                        </RegistryYield>
-                    </div>
-                </ContentPanel>
-
-                <RegistryYield @registry="fleet-ops:template:management:places:form" as |RegistryComponent|>
-                    <RegistryComponent @place={{this.place}} @controller={{this.controller}} @permission={{this.savePermission}} />
-                </RegistryYield>
-
-                <ContentPanel @title={{t "fleet-ops.component.avatar-picker.avatar"}} @open={{true}} @pad={{true}} @panelBodyClass="bg-white dark:bg-gray-800">
-                    <AvatarPicker @model={{this.place}} @defaultAvatar={{config "defaultValues.placeAvatar"}} @disabled={{unauthorized}} />
-                </ContentPanel>
-            </div>
-        {{/let}}
-
-        <Spacer @height="300px" />
-    </Overlay::Body>
-</Overlay>