@fleetbase/fleetops-engine/addon/components/order/details/payload.js

Fleet & Transport Management Extension for Fleetbase

import Component from '@glimmer/component';
import { inject as service } from '@ember/service';
import { action } from '@ember/object';
import { debug } from '@ember/debug';
import { task } from 'ember-concurrency';
import placeAddressHtml from '../../../utils/place-address-html';

export default class OrderDetailsPayloadComponent extends Component {
    @service entityActions;
    @service modalsManager;
    @service notifications;
    @service store;
    @service fetch;
    @service intl;

    get actionButtons() {
        if (this.args.resource.hasIntermediateWaypoints) {
            const places = this.args.resource.places ?? [];
            return [
                {
                    type: 'default',
                    text: this.intl.t('order.actions.add-entity'),
                    icon: 'plus',
                    iconPrefix: 'fas',
                    permission: 'fleet-ops update order',
                    disabled: this.args.resource.status === 'canceled',
                    items: places.map((p) => ({
                        text: placeAddressHtml(p),
                        onClick: () => this.addEntity.perform(p),
                    })),
                },
            ];
        }

        return [
            {
                type: 'default',
                text: this.intl.t('order.actions.add-entity'),
                icon: 'plus',
                iconPrefix: 'fas',
                permission: 'fleet-ops update order',
                wrapperClass: this.args.resource.isMultiDropOrder ? 'hidden' : 'flex',
                disabled: this.args.resource.status === 'canceled',
                onClick: () => this.addEntity.perform(),
            },
        ];
    }

    @task *addEntity(destination) {
        try {
            const entity = this.store.createRecord('entity', {
                payload_uuid: this.args.resource.payload.id,
                destination_uuid: destination ? destination?.id : null,
            });

            if (!this.args.resource.isNew) {
                yield entity.save();
            }
            this.args.resource.payload.entities.pushObject(entity);
        } catch (err) {
            debug('Failed to add entity to order: ' + err.message);
            this.notifications.error(this.intl.t('order.prompts.unable-to-add-entity'));
        }
    }

    @action async viewWaypointLabel(waypoint) {
        // render dialog to display label within
        this.modalsManager.show(`modals/order-label`, {
            title: this.intl.t('order.fields.waypoint-label'),
            modalClass: 'modal-xl',
            acceptButtonText: this.intl.t('common.done'),
            hideDeclineButton: true,
        });

        try {
            // load the pdf label from base64
            // eslint-disable-next-line no-undef
            const fileReader = new FileReader();
            const { data: pdfStream } = await this.fetch.get(`orders/label/${waypoint.waypoint_public_id}?format=base64`);
            // eslint-disable-next-line no-undef
            const base64 = await fetch(`data:application/pdf;base64,${pdfStream}`);
            const blob = await base64.blob();
            // load into file reader
            fileReader.onload = (event) => {
                const data = event.target.result;
                this.modalsManager.setOption('data', data);
            };
            fileReader.readAsDataURL(blob);
        } catch (err) {
            this.notifications.error(this.intl.t('order.prompts.failed-to-load-waypoint-label'));
            debug('Error loading waypoint label data: ' + err.message);
        }
    }
}