@fleetbase/fleetops-engine 0.4.3 → 0.4.5

package/addon/components/widget/fleet-ops-quickstart.hbs

@@ -1,40 +0,0 @@
-<div class="quickstart-widget {{if this.isHidden 'hidden'}}" {{did-insert this.getTasks}} ...attributes>
-    <div class="shadow-sm content-panel">
-        <div class="content-panel-header">
-            <h3 class="text-sm font-bold dark:text-gray-100">
-                {{this.title}}
-            </h3>
-        </div>
-        <div class="text-sm content-panel-body no-padding dark:text-gray-100">
-            <div class="p-3">
-                {{#if this.isLoading}}
-                    <div class="flex text-center items-center justify-center p-4">
-                        <Spinner class="mr-2" />
-                        <span>{{t "fleet-ops.component.widget.fleet-ops-quickstart.message"}}</span>
-                    </div>
-                {{else}}
-                    <div class="space-y-3">
-                        {{#each-in this.tasks as |action task|}}
-                            <div
-                                class="rounded-md bg-gray-900 px-3 py-2 flex items-center justify-between space-x-2">
-                                <div class="flex items-center">
-                                    <div class="mr-4">
-                                        <div class="text-center flex items-center justify-center w-6">
-                                            <FaIcon @icon={{if task.should "lightbulb-exclamation" "check-circle"}} class={{if task.should "text-yellow-400" "text-green-500"}} @size="lg" />
-                                        </div>
-                                    </div>
-                                    <div class="text-gray-100">{{task.description}}</div>
-                                </div>
-                                <div>
-                                    {{#if task.should}}
-                                        <a href="javascript:;" class="text-yellow-700 dark:text-yellow-700 hover:text-yellow-700 font-semibold underline" {{on "click" (fn this.startTask action)}}>{{t "fleet-ops.component.widget.fleet-ops-quickstart.start-task"}}</a>
-                                    {{/if}}
-                                </div>
-                            </div>
-                        {{/each-in}}
-                    </div>
-                {{/if}}
-            </div>
-        </div>
-    </div>
-</div>

package/addon/components/widget/fleet-ops-quickstart.js

@@ -1,59 +0,0 @@
-import Component from '@glimmer/component';
-import { tracked } from '@glimmer/tracking';
-import { inject as service } from '@ember/service';
-import { action, computed } from '@ember/object';
-
-export default class WidgetFleetOpsQuickstartComponent extends Component {
-    @service intl;
-    @service fetch;
-    @service hostRouter;
-    @tracked tasks = {};
-    @tracked isLoading = true;
-    @tracked isHidden = false;
-
-    @computed('args.title') get title() {
-        return this.args.title || 'Quickstart tasks for Fleet Ops';
-    }
-
-    @action async getTasks() {
-        this.tasks = await this.fetchTasks();
-    }
-
-    @action startTask(action) {
-        switch (action) {
-            case 'add_drivers':
-                break;
-            case 'add_fleet':
-                break;
-            case 'add_order_config':
-                break;
-            case 'add_service_area':
-                break;
-            case 'add_users':
-                break;
-            case 'add_vehicles':
-                break;
-            case 'create_first_order':
-                break;
-        }
-    }
-
-    fetchTasks() {
-        this.isLoading = true;
-
-        return new Promise((resolve) => {
-            this.fetch.get('actions/get-fleet-ops-quickstart-actions').then((tasks) => {
-                this.isLoading = false;
-                resolve(tasks);
-            });
-        });
-    }
-
-    shouldHideWidget(tasks) {
-        const shouldHide = Object.values(tasks).every((task) => task.should === false);
-
-        if (shouldHide) {
-            this.isHidden = true;
-        }
-    }
-}

package/addon/components/widget/issues.hbs

@@ -1 +0,0 @@
-{{yield}}

package/addon/components/widget/key-metrics.hbs

@@ -1,121 +0,0 @@
-<div class="key-metrics-widget" {{did-insert this.getMetrics}} ...attributes>
-    <div class="flex items-center">
-        <h3 class="text-lg leading-6 font-medium text-gray-900 dark:text-gray-100 mr-2">
-            {{this.title}}
-        </h3>
-        {{#if this.isLoading}}
-            <div>
-                <Spinner class="text-sky-400" />
-            </div>
-        {{/if}}
-    </div>
-    <dl class="mt-5 grid grid-cols-1 gap-5 sm:grid-cols-2 md:grid-cols-4">
-        <div class="px-4 py-5 bg-white dark:bg-gray-900 shadow rounded-lg overflow-hidden sm:p-6">
-            <dt class="text-sm font-medium text-gray-500 dark:text-gray-100 truncate">
-                {{t "fleet-ops.component.widget.key-metrics.earnings"}}
-            </dt>
-            <dd class="mt-1 text-3xl font-semibold text-gray-900 dark:text-white">
-                {{format-currency this.metrics.earnings}}
-            </dd>
-        </div>
-
-        <div class="px-4 py-5 bg-white dark:bg-gray-900 shadow rounded-lg overflow-hidden sm:p-6">
-            <dt class="text-sm font-medium text-gray-500 dark:text-gray-100 truncate">
-                {{t "fleet-ops.component.widget.key-metrics.fuel-expenses"}}
-            </dt>
-            <dd class="mt-1 text-3xl font-semibold text-gray-900 dark:text-white">
-                {{format-currency this.metrics.fuel_cost}}
-            </dd>
-        </div>
-
-        <div class="px-4 py-5 bg-white dark:bg-gray-900 shadow rounded-lg overflow-hidden sm:p-6">
-            <dt class="text-sm font-medium text-gray-500 dark:text-gray-100 truncate">
-                {{t "fleet-ops.component.widget.key-metrics.traveled"}}
-            </dt>
-            <dd class="mt-1 text-3xl font-semibold text-gray-900 dark:text-white">
-                {{format-meters this.metrics.distance_traveled}}
-            </dd>
-        </div>
-
-        <div class="px-4 py-5 bg-white dark:bg-gray-900 shadow rounded-lg overflow-hidden sm:p-6">
-            <dt class="text-sm font-medium text-gray-500 dark:text-gray-100 truncate">
-                {{t "fleet-ops.component.widget.key-metrics.total-time"}}
-            </dt>
-            <dd class="mt-1 text-3xl font-semibold text-gray-900 dark:text-white">
-                {{format-duration this.metrics.total_time_traveled}}
-            </dd>
-        </div>
-
-        <div class="px-4 py-5 bg-white dark:bg-gray-900 shadow rounded-lg overflow-hidden sm:p-6">
-            <dt class="text-sm font-medium text-gray-500 dark:text-gray-100 truncate">
-                {{t "fleet-ops.component.widget.key-metrics.order-scheduled"}}
-            </dt>
-            <dd class="mt-1 text-3xl font-semibold text-gray-900 dark:text-white">
-                {{this.metrics.orders_scheduled}}
-            </dd>
-        </div>
-
-        <div class="px-4 py-5 bg-white dark:bg-gray-900 shadow rounded-lg overflow-hidden sm:p-6">
-            <dt class="text-sm font-medium text-gray-500 dark:text-gray-100 truncate">
-                {{t "fleet-ops.component.widget.key-metrics.order-completed"}}
-            </dt>
-            <dd class="mt-1 text-3xl font-semibold text-gray-900 dark:text-white">
-                {{this.metrics.orders_completed}}
-            </dd>
-        </div>
-
-        <div class="px-4 py-5 bg-white dark:bg-gray-900 shadow rounded-lg overflow-hidden sm:p-6">
-            <dt class="text-sm font-medium text-gray-500 dark:text-gray-100 truncate">
-                {{t "fleet-ops.component.widget.key-metrics.order-progress"}}
-            </dt>
-            <dd class="mt-1 text-3xl font-semibold text-gray-900 dark:text-white">
-                {{this.metrics.orders_in_progress}}
-            </dd>
-        </div>
-
-        <div class="px-4 py-5 bg-white dark:bg-gray-900 shadow rounded-lg overflow-hidden sm:p-6">
-            <dt class="text-sm font-medium text-gray-500 dark:text-gray-100 truncate">
-                {{t "fleet-ops.component.widget.key-metrics.order-canceled"}}
-            </dt>
-            <dd class="mt-1 text-3xl font-semibold text-gray-900 dark:text-white">
-                {{this.metrics.orders_canceled}}
-            </dd>
-        </div>
-
-        <div class="px-4 py-5 bg-white dark:bg-gray-900 shadow rounded-lg overflow-hidden sm:p-6">
-            <dt class="text-sm font-medium text-gray-500 dark:text-gray-100 truncate">
-                {{t "fleet-ops.component.widget.key-metrics.driver-online"}}
-            </dt>
-            <dd class="mt-1 text-3xl font-semibold text-gray-900 dark:text-white">
-                {{this.metrics.drivers_online}}
-            </dd>
-        </div>
-
-        <div class="px-4 py-5 bg-white dark:bg-gray-900 shadow rounded-lg overflow-hidden sm:p-6">
-            <dt class="text-sm font-medium text-gray-500 dark:text-gray-100 truncate">
-                {{t "fleet-ops.component.widget.key-metrics.customers"}}
-            </dt>
-            <dd class="mt-1 text-3xl font-semibold text-gray-900 dark:text-white">
-                {{this.metrics.customers}}
-            </dd>
-        </div>
-
-        <div class="px-4 py-5 bg-white dark:bg-gray-900 shadow rounded-lg overflow-hidden sm:p-6">
-            <dt class="text-sm font-medium text-gray-500 dark:text-gray-100 truncate">
-                {{t "fleet-ops.component.widget.key-metrics.open-issue"}}
-            </dt>
-            <dd class="mt-1 text-3xl font-semibold text-gray-900 dark:text-white">
-                {{this.metrics.open_issues}}
-            </dd>
-        </div>
-
-        <div class="px-4 py-5 bg-white dark:bg-gray-900 shadow rounded-lg overflow-hidden sm:p-6">
-            <dt class="text-sm font-medium text-gray-500 dark:text-gray-100 truncate">
-                {{t "fleet-ops.component.widget.key-metrics.closed-issues"}}
-            </dt>
-            <dd class="mt-1 text-3xl font-semibold text-gray-900 dark:text-white">
-                {{this.metrics.resolved_issues}}
-            </dd>
-        </div>
-    </dl>
-</div>

package/addon/components/widget/key-metrics.js

@@ -1,46 +0,0 @@
-import Component from '@glimmer/component';
-import { tracked } from '@glimmer/tracking';
-import { inject as service } from '@ember/service';
-import { action, computed } from '@ember/object';
-import moment from 'moment';
-
-export default class WidgetKeyMetricsComponent extends Component {
-    @service fetch;
-    @tracked metrics = {
-        distance_traveled: 0,
-        total_time_traveled: 0,
-        drivers_online: 0,
-        customers: 0,
-        earnings: 0,
-        fuel_cost: 0,
-        orders_canceled: 0,
-        orders_completed: 0,
-        orders_in_progress: 0,
-        orders_scheduled: 0,
-        open_issues: 0,
-        resolved_issues: 0,
-    };
-    @tracked isLoading = true;
-
-    @computed('args.title') get title() {
-        return this.args.title || 'This Month';
-    }
-
-    @action async getMetrics() {
-        const start = moment().startOf('month').toString();
-        const end = moment().endOf('month').toString();
-
-        this.metrics = await this.fetchMetrics(start, end);
-    }
-
-    fetchMetrics(start, end) {
-        this.isLoading = true;
-
-        return new Promise((resolve) => {
-            this.fetch.get('actions/get-fleet-ops-key-metrics', { start, end }).then((metrics) => {
-                this.isLoading = false;
-                resolve(metrics);
-            });
-        });
-    }
-}

package/addon/components/widget/live-order-map.hbs

@@ -1,59 +0,0 @@
-<div class="shadow-sm content-panel">
-    <div class="content-panel-header">
-        <h3 class="text-sm font-bold dark:text-gray-100">
-            {{this.title}}
-        </h3>
-    </div>
-    <div class="text-sm content-panel-body no-padding dark:text-gray-100">
-        <div class="grid grid-cols-8">
-            <div class="col-span-5 border-r border-gray-900">
-                <LiveMap @mapClass="z-0 shadow-md rounded-bl h-screen-40 w-full" @onReady={{fn (mut this.isLoading) false}} @onRoutesLoaded={{fn (mut this.routes)}} />
-            </div>
-
-            <div class="col-span-3">
-                <div class="dark:border-gray-900 bg-gray-100 dark:bg-gray-800 shadow-sm">
-                    {{#if this.isLoading}}
-                        <div class="flex text-center items-center justify-center p-4">
-                            <Spinner class="mr-2" />
-                            <span>{{t "fleet-ops.component.widget.live-order-map.loading"}}</span>
-                        </div>
-                    {{else}}
-                        {{#each this.routes as |route|}}
-                            <div class="border-b border-gray-900 px-3 py-2">
-                                <div class="flex justify-between">
-                                    <div class="flex-1">
-                                        <div class="flex justify-between border border-gray-900 bg-gray-900 shadow-sm rounded-md px-3 py-2 mb-6">
-                                            <div>
-                                                <h4 class="font-semibold mb-2">{{route.order_public_id}}</h4>
-                                                <Badge @status={{route.order_status}} @helpText={{concat "Dispatched at " route.order_dispatched_at}} />
-                                            </div>
-                                            <div>
-                                                <div>
-                                                    <div class="mb-1 text-xs text-gray-100">{{t "fleet-ops.component.widget.live-order-map.assigned"}}</div>
-                                                    <DriverCardMini @driver={{route.driver}} />
-                                                </div>
-                                            </div>
-                                        </div>
-                                        <div>
-                                            <HorizontalRoute @payload={{route.payload}} />
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        {{else}}
-                            <div class="h-70 p-3 flex flex-col items-center justify-center">
-                                <div class="mb-4">
-                                    <FaIcon @icon="satellite-dish" @size="3x" />
-                                </div>
-                                <div class="dark:text-gray-100 text-center">
-                                    <div class="font-semibold text-lg mb-2">{{t "fleet-ops.component.widget.live-order-map.no-order"}}</div>
-                                    <p class="">{{t "fleet-ops.component.widget.live-order-map.message"}}</p>
-                                </div>
-                            </div>
-                        {{/each}}
-                    {{/if}}
-                </div>
-            </div>
-        </div>
-    </div>
-</div>

package/addon/components/widget/live-order-map.js

@@ -1,11 +0,0 @@
-import Component from '@glimmer/component';
-import { tracked } from '@glimmer/tracking';
-import { computed } from '@ember/object';
-
-export default class WidgetLiveOrderMapComponent extends Component {
-    @tracked routes = [];
-    @tracked isLoading = false;
-    @computed('args.title') get title() {
-        return this.args.title || 'Live Orders';
-    }
-}

package/addon/components/widget/recent-orders.hbs

@@ -1,35 +0,0 @@
-<div class="recent-orders-widget" {{did-insert this.getRecentOrders}} ...attributes>
-    <div class="shadow-sm content-panel">
-        <div class="content-panel-header">
-            <h3 class="text-sm font-bold dark:text-gray-100">
-                {{t "fleet-ops.component.widget.recent-orders.title"}}
-            </h3>
-        </div>
-        <div class="text-sm content-panel-body no-padding dark:text-gray-100">
-            {{#if this.isLoading}}
-                <div class="flex text-center items-center justify-center p-4">
-                    {{t "fleet-ops.component.widget.recent-orders.loading"}}
-                </div>
-            {{else}}
-                {{#each this.recentOrders as |order|}}
-                    <div class="p-4 border-b border-gray-900 flex justify-between items-center">
-                        <div>{{order.public_id}}</div>
-                        <div>
-                            <Badge @status={{order.status}} />
-                        </div>
-                    </div>
-                {{else}}
-                    <div class="h-64 p-8 flex flex-col items-center justify-center">
-                        <div class="mb-4">
-                            <FaIcon @icon="calendar-exclamation" @size="3x" />
-                        </div>
-                        <div class="dark:text-gray-100 text-center">
-                            <div class="font-semibold text-lg mb-2">{{t "fleet-ops.component.widget.recent-orders.no-orders"}}</div>
-                            <p class="">{{t "fleet-ops.component.widget.recent-orders.message-part-1"}} <LinkTo @route="operations.orders.index.new">{{t "fleet-ops.component.widget.recent-orders.message-part-2"}}</LinkTo> {{t "fleet-ops.component.widget.recent-orders.message-part-3"}}</p>
-                        </div>
-                    </div>
-                {{/each}}
-            {{/if}}
-        </div>
-    </div>
-</div>

package/addon/components/widget/recent-orders.js

@@ -1,24 +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 moment from 'moment';
-
-export default class WidgetRecentOrdersComponent extends Component {
-    @service store;
-    @tracked recentOrders = [];
-    @tracked isLoading = false;
-    @action async getRecentOrders() {
-        const start = moment().startOf('week').toString();
-        const end = moment().endOf('week').toString();
-
-        this.isLoading = true;
-        const recentOrders = await this.store.query('order', {
-            limit: 12,
-            after: start,
-            before: end,
-        });
-        this.isLoading = false;
-        this.recentOrders = recentOrders;
-    }
-}

package/addon/components/widget/transaction-earnings.hbs

@@ -1 +0,0 @@
-{{yield}}

package/addon/components/widget/transactions.hbs

@@ -1,36 +0,0 @@
-<div class="recent-orders-widget" {{did-insert this.getRecentTransactions}} ...attributes>
-    <div class="shadow-sm content-panel">
-        <div class="content-panel-header">
-            <h3 class="text-sm font-bold dark:text-gray-100">
-                {{t "fleet-ops.component.widget.transactions.title"}}
-            </h3>
-        </div>
-        <div class="text-sm content-panel-body no-padding dark:text-gray-100">
-            {{#if this.isLoading}}
-                <div class="flex text-center items-center justify-center p-4">
-                    <Spinner class="mr-2" />
-                    <span>{{t "fleet-ops.component.widget.transactions.loading"}}</span>
-                </div>
-            {{else}}
-                {{#each this.recentTransactions as |transaction|}}
-                    <div class="p-4 border-b border-gray-900 flex justify-between items-center">
-                        <div>{{transaction.public_id}}</div>
-                        <div>
-                            <Badge @status={{transaction.status}} />
-                        </div>
-                    </div>
-                {{else}}
-                    <div class="h-64 p-8 flex flex-col items-center justify-center">
-                        <div class="mb-4">
-                            <FaIcon @icon="funnel-dollar" @size="3x" />
-                        </div>
-                        <div class="dark:text-gray-100 text-center">
-                            <div class="font-semibold text-lg mb-2">{{t "fleet-ops.component.widget.transactions.no-transactions"}}</div>
-                            <p class="">{{t "fleet-ops.component.widget.transactions.message"}}</p>
-                        </div>
-                    </div>
-                {{/each}}
-            {{/if}}
-        </div>
-    </div>
-</div>

package/addon/components/widget/transactions.js

@@ -1,29 +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 moment from 'moment';
-
-export default class WidgetTransactionsComponent extends Component {
-    @service store;
-    @tracked recentTransactions = [];
-    @tracked isLoading = true;
-
-    @action async getRecentTransactions() {
-        const start = moment().startOf('week').toString();
-        const end = moment().endOf('week').toString();
-
-        this.recentTransactions = await this.fetchTransactions(start, end);
-    }
-
-    fetchTransactions(after, before) {
-        this.isLoading = true;
-
-        return new Promise((resolve) => {
-            this.store.query('transaction', { limit: 12, after, before }).then((recentTransactions) => {
-                this.isLoading = false;
-                resolve(recentTransactions);
-            });
-        });
-    }
-}

package/addon/components/widget/weekly-orders.hbs

@@ -1 +0,0 @@
-{{yield}}

package/addon/components/widget/weekly-orders.js

@@ -1,3 +0,0 @@
-import Component from '@glimmer/component';
-
-export default class WidgetWeeklyOrdersComponent extends Component {}

package/app/components/widget/key-metrics.js

@@ -1 +0,0 @@
-export { default } from '@fleetbase/fleetops-engine/components/widget/key-metrics';

package/app/components/widget/live-order-map.js

@@ -1 +0,0 @@
-export { default } from '@fleetbase/fleetops-engine/components/widget/live-order-map';

package/app/components/widget/recent-orders.js

@@ -1 +0,0 @@
-export { default } from '@fleetbase/fleetops-engine/components/widget/recent-orders';

package/app/components/widget/transaction-earnings.js

@@ -1 +0,0 @@
-export { default } from '@fleetbase/fleetops-engine/components/widget/transaction-earnings';

package/app/components/widget/transactions.js

@@ -1 +0,0 @@
-export { default } from '@fleetbase/fleetops-engine/components/widget/transactions';

package/app/components/widget/weekly-orders.js

@@ -1 +0,0 @@
-export { default } from '@fleetbase/fleetops-engine/components/widget/weekly-orders';