@ducna01120/fleetops-engine/addon/components/order-config-manager/details.js

Fleet & Transport Management Extension for Fleetbase

import Component from '@glimmer/component';
import { tracked } from '@glimmer/tracking';
import { inject as service } from '@ember/service';
import { action } from '@ember/object';
import { task } from 'ember-concurrency';

/**
 * Component class for managing the details of an order configuration.
 * This component allows for saving and deleting order configurations,
 * with user feedback through notifications and confirmation modals.
 *
 * @extends Component
 */
export default class OrderConfigManagerDetailsComponent extends Component {
    @service modalsManager;
    @service notifications;
    @service intl;
    @service store;

    /**
     * Tracked property for the configuration being managed.
     * @tracked
     */
    @tracked config;

    /**
     * Constructor for OrderConfigManagerDetailsComponent.
     * Initializes the component with the provided configuration.
     * @param {Object} owner - The owner of the component.
     * @param {Object} args - The arguments passed to the component, including the configuration.
     */
    constructor(owner, { config }) {
        super(...arguments);
        this.config = config;
    }

    /**
     * Task method to save the current configuration.
     * Provides user feedback and executes callback on successful update.
     * @action
     */
    @task *save() {
        try {
            yield this.config.save();
            this.notifications.success(this.intl.t('fleet-ops.component.order-config-manager.saved-success-message', { orderConfigName: this.config.name }));
            if (typeof this.args.onConfigUpdated === 'function') {
                this.args.onConfigUpdated(this.config);
            }
        } catch (error) {
            this.notifications.serverError(error);
        }
    }

    /**
     * Action method to delete the current configuration.
     * Provides a confirmation modal and executes callback on successful deletion.
     * @action
     */
    @action delete() {
        this.modalsManager.confirm({
            title: this.intl.t('fleet-ops.component.order-config-manager.details.delete.delete-title'),
            body: this.intl.t('fleet-ops.component.order-config-manager.details.delete.delete-body-message'),
            acceptButtonText: this.intl.t('fleet-ops.component.order-config-manager.details.delete.confirm-delete'),
            confirm: async (modal) => {
                if (typeof this.args.onConfigDeleting === 'function') {
                    this.args.onConfigDeleting(this.config);
                }

                modal.startLoading();

                try {
                    await this.deleteConfig.perform();
                    modal.done();
                } catch (error) {
                    this.notifications.serverError(error);
                    modal.stopLoading();
                }
            },
        });
    }

    /**
     * Task to delete current order config.
     *
     * @memberof OrderConfigManagerDetailsComponent
     */
    @task *deleteConfig() {
        try {
            yield this.config.destroyRecord();
            if (typeof this.args.onConfigDeleted === 'function') {
                this.args.onConfigDeleted(this.config);
            }
        } catch (error) {
            this.notifications.serverError(error);
        }
    }
}