@fleetbase/fleetops-engine 0.6.18 → 0.6.20

package/addon/components/contact-panel.hbs

@@ -1,74 +0,0 @@
-<Overlay
-    @onLoad={{this.setOverlayContext}}
-    @onOpen={{this.onOpen}}
-    @onClose={{this.onClose}}
-    @onToggle={{this.onToggle}}
-    @position="right"
-    @noBackdrop={{true}}
-    @fullHeight={{true}}
-    @isResizable={{or this.isResizable @isResizable}}
-    @width={{or this.width @width "570px"}}
->
-    <Overlay::Header @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">
-                <Button @type="default" @icon="pen" @helpText={{t "fleet-ops.component.contact-panel.edit-button"}} @onClick={{this.onEdit}} @permission="fleet-ops update contact" />
-            </div>
-            <div class="flex flex-1 space-x-2 justify-end">
-                <Button
-                    @type="default"
-                    @icon="times"
-                    @helpText={{if this.contact.id (t "fleet-ops.component.contact-panel.cancel-edit-button") (t "fleet-ops.component.contact-panel.cancel-new-button")}}
-                    @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 flex items-center justify-start">
-                        <Image
-                            src={{this.contact.photo_url}}
-                            @fallbackSrc={{config "defaultValues.contactImage"}}
-                            alt={{this.contact.name}}
-                            height="48"
-                            width="48"
-                            class="h-12 w-12 rounded-lg shadow-sm"
-                        />
-                        <Attach::Tooltip @class="clean" @animation="scale" @placement="top">
-                            <InputInfo @text={{this.contact.public_id}} />
-                        </Attach::Tooltip>
-                    </div>
-                    <div class="flex flex-col">
-                        <h1 class="text-gray-900 dark:text-white text-2xl">{{this.contact.name}}</h1>
-                        <div class="-mt-1">
-                            <div class="flex flex-row items-center">
-                                <span class="text-sm dark:text-blue-400 text-blue-600">{{this.contact.email}}</span>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <div class="flex justify-end w-1/4">
-                <Badge @status={{this.contact.public_id}} @type="info" @hideStatusDot={{true}} />
-            </div>
-        </div>
-    </Overlay::Header>
-    <Overlay::Body class="no-padding">
-        <div class="section-header-actions w-full overflow-x-scroll lg:overflow-x-auto">
-            <div class="ui-tabs mt-4">
-                <nav>
-                    {{#each this.tabs as |tab|}}
-                        <a href="javascript:;" class="ui-tab {{if (eq this.tab.slug tab.slug) 'active'}}" {{on "click" (fn this.onTabChanged tab.slug)}}>
-                            <FaIcon @icon={{tab.icon}} class="mr-1" />
-                            <span>{{tab.title}}</span>
-                        </a>
-                    {{/each}}
-                </nav>
-            </div>
-        </div>
-        <div class="tab-content tab-{{this.tab.slug}}">
-            {{component this.tab.component contact=this.contact tabOptions=this.tab options=this.tab.componentParams}}
-        </div>
-    </Overlay::Body>
-</Overlay>

package/addon/components/contact-panel.js

@@ -1,112 +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 ContactPanelDetailComponent from './contact-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 ContactPanelComponent extends Component {
-    @service fetch;
-    @service modalsManager;
-    @service universe;
-    @service store;
-    @service hostRouter;
-    @service contextPanel;
-
-    /**
-     * The current active tab.
-     *
-     * @type {Object}
-     * @tracked
-     */
-    @tracked tab;
-
-    /**
-     * The contact being displayed or edited.
-     *
-     * @type {contactModel}
-     * @tracked
-     */
-    @tracked contact;
-
-    /**
-     * Returns the array of tabs available for the panel.
-     *
-     * @type {Array}
-     */
-    get tabs() {
-        const registeredTabs = this.universe.getMenuItemsFromRegistry('fleet-ops:component:contact-panel');
-        const defaultTabs = [this.universe._createMenuItem('Details', null, { icon: 'circle-info', component: ContactPanelDetailComponent })];
-
-        if (isArray(registeredTabs)) {
-            return [...defaultTabs, ...registeredTabs];
-        }
-
-        return defaultTabs;
-    }
-
-    /**
-     * Initializes the contact panel component.
-     */
-    constructor() {
-        super(...arguments);
-        this.contact = this.args.contact;
-        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 contact.
-     *
-     * @method
-     * @action
-     */
-    @action onEdit() {
-        const isActionOverrided = contextComponentCallback(this, 'onEdit', this.contact);
-
-        if (!isActionOverrided) {
-            this.contextPanel.focus(this.contact, '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.contact);
-    }
-}

package/addon/components/context-panel.hbs

@@ -1,5 +0,0 @@
-{{#if this.contextPanel.currentContextRegistry}}
-    {{#let this.contextPanel.currentContext this.contextPanel.currentContextRegistry this.contextPanel.currentContextComponentArguments as |model registry dynamicArgs|}}
-        {{component registry.component context=model dynamicArgs=dynamicArgs onPressCancel=this.contextPanel.clear options=this.contextPanel.contextOptions}}
-    {{/let}}
-{{/if}}

package/addon/components/context-panel.js

@@ -1,6 +0,0 @@
-import Component from '@glimmer/component';
-import { inject as service } from '@ember/service';
-
-export default class ContextPanelComponent extends Component {
-    @service contextPanel;
-}

package/addon/components/custom-entity-form-panel.hbs

@@ -1,98 +0,0 @@
-<Overlay
-    @onLoad={{this.setOverlayContext}}
-    @onOpen={{this.onOpen}}
-    @onClose={{this.onClose}}
-    @onToggle={{this.onToggle}}
-    @position="right"
-    @noBackdrop={{true}}
-    @fullHeight={{true}}
-    @isResizable={{or this.isResizable @isResizable}}
-    @width={{or this.width @width "570px"}}
->
-    <Overlay::Header
-        @title={{if this.customEntity.name this.customEntity.name (t "fleet-ops.component.custom-entity-issue-form-panel.new-custom-entity")}}
-        @hideStatusDot={{true}}
-        @titleWrapperClass="leading-5"
-    >
-        <div class="flex flex-1 justify-end">
-            <Button @icon={{if this.customEntity.id "save" "check"}} @type="primary" @text="Save Changes" @onClick={{this.save}} @wrapperClass="mr-2" />
-            <Button @type="default" @icon="times" @onClick={{this.onPressCancel}} />
-        </div>
-    </Overlay::Header>
-
-    <Overlay::Body @wrapperClass="px-4 pt-4">
-        <div class="space-y-4">
-            <ContentPanel @title={{t "fleet-ops.component.custom-entity-issue-form-panel.details"}} @open={{true}} @pad={{true}} @panelBodyClass="bg-white dark:bg-gray-800">
-                <InputGroup @name={{t "fleet-ops.component.custom-entity-issue-form-panel.name"}} @value={{this.customEntity.name}} />
-                <InputGroup @name={{t "fleet-ops.component.custom-entity-issue-form-panel.description"}} @value={{this.customEntity.description}} />
-                <InputGroup @name={{t "fleet-ops.component.custom-entity-issue-form-panel.type"}} @value={{this.customEntity.type}} {{on "input" this.setCustomEntityType}} />
-            </ContentPanel>
-            <ContentPanel @title={{t "fleet-ops.component.custom-entity-issue-form-panel.entity-image"}} @open={{true}} @pad={{true}} @panelBodyClass="bg-white dark:bg-gray-800">
-                <div class="w-32 flex flex-col items-center">
-                    <Image src={{this.customEntity.photo_url}} alt={{this.customEntity.name}} height="128" width="128" class="h-32 w-32 rounded-md" />
-                    {{#if (and this.customEntity.name this.customEntity.description)}}
-                        <UploadButton @name={{t "fleet-ops.common.photos"}} @accept="image/*" @onFileAdded={{this.onFileAdded}} class="w-32" />
-                    {{/if}}
-                </div>
-            </ContentPanel>
-            <ContentPanel @title={{t "fleet-ops.component.custom-entity-issue-form-panel.measurements"}} @open={{true}} @pad={{true}} @panelBodyClass="bg-white dark:bg-gray-800">
-                <div class="grid grid-cols-2 gap-4">
-                    <InputGroup
-                        @name={{t "fleet-ops.component.custom-entity-issue-form-panel.length"}}
-                        @helpText={{t "fleet-ops.component.custom-entity-issue-form-panel.length-text"}}
-                        @wrapperClass="mb-2"
-                    >
-                        <UnitInput
-                            class="w-full"
-                            @value={{this.customEntity.length}}
-                            @unit={{this.customEntity.dimensions_unit}}
-                            @canSelectUnit={{true}}
-                            @onUnitChange={{this.updateCustomEntityDimensionsUnit}}
-                        />
-                    </InputGroup>
-                    <InputGroup
-                        @name={{t "fleet-ops.component.custom-entity-issue-form-panel.width"}}
-                        @helpText={{t "fleet-ops.component.custom-entity-issue-form-panel.width-text"}}
-                        @wrapperClass="mb-2"
-                    >
-                        <UnitInput
-                            class="w-full"
-                            @value={{this.customEntity.width}}
-                            @unit={{this.customEntity.dimensions_unit}}
-                            @canSelectUnit={{true}}
-                            @onUnitChange={{this.updateCustomEntityDimensionsUnit}}
-                        />
-                    </InputGroup>
-                    <InputGroup
-                        @name={{t "fleet-ops.component.custom-entity-issue-form-panel.height"}}
-                        @helpText={{t "fleet-ops.component.custom-entity-issue-form-panel.height-text"}}
-                        @wrapperClass="mb-2"
-                    >
-                        <UnitInput
-                            class="w-full"
-                            @value={{this.customEntity.height}}
-                            @unit={{this.customEntity.dimensions_unit}}
-                            @canSelectUnit={{true}}
-                            @onUnitChange={{this.updateCustomEntityDimensionsUnit}}
-                        />
-                    </InputGroup>
-                    <InputGroup
-                        @name={{t "fleet-ops.component.custom-entity-issue-form-panel.weight"}}
-                        @helpText={{t "fleet-ops.component.custom-entity-issue-form-panel.weight-text"}}
-                        @wrapperClass="mb-2"
-                    >
-                        <UnitInput
-                            class="w-full"
-                            @value={{this.customEntity.weight}}
-                            @measurement="weight"
-                            @unit={{this.customEntity.weight_unit}}
-                            @canSelectUnit={{true}}
-                            @onUnitChange={{this.updateCustomEntityWeightUnit}}
-                        />
-                    </InputGroup>
-                </div>
-            </ContentPanel>
-        </div>
-        <Spacer @height="300px" />
-    </Overlay::Body>
-</Overlay>

package/addon/components/custom-entity-form-panel.js

@@ -1,129 +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 { dasherize } from '@ember/string';
-import contextComponentCallback from '../utils/context-component-callback';
-import applyContextComponentArguments from '../utils/apply-context-component-arguments';
-
-/**
- * Component class for custom entity form panel.
- * This component handles the creation and editing of custom entities,
- * including file uploads and type settings.
- *
- * @extends Component
- */
-export default class CustomEntityFormPanelComponent extends Component {
-    /**
-     * Service for displaying notifications.
-     * @service
-     */
-    @service notifications;
-
-    /**
-     * Service for performing fetch operations.
-     * @service
-     */
-    @service fetch;
-
-    /**
-     * Tracked property for the custom entity being edited or created.
-     * @tracked
-     */
-    @tracked customEntity;
-
-    /**
-     * Tracked property for configuration settings of the custom entity.
-     * @tracked
-     */
-    @tracked config;
-
-    /**
-     * Constructor for CustomEntityFormPanelComponent.
-     * Applies context component arguments upon instantiation.
-     */
-    constructor() {
-        super(...arguments);
-        applyContextComponentArguments(this);
-    }
-
-    /**
-     * Action method to save the custom entity. It triggers an optional onSave callback
-     * with the current state of the custom entity.
-     * @action
-     */
-    @action save() {
-        contextComponentCallback(this, 'onSave', this.customEntity);
-        if (typeof this.onSave === 'function') {
-            this.onSave(this.customEntity);
-        }
-    }
-
-    /**
-     * Action method called when a file is added. It uploads the file
-     * and updates the custom entity's photo information.
-     * @param {File} file - The file that was added.
-     * @action
-     */
-    @action onFileAdded(file) {
-        this.fetch.uploadFile.perform(
-            file,
-            {
-                path: `uploads/${this.config.id}/entity/${this.simpleHash(this.customEntity.get('name') + '+' + this.customEntity.get('description'))}`,
-                subject_uuid: this.config.id,
-                subject_type: 'fleet-ops:order-config',
-                type: 'custom_entity_image',
-            },
-            (uploadedFile) => {
-                this.customEntity.setProperties({
-                    photo_uuid: uploadedFile.id,
-                    photo_url: uploadedFile.url,
-                });
-            }
-        );
-    }
-
-    /**
-     * Action method to set the type of the custom entity. Converts the type to a dasherized string.
-     * @param {Event} event - The event object containing the selected type.
-     * @action
-     */
-    @action setCustomEntityType(event) {
-        const value = event.target.value;
-        this.customEntity.set('type', dasherize(value));
-    }
-
-    /**
-     * Action method to update the unit of dimensions of the custom entity.
-     * @param {string} unit - The unit for the dimensions.
-     * @action
-     */
-    @action updateCustomEntityDimensionsUnit(unit) {
-        this.customEntity.set('dimensions_unit', unit);
-    }
-
-    /**
-     * Action method to update the weight unit of the custom entity.
-     * @param {string} unit - The unit for the weight.
-     * @action
-     */
-    @action updateCustomEntityWeightUnit(unit) {
-        this.customEntity.set('weight_unit', unit);
-    }
-
-    /**
-     * A utility method to generate a simple hash from a string.
-     * Used for creating unique identifiers.
-     * @param {string} str - The input string.
-     * @returns {number} The generated hash value.
-     */
-    simpleHash(str) {
-        let hash = 0;
-        for (let i = 0; i < str.length; i++) {
-            const char = str.charCodeAt(i);
-            hash = (hash << 5) - hash + char;
-            hash |= 0;
-        }
-        return hash;
-    }
-}

package/addon/components/custom-field-form-panel/options-input.hbs

@@ -1,17 +0,0 @@
-<div class="rounded-lg border border-gray-200 dark:border-gray-700" ...attributes>
-    <div class="flex flex-row items-center justify-between px-4 py-2">
-        <div class="mr-2 text-sm">{{t "fleet-ops.component.custom-field-form-panel.field-options"}}</div>
-        <Button @type="magic" @icon="plus" @text="Add new option" @size="xs" @onClick={{this.addOption}} />
-    </div>
-    {{#each-in this.options as |index option|}}
-        <div class="border-t border-gray-200 dark:border-gray-700 flex flex-row items-center pr-2 py-1">
-            <input
-                value={{option}}
-                {{on "input" (fn this.updateOptionValue index)}}
-                {{on "blur" this.updateOptions}}
-                class="w-full bg-white dark:bg-gray-900 text-sm leading-4 text-black dark:text-gray-200 p-2"
-            />
-            <Button @type="danger" @icon="times" @onClick={{fn this.removeOption index}} @size="xs" />
-        </div>
-    {{/each-in}}
-</div>

package/addon/components/custom-field-form-panel/options-input.js

@@ -1,139 +0,0 @@
-import Component from '@glimmer/component';
-import { tracked } from '@glimmer/tracking';
-import { action } from '@ember/object';
-import { isArray } from '@ember/array';
-import isObject from '@fleetbase/ember-core/utils/is-object';
-
-export default class CustomFieldFormPanelOptionsInputComponent extends Component {
-    /**
-     * Represents the custom field being manipulated.
-     * @type {Object}
-     */
-    @tracked customField;
-
-    /**
-     * The object holding the current state of options, indexed by unique keys.
-     * @type {Object}
-     */
-    @tracked options = {};
-
-    /**
-     * A temporary object used to manage updates to options before finalizing changes.
-     * @type {Object}
-     */
-    @tracked _options = {};
-
-    /**
-     * Constructs a new CustomFieldFormPanelOptionsInputComponent instance, initializing the custom field and options tracking.
-     * @param {Object} owner - The owner of the component.
-     * @param {Object} customField - The custom field object to be managed.
-     */
-    constructor(owner, { customField }) {
-        super(...arguments);
-        this.customField = customField;
-        this.trackOptions(this.createOptionsObjectFromArray(customField.options));
-    }
-
-    /**
-     * Converts an array of options into an object format for easier tracking and manipulation.
-     * @param {Array} options - The array of options to be converted.
-     * @returns {Object} The options object.
-     */
-    createOptionsObjectFromArray(options = []) {
-        const optionsObject = {};
-        if (isArray(options)) {
-            for (let i = 0; i < options.length; i++) {
-                const option = options[i];
-                optionsObject[i] = option;
-            }
-        }
-
-        return optionsObject;
-    }
-
-    /**
-     * Tracks the given options object, setting both the primary and temporary options states.
-     * @param {Object} options - The options object to track.
-     */
-    trackOptions(options = {}) {
-        this.options = options;
-        this._options = options;
-    }
-
-    /**
-     * Adds a new option to the options object.
-     */
-    @action addOption() {
-        const index = Object.keys(this.options).length + 1;
-        this.trackOptions({
-            ...this.options,
-            [index]: '',
-        });
-    }
-
-    /**
-     * Updates the value of an option at the specified index.
-     * @param {number} index - The index of the option to update.
-     * @param {Event} event - The input event containing the new value.
-     */
-    @action updateOptionValue(index, event) {
-        let value = event.target.value;
-        this._options = {
-            ...this.options,
-            [index]: value,
-        };
-    }
-
-    /**
-     * Removes an option at the specified index.
-     * @param {number} index - The index of the option to remove.
-     */
-    @action removeOption(index) {
-        const options = { ...this.options };
-        delete options[index];
-        this.trackOptions(options);
-        this.onOptionsChanges();
-    }
-
-    /**
-     * Updates the primary options object with changes made to the temporary options object.
-     */
-    @action updateOptions() {
-        this.options = {
-            ...this._options,
-        };
-        this.onOptionsChanges();
-    }
-
-    /**
-     * Handles changes to the options, updating the customField and calling the onChange callback if provided.
-     */
-    @action onOptionsChanges() {
-        const options = Object.values(this.options);
-        this.customField.set('options', options);
-        if (typeof this.args.onChange === 'function') {
-            this.args.onChange(options, this.customField);
-        }
-    }
-
-    /**
-     * Adds or updates a meta option with the given key and value.
-     * @param {string} key - The key of the meta option to add or update.
-     * @param {string} value - The value of the meta option.
-     */
-    @action addMetaOption(key, value) {
-        if (!isObject(this.customField.meta)) {
-            this.customField.set('meta', {});
-        }
-
-        const meta = {
-            ...this.customField.meta,
-            [key]: value,
-        };
-
-        this.customField.meta = meta;
-        if (typeof this.args.onMetaChanged === 'function') {
-            this.args.onMetaChanged(meta, this.customField);
-        }
-    }
-}