@fleetbase/storefront-engine 0.0.1

package/addon/controllers/customers/index.js

@@ -0,0 +1,267 @@
+import Controller from '@ember/controller';
+import { inject as service } from '@ember/service';
+import { tracked } from '@glimmer/tracking';
+import { action } from '@ember/object';
+import { isBlank } from '@ember/utils';
+import { timeout } from 'ember-concurrency';
+import { task } from 'ember-concurrency-decorators';
+
+export default class CustomersIndexController extends Controller {
+    /**
+     * Inject the `notifications` service
+     *
+     * @var {Service}
+     */
+    @service notifications;
+
+    /**
+     * Inject the `modals-manager` service
+     *
+     * @var {Service}
+     */
+    @service modalsManager;
+
+    /**
+     * Inject the `crud` service
+     *
+     * @var {Service}
+     */
+    @service crud;
+
+    /**
+     * Inject the `fetch` service
+     *
+     * @var {Service}
+     */
+    @service fetch;
+
+    /**
+     * Inject the `filters` service
+     *
+     * @var {Service}
+     */
+    @service filters;
+
+    /**
+     * Queryable parameters for this controller's model
+     *
+     * @var {Array}
+     */
+    queryParams = ['page', 'limit', 'sort', 'query', 'public_id', 'internal_id', 'phone', 'email', 'address', 'created_by', 'updated_by', 'status'];
+
+    /**
+     * The current page of data being viewed
+     *
+     * @var {Integer}
+     */
+    @tracked page = 1;
+
+    /**
+     * The maximum number of items to show per page
+     *
+     * @var {Integer}
+     */
+    @tracked limit;
+
+    /**
+     * The param to sort the data on, the param with prepended `-` is descending
+     *
+     * @var {String}
+     */
+    @tracked sort;
+
+    /**
+     * The filterable param `public_id`
+     *
+     * @var {String}
+     */
+    @tracked public_id;
+
+    /**
+     * The filterable param `internal_id`
+     *
+     * @var {String}
+     */
+    @tracked internal_id;
+
+    /**
+     * The filterable param `email`
+     *
+     * @var {String}
+     */
+    @tracked email;
+
+    /**
+     * The filterable param `phone`
+     *
+     * @var {String}
+     */
+    @tracked phone;
+
+    /**
+     * The filterable param `status`
+     *
+     * @var {Array}
+     */
+    @tracked status;
+
+    /**
+     * All columns applicable for orders
+     *
+     * @var {Array}
+     */
+    @tracked columns = [
+        {
+            label: 'Name',
+            valuePath: 'name',
+            width: '15%',
+            cellComponent: 'table/cell/media-name',
+            // action: this.viewVendor,
+            resizable: true,
+            sortable: true,
+            filterable: true,
+            filterComponent: 'filter/string',
+        },
+        {
+            label: 'ID',
+            valuePath: 'public_id',
+            cellComponent: 'click-to-copy',
+            width: '15%',
+            resizable: true,
+            sortable: true,
+            filterable: true,
+            filterComponent: 'filter/string',
+        },
+        {
+            label: 'Internal ID',
+            valuePath: 'internal_id',
+            cellComponent: 'click-to-copy',
+            width: '15%',
+            resizable: true,
+            sortable: true,
+            filterable: true,
+            filterComponent: 'filter/string',
+        },
+        {
+            label: 'Email',
+            valuePath: 'email',
+            cellComponent: 'table/cell/base',
+            width: '15%',
+            resizable: true,
+            sortable: true,
+            filterable: true,
+            filterComponent: 'filter/string',
+        },
+        {
+            label: 'Phone',
+            valuePath: 'phone',
+            cellComponent: 'table/cell/base',
+            width: '15%',
+            resizable: true,
+            sortable: true,
+            filterable: true,
+            filterComponent: 'filter/string',
+        },
+        {
+            label: 'Address',
+            valuePath: 'address',
+            cellComponent: 'table/cell/anchor',
+            // action: this.viewVendorPlace,
+            width: '30%',
+            resizable: true,
+            sortable: true,
+            filterable: true,
+            filterParam: 'address',
+            filterComponent: 'filter/string',
+        },
+        {
+            label: 'Country',
+            valuePath: 'country',
+            cellComponent: 'table/cell/base',
+            cellClassNames: 'uppercase',
+            width: '10%',
+            resizable: true,
+            sortable: true,
+            hidden: true,
+            filterable: true,
+            filterComponent: 'filter/string',
+        },
+        {
+            label: 'Created At',
+            valuePath: 'createdAt',
+            sortParam: 'created_at',
+            width: '15%',
+            resizable: true,
+            sortable: true,
+            filterable: true,
+            filterComponent: 'filter/date',
+        },
+        {
+            label: 'Updated At',
+            valuePath: 'updatedAt',
+            sortParam: 'updated_at',
+            width: '15%',
+            resizable: true,
+            sortable: true,
+            hidden: true,
+            filterable: true,
+            filterComponent: 'filter/date',
+        },
+        {
+            label: '',
+            cellComponent: 'table/cell/dropdown',
+            ddButtonText: false,
+            ddButtonIcon: 'ellipsis-h',
+            ddButtonIconPrefix: 'fas',
+            ddMenuLabel: 'Vendor Actions',
+            cellClassNames: 'overflow-visible',
+            wrapperClass: 'flex items-center justify-end mx-2',
+            width: '10%',
+            actions: [
+                {
+                    label: 'View Customer Details',
+                    // fn: this.viewVendor,
+                },
+                {
+                    label: 'Edit Customer',
+                    // fn: this.editVendor,
+                },
+                {
+                    separator: true,
+                },
+                {
+                    label: 'Delete Customer',
+                    // fn: this.deleteVendor,
+                },
+            ],
+            sortable: false,
+            filterable: false,
+            resizable: false,
+            searchable: false,
+        },
+    ];
+
+    /**
+     * The search task.
+     *
+     * @void
+     */
+    @task({ restartable: true }) *search({ target: { value } }) {
+        // if no query don't search
+        if (isBlank(value)) {
+            this.query = null;
+            return;
+        }
+
+        // timeout for typing
+        yield timeout(250);
+
+        // reset page for results
+        if (this.page > 1) {
+            this.page = 1;
+        }
+
+        // update the query param
+        this.query = value;
+    }
+}

