@fleetbase/fleetops-engine 0.6.18 → 0.6.19

package/addon/components/order-config/entities-editor.hbs

@@ -1,89 +0,0 @@
-<div class="order-config-entities-editor" ...attributes>
-    <div class="content-panel mb-20">
-        <div class="content-panel-header items-center">
-            <h3 class="text-lg font-semibold dark:text-gray-100">
-                {{t "fleet-ops.component.order-config.entities-editor.title"}}
-            </h3>
-
-            <Button @text="New Entity Type" @icon="plus" @iconPrefix="fas" @onClick={{this.newEntity}} />
-        </div>
-        <div class="content-panel-body">
-            <div class="mb-6">
-                <p>
-                    {{t "fleet-ops.component.order-config.entities-editor.message"}}
-                </p>
-            </div>
-
-            <div class="space-y-3">
-                {{#if this.orderConfig.meta.entities}}
-                    {{#each this.orderConfig.meta.entities as |entity index|}}
-                        <div class="rounded shadow-sm border border-gray-300 dark:border-gray-700">
-                            <div class="border-b border-gray-300 dark:border-gray-700 dark:bg-gray-900 p-3">
-                                <div class="flex items-center justify-between">
-                                    <div>
-                                        <FaIcon @icon="box-alt" class="mr-2 dark:text-sky-300" />
-                                        <span class="dark:text-gray-100 text-sm mr-1">{{t "fleet-ops.component.order-config.entities-editor.type"}}</span>
-                                        <span class="dark:text-gray-100 text-sm">({{entity.name}})</span>
-                                    </div>
-                                    <div class="flex items-center">
-                                        <a href="javascript:;" class="mr-2 btn btn-danger btn-sm" {{on "click" (fn this.removeEntity index)}}>
-                                            <FaIcon @icon="trash" />
-                                        </a>
-                                        <Button
-                                            @text={{t "fleet-ops.component.order-config.entities-editor.add-meta"}}
-                                            @icon="plus"
-                                            @iconPrefix="fas"
-                                            @onClick={{fn this.addMetaField index}}
-                                        />
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="p-3">
-                                <div class="grid grid-cols-3 gap-2">
-                                    <InputGroup @name={{t "fleet-ops.common.name"}} @value={{entity.name}} />
-                                    <InputGroup @name={{t "fleet-ops.common.type"}} @value={{entity.type}}>
-                                        <KeyInput @value={{entity.type}} @onChange={{fn (mut entity.type)}} />
-                                    </InputGroup>
-                                    <InputGroup @name={{t "fleet-ops.common.description"}} @value={{entity.description}} class="col-span-2" />
-                                </div>
-
-                                <div class="grid grid-cols-5 gap-2">
-                                    <InputGroup @name={{t "fleet-ops.common.weight"}} @value={{entity.weight}} class="col-span-3" />
-                                    <InputGroup @name={{t "fleet-ops.common.unit"}}>
-                                        <Select @value={{entity.weight_unit}} @options={{this.weightUnits}} @optionLabel="name" @optionValue="value" class="w-full" />
-                                    </InputGroup>
-                                </div>
-
-                                <div class="grid grid-cols-5 gap-2">
-                                    <InputGroup @name={{t "fleet-ops.common.length"}} @value={{entity.length}} />
-                                    <InputGroup @name={{t "fleet-ops.common.width"}} @value={{entity.width}} />
-                                    <InputGroup @name={{t "fleet-ops.common.height"}} @value={{entity.width}} />
-                                    <InputGroup @name={{t "fleet-ops.common.unit"}}>
-                                        <Select @value={{entity.dimentions_unit}} @options={{this.lengthUnits}} @optionLabel="name" @optionValue="value" class="w-full" />
-                                    </InputGroup>
-                                </div>
-
-                                <div class="grid grid-cols-1 lg:grid-cols-2 gap-4">
-                                    {{#each-in entity.meta as |key value|}}
-                                        <div class="input-group">
-                                            <div class="flex items-center justify-between mb-1.5">
-                                                <InputLabel @labelText={{humanize key}} class="truncate" />
-                                                <div>
-                                                    <button type="button" class="btn btn-danger btn-outline btn-sm" {{on "click" (fn this.removeMetaKey index key)}}>
-                                                        <FaIcon @icon="trash" />
-                                                    </button>
-                                                </div>
-                                            </div>
-                                            <Input class="form-input w-full" name={{humanize key}} @value={{value}} placeholder={{humanize key}} />
-                                        </div>
-                                    {{/each-in}}
-                                </div>
-                            </div>
-                        </div>
-                    {{/each}}
-                {{/if}}
-            </div>
-
-        </div>
-    </div>
-</div>

package/addon/components/order-config/entities-editor.js

@@ -1,120 +0,0 @@
-import Component from '@glimmer/component';
-import { tracked } from '@glimmer/tracking';
-import { inject as service } from '@ember/service';
-import { action, computed, set } from '@ember/object';
-import { isArray } from '@ember/array';
-import { underscore } from '@ember/string';
-import generateUuid from '@fleetbase/ember-core/utils/generate-uuid';
-import getWeightUnits from '@fleetbase/ember-core/utils/get-weight-units';
-import getLengthUnits from '@fleetbase/ember-core/utils/get-length-units';
-
-export default class OrderConfigEntitiesEditorComponent extends Component {
-    @service modalsManager;
-    @service notifications;
-    @service intl;
-    @tracked weightUnits = getWeightUnits();
-    @tracked lengthUnits = getLengthUnits();
-    @tracked _orderConfig = null;
-
-    @computed('_orderConfig', 'args.orderConfig') get orderConfig() {
-        if (this._orderConfig) {
-            return this._orderConfig;
-        }
-
-        return this.args.orderConfig;
-    }
-
-    set orderConfig(orderConfig) {
-        this._orderConfig = orderConfig;
-    }
-
-    @action newEntity() {
-        const { orderConfig } = this;
-        const entity = {
-            id: generateUuid(),
-            name: null,
-            type: null,
-            description: null,
-            weight: null,
-            weight_unit: null,
-            length: null,
-            width: null,
-            height: null,
-            dimentions_unit: null,
-            meta: {},
-        };
-
-        if (!isArray(orderConfig.meta.entities)) {
-            set(orderConfig, 'meta.entities', []);
-        }
-
-        orderConfig.meta.entities.pushObject(entity);
-
-        if (typeof this.args.onEntitiesChanged === 'function') {
-            this.args.onEntitiesChanged(orderConfig.meta.entities);
-        }
-    }
-
-    @action removeEntity(index) {
-        const { orderConfig } = this;
-
-        orderConfig.meta.entities.removeAt(index);
-
-        if (typeof this.args.onEntitiesChanged === 'function') {
-            this.args.onEntitiesChanged(orderConfig.meta.entities);
-        }
-    }
-
-    @action addMetaField(index) {
-        const { orderConfig } = this;
-
-        this.modalsManager.show('modals/entity-meta-field-prompt', {
-            title: 'Add a new group of meta fields',
-            keyName: null,
-            confirm: (modal) => {
-                const keyName = modal.getOption('keyName');
-
-                if (!keyName) {
-                    return this.notifications.warning(this.intl.t('fleet-ops.component.order-config.entities-editor.warning-message'));
-                }
-
-                modal.startLoading();
-
-                const meta = { ...orderConfig.meta.entities[index].meta };
-                const key = underscore(keyName.toLowerCase());
-
-                meta[key] = '';
-                set(orderConfig, `meta.entities.${index}.meta`, meta);
-
-                if (typeof this.args.onEntitiesChanged === 'function') {
-                    this.args.onEntitiesChanged(orderConfig.meta.entities);
-                }
-
-                modal.done();
-            },
-        });
-    }
-
-    @action setMetaKeyValue(index, key, { target }) {
-        const { orderConfig } = this;
-        const { value } = target;
-
-        set(orderConfig, `meta.entities.${index}.meta.${key}`, value);
-
-        if (typeof this.args.onEntitiesChanged === 'function') {
-            this.args.onEntitiesChanged(orderConfig.meta.entities);
-        }
-    }
-
-    @action removeMetaKey(index, key) {
-        const { orderConfig } = this;
-        const meta = { ...orderConfig.meta.entities[index].meta };
-
-        delete meta[key];
-        set(orderConfig, `meta.entities.${index}.meta`, meta);
-
-        if (typeof this.args.onEntitiesChanged === 'function') {
-            this.args.onEntitiesChanged(orderConfig.meta.entities);
-        }
-    }
-}

package/addon/components/order-config/fields-editor.hbs

@@ -1,169 +0,0 @@
-<div class="order-config-meta-fields-editor" ...attributes>
-    <div class="content-panel">
-        <div class="content-panel-header items-center">
-            <h3 class="text-lg font-semibold dark:text-gray-100">
-                {{t "fleet-ops.component.order-config.fields-editor.field-title"}}
-            </h3>
-            <div>
-                <Button @icon="plus" @iconPrefix="fas" @text={{t "fleet-ops.component.order-config.fields-editor.new-field"}} @size="sm" @onClick={{this.addField}} />
-                <Button @icon="plus" @iconPrefix="fas" @text={{t "fleet-ops.component.order-config.fields-editor.new-custom-field"}} @size="sm" @onClick={{this.addMetaFieldGroup}} />
-            </div>
-        </div>
-        <div class="content-panel-body">
-            <div class="mb-6">
-                <p>{{t "fleet-ops.component.order-config.fields-editor.field-text"}}</p>
-            </div>
-
-            <Dragula @onDrop={{this.moveMetaField}} as |Container|>
-                {{#each this.groupedMetaFields as |group|}}
-                    <div class="content-panel">
-                        <div class="content-panel-header items-center">
-                            <div class="font-semibold dark:text-gray-100">
-                                <span class="mr-1">{{t "fleet-ops.component.order-config.fields-editor.custom-field-group"}}:</span>
-                                {{#if group.value}}
-                                    <span>{{smart-humanize group.value}}</span>
-                                {{else}}
-                                    <span>{{t "fleet-ops.component.order-config.fields-editor.default-field"}}</span>
-                                {{/if}}
-                            </div>
-
-                            <div>
-                                <Button
-                                    @icon="plus"
-                                    @iconPrefix="fas"
-                                    @text={{t "fleet-ops.component.order-config.fields-editor.new-field"}}
-                                    @size="sm"
-                                    @onClick={{fn this.addField group.value}}
-                                />
-                                {{#if group.value}}
-                                    <Button @type="danger" @icon="times" @iconPrefix="fas" @size="sm" @onClick={{fn this.removeGroup group.value}} />
-                                {{/if}}
-                            </div>
-                        </div>
-
-                        <div class="content-panel-body">
-                            <Container data-meta-group-key={{or group.value "default"}} class="space-y-2">
-                                {{#each group.items as |metaField|}}
-                                    <div class="content-panel cursor-move">
-                                        <div class="content-panel-header items-center">
-                                            <div class="font-semibold dark:text-gray-100">
-                                                <span class="mr-1">{{t "fleet-ops.component.order-config.fields-editor.custom-field"}}:</span>
-                                                <span>{{metaField.label}}</span>
-                                            </div>
-                                            <a href="javascript:;" {{on "click" (fn this.removeField metaField)}} class="btn btn-danger btn-sm">
-                                                <FaIcon @icon="trash" />
-                                            </a>
-                                        </div>
-                                        <div class="content-panel-body">
-                                            <div class="grid grid-cols-1 lg:grid-cols-3 gap-2" data-meta-field-key={{metaField.key}}>
-                                                <InputGroup @name="Label" @value={{metaField.label}} {{on "keyup" (fn this.setFieldLabel metaField)}} />
-                                                <div class="input-group {{if (eq metaField.type 'select') 'col-span-2'}}">
-                                                    <div class="flex items-center justify-between">
-                                                        <label class="font-medium flex-1">{{t "fleet-ops.component.order-config.fields-editor.type"}}</label>
-                                                    </div>
-                                                    <div class="flex items-center justify-between">
-                                                        <Select
-                                                            class="w-full"
-                                                            @value={{metaField.type}}
-                                                            @options={{this.metaFieldTypes}}
-                                                            @optionLabel="label"
-                                                            @optionValue="key"
-                                                            @placeholder={{t "fleet-ops.component.order-config.fields-editor.select-type"}}
-                                                            @onSelect={{fn (mut metaField.type)}}
-                                                        />
-                                                        {{#if (eq metaField.type "select")}}
-                                                            <div class="pl-2">
-                                                                <BasicDropdown @renderInPlace={{false}} as |dd|>
-                                                                    <dd.Trigger class="btn btn-default py-2.5 cursor-pointer">
-                                                                        <FaIcon @icon="cog" class="mr-1" />
-                                                                        Options
-                                                                    </dd.Trigger>
-                                                                    <dd.Content class="bg-transparent">
-                                                                        <div class="w-80 mt-2 rounded shadow-md be-white dark:bg-gray-800">
-                                                                            <div class="border border-gray-300 shdaow-sm rounded dark:border-gray-900">
-                                                                                <div class="flex items-start justify-between mb-1 p-3">
-                                                                                    <Button
-                                                                                        @type="primary"
-                                                                                        @size="xs"
-                                                                                        @text={{t "fleet-ops.component.order-config.fields-editor.add-option"}}
-                                                                                        @onClick={{fn this.addMetaFieldOption metaField}}
-                                                                                    />
-                                                                                    <div class="flex flex-col space-y-3">
-                                                                                        <Toggle
-                                                                                            @label="Key-Value"
-                                                                                            @isToggled={{metaField.useKvOptions}}
-                                                                                            @onToggle={{fn this.toggleMetaFieldKv metaField}}
-                                                                                        />
-                                                                                        {{#unless metaField.useKvOptions}}
-                                                                                            <Toggle
-                                                                                                @label="Humanize"
-                                                                                                @isToggled={{metaField.humanizeOptions}}
-                                                                                                @onToggle={{fn this.toggleMetaFieldHumanizeOptions metaField}}
-                                                                                            />
-                                                                                        {{/unless}}
-                                                                                    </div>
-                                                                                </div>
-                                                                                <Dragula @onDrop={{fn this.sortMetaFieldOptions metaField}} as |SubContainer|>
-                                                                                    <SubContainer>
-                                                                                        {{#each metaField.options as |option index|}}
-                                                                                            <div
-                                                                                                id={{option.id}}
-                                                                                                class="meta-field-option z-50 py-2 px-3 cursor-move border-b border-gray-300 dark:border-gray-900 last:border-b-0"
-                                                                                                data-index={{index}}
-                                                                                            >
-                                                                                                <div class="flex items-start justify-between">
-                                                                                                    <FaIcon @icon="grip-lines" class="mr-2" />
-                                                                                                    <div class="flex items-start flex-1">
-                                                                                                        <div class="space-y-3 flex flex-col pr-2 flex-1">
-                                                                                                            {{#if metaField.useKvOptions}}
-                                                                                                                <Input
-                                                                                                                    @type="text"
-                                                                                                                    @value={{option.key}}
-                                                                                                                    class="form-input form-input-sm"
-                                                                                                                    placeholder={{t "fleet-ops.common.key"}}
-                                                                                                                />
-                                                                                                            {{/if}}
-                                                                                                            <Input
-                                                                                                                @type="text"
-                                                                                                                @value={{option.value}}
-                                                                                                                class="form-input form-input-sm"
-                                                                                                                placeholder={{t "fleet-ops.common.value"}}
-                                                                                                            />
-                                                                                                        </div>
-                                                                                                        <Button
-                                                                                                            @size="xs"
-                                                                                                            @type="danger"
-                                                                                                            @icon="trash"
-                                                                                                            @onClick={{fn this.removeMetaFieldOption metaField option}}
-                                                                                                        />
-                                                                                                    </div>
-                                                                                                </div>
-                                                                                            </div>
-                                                                                        {{/each}}
-                                                                                    </SubContainer>
-                                                                                </Dragula>
-                                                                            </div>
-                                                                        </div>
-                                                                    </dd.Content>
-                                                                </BasicDropdown>
-                                                            </div>
-                                                        {{/if}}
-                                                    </div>
-                                                </div>
-                                                <InputGroup @name={{t "fleet-ops.common.description"}} @value={{metaField.description}} />
-                                                <div class="input-group">
-                                                    <Checkbox @label="Required" @onToggle={{fn (mut metaField.required)}} @value={{metaField.required}} />
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                {{/each}}
-                            </Container>
-                        </div>
-                    </div>
-                {{/each}}
-            </Dragula>
-        </div>
-    </div>
-    {{yield}}
-</div>

package/addon/components/order-config/fields-editor.js

@@ -1,227 +0,0 @@
-import Component from '@glimmer/component';
-import { tracked } from '@glimmer/tracking';
-import { inject as service } from '@ember/service';
-import { action, setProperties } from '@ember/object';
-import { isArray } from '@ember/array';
-import { classify, underscore } from '@ember/string';
-import groupBy from '@fleetbase/ember-core/utils/macros/group-by';
-import generateUuid from '@fleetbase/ember-core/utils/generate-uuid';
-
-export default class OrderConfigFieldsEditorComponent extends Component {
-    constructor() {
-        super(...arguments);
-        const { orderConfig } = this.args;
-
-        if (isArray(orderConfig.meta.fields)) {
-            this.fields = orderConfig.meta.fields;
-        }
-    }
-
-    @service intl;
-    @service modalsManager;
-    @service notifications;
-
-    @groupBy('fields', 'group') groupedMetaFields;
-
-    @tracked fields = [];
-    @tracked metaFieldTypes = [
-        {
-            label: this.intl.t('fleet-ops.component.order-config.fields-editor.text-field'),
-            key: 'text',
-        },
-        {
-            label: this.intl.t('fleet-ops.component.order-config.fields-editor.boolean'),
-            description: this.intl.t('fleet-ops.component.order-config.fields-editor.boolean-text'),
-            key: 'boolean',
-        },
-        {
-            label: this.intl.t('fleet-ops.component.order-config.fields-editor.dropdown'),
-            description: this.intl.t('fleet-ops.component.order-config.fields-editor.dropdown-text'),
-            key: 'select',
-            hasOptions: true,
-        },
-        {
-            label: this.intl.t('fleet-ops.component.order-config.fields-editor.datetime'),
-            description: this.intl.t('fleet-ops.component.order-config.fields-editor.datetime'),
-            key: 'datetime',
-        },
-        {
-            label: this.intl.t('fleet-ops.component.order-config.fields-editor.port'),
-            description: this.intl.t('fleet-ops.component.order-config.fields-editor.port-text'),
-            serialize: 'model:port',
-            key: 'port',
-        },
-        {
-            label: this.intl.t('fleet-ops.component.order-config.fields-editor.vessel'),
-            description: this.intl.t('fleet-ops.component.order-config.fields-editor.vessel-text'),
-            serialize: 'model:vessel',
-            key: 'vessel',
-        },
-    ];
-
-    @action sendAction(action) {
-        const actionName = `on${classify(action)}`;
-        const params = [...arguments];
-
-        params.shift();
-
-        if (typeof this.args[actionName] === 'function') {
-            this.args[actionName](...params);
-        }
-    }
-
-    @action moveMetaField(el, target) {
-        const { fields } = this;
-        const { metaFieldKey } = el.dataset;
-        const { metaGroupKey } = target.dataset;
-
-        // get the index of the moved metafield
-        const metaFieldIndex = fields.findIndex((field) => field.key === metaFieldKey);
-
-        // get the meta field and update the group
-        const metaField = fields[metaFieldIndex];
-
-        if (!metaField) {
-            return;
-        }
-
-        metaField.group = metaGroupKey;
-
-        if (typeof this.args.onFieldsChanged === 'function') {
-            this.args.onFieldsChanged(fields);
-        }
-    }
-
-    @action addMetaFieldGroup() {
-        this.modalsManager.show('modals/meta-field-group-form', {
-            title: 'Add a new group of meta fields',
-            groupName: null,
-            confirm: (modal) => {
-                const groupName = modal.getOption('groupName');
-
-                if (typeof groupName !== 'string') {
-                    return this.notifications.warning(this.intl.t('fleet-ops.component.order-config.fields-editor.warning-message'));
-                }
-
-                const group = underscore(groupName.toLowerCase());
-
-                modal.startLoading();
-                this.addField(group);
-                modal.done();
-            },
-        });
-    }
-
-    @action addField(group = '_untitled') {
-        this.fields.pushObject({
-            id: generateUuid(),
-            label: null,
-            key: null,
-            type: 'text',
-            kvOptions: false,
-            group,
-        });
-
-        if (typeof this.args.onFieldsChanged === 'function') {
-            this.args.onFieldsChanged(this.fields);
-        }
-    }
-
-    @action removeField(metaField) {
-        const { fields } = this;
-
-        fields.removeObject(metaField);
-
-        if (typeof this.args.onFieldsChanged === 'function') {
-            this.args.onFieldsChanged(fields);
-        }
-    }
-
-    @action setFieldLabel(metaField, { target }) {
-        const { value } = target;
-        const label = value || '';
-        const key = underscore(label.toLowerCase());
-
-        setProperties(metaField, { label, key });
-
-        if (typeof this.args.onFieldsChanged === 'function') {
-            this.args.onFieldsChanged(this.fields);
-        }
-    }
-
-    @action addMetaFieldOption(metaField) {
-        const options = metaField.options || [];
-        const option = { id: generateUuid(), value: '' };
-
-        if (metaField.kvOptions) {
-            option['key'] = '';
-        }
-
-        options.pushObject(option);
-        setProperties(metaField, { options });
-
-        if (typeof this.args.onFieldsChanged === 'function') {
-            this.args.onFieldsChanged(this.fields);
-        }
-    }
-
-    @action removeMetaFieldOption(metaField, option) {
-        if (metaField.options.length === 1) {
-            return;
-        }
-
-        metaField.options.removeObject(option);
-
-        if (typeof this.args.onFieldsChanged === 'function') {
-            this.args.onFieldsChanged(this.fields);
-        }
-    }
-
-    @action toggleMetaFieldKv(metaField, useKvOptions) {
-        setProperties(metaField, { useKvOptions, options: [] });
-
-        this.addMetaFieldOption(metaField);
-
-        if (typeof this.args.onFieldsChanged === 'function') {
-            this.args.onFieldsChanged(this.fields);
-        }
-    }
-
-    @action toggleMetaFieldHumanizeOptions(metaField, humanizeOptions) {
-        setProperties(metaField, { humanizeOptions, options: [] });
-
-        this.addMetaFieldOption(metaField);
-
-        if (typeof this.args.onFieldsChanged === 'function') {
-            this.args.onFieldsChanged(this.fields);
-        }
-    }
-
-    /* eslint-disable no-unused-vars */
-    @action sortMetaFieldOptions(metaField, el, target) {
-        // const { fields } = this;
-        // const { index } = el.dataset;
-        // const parentEl = el.parentElement();
-        // const { metaGroupKey } = target.dataset;
-        // // get the index of the moved metafield
-        // const metaFieldIndex = fields.findIndex((field) => field.key === metaFieldKey);
-        // // get the meta field and update the group
-        // const metaField = fields[metaFieldIndex];
-        // if (!metaField) {
-        //     return;
-        // }
-        // metaField.group = metaGroupKey;
-        // if (typeof this.args.onFieldsChanged === 'function') {
-        //     this.args.onFieldsChanged(fields);
-        // }
-    }
-
-    @action removeGroup(group) {
-        const fields = this.fields.filter((metaField) => metaField.group !== group);
-        this.fields = fields;
-
-        if (typeof this.args.onFieldsChanged === 'function') {
-            this.args.onFieldsChanged(fields);
-        }
-    }
-}

package/addon/components/order-config/selector.js

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

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

@@ -1,36 +0,0 @@
-<OrderConfigManager as |Action Context|>
-    <Overlay
-        @onLoad={{this.setOverlayContext}}
-        @onOpen={{this.onOpen}}
-        @onClose={{this.onClose}}
-        @onToggle={{this.onToggle}}
-        @position="right"
-        @noBackdrop={{true}}
-        @fullHeight={{true}}
-        @isResizeble={{true}}
-        @width="645px"
-    >
-        <Overlay::Header @title={{t "fleet-ops.component.order-config-manager.title"}} @onPressCancel={{this.onPressCancel}}>
-            <Action.NewOrderConfigButton />
-        </Overlay::Header>
-
-        <Overlay::Body class="p-0i" @wrapperClass="py-5">
-            <div class="section-header-actions w-full overflow-x-scroll lg:overflow-x-auto">
-                <div class="ui-tabs mt-4">
-                    <nav>
-                        {{#each Context.tabs as |tab|}}
-                            <a href="javascript:;" class="ui-tab {{if (eq tab.slug Context.currentTab.slug) 'active'}}" {{on "click" (fn Context.onTabChanged tab.slug)}}>
-                                <FaIcon @icon={{tab.icon}} class="mr-1" />
-                                <span>{{tab.title}}</span>
-                            </a>
-                        {{/each}}
-                    </nav>
-                </div>
-            </div>
-            <div class="tab-content tab-{{Context.currentTab.slug}}">
-                <Context.Content />
-            </div>
-            <Spacer @height="300px" />
-        </Overlay::Body>
-    </Overlay>
-</OrderConfigManager>