@fleetbase/fleetops-engine 0.6.18 → 0.6.20

package/addon/components/map-container/toolbar/visibility-control-panel.hbs

@@ -1,66 +0,0 @@
-<div class="next-dd-menu overflow-visible">
-    <div class="px-1">
-        <div class="text-sm flex flex-row items-center px-3 py-0.5 rounded-md my-1 text-gray-800 dark:text-gray-300">
-            {{t "fleet-ops.component.map-container.visibility-control-panel.title"}}
-        </div>
-    </div>
-    <div class="next-dd-menu-seperator"></div>
-    <div class="px-1">
-        <a href="javascript:;" class="next-dd-item flex-row items-center justify-between relative" {{on "click" (fn this.triggerCallback "toggleVisibility" "places")}}>
-            <div class="flex flex-row items-center">
-                <div class="w-6">
-                    <FaIcon @icon="building" />
-                </div>
-                <span>
-                    {{#if (is-visibility-control-visible this.liveMap "places")}}
-                        {{t "fleet-ops.component.map-container.visibility-control-panel.hide-places"}}
-                    {{else}}
-                        {{t "fleet-ops.component.map-container.visibility-control-panel.show-places"}}
-                    {{/if}}
-                </span>
-            </div>
-            <div>
-                <Badge @status="info" @hideStatusDot={{true}} @spanClass="rounded-full -mr-2">{{this.liveMap.originalResources.places.length}}</Badge>
-            </div>
-        </a>
-        <BasicDropdownHover @horizontalPosition="right" @calculatePosition={{this.calculatePosition}} @renderInPlace={{true}} as |dd|>
-            <dd.Trigger class="next-dd-item flex-row items-center justify-between relative {{if dd.isOpen 'active'}}">
-                <div class="flex flex-row items-center">
-                    <div class="w-6">
-                        <FaIcon @icon="car" />
-                    </div>
-                    <span>{{t "fleet-ops.component.map-container.visibility-control-panel.vehicles"}}</span>
-                </div>
-                <div>
-                    <Badge @status="info" @hideStatusDot={{true}} @spanClass="rounded-full -mr-2">{{this.liveMap.originalResources.vehicles.length}}</Badge>
-                </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 text-gray-800 dark:text-gray-300 truncate">
-                            <FaIcon @icon="binoculars" class="mr-2" />
-                            <span>{{t "fleet-ops.component.map-container.visibility-control-panel.vehicle-controls"}}</span>
-                        </div>
-                    </div>
-                    <div class="next-dd-menu-seperator"></div>
-                    <div class="px-1">
-                        <a href="javascript:;" class="next-dd-item" {{on "click" (fn this.triggerCallback "toggleAllOnlineOffline" "vehicles")}}>
-                            {{#if (is-visibility-control-visible this.liveMap "vehicles")}}
-                                {{t "fleet-ops.component.map-container.visibility-control-panel.hide-vehicles"}}
-                            {{else}}
-                                {{t "fleet-ops.component.map-container.visibility-control-panel.show-vehicles"}}
-                            {{/if}}
-                        </a>
-                        <a href="javascript:;" class="next-dd-item" {{on "click" (fn this.triggerCallback "showOnline" "vehicles")}}>
-                            {{t "fleet-ops.component.map-container.visibility-control-panel.online-vehicles"}}
-                        </a>
-                        <a href="javascript:;" class="next-dd-item" {{on "click" (fn this.triggerCallback "showOffline" "vehicles")}}>
-                            {{t "fleet-ops.component.map-container.visibility-control-panel.offline-vehicles"}}
-                        </a>
-                    </div>
-                </div>
-            </dd.Content>
-        </BasicDropdownHover>
-    </div>
-</div>

package/addon/components/map-container/toolbar/visibility-control-panel.js

@@ -1,74 +0,0 @@
-import Component from '@glimmer/component';
-import { tracked } from '@glimmer/tracking';
-import { action } from '@ember/object';
-import { classify } from '@ember/string';
-import { calculateInPlacePosition } from 'ember-basic-dropdown/utils/calculate-position';
-
-/**
- * @class MapContainerToolbarVisibilityControlPanelComponent
- * @extends {Component}
- * @memberof @fleetbase/fleetops-engine
- */
-export default class MapContainerToolbarVisibilityControlPanelComponent extends Component {
-    /**
-     * Reference to the map instance.
-     * @type {L.Map}
-     * @memberof MapContainerToolbarZonesPanelComponent
-     */
-    @tracked map;
-
-    /**
-     * Reference to the live map component instance.
-     * @type {LiveMapComponent}
-     * @memberof MapContainerToolbarZonesPanelComponent
-     */
-    @tracked liveMap;
-
-    /**
-     * Class constructor.
-     * @memberof MapContainerToolbarZonesPanelComponent
-     */
-    constructor() {
-        super(...arguments);
-        this.map = this.args.map;
-        this.liveMap = this.args.liveMap;
-    }
-
-    /**
-     * Calculate position for dropdown.
-     * @param {Element} trigger The triggering element
-     * @returns {Object} Position style object
-     * @memberof MapContainerToolbarZonesPanelComponent
-     */
-    @action calculatePosition(trigger) {
-        const position = calculateInPlacePosition(...arguments);
-        const rect = trigger.getBoundingClientRect();
-
-        position.style.top = '-0.5rem';
-        position.style.left = `calc(${rect.width}px + 0.75rem)`;
-
-        return position;
-    }
-
-    /**
-     * Generic callback trigger function.
-     * @param {string} callbackFn Callback function name
-     * @param {...any} params Parameters for the callback function
-     * @memberof MapContainerToolbarZonesPanelComponent
-     */
-    @action triggerCallback(callbackFn, ...params) {
-        const tryInvoke = (context, fnName) => {
-            if (context && typeof context[fnName] === 'function') {
-                context[fnName](...params);
-            }
-        };
-
-        tryInvoke(this, callbackFn);
-        tryInvoke(this.args, callbackFn);
-        tryInvoke(this.liveMap, callbackFn);
-
-        // Additional check for event callback function in args
-        const eventCallbackFn = `on${classify(callbackFn)}`;
-        tryInvoke(this.args, eventCallbackFn);
-    }
-}

package/addon/components/map-container/toolbar/zones-panel.hbs

@@ -1,56 +0,0 @@
-<div class="next-dd-menu overflow-visible">
-    <div class="px-1">
-        <div class="text-sm flex flex-row items-center px-3 py-0.5 rounded-md my-1 text-gray-800 dark:text-gray-300">
-            {{t "fleet-ops.component.map-container.zones-panel.title"}}
-        </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.triggerCallback "createServiceArea")}}>{{t
-                "fleet-ops.component.map-container.zones-panel.create-service"
-            }}</a>
-        <a href="javascript:;" class="next-dd-item" {{on "click" (dropdown-fn @dd this.triggerCallback "focusAllServiceAreas")}}>{{t
-                "fleet-ops.component.map-container.zones-panel.show"
-            }}</a>
-        <a href="javascript:;" class="next-dd-item" {{on "click" (dropdown-fn @dd this.triggerCallback "blurAllServiceAreas")}}>{{t "fleet-ops.component.map-container.zones-panel.hide"}}</a>
-        {{#each this.serviceAreaRecords as |serviceArea|}}
-            <BasicDropdownHover @horizontalPosition="right" @calculatePosition={{this.calculatePosition}} @renderInPlace={{true}} as |dd|>
-                <dd.Trigger class="next-dd-item {{if dd.isOpen 'active'}}">
-                    <FaIcon @icon="drafting-compass" class="mr-2" />
-                    <span>{{serviceArea.name}}</span>
-                </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 text-gray-800 dark:text-gray-300 truncate">
-                                <FaIcon @icon="drafting-compass" class="mr-2" />
-                                <span>{{serviceArea.name}} {{t "fleet-ops.component.map-container.zones-panel.action"}}</span>
-                            </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.triggerCallback "focusServiceArea" serviceArea)}}>{{t
-                                    "fleet-ops.component.map-container.zones-panel.focus"
-                                }}
-                                {{serviceArea.name}}...</a>
-                            {{#if (eq serviceArea this.liveMap.activeServiceArea)}}
-                                <a href="javascript:;" class="next-dd-item" {{on "click" (dropdown-fn dd this.triggerCallback "blurServiceArea" serviceArea)}}>{{t
-                                        "fleet-ops.component.map-container.zones-panel.blur"
-                                    }}</a>
-                            {{/if}}
-                            <a href="javascript:;" class="next-dd-item" {{on "click" (dropdown-fn dd this.triggerCallback "createZone" serviceArea)}}>{{t
-                                    "fleet-ops.component.map-container.zones-panel.create-zone"
-                                }}</a>
-                            <a href="javascript:;" class="next-dd-item" {{on "click" (dropdown-fn dd this.triggerCallback "editServiceAreaDetails" serviceArea)}}>{{t
-                                    "fleet-ops.common.edit"
-                                }}
-                                {{serviceArea.name}}...</a>
-                            <a href="javascript:;" class="next-dd-item" {{on "click" (dropdown-fn dd this.triggerCallback "deleteServiceArea" serviceArea)}}>{{t "fleet-ops.common.delete"}}
-                                {{serviceArea.name}}...</a>
-                        </div>
-                    </div>
-                </dd.Content>
-            </BasicDropdownHover>
-        {{/each}}
-    </div>
-</div>

package/addon/components/map-container/toolbar/zones-panel.js

@@ -1,138 +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 { later } from '@ember/runloop';
-import { classify } from '@ember/string';
-import { calculateInPlacePosition } from 'ember-basic-dropdown/utils/calculate-position';
-import { task } from 'ember-concurrency';
-
-/**
- * @class MapContainerToolbarZonesPanelComponent
- * @extends {Component}
- * @memberof @fleetbase/fleetops-engine
- */
-export default class MapContainerToolbarZonesPanelComponent extends Component {
-    /**
-     * Ember Data store service.
-     * @type {Service}
-     * @memberof MapContainerToolbarZonesPanelComponent
-     */
-    @service store;
-
-    /**
-     * Service areas service.
-     * @type {Service}
-     * @memberof MapContainerToolbarZonesPanelComponent
-     */
-    @service serviceAreas;
-
-    /**
-     * Application cache service.
-     * @type {Service}
-     * @memberof MapContainerToolbarZonesPanelComponent
-     */
-    @service appCache;
-
-    /**
-     * Indicates if the component is in a loading state.
-     * @type {boolean}
-     * @memberof MapContainerToolbarZonesPanelComponent
-     */
-    @tracked isLoading = false;
-
-    /**
-     * Holds the records for service areas.
-     * @type {Array}
-     * @memberof MapContainerToolbarZonesPanelComponent
-     */
-    @tracked serviceAreaRecords = [];
-
-    /**
-     * Reference to the map instance.
-     * @type {L.Map}
-     * @memberof MapContainerToolbarZonesPanelComponent
-     */
-    @tracked map;
-
-    /**
-     * Reference to the live map component instance.
-     * @type {LiveMapComponent}
-     * @memberof MapContainerToolbarZonesPanelComponent
-     */
-    @tracked liveMap;
-
-    /**
-     * Class constructor.
-     * @memberof MapContainerToolbarZonesPanelComponent
-     */
-    constructor() {
-        super(...arguments);
-
-        this.map = this.args.map;
-        this.liveMap = this.args.liveMap;
-        this.serviceAreas.setMapInstance(this.args.map);
-
-        later(
-            this,
-            () => {
-                this.fetchServiceAreas.perform();
-            },
-            100
-        );
-    }
-
-    /**
-     * Calculate position for dropdown.
-     * @param {Element} trigger The triggering element
-     * @returns {Object} Position style object
-     * @memberof MapContainerToolbarZonesPanelComponent
-     */
-    @action calculatePosition(trigger) {
-        const position = calculateInPlacePosition(...arguments);
-        const rect = trigger.getBoundingClientRect();
-
-        position.style.top = '-0.5rem';
-        position.style.left = `calc(${rect.width}px + 0.75rem)`;
-
-        return position;
-    }
-
-    /**
-     * Generic callback trigger function.
-     * @param {string} callbackFn Callback function name
-     * @param {...any} params Parameters for the callback function
-     * @memberof MapContainerToolbarZonesPanelComponent
-     */
-    @action triggerCallback(callbackFn, ...params) {
-        const tryInvoke = (context, fnName) => {
-            if (context && typeof context[fnName] === 'function') {
-                context[fnName](...params);
-            }
-        };
-
-        tryInvoke(this, callbackFn);
-        tryInvoke(this.args, callbackFn);
-        tryInvoke(this.liveMap, callbackFn);
-        tryInvoke(this.serviceAreas, callbackFn);
-
-        // Additional check for event callback function in args
-        const eventCallbackFn = `on${classify(callbackFn)}`;
-        tryInvoke(this.args, eventCallbackFn);
-    }
-
-    /**
-     * Fetch service areas and update state.
-     * @memberof MapContainerToolbarZonesPanelComponent
-     */
-    @task *fetchServiceAreas() {
-        if (this.appCache.has('serviceAreas')) {
-            this.serviceAreaRecords = this.appCache.getEmberData('serviceAreas', 'service-area');
-        }
-
-        const serviceAreas = yield this.store.query('service-area', { with: ['zones'] });
-
-        this.serviceAreaRecords = serviceAreas;
-        this.appCache.setEmberData('serviceAreas', serviceAreas);
-    }
-}

package/addon/components/map-container/toolbar-container.hbs

@@ -1 +0,0 @@
-<div class="next-map-container-toolbar-container {{if @horizontal 'toolbar-container-horizontal'}} {{if (eq @position 'bottom') 'position-bottom'}}" ...attributes>{{yield}}</div>

package/addon/components/map-container/toolbar-container.js

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

package/addon/components/map-container/toolbar.hbs

@@ -1,123 +0,0 @@
-<MapContainer::ToolbarContainer {{did-update this.handleArgsChanged @map}} ...attributes>
-    <div class="next-map-container-toolbar next-map-container-toolbar-zoom-control">
-        <div id="map-toolbar-zoom-in-button-wrapper">
-            <button type="button" id="map-toolbar-zoom-in-button" class="toolbar-button" {{on "click" (fn this.onAction "onZoomIn")}}>
-                <FaIcon @icon="plus" @prefix="fas" class="text-gray-100" />
-            </button>
-        </div>
-        <div id="map-toolbar-zoom-out-button-wrapper">
-            <button type="button" class="toolbar-button" {{on "click" (fn this.onAction "onZoomOut")}}>
-                <FaIcon @icon="minus" id="map-toolbar-zoom-out-button" @prefix="fas" class="text-gray-100" />
-            </button>
-        </div>
-    </div>
-    <div class="next-map-container-toolbar-panel next-map-container-toolbar-actions">
-        <button type="button" id="map-toolbar-toggle-light-mode-button" class="toolbar-button is-action mb-0i" {{on "click" this.toggleMapTheme}}>
-            <FaIcon @icon="lightbulb" />
-            <Attach::Tooltip @class="clean" @animation="scale" @placement="right">
-                <InputInfo @text="Toggle {{if (eq this.liveMap.mapTheme 'dark') 'light' 'dark'}} mode" @iconClass="hidden" class="py-1 px-2 bg-gray-900 -mt-1" />
-            </Attach::Tooltip>
-        </button>
-    </div>
-    <div class="next-map-container-toolbar-panel next-map-container-toolbar-actions">
-        {{#let (cannot "fleet-ops create order") as |unauthorized|}}
-            <button
-                type="button"
-                id="map-toolbar-create-order-button"
-                class="toolbar-button is-action {{if unauthorized 'unauthorized'}}"
-                {{on "click" (fn this.onAction "onPressCreateOrder")}}
-                disabled={{unauthorized}}
-            >
-                <FaIcon @icon="paper-plane" />
-                <Attach::Tooltip @class="clean" @animation="scale" @placement="right">
-                    {{#let (if unauthorized (concat (t "common.unauthorized-to") " " (t "fleet-ops.common.create-order")) (t "fleet-ops.common.create-order")) as |unauthorizedMessage|}}
-                        <InputInfo @text={{unauthorizedMessage}} @iconClass="hidden" class="py-1 px-2 bg-gray-900 -mt-1" />
-                    {{/let}}
-                </Attach::Tooltip>
-            </button>
-        {{/let}}
-        {{#let (cannot "fleet-ops list order") as |unauthorized|}}
-            <button
-                type="button"
-                id="map-toolbar-search-button"
-                class="toolbar-button {{if unauthorized 'unauthorized'}}"
-                {{on "click" (fn this.onAction "onPressSearch")}}
-                disabled={{unauthorized}}
-            >
-                <FaIcon @icon="search" />
-                <Attach::Tooltip @class="clean" @animation="scale" @placement="right">
-                    {{#let (if unauthorized (concat (t "common.unauthorized-to") " " (t "fleet-ops.common.search")) (t "fleet-ops.common.search")) as |unauthorizedMessage|}}
-                        <InputInfo @text={{unauthorizedMessage}} @iconClass="hidden" class="py-1 px-2 bg-gray-900 -mt-1" />
-                    {{/let}}
-                </Attach::Tooltip>
-            </button>
-        {{/let}}
-        {{#let (cannot "fleet-ops list order") as |unauthorized|}}
-            <button
-                type="button"
-                id="map-toolbar-view-orders-button"
-                class="toolbar-button relative {{if unauthorized 'unauthorized'}}"
-                {{on "click" (fn this.onAction "onPressViewOrders")}}
-            >
-                <div class="active-orders-count absolute top-0 right-0 -mr-2.5 -mt-1">
-                    <div class="relative flex w-5 h-5 rounded-full">
-                        <div class="absolute inset-0 rounded-full w-5 h-5 text-xs bg-blue-500 opacity-75 {{if @activeOrdersCount 'animate-ping'}}"></div>
-                        <div class="relative inline-flex items-center justify-center rounded-full w-5 h-5 text-xs bg-blue-500 text-white z-10">{{@activeOrdersCount}}</div>
-                    </div>
-                </div>
-                <FaIcon @icon="layer-group" />
-                <Attach::Tooltip @class="clean" @animation="scale" @placement="right">
-                    {{#let
-                        (if
-                            unauthorized
-                            (concat (t "common.unauthorized-to") " " (t "fleet-ops.component.map-container.toolbar.view-order"))
-                            (t "fleet-ops.component.map-container.toolbar.view-order")
-                        )
-                        as |unauthorizedMessage|
-                    }}
-                        <InputInfo @text={{unauthorizedMessage}} @iconClass="hidden" class="py-1 px-2 bg-gray-900 -mt-1" />
-                    {{/let}}
-                </Attach::Tooltip>
-            </button>
-        {{/let}}
-        {{#let (cannot "fleet-ops list service-area") as |unauthorized|}}
-            <BasicDropdown id="map-toolbar-service-areas-button" @horizontalPosition="right" @calculatePosition={{this.calculatePosition}} @renderInPlace={{true}} as |dd|>
-                <dd.Trigger class="toolbar-button {{if unauthorized 'unauthorized'}}">
-                    <FaIcon @icon="map-marked-alt" />
-                    <Attach::Tooltip @class="clean" @animation="scale" @placement="right">
-                        {{#let
-                            (if
-                                unauthorized
-                                (concat (t "common.unauthorized-to") " " (t "fleet-ops.component.map-container.toolbar.view-service-area"))
-                                (t "fleet-ops.component.map-container.toolbar.view-service-area")
-                            )
-                            as |unauthorizedMessage|
-                        }}
-                            <InputInfo @text={{unauthorizedMessage}} @iconClass="hidden" class="{{if dd.isOpen 'hidden'}} py-1 px-2 bg-gray-900 -mt-1" />
-                        {{/let}}
-                    </Attach::Tooltip>
-                </dd.Trigger>
-                <dd.Content>
-                    <MapContainer::Toolbar::ZonesPanel @dd={{dd}} @liveMap={{@liveMap}} @map={{@map}} @onPressCreateServiceArea={{@onPressCreateServiceArea}} />
-                </dd.Content>
-            </BasicDropdown>
-        {{/let}}
-        <BasicDropdown id="map-toolbar-visibility-controls-button" @horizontalPosition="right" @calculatePosition={{this.calculatePosition}} @renderInPlace={{true}} as |dd|>
-            <dd.Trigger class="toolbar-button">
-                <FaIcon @icon="eye" />
-                <Attach::Tooltip @class="clean" @animation="scale" @placement="right">
-                    <InputInfo @text={{t "fleet-ops.component.map-container.toolbar.visibility"}} @iconClass="hidden" class="{{if dd.isOpen 'hidden'}} py-1 px-2 bg-gray-900 -mt-1" />
-                </Attach::Tooltip>
-            </dd.Trigger>
-            <dd.Content>
-                <MapContainer::Toolbar::VisibilityControlPanel @dd={{dd}} @liveMap={{@liveMap}} @map={{@map}} />
-            </dd.Content>
-        </BasicDropdown>
-        <button type="button" id="map-toolbar-live-map-drawer-button" class="toolbar-button is-action mb-0i" {{on "click" (fn this.onAction "onPressLiveMapDrawerToggle")}}>
-            <FaIcon @icon="binoculars" />
-            <Attach::Tooltip @class="clean" @animation="scale" @placement="right">
-                <InputInfo @text={{t "fleet-ops.component.map-container.toolbar.scope"}} @iconClass="hidden" class="py-1 px-2 bg-gray-900 -mt-1" />
-            </Attach::Tooltip>
-        </button>
-    </div>
-</MapContainer::ToolbarContainer>

package/addon/components/map-container/toolbar.js

@@ -1,63 +0,0 @@
-import Component from '@glimmer/component';
-import { tracked } from '@glimmer/tracking';
-import { action } from '@ember/object';
-
-export default class MapContainerToolbarComponent extends Component {
-    @tracked liveMap;
-    @tracked map;
-
-    constructor(owner, { map }) {
-        super(...arguments);
-
-        if (map) {
-            this.map = map;
-            this.liveMap = map.liveMap;
-        }
-    }
-
-    @action calculatePosition(trigger) {
-        let { width } = trigger.getBoundingClientRect();
-
-        let style = {
-            marginTop: '0px',
-            left: `${width + 13}px`,
-            top: '0px',
-        };
-
-        return { style };
-    }
-
-    @action onAction(actionName, ...params) {
-        if (typeof this[actionName] === 'function') {
-            this[actionName](...params);
-        }
-
-        if (typeof this.args[actionName] === 'function') {
-            this.args[actionName](...params);
-        }
-    }
-
-    @action handleArgsChanged(owner, [map]) {
-        this.map = map;
-        this.liveMap = map.liveMap;
-    }
-
-    @action toggleMapTheme() {
-        if (this.liveMap && typeof this.liveMap.changeTileSource === 'function') {
-            const nextTheme = this.liveMap.mapTheme === 'dark' ? 'light' : 'dark';
-            this.liveMap.changeTileSource(nextTheme);
-        }
-    }
-
-    @action onZoomOut() {
-        if (this.map && typeof this.map.zoomOut === 'function') {
-            this.map.zoomOut();
-        }
-    }
-
-    @action onZoomIn() {
-        if (this.map && typeof this.map.zoomIn === 'function') {
-            this.map.zoomIn();
-        }
-    }
-}

package/addon/components/operations-pane/pane.hbs

@@ -1 +0,0 @@
-<div class="operations-pane hidden" ...attributes>{{yield}}</div>

package/addon/components/order-board.hbs

@@ -1,27 +0,0 @@
-<div class="order-board-container">
-    <div class="flex flex-row items-center justify-between px-6 py-3">
-        <div></div>
-        <div>
-            <DropdownButton
-                @icon="layer-group"
-                @text={{concat "Order Type: " this.type.name}}
-                @type="magic"
-                @size="sm"
-                @contentClass="dropdown-menu"
-                @disabled={{not this.orderTypes}}
-                as |dd|
-            >
-                <div class="next-dd-menu mt-2 mx-0">
-                    {{#each this.orderTypes as |type|}}
-                        <div class="px-1">
-                            <a href="#" class="next-dd-item" {{on "click" (dropdown-fn dd this.selectOrderType type)}}>
-                                {{type.name}}
-                            </a>
-                        </div>
-                    {{/each}}
-                </div>
-            </DropdownButton>
-        </div>
-    </div>
-    <Kanban @columns={{this.columns}} />
-</div>

package/addon/components/order-board.js

@@ -1,81 +0,0 @@
-import Component from '@glimmer/component';
-import { inject as service } from '@ember/service';
-import { tracked } from '@glimmer/tracking';
-import { action } from '@ember/object';
-
-export default class OrderBoardComponent extends Component {
-    /**
-     * Inject the `fetch` service
-     *
-     * @var {Service}
-     */
-    @service fetch;
-
-    @tracked type;
-    @tracked orderTypes = [];
-    @tracked columns = [];
-
-    constructor() {
-        super(...arguments);
-        this.loadOrderTypes();
-    }
-
-    /**
-     * Fetches the available order types from the server and updates the
-     * `orderTypes` property with the retrieved data. If the `type` query
-     * parameter is set (bound to `this.type`), it also finds and sets the
-     * corresponding selected order type in `selectedOrderType`.
-     *
-     * @action
-     * @returns {Promise} A promise that resolves when the order types have been loaded
-     */
-    @action loadOrderTypes() {
-        return this.fetch.get('orders/types').then((types) => {
-            this.orderTypes = types;
-
-            if (typeof this.args.onTypesLoaded === 'function') {
-                this.args.onTypesLoaded(types);
-            }
-
-            if (typeof this.args.type === 'string') {
-                const selectedType = types.find(({ key }) => key === this.args.type);
-
-                if (selectedType) {
-                    this.selectOrderType(selectedType);
-                }
-            }
-        });
-    }
-
-    /**
-     * Selectes the order type.
-     *
-     * @action
-     * @param {Object} type
-     * @memberof OrderBoardComponent
-     */
-    @action selectOrderType(type) {
-        this.type = type;
-        this.setColumnsFromOrderType(type);
-
-        if (typeof this.args.onOrderTypeChanged === 'function') {
-            this.args.onOrderTypeChanged(type);
-        }
-    }
-
-    @action setColumnsFromOrderType(type) {
-        const columns = [];
-
-        for (let event in type.meta.flow) {
-            if (!event.includes('|')) {
-                columns.push(event);
-            }
-        }
-
-        columns.push('canceled');
-        columns.push('completed');
-
-        this.columns = columns;
-        return this.columns;
-    }
-}