@fleetbase/fleetops-engine 0.6.17 → 0.6.19

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

@@ -1,226 +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.issue.public_id
-            (concat (t "fleet-ops.component.issue-form-panel.issue") " on: " (format-date this.issue.created_at "MMM dd, yyyy HH:mm"))
-            (t "fleet-ops.component.issue-form-panel.new-issue")
-        }}
-        @status={{this.issue.status}}
-        @hideStatusDot={{true}}
-        @titleWrapperClass="leading-5"
-    >
-        <div class="flex flex-1 justify-end">
-            <Button
-                @icon={{if this.issue.id "save" "check"}}
-                @type="primary"
-                @text={{if this.issue.id (t "fleet-ops.component.issue-form-panel.save-issue") (t "fleet-ops.component.issue-form-panel.create-issue")}}
-                @onClick={{perform this.save}}
-                @isLoading={{this.save.isRunning}}
-                @permission={{this.savePermission}}
-                @wrapperClass="mr-2"
-            />
-            {{#if this.issue.id}}
-                <Button
-                    @type="default"
-                    @icon="circle-exclamation"
-                    @helpText={{t "fleet-ops.component.issue-form-panel.view-details"}}
-                    @onClick={{this.onViewDetails}}
-                    @wrapperClass="mr-2"
-                    @permission="fleet-ops view issue"
-                />
-            {{/if}}
-            <Button
-                @type="default"
-                @icon="times"
-                @helpText={{if this.issue.id (t "fleet-ops.component.issue-form-panel.cancel-edit-issue") (t "fleet-ops.component.issue-form-panel.cancel-new-issue")}}
-                @onClick={{this.onPressCancel}}
-            />
-        </div>
-    </Overlay::Header>
-
-    <Overlay::Body @wrapperClass="new-service-rate-overlay-body px-4 pt-4">
-        {{#let (cannot this.savePermission) as |unauthorized|}}
-            <ContentPanel @title={{t "fleet-ops.component.issue-form-panel.issue-report"}} @open={{true}} @pad={{true}} @panelBodyClass="bg-white dark:bg-gray-800">
-                <div class="grid grid-cols-1 gap-4 lg:grid-cols-2 lg:gap-2 no-input-group-padding text-xs">
-                    <InputGroup @name={{t "fleet-ops.component.issue-form-panel.reported-by"}}>
-                        <ModelSelect
-                            @modelName="user"
-                            @selectedModel={{this.issue.reporter}}
-                            @placeholder={{t "fleet-ops.component.issue-form-panel.select-reporter"}}
-                            @triggerClass="form-select form-input"
-                            @infiniteScroll={{false}}
-                            @renderInPlace={{true}}
-                            @onChange={{this.setReporter}}
-                            @disabled={{unauthorized}}
-                            as |model|
-                        >
-                            {{model.name}}
-                        </ModelSelect>
-                    </InputGroup>
-
-                    <InputGroup @name={{t "fleet-ops.component.issue-form-panel.assigned"}}>
-                        <ModelSelect
-                            @modelName="user"
-                            @selectedModel={{this.issue.assignee}}
-                            @placeholder={{t "fleet-ops.component.issue-form-panel.select-assign"}}
-                            @triggerClass="form-select form-input"
-                            @infiniteScroll={{false}}
-                            @renderInPlace={{true}}
-                            @onChange={{fn (mut this.issue.assignee)}}
-                            @onChangeId={{fn (mut this.issue.assigned_to_uuid)}}
-                            @disabled={{unauthorized}}
-                            as |model|
-                        >
-                            {{model.name}}
-                        </ModelSelect>
-                    </InputGroup>
-
-                    <InputGroup @name={{t "fleet-ops.common.driver"}}>
-                        <ModelSelect
-                            @modelName="driver"
-                            @selectedModel={{this.issue.driver}}
-                            @placeholder={{t "fleet-ops.component.issue-form-panel.select-driver"}}
-                            @triggerClass="form-select form-input"
-                            @infiniteScroll={{false}}
-                            @renderInPlace={{true}}
-                            @onChange={{fn (mut this.issue.driver)}}
-                            @disabled={{unauthorized}}
-                            as |model|
-                        >
-                            {{model.name}}
-                        </ModelSelect>
-                    </InputGroup>
-
-                    <InputGroup @name={{t "fleet-ops.common.vehicle"}}>
-                        <ModelSelect
-                            @modelName="vehicle"
-                            @selectedModel={{this.issue.vehicle}}
-                            @placeholder={{t "fleet-ops.component.issue-form-panel.select-vehicle"}}
-                            @triggerClass="form-select form-input"
-                            @infiniteScroll={{false}}
-                            @renderInPlace={{true}}
-                            @onChange={{fn (mut this.issue.vehicle)}}
-                            @disabled={{unauthorized}}
-                            as |model|
-                        >
-                            {{model.displayName}}
-                        </ModelSelect>
-                    </InputGroup>
-
-                    <InputGroup @name={{t "fleet-ops.component.issue-form-panel.type"}}>
-                        <div class="fleetbase-model-select fleetbase-power-select ember-model-select">
-                            <PowerSelect
-                                @options={{this.issueTypes}}
-                                @selected={{this.issue.type}}
-                                @onChange={{this.onSelectIssueType}}
-                                @placeholder={{t "fleet-ops.component.issue-form-panel.select-type"}}
-                                @triggerClass="form-select form-input"
-                                @disabled={{unauthorized}}
-                                as |type|
-                            >
-                                {{smart-humanize type}}
-                            </PowerSelect>
-                        </div>
-                    </InputGroup>
-
-                    <InputGroup @name={{t "fleet-ops.component.issue-form-panel.category"}}>
-                        <div class="fleetbase-model-select fleetbase-power-select ember-model-select">
-                            <PowerSelect
-                                @options={{this.issueCategories}}
-                                @selected={{this.issue.category}}
-                                @onChange={{fn (mut this.issue.category)}}
-                                @placeholder={{t "fleet-ops.component.issue-form-panel.select-category"}}
-                                @triggerClass="form-select form-input"
-                                @disabled={{or unauthorized (not this.issueCategories)}}
-                                as |category|
-                            >
-                                {{smart-humanize category}}
-                            </PowerSelect>
-                        </div>
-                    </InputGroup>
-
-                    <InputGroup @name={{t "fleet-ops.component.issue-form-panel.report"}} @wrapperClass="col-span-2">
-                        <Textarea
-                            @value={{this.issue.report}}
-                            aria-label="Issue Report"
-                            class="w-full form-input"
-                            disabled={{unauthorized}}
-                            placeholder={{t "fleet-ops.component.issue-form-panel.report"}}
-                            rows={{5}}
-                        />
-                    </InputGroup>
-
-                    <InputGroup @name={{t "fleet-ops.component.issue-form-panel.tags"}} @wrapperClass="col-span-2">
-                        <TagInput
-                            class="form-input"
-                            @placeholder={{t "fleet-ops.component.issue-form-panel.add-tags"}}
-                            @allowSpacesInTags={{true}}
-                            @tags={{this.issue.tags}}
-                            @addTag={{this.addTag}}
-                            @removeTagAtIndex={{this.removeTag}}
-                            @disabled={{unauthorized}}
-                            as |tag|
-                        >
-                            {{tag}}
-                        </TagInput>
-                    </InputGroup>
-
-                    <InputGroup @name={{t "fleet-ops.component.issue-form-panel.priority"}}>
-                        <div class="fleetbase-model-select fleetbase-power-select ember-model-select">
-                            <PowerSelect
-                                @options={{this.issuePriorityOptions}}
-                                @selected={{this.issue.priority}}
-                                @onChange={{fn (mut this.issue.priority)}}
-                                @placeholder={{t "fleet-ops.component.issue-form-panel.select-priority"}}
-                                @triggerClass="form-select form-input"
-                                @disabled={{unauthorized}}
-                                as |priority|
-                            >
-                                {{smart-humanize priority}}
-                            </PowerSelect>
-                        </div>
-                    </InputGroup>
-
-                    <InputGroup @name={{t "fleet-ops.common.status"}}>
-                        <div class="fleetbase-model-select fleetbase-power-select ember-model-select">
-                            <PowerSelect
-                                @options={{this.issueStatusOptions}}
-                                @selected={{this.issue.status}}
-                                @onChange={{fn (mut this.issue.status)}}
-                                @placeholder={{t "fleet-ops.component.issue-form-panel.select-status"}}
-                                @triggerClass="form-select form-input"
-                                @disabled={{unauthorized}}
-                                as |status|
-                            >
-                                {{smart-humanize status}}
-                            </PowerSelect>
-                        </div>
-                    </InputGroup>
-
-                    <InputGroup @name={{t "fleet-ops.common.coordinates"}} @wrapperClass="col-span-2">
-                        <CoordinatesInput @value={{this.issue.location}} @onChange={{fn (mut this.issue.location)}} @disabled={{unauthorized}} />
-                    </InputGroup>
-
-                    <RegistryYield @registry="fleet-ops:component:issue-form-panel:details" as |RegistryComponent|>
-                        <RegistryComponent @issue={{this.issue}} @controller={{this.controller}} @permission={{this.savePermission}} />
-                    </RegistryYield>
-                </div>
-            </ContentPanel>
-
-            <RegistryYield @registry="fleet-ops:component:issue-form-panel" as |RegistryComponent|>
-                <RegistryComponent @issue={{this.issue}} @controller={{this.controller}} @permission={{this.savePermission}} />
-            </RegistryYield>
-        {{/let}}
-        <Spacer @height="300px" />
-    </Overlay::Body>
-</Overlay>

package/addon/components/issue-form-panel.js

@@ -1,182 +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 { task } from 'ember-concurrency';
-import getWithDefault from '@fleetbase/ember-core/utils/get-with-default';
-import contextComponentCallback from '@fleetbase/ember-core/utils/context-component-callback';
-import applyContextComponentArguments from '@fleetbase/ember-core/utils/apply-context-component-arguments';
-import getIssueTypes from '../utils/get-issue-types';
-import getIssueCategories from '../utils/get-issue-categories';
-
-export default class IssueFormPanelComponent extends Component {
-    @service store;
-    @service fetch;
-    @service intl;
-    @service notifications;
-    @service hostRouter;
-    @service contextPanel;
-
-    /**
-     * Overlay context.
-     * @type {any}
-     */
-    @tracked context;
-
-    /**
-     * All possible issue types
-     *
-     * @var {String}
-     */
-    @tracked issueTypes = getIssueTypes();
-
-    /**
-     *  The subcategories for issue types.
-     *
-     * @var {Object}
-     */
-    @tracked issueCategoriesByType = getIssueCategories({ fullObject: true });
-
-    /**
-     * Selectable issue categories.
-     *
-     * @memberof IssueFormPanelComponent
-     */
-    @tracked issueCategories = [];
-
-    /**
-     * Issue status options.
-     *
-     * @memberof IssueFormPanelComponent
-     */
-    @tracked issueStatusOptions = ['pending', 'in-progress', 'backlogged', 'requires-update', 'in-review', 're-opened', 'duplicate', 'pending-review', 'escalated', 'completed', 'canceled'];
-
-    /**
-     * Issue priorty options.
-     *
-     * @memberof IssueFormPanelComponent
-     */
-    @tracked issuePriorityOptions = ['low', 'medium', 'high', 'critical', 'scheduled-maintenance', 'operational-suggestion'];
-
-    /**
-     * Permission needed to update or create record.
-     *
-     * @memberof IssueFormPanelComponent
-     */
-    @tracked savePermission;
-
-    /**
-     * The current controller if any.
-     *
-     * @memberof IssueFormPanelComponent
-     */
-    @tracked controller;
-
-    /**
-     * Constructs the component and applies initial state.
-     */
-    constructor(owner, { issue = null, controller }) {
-        super(...arguments);
-        this.issue = issue;
-        this.controller = controller;
-        this.issueCategories = getWithDefault(this.issueCategoriesByType, getWithDefault(issue, 'type', 'operational'), []);
-        this.savePermission = issue && issue.isNew ? 'fleet-ops create issue' : 'fleet-ops update issue';
-        applyContextComponentArguments(this);
-    }
-
-    /**
-     * Sets the overlay context.
-     *
-     * @action
-     * @param {OverlayContextObject} overlayContext
-     */
-    @action setOverlayContext(overlayContext) {
-        this.context = overlayContext;
-        contextComponentCallback(this, 'onLoad', ...arguments);
-    }
-
-    /**
-     * Task to save issue.
-     *
-     * @return {void}
-     * @memberof IssueFormPanelComponent
-     */
-    @task *save() {
-        contextComponentCallback(this, 'onBeforeSave', this.issue);
-
-        try {
-            this.issue = yield this.issue.save();
-        } catch (error) {
-            this.notifications.serverError(error);
-            return;
-        }
-
-        this.notifications.success(this.intl.t('fleet-ops.component.issue-form-panel.success-message', { publicId: this.issue.public_id }));
-        contextComponentCallback(this, 'onAfterSave', this.issue);
-    }
-
-    /**
-     * Trigger when the issue type is selected.
-     *
-     * @param {String} type
-     * @memberof IssueFormPanelComponent
-     */
-    @action onSelectIssueType(type) {
-        this.issue.type = type;
-        this.issue.category = null;
-        this.issueCategories = getWithDefault(this.issueCategoriesByType, type, []);
-    }
-
-    /**
-     * Add a tag to the issue
-     *
-     * @param {String} tag
-     * @memberof IssueFormPanelComponent
-     */
-    @action addTag(tag) {
-        if (!isArray(this.issue.tags)) {
-            this.issue.tags = [];
-        }
-
-        this.issue.tags.pushObject(tag);
-    }
-
-    /**
-     * Remove a tag from the issue tags.
-     *
-     * @param {Number} index
-     * @memberof IssueFormPanelComponent
-     */
-    @action removeTag(index) {
-        this.issue.tags.removeAt(index);
-    }
-
-    /**
-     * View the details of the issue.
-     *
-     * @action
-     */
-    @action onViewDetails() {
-        const isActionOverrided = contextComponentCallback(this, 'onViewDetails', this.issue);
-
-        if (!isActionOverrided) {
-            this.contextPanel.focus(this.issue, 'viewing');
-        }
-    }
-
-    /**
-     * Handles cancel button press.
-     *
-     * @action
-     * @returns {any}
-     */
-    @action onPressCancel() {
-        return contextComponentCallback(this, 'onPressCancel', this.issue);
-    }
-
-    @action setReporter(user) {
-        this.issue.set('reporter', user);
-        this.issue.set('reported_by_uuid', user.id);
-    }
-}

package/addon/components/issue-panel/details.hbs

@@ -1,48 +0,0 @@
-<div class="p-4">
-    <ContentPanel @title={{t "fleet-ops.common.details"}} @open={{true}} @pad={{true}} @panelBodyClass="bg-white dark:bg-gray-900">
-        <div class="grid grid-cols-1 lg:grid-cols-2 gap-4 text-xs md:mb-6 dark:text-gray-100">
-            <div class="field-info-container space-y-2">
-                <div class="field-name">{{t "fleet-ops.common.reporter"}}</div>
-                <div class="field-value">{{n-a @issue.reporter_name}}</div>
-            </div>
-            <div class="field-info-container space-y-2">
-                <div class="field-name">{{t "fleet-ops.component.issue-panel.details.assigned"}}</div>
-                <div class="field-value">{{n-a @issue.assignee_name}}</div>
-            </div>
-            <div class="field-info-container space-y-2">
-                <div class="field-name">{{t "fleet-ops.common.driver"}}</div>
-                <div class="field-value">{{n-a @issue.driver_name}}</div>
-            </div>
-            <div class="field-info-container space-y-2">
-                <div class="field-name">{{t "fleet-ops.common.vehicle"}}</div>
-                <div class="field-value">{{n-a @issue.vehicle_name}}</div>
-            </div>
-            <div class="field-info-container space-y-2">
-                <div class="field-name">{{t "fleet-ops.component.issue-panel.details.type"}}</div>
-                <div class="field-value">{{n-a @issue.type}}</div>
-            </div>
-            <div class="field-info-container space-y-2">
-                <div class="field-name">{{t "fleet-ops.component.issue-panel.details.category"}}</div>
-                <div class="field-value">{{n-a @issue.category}}</div>
-            </div>
-            <div class="field-info-container space-y-2">
-                <div class="field-name">{{t "fleet-ops.component.issue-panel.details.priority"}}</div>
-                <div class="field-value">
-                    <Badge @status={{@issue.priority}} />
-                </div>
-            </div>
-            <div class="field-info-container space-y-2">
-                <div class="field-name">{{t "fleet-ops.common.date-created"}}</div>
-                <div class="field-value">{{@issue.createdAtShort}}</div>
-            </div>
-            <div class="field-info-container space-y-2">
-                <div class="field-name">{{t "fleet-ops.common.coordinates"}}</div>
-                <div class="field-value">{{point-coordinates @issue.location}}</div>
-            </div>
-            <div class="field-info-container col-span-2">
-                <div class="field-name">{{t "fleet-ops.component.issue-panel.details.report"}}</div>
-                <div class="field-value">{{n-a @issue.report}}</div>
-            </div>
-        </div>
-    </ContentPanel>
-</div>

package/addon/components/issue-panel.hbs

@@ -1,39 +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={{t "fleet-ops.component.issue-panel.title"}} @status={{this.issue.public_id}} @hideStatusDot={{true}} @createdAt={{this.issue.createdAt}}>
-        <Button @type="default" @icon="pen" @helpText={{t "fleet-ops.component.issue-panel.edit-issue"}} @onClick={{this.onEdit}} @wrapperClass="mr-2" @permission="fleet-ops update issue" />
-        <Button
-            @type="default"
-            @icon="times"
-            @helpText={{if this.issue.id (t "fleet-ops.component.issue-panel.cancel-edit-issue") (t "fleet-ops.component.issue-panel.cancel-new-issue")}}
-            @onClick={{this.onPressCancel}}
-        />
-    </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 issue=this.issue tabOptions=this.tab options=this.tab.componentParams}}
-        </div>
-        <Spacer @height="300px" />
-    </Overlay::Body>
-</Overlay>

package/addon/components/issue-panel.js

@@ -1,148 +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 IssuePanelDetailComponent from './issue-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 IssuePanelComponent extends Component {
-    /**
-     * Service for fetching data.
-     *
-     * @type {Service}
-     */
-    @service fetch;
-
-    /**
-     * Service for managing modals.
-     *
-     * @type {Service}
-     */
-    @service modalsManager;
-
-    /**
-     * Universe service for managing global data and settings.
-     *
-     * @type {Service}
-     */
-    @service universe;
-
-    /**
-     * Ember data store service.
-     *
-     * @type {Service}
-     */
-    @service store;
-
-    /**
-     * Service for managing routing within the host app.
-     *
-     * @type {Service}
-     */
-    @service hostRouter;
-
-    /**
-     * Service for managing the context panel.
-     *
-     * @type {Service}
-     */
-    @service contextPanel;
-
-    /**
-     * The current active tab.
-     *
-     * @type {Object}
-     * @tracked
-     */
-    @tracked tab;
-
-    /**
-     * The Issue being displayed or edited.
-     *
-     * @type {IssueModel}
-     * @tracked
-     */
-    @tracked issue;
-
-    /**
-     * Returns the array of tabs available for the panel.
-     *
-     * @type {Array}
-     */
-    get tabs() {
-        const registeredTabs = this.universe.getMenuItemsFromRegistry('fleet-ops:component:issue-panel');
-        // this.universe._createMenuItem('Tracking', null, { icon: 'satellite-dish', component: IssuePanelTrackingComponent }),
-        const defaultTabs = [this.universe._createMenuItem('Details', null, { icon: 'circle-info', component: IssuePanelDetailComponent })];
-
-        if (isArray(registeredTabs)) {
-            return [...defaultTabs, ...registeredTabs];
-        }
-
-        return defaultTabs;
-    }
-
-    /**
-     * Initializes the Issue panel component.
-     */
-    constructor() {
-        super(...arguments);
-        this.issue = this.args.issue;
-        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 Issue.
-     *
-     * @method
-     * @action
-     */
-    @action onEdit() {
-        const isActionOverrided = contextComponentCallback(this, 'onEdit', this.issue);
-
-        if (!isActionOverrided) {
-            this.contextPanel.focus(this.issue, '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.issue);
-    }
-}

package/addon/components/live-map-drawer/driver-listing.hbs

@@ -1,12 +0,0 @@
-<div class="flex flex-row items-center px-5 py-2 border-b border-gray-200 dark:border-gray-700">
-    <div>
-        <Input
-            @value={{this.query}}
-            {{on "input" this.performSearch}}
-            @type="text"
-            class="form-input form-input-sm w-60"
-            placeholder={{t "fleet-ops.component.live-map-drawer.driver-listing.message"}}
-        />
-    </div>
-</div>
-<Table @rows={{this.drivers}} @columns={{this.columns}} @onSetup={{fn (mut this.table)}} />