@fleetbase/fleetops-engine/addon/components/driver/form.js

Fleet & Transport Management Extension for Fleetbase

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

export default class DriverFormComponent extends Component {
    @service store;
    @service fetch;
    @service currentUser;
    @service notifications;
    @service modalsManager;
    @service('universe/extension-manager') extensionManager;

    get userAccountActionButtons() {
        return [
            {
                icon: 'user-plus',
                size: 'xs',
                permission: 'iam create user',
                onClick: async () => {
                    // Load IAM engine for user-form modal component
                    await this.extensionManager.ensureEngineLoaded('@fleetbase/iam-engine');

                    const user = this.store.createRecord('user', {
                        status: 'pending',
                        type: 'user',
                    });

                    this.modalsManager.show('modals/user-form', {
                        title: 'Create a new user',
                        user,
                        formPermission: 'iam create user',
                        uploadNewPhoto: (file) => {
                            this.fetch.uploadFile.perform(
                                file,
                                {
                                    path: `uploads/${this.currentUser.companyId}/users/${user.slug}`,
                                    subject_uui: user.id,
                                    subject_type: 'user',
                                    type: 'user_photo',
                                },
                                (uploadedFile) => {
                                    user.setProperties({
                                        avatar_uuid: uploadedFile.id,
                                        avatar_url: uploadedFile.url,
                                        avatar: uploadedFile,
                                    });
                                }
                            );
                        },
                        confirm: async (modal) => {
                            modal.startLoading();

                            try {
                                await user.save();
                                this.notifications.success('New user created successfully!');
                                modal.done();
                            } catch (error) {
                                this.notifications.serverError(error);
                                modal.stopLoading();
                            }
                        },
                    });
                },
            },
        ];
    }

    @task *handlePhotoUpload(file) {
        try {
            yield this.fetch.uploadFile.perform(
                file,
                {
                    path: `uploads/${this.currentUser.companyId}/drivers/${this.args.resource.id}`,
                    subject_uuid: this.args.resource.id,
                    subject_type: 'fleet-ops:driver',
                    type: 'driver_photo',
                },
                (uploadedFile) => {
                    this.args.resource.setProperties({
                        photo_uuid: uploadedFile.id,
                        photo_url: uploadedFile.url,
                        photo: uploadedFile,
                    });
                }
            );
        } catch (err) {
            this.notifications.error('Unable to upload photo: ' + err.message);
        }
    }
}