@fleetbase/fleetops-engine/addon/controllers/connectivity/telematics/index.js

Fleet & Transport Management Extension for Fleetbase

import Controller from '@ember/controller';
import { inject as service } from '@ember/service';
import { tracked } from '@glimmer/tracking';
import { task } from 'ember-concurrency';
import fleetOpsOptions from '../../../utils/fleet-ops-options';

export default class ConnectivityTelematicsIndexController extends Controller {
    @service telematicActions;
    @service fetch;
    @service intl;
    @service notifications;
    @tracked providers = [];

    /** query params */
    @tracked queryParams = ['name', 'provider', 'status', 'page', 'limit', 'sort', 'query', 'public_id', 'created_at', 'updated_at'];
    @tracked page = 1;
    @tracked limit;
    @tracked sort = '-created_at';
    @tracked public_id;
    @tracked name;
    @tracked provider;
    @tracked status;

    constructor() {
        super(...arguments);
        this.loadProviders.perform();
    }

    /** action buttons */
    @tracked actionButtons = [
        {
            icon: 'refresh',
            onClick: this.telematicActions.refresh,
            helpText: this.intl.t('common.refresh'),
        },
        {
            text: this.intl.t('common.new'),
            type: 'primary',
            icon: 'plus',
            onClick: this.telematicActions.transition.create,
        },
        {
            text: this.intl.t('common.import'),
            type: 'magic',
            icon: 'upload',
            onClick: this.telematicActions.import,
        },
        {
            text: this.intl.t('common.export'),
            icon: 'long-arrow-up',
            iconClass: 'rotate-icon-45',
            wrapperClass: 'hidden md:flex',
            onClick: this.telematicActions.export,
        },
    ];

    /** bulk action buttons */
    @tracked bulkActions = [
        {
            label: 'Delete selected...',
            class: 'text-red-500',
            fn: this.telematicActions.bulkDelete,
        },
    ];

    /** columns */
    @tracked columns = [
        {
            sticky: true,
            label: 'Provider',
            valuePath: 'name',
            cellComponent: 'cell/telematic-provider',
            action: this.telematicActions.transition.view,
            permission: 'fleet-ops view telematic',
            width: 460,
            resizable: true,
            sortable: true,
            filterable: true,
            filterParam: 'name',
            filterComponent: 'filter/string',
        },
        {
            label: this.intl.t('column.status'),
            valuePath: 'status',
            cellComponent: 'cell/telematic-status',
            cellClassNames: 'fleetops-provider-connections-cell-middle',
            resizable: true,
            sortable: true,
            filterable: true,
            filterComponent: 'filter/multi-option',
            filterOptions: fleetOpsOptions('telematicStatuses'),
        },
        {
            label: this.intl.t('column.created-at'),
            valuePath: 'createdAt',
            sortParam: 'created_at',
            cellClassNames: 'fleetops-provider-connections-cell-middle',
            resizable: true,
            sortable: true,
            filterable: true,
            filterComponent: 'filter/date',
        },
        {
            label: this.intl.t('column.updated-at'),
            valuePath: 'updatedAt',
            sortParam: 'updated_at',
            cellClassNames: 'fleetops-provider-connections-cell-middle',
            resizable: true,
            sortable: true,
            hidden: true,
            filterable: true,
            filterComponent: 'filter/date',
        },

        {
            label: '',
            cellComponent: 'table/cell/dropdown',
            ddButtonText: false,
            ddButtonIcon: 'ellipsis-h',
            ddButtonIconPrefix: 'fas',
            ddMenuLabel: this.intl.t('common.resource-actions', { resource: this.intl.t('resource.telematic') }),
            cellClassNames: 'fleetops-provider-connections-cell-middle overflow-visible',
            wrapperClass: 'flex items-center justify-end mx-2',
            sticky: 'right',
            width: 60,
            actions: [
                {
                    label: this.intl.t('common.view-resource', { resource: this.intl.t('resource.telematic') }),
                    fn: this.telematicActions.transition.view,
                    permission: 'fleet-ops view telematic',
                },
                {
                    label: this.intl.t('common.edit-resource', { resource: this.intl.t('resource.telematic') }),
                    fn: this.telematicActions.transition.edit,
                    permission: 'fleet-ops update telematic',
                },
                {
                    separator: true,
                },
                {
                    label: this.intl.t('common.delete-resource', { resource: this.intl.t('resource.telematic') }),
                    fn: this.telematicActions.delete,
                    permission: 'fleet-ops delete telematic',
                },
            ],
            sortable: false,
            filterable: false,
            resizable: false,
            searchable: false,
        },
    ];

    @task *loadProviders() {
        try {
            this.providers = yield this.fetch.get('telematics/providers');
        } catch (error) {
            this.notifications.serverError(error);
        }
    }
}