@fleetbase/storefront-engine 0.2.6 → 0.2.8

package/addon/controllers/products/index/index.js

@@ -14,6 +14,13 @@ export default class ProductsIndexIndexController extends BaseController {
      */
     @service filters;
 
+    /**
+     * Inject the `intl` service
+     *
+     * @var {Service}
+     */
+    @service intl;
+
     /**
      * Inject the `currentUser` service
      *
@@ -121,8 +128,8 @@ export default class ProductsIndexIndexController extends BaseController {
 
     @action deleteProduct(product) {
         this.modalsManager.confirm({
-            title: 'Are you sure you wish to delete this product?',
-            body: 'Warning! Once this product is deleted it will no longer be accessible.',
+            title: this.intl.t('storefront.products.index.delete-product'),
+            body: this.intl.t('storefront.products.index.body-warning'),
             confirm: (modal) => {
                 modal.startLoading();
 

package/addon/controllers/products/index.js

@@ -13,6 +13,7 @@ export default class ProductsIndexController extends BaseController {
     @service fetch;
     @service hostRouter;
     @service storefront;
+    @service intl;
 
     /**
      * the current storefront store session.
@@ -34,9 +35,9 @@ export default class ProductsIndexController extends BaseController {
 
     @action manageAddons() {
         this.modalsManager.show('modals/manage-addons', {
-            title: 'Manage Addons',
+            title: this.intl.t('storefront.products.index.aside-scroller.title'),
             modalClass: 'modal-lg',
-            acceptButtonText: 'Done',
+            acceptButtonText: this.intl.t('storefront.products.index.done'),
             store: this.activeStore,
         });
     }
@@ -60,7 +61,7 @@ export default class ProductsIndexController extends BaseController {
         });
 
         this.modalsManager.show('modals/create-product-category', {
-            title: 'Create a new product category',
+            title: this.intl.t('storefront.products.index.create-new-product-category'),
             acceptButtonIcon: 'check',
             acceptButtonIconPrefix: 'fas',
             declineButtonIcon: 'times',
@@ -88,7 +89,7 @@ export default class ProductsIndexController extends BaseController {
                 modal.startLoading();
 
                 return category.save().then(() => {
-                    this.notifications.success('New product category created.');
+                    this.notifications.success(this.intl.t('storefront.products.index.product-category-created-success'));
                     return this.hostRouter.refresh();
                 });
             },
@@ -107,8 +108,8 @@ export default class ProductsIndexController extends BaseController {
         };
 
         this.modalsManager.show('modals/import-products', {
-            title: 'Import products via spreadsheets',
-            acceptButtonText: 'Start Upload',
+            title: this.intl.t('storefront.products.index.import-products-via-spreadsheets'),
+            acceptButtonText: this.intl.t('storefront.products.index.start-upload'),
             acceptButtonScheme: 'magic',
             acceptButtonIcon: 'upload',
             acceptButtonDisabled: true,
@@ -160,7 +161,7 @@ export default class ProductsIndexController extends BaseController {
                 };
 
                 if (!uploadQueue.length) {
-                    return this.notifications.warning('No files in queue to upload!');
+                    return this.notifications.warning(this.intl.t('storefront.products.index.warning-no-file-upload'));
                 }
 
                 modal.startLoading();
@@ -184,7 +185,7 @@ export default class ProductsIndexController extends BaseController {
 
                 modal.done().then(() => {
                     if (results?.length) {
-                        this.notifications.success(`Successfully imported ${results.length} products...`);
+                        this.notifications.success(this.intl.t('storefront.products.index.import-products-success-message', { resultsLength: results.length }));
                         return this.hostRouter.refresh();
                     }
                 });

package/addon/controllers/settings/gateways.js

@@ -7,6 +7,7 @@ import getGatewaySchemas from '../../utils/get-gateway-schemas';
 
 export default class SettingsGatewaysController extends Controller {
     @service notifications;
+    @service intl;
     @service modalsManager;
     @service store;
     @service crud;
@@ -20,8 +21,8 @@ export default class SettingsGatewaysController extends Controller {
         });
 
         this.editGateway(gateway, {
-            title: `Create a new payment gateway`,
-            acceptButtonText: 'Save Gateway',
+            title: this.intl.t('storefront.settings.gateways.create-new-payment-gateway'),
+            acceptButtonText: this.intl.t('storefront.settings.gateways.save-gateway'),
             decline: (modal) => {
                 gateway.destroyRecord();
                 modal.done();
@@ -42,8 +43,8 @@ export default class SettingsGatewaysController extends Controller {
         const schemaOptions = Object.keys(schemas);
 
         this.modalsManager.show('modals/create-gateway', {
-            title: `Edit payment gateway`,
-            acceptButtonText: 'Save Changes',
+            title: this.intl.t('storefront.settings.gateways.edit-payment-gateway'),
+            acceptButtonText: this.intl.t('storefront.settings.gateways.save-changes'),
             schema: null,
             schemas,
             schemaOptions,
@@ -95,8 +96,8 @@ export default class SettingsGatewaysController extends Controller {
 
     @action deleteGateway(gateway) {
         this.modalsManager.confirm({
-            title: 'Are you sure you wish to remove this gateway?',
-            body: 'All applications and websites utilizing this gateway in configuration could be disrupted if gateway is not replaced beforehand',
+            title: this.intl.t('storefront.settings.gateways.title-remove'),
+            body: this.intl.t('storefront.settings.gateways.application-website-utilizing-gateway'),
             confirm: (modal) => {
                 modal.startLoading();
 

package/addon/controllers/settings/index.js

@@ -10,6 +10,7 @@ export default class SettingsIndexController extends Controller {
     @service notifications;
     @service fetch;
     @service storefront;
+    @service intl;
 
     @alias('storefront.activeStore') activeStore;
     @tracked podMethods = getPodMethods();

package/addon/controllers/settings/locations.js

@@ -12,6 +12,13 @@ export default class SettingsLocationsController extends Controller {
      */
     @service notifications;
 
+    /**
+     * Inject the `intl` service
+     *
+     * @var {Service}
+     */
+    @service intl;
+
     /**
      * Inject the `modals-manager` service
      *
@@ -64,8 +71,8 @@ export default class SettingsLocationsController extends Controller {
         });
 
         return this.editStoreLocation(storeLocation, {
-            title: 'New store location',
-            acceptButtonText: 'Add new Location',
+            title: this.intl.t('storefront.settings.locations.new-store-location'),
+            acceptButtonText: this.intl.t('storefront.settings.locations.add-new-location'),
             acceptButtonIcon: 'save',
         });
     }
@@ -82,8 +89,8 @@ export default class SettingsLocationsController extends Controller {
         }
 
         this.modalsManager.show('modals/store-location-form', {
-            title: 'Edit store location',
-            acceptButtonText: 'Save Changes',
+            title: this.intl.t('storefront.settings.locations.edit-store-location'),
+            acceptButtonText: this.intl.t('storefront.settings.locations.save-changes'),
             acceptButtonIcon: 'save',
             place,
             autocomplete: (selected) => {
@@ -134,8 +141,8 @@ export default class SettingsLocationsController extends Controller {
 
     @action removeStoreLocation(storeLocation) {
         this.modalsManager.confirm({
-            title: 'Are you sure you wish to remove this store location?',
-            body: 'All products that are solely assosciated with this location will no longer be accessible.',
+            title: this.intl.t('storefront.settings.locations.remove-this-store-location'),
+            body: this.intl.t('storefront.settings.locations.solely-accosciated-location'),
             confirm: (modal) => {
                 modal.startLoading();
 
@@ -156,8 +163,8 @@ export default class SettingsLocationsController extends Controller {
         });
 
         this.modalsManager.show('modals/add-store-hours', {
-            title: `Add new store hours for ${day}`,
-            acceptButtonText: 'Add hours',
+            title: this.intl.t('storefront.settings.locations.new-store-hour', { Day: day }),
+            acceptButtonText: this.intl.t('storefront.settings.locations.add-hours'),
             acceptButtonIcon: 'save',
             storeHours,
             confirm: (modal) => {
@@ -165,7 +172,7 @@ export default class SettingsLocationsController extends Controller {
 
                 return storeHours.save().then((storeHours) => {
                     storeLocation.hours.pushObject(storeHours);
-                    this.notifications.success(`New store hours added for ${day}`);
+                    this.notifications.success(this.intl.t('storefront.settings.locations.store-hour-added', { Day: day }));
                 });
             },
         });
@@ -173,8 +180,8 @@ export default class SettingsLocationsController extends Controller {
 
     @action removeHours(storeHours) {
         this.modalsManager.confirm({
-            title: 'Are you sure you wish to remove these hours?',
-            body: 'By removing these operation hours, your store may become inactive according to the updated schedule for this location..',
+            title: this.intl.t('storefront.settings.locations.remove-these-hour'),
+            body: this.intl.t('storefront.settings.locations.update-schedule-location'),
             confirm: (modal) => {
                 modal.startLoading();
 

package/addon/controllers/settings/notifications.js

@@ -10,6 +10,7 @@ export default class SettingsNotificationsController extends Controller {
     @service notifications;
     @service modalsManager;
     @service store;
+    @service intl;
     @service crud;
     @service storefront;
     @alias('storefront.activeStore') activeStore;
@@ -22,8 +23,8 @@ export default class SettingsNotificationsController extends Controller {
         });
 
         this.editChannel(channel, {
-            title: `Create a new notification channel`,
-            acceptButtonText: 'Create Notification Channel',
+            title: this.intl.t('storefront.settings.notification.create-new-notification-channel'),
+            acceptButtonText: this.intl.t('storefront.settings.notification.create-notification-channel'),
             decline: (modal) => {
                 channel.destroyRecord();
                 modal.done();
@@ -39,8 +40,8 @@ export default class SettingsNotificationsController extends Controller {
         ];
 
         this.modalsManager.show('modals/create-notification-channel', {
-            title: `Edit notification channel`,
-            acceptButtonText: 'Save Changes',
+            title: this.intl.t('storefront.settings.notification.edit-notification-channel'),
+            acceptButtonText: this.intl.t('storefront.settings.notification.save-changes'),
             schema: channel.id ? channel.config : null,
             schemas,
             schemaOptions,
@@ -71,7 +72,7 @@ export default class SettingsNotificationsController extends Controller {
                 return channel
                     .save()
                     .then((channel) => {
-                        this.notifications.success(`New notification channel added`);
+                        this.notifications.success(this.intl.t('storefront.settings.notification.new-notification-channel-added'));
                         this.channels.pushObject(channel);
                     })
                     .catch((error) => {
@@ -86,8 +87,8 @@ export default class SettingsNotificationsController extends Controller {
 
     @action deleteChannel(channel) {
         this.modalsManager.confirm({
-            title: 'Are you sure you wish to remove this notification channel?',
-            body: 'All applications and websites utilizing this channel in configuration could be disrupted if channel is not replaced beforehand',
+            title: this.intl.t('storefront.settings.notification.remove-this-notification-channel'),
+            body: this.intl.t('storefront.settings.notification.application-websites-utillizing-channel'),
             confirm: (modal) => {
                 modal.startLoading();
 

package/addon/services/storefront.js

@@ -13,6 +13,12 @@ export default class StorefrontService extends Service.extend(Evented) {
      */
     @service store;
 
+    /**
+     * Ember service for intl.
+     * @type {Service}
+     */
+    @service intl;
+
     /**
      * Ember service for fetch operations.
      * @type {Service}
@@ -121,11 +127,11 @@ export default class StorefrontService extends Service.extend(Evented) {
         this.trigger('order.incoming', order, store);
 
         this.modalsManager.show('modals/incoming-order', {
-            title: 'You have a new incoming order!',
-            acceptButtonText: 'Accept Order',
+            title: this.intl.t('storefront.service.storefront.new-incoming-order'),
+            acceptButtonText: this.intl.t('storefront.service.storefront.accept-order'),
             acceptButtonIcon: 'check',
             acceptButtonIconPrefix: 'fas',
-            declineButtonText: 'Decline Order',
+            declineButtonText: this.intl.t('storefront.service.storefront.decline-order'),
             declineButtonScheme: 'danger',
             closeButton: false,
             backdropClose: false,
@@ -192,7 +198,7 @@ export default class StorefrontService extends Service.extend(Evented) {
         }
 
         this.modalsManager.show('modals/create-first-store', {
-            title: 'Create your first Storefront',
+            title: this.intl.t('storefront.service.storefront.create-first-storefront'),
             acceptButtonIcon: 'check',
             acceptButtonIconPrefix: 'fas',
             closeButton: false,
@@ -209,7 +215,7 @@ export default class StorefrontService extends Service.extend(Evented) {
                 store
                     .save()
                     .then((store) => {
-                        this.notifications.success('Your new storefront has been created!');
+                        this.notifications.success(this.intl.t('storefront.service.storefront.storefront-has-been-create-success'));
                         this.setActiveStorefront(store);
                         return done();
                     })
@@ -238,7 +244,7 @@ export default class StorefrontService extends Service.extend(Evented) {
         }
 
         this.modalsManager.show('modals/create-store', {
-            title: 'Create a new Storefront',
+            title: this.intl.t('storefront.service.storefront.create-new-storefront'),
             acceptButtonIcon: 'check',
             acceptButtonIconPrefix: 'fas',
             declineButtonIcon: 'times',
@@ -250,7 +256,7 @@ export default class StorefrontService extends Service.extend(Evented) {
                 store
                     .save()
                     .then((store) => {
-                        this.notifications.success('Your new storefront has been created!');
+                        this.notifications.success(this.intl.t('storefront.service.storefront.storefront-create-success'));
                         // this.currentUser.setOption('activeStorefront', store.id);
                         this.setActiveStorefront(store);
 

package/addon/templates/application.hbs

@@ -1,14 +1,14 @@
 <EmberWormhole @to="sidebar-menu-items">
     <StoreSelector @stores={{@model}} @activeStore={{this.activeStore}} @wrapperClass="mb-2" @onCreateStore={{this.createNewStorefront}} @onSwitchStore={{this.switchActiveStore}} />
-    <Layout::Sidebar::Panel @open={{true}} @title="Storefront">
-        <Layout::Sidebar::Item @route="console.storefront.home" @icon="home">Dashboard</Layout::Sidebar::Item>
-        <Layout::Sidebar::Item @route="console.storefront.products" @icon="box" disabled={{not this.activeStore.id}}>Products</Layout::Sidebar::Item>
-        <Layout::Sidebar::Item @route="console.storefront.customers" @icon="users" disabled={{not this.activeStore.id}}>Customers</Layout::Sidebar::Item>
-        <Layout::Sidebar::Item @route="console.storefront.orders" @icon="file-invoice-dollar" disabled={{not this.activeStore.id}}>Orders</Layout::Sidebar::Item>
-        <Layout::Sidebar::Item @route="console.storefront.networks" @icon="network-wired" disabled={{not this.activeStore.id}}>Networks</Layout::Sidebar::Item>
-        <Layout::Sidebar::Item @route="console.storefront.settings" @icon="cogs" disabled={{not this.activeStore.id}}>Settings</Layout::Sidebar::Item>
+    <Layout::Sidebar::Panel @open={{true}} @title={{t "storefront.sidebar.storefront"}}>
+        <Layout::Sidebar::Item @route="console.storefront.home" @icon="home">{{t "storefront.sidebar.dashboard"}}</Layout::Sidebar::Item>
+        <Layout::Sidebar::Item @route="console.storefront.products" @icon="box" disabled={{not this.activeStore.id}}>{{t "storefront.sidebar.products"}}</Layout::Sidebar::Item>
+        <Layout::Sidebar::Item @route="console.storefront.customers" @icon="users" disabled={{not this.activeStore.id}}>{{t "storefront.sidebar.customers"}}</Layout::Sidebar::Item>
+        <Layout::Sidebar::Item @route="console.storefront.orders" @icon="file-invoice-dollar" disabled={{not this.activeStore.id}}>{{t "storefront.sidebar.orders"}}</Layout::Sidebar::Item>
+        <Layout::Sidebar::Item @route="console.storefront.networks" @icon="network-wired" disabled={{not this.activeStore.id}}>{{t "storefront.sidebar.networks"}}</Layout::Sidebar::Item>
+        <Layout::Sidebar::Item @route="console.storefront.settings" @icon="cogs" disabled={{not this.activeStore.id}}>{{t "storefront.sidebar.settings"}}</Layout::Sidebar::Item>
     </Layout::Sidebar::Panel>
-    <Layout::Sidebar::Item @url="https://github.com/fleetbase/storefront-app" @target="_github" @icon="rocket">Launch App</Layout::Sidebar::Item>
+    <Layout::Sidebar::Item @url="https://github.com/fleetbase/storefront-app" @target="_github" @icon="rocket">{{t "storefront.sidebar.launch-app"}}</Layout::Sidebar::Item>
 </EmberWormhole>
 
 <Layout::Section::Container>

package/addon/templates/customers/index/edit.hbs

@@ -1,2 +1 @@
-
 {{outlet}}

package/addon/templates/customers/index.hbs

@@ -1,11 +1,30 @@
-<Layout::Section::Header @title="Customers" @searchQuery={{this.query}} @onSearch={{perform this.search}}>
-    <FiltersPicker @columns={{this.columns}} @onApply={{fn this.filters.apply this}} @onClear={{fn this.filters.reset this}} @onFilterClear={{this.filters.clear}} @onChange={{this.filters.set}} @buttonWrapperClass="mr-2" />
+<Layout::Section::Header @title={{t "storefront.common.customer"}} @searchQuery={{this.query}} @onSearch={{perform this.search}}>
+    <FiltersPicker
+        @columns={{this.columns}}
+        @onApply={{fn this.filters.apply this}}
+        @onClear={{fn this.filters.reset this}}
+        @onFilterClear={{this.filters.clear}}
+        @onChange={{this.filters.set}}
+        @buttonWrapperClass="mr-2"
+    />
     <VisibleColumnPicker @columns={{this.columns}} @onChange={{fn (mut this.columns)}} class="mr-2" />
-    <Button @icon="long-arrow-up" @iconClass="rotate-icon-45" @text="Export" />
+    <Button @icon="long-arrow-up" @iconClass="rotate-icon-45" @text={{t "storefront.common.export"}} />
 </Layout::Section::Header>
 
 <Layout::Section::Body>
-    <Table @rows={{@model}} @columns={{this.columns}} @selectable={{true}} @canSelectAll={{true}} @onSetup={{fn (mut this.table)}} @pagination={{true}} @paginationMeta={{@model.meta}} @page={{this.page}} @onPageChange={{fn (mut this.page)}} @tfootVerticalOffset="53" @tfootVerticalOffsetElements=".next-view-section-subheader" />
+    <Table
+        @rows={{@model}}
+        @columns={{this.columns}}
+        @selectable={{true}}
+        @canSelectAll={{true}}
+        @onSetup={{fn (mut this.table)}}
+        @pagination={{true}}
+        @paginationMeta={{@model.meta}}
+        @page={{this.page}}
+        @onPageChange={{fn (mut this.page)}}
+        @tfootVerticalOffset="53"
+        @tfootVerticalOffsetElements=".next-view-section-subheader"
+    />
 </Layout::Section::Body>
 
 {{outlet}}

package/addon/templates/home.hbs

@@ -1,4 +1,4 @@
-<Layout::Section::Header @title="Storefront Dashboard" @hideActions={{true}} />
+<Layout::Section::Header @title={{t "storefront.home.title"}} @hideActions={{true}} />
 
 <Layout::Section::Body class="space-y-4" @padded={{true}}>
     <Widget::StorefrontMetrics />

package/addon/templates/networks/index/network/customers.hbs

@@ -1,2 +1 @@
-
 {{outlet}}