package/addon/controllers/home.js

@@ -0,0 +1,3 @@
+import Controller from '@ember/controller';
+
+export default class HomeController extends Controller {}

package/addon/controllers/networks/index/network/customers.js

@@ -0,0 +1,3 @@
+import Controller from '@ember/controller';
+
+export default class NetworksIndexNetworkCustomersController extends Controller {}

package/addon/controllers/networks/index/network/index.js

@@ -0,0 +1,147 @@
+import Controller, { inject as controller } from '@ember/controller';
+import { tracked } from '@glimmer/tracking';
+import { inject as service } from '@ember/service';
+import { alias } from '@ember/object/computed';
+import { action } from '@ember/object';
+import getPodMethods from '@fleetbase/console/utils/get-pod-methods';
+
+export default class NetworksIndexNetworkIndexController extends Controller {
+    @controller('settings.gateways') gatewaysController;
+    @controller('settings.notifications') notificationsController;
+    @service notifications;
+    @service fetch;
+    @tracked podMethods = getPodMethods();
+    @tracked isLoading = false;
+    @alias('model.gateways') gateways;
+    @alias('model.notification_channels') channels;
+
+    @action saveSettings() {
+        this.isLoading = true;
+
+        this.model.save().then(() => {
+            this.notifications.success('Changes saved');
+            this.isLoading = false;
+        });
+    }
+
+    @action uploadFile(type, file) {
+        const prefix = type.replace('storefront_', '');
+
+        this.fetch.uploadFile.perform(
+            file,
+            {
+                path: `uploads/storefront/${this.model.id}/${type}`,
+                key_uuid: this.model.id,
+                key_type: `network:storefront`,
+                type,
+            },
+            (uploadedFile) => {
+                this.model.setProperties({
+                    [`${prefix}_uuid`]: uploadedFile.id,
+                    [`${prefix}_url`]: uploadedFile.s3url,
+                    [prefix]: uploadedFile,
+                });
+            }
+        );
+    }
+
+    @action createGateway() {
+        const gateway = this.store.createRecord('gateway', {
+            owner_uuid: this.model.id,
+            owner_type: 'network:storefront',
+        });
+
+        this.editGateway(gateway, {
+            title: `Create a new payment gateway`,
+            acceptButtonText: 'Save Gateway',
+            confirm: (modal) => {
+                modal.startLoading();
+
+                return gateway.save().then((gateway) => {
+                    this.notifications.success(`New gateway added to network`);
+                    this.gateways.pushObject(gateway);
+                });
+            },
+            decline: (modal) => {
+                gateway.destroyRecord();
+                modal.done();
+            },
+        });
+    }
+
+    @action editGateway(gateway, options = {}) {
+        if (options === null) {
+            options = {};
+        }
+
+        if (!options.confirm) {
+            options.confirm = (modal) => {
+                modal.startLoading();
+
+                return gateway.save().then(() => {
+                    this.notifications.success(`Payment gateway changes saved!`);
+                });
+            };
+        }
+
+        return this.gatewaysController.editGateway(gateway, options);
+    }
+
+    @action deleteGateway() {
+        return this.gatewaysController.deleteGateway(...arguments);
+    }
+
+    @action createChannel() {
+        const channel = this.store.createRecord('notification-channel', {
+            owner_uuid: this.model.id,
+            owner_type: 'network:storefront',
+        });
+
+        this.editChannel(channel, {
+            title: `Create a new notification channel`,
+            acceptButtonText: 'Create Notification Channel',
+            confirm: (modal) => {
+                modal.startLoading();
+
+                return channel.save().then((channel) => {
+                    this.notifications.success(`New notification channel added to network!`);
+                    this.channels.pushObject(channel);
+                });
+            },
+            decline: (modal) => {
+                channel.destroyRecord();
+                modal.done();
+            },
+        });
+    }
+
+    @action editChannel(channel, options = {}) {
+        if (options === null) {
+            options = {};
+        }
+
+        if (!options.confirm) {
+            options.confirm = (modal) => {
+                modal.startLoading();
+
+                return channel.save().then(() => {
+                    this.notifications.success(`Notification channel changes saved!`);
+                });
+            };
+        }
+
+        return this.notificationsController.editChannel(channel, options);
+    }
+
+    @action deleteChannel() {
+        return this.notificationsController.deleteChannel(...arguments);
+    }
+
+    @action makeAlertable(reason, models) {
+        if (!this.model.alertable || !this.model.alertable?.length) {
+            this.model.set('alertable', {});
+        }
+
+        this.model.set(`alertable.${reason}`, models);
+    }
+}

package/addon/controllers/networks/index/network/orders.js

@@ -0,0 +1,3 @@
+import Controller from '@ember/controller';
+
+export default class NetworksIndexNetworkOrdersController extends Controller {}