Move format function to mixin

src/Resources/app/administration/src/component/nosto-grouped-view/index.js

@@ -2,7 +2,7 @@ import template from './nosto-grouped-view.html.twig';
 import JobHelper from '../../util/job.helper';
 import './nosto-grouped-view.scss';
 
-const { Component } = Shopware;
+const { Component, Mixin } = Shopware;
 const { Criteria } = Shopware.Data;
 
 /** @private */
@@ -14,7 +14,8 @@ Component.register('nosto-grouped-view', {
     ],
 
     mixins: [
-        'notification',
+        Mixin.getByName('notification'),
+        Mixin.getByName('nosto-scheduler-utils'),
     ],
 
     props: {
@@ -284,9 +285,5 @@ Component.register('nosto-grouped-view', {
             this.currentJobMessages = job.messages;
             this.showMessagesModal = true;
         },
-
-        formatDate(date) {
-            return date ? (new Date(date)).toLocaleString() : '';
-        },
     },
 });

src/Resources/app/administration/src/component/nosto-job-info/index.js

@@ -1,6 +1,6 @@
 import template from './nosto-job-info.html.twig';
 
-const { Component } = Shopware;
+const { Component, Mixin } = Shopware;
 const { Criteria } = Shopware.Data;
 
 /** @private */
@@ -13,7 +13,8 @@ Component.register('nosto-job-info', {
     ],
 
     mixins: [
-        'notification',
+        Mixin.getByName('notification'),
+        Mixin.getByName('nosto-scheduler-utils'),
     ],
 
     props: {
@@ -46,9 +47,5 @@ Component.register('nosto-job-info', {
                 this.jobItem = jobItem;
             });
         },
-
-        formatDate(date) {
-            return date ? (new Date(date)).toLocaleString() : '';
-        },
     },
 });

src/Resources/app/administration/src/component/nosto-job-sub-jobs/index.js

@@ -2,7 +2,7 @@ import template from './nosto-job-sub-jobs.html.twig';
 import JobHelper from '../../util/job.helper';
 import './nosto-job-sub-jobs.scss';
 
-const { Component } = Shopware;
+const { Component, Mixin } = Shopware;
 const { Criteria } = Shopware.Data;
 
 /** @private */
@@ -15,7 +15,8 @@ Component.register('nosto-job-sub-jobs', {
     ],
 
     mixins: [
-        'notification',
+        Mixin.getByName('notification'),
+        Mixin.getByName('nosto-scheduler-utils'),
     ],
 
     props: {
@@ -133,9 +134,5 @@ Component.register('nosto-job-sub-jobs', {
                 return item.type === `${type}-message`;
             }).length;
         },
-
-        formatDate(date) {
-            return date ? (new Date(date)).toLocaleString() : '';
-        },
     },
 });

src/Resources/app/administration/src/main.js

@@ -1,3 +1,4 @@
+import './mixins/nosto-scheduler-utils';
 import './component/nosto-entity-listing';
 import './component/nosto-job-status-badge';
 import './module/nosto-job';

src/Resources/app/administration/src/mixins/nosto-scheduler-utils.js

@@ -0,0 +1,9 @@
+const { Mixin, Utils } = Shopware;
+
+Mixin.register('nosto-scheduler-utils', {
+    methods: {
+        formatDate(date) {
+            return Utils.format.date(date)
+        }
+    }
+});

src/Resources/app/administration/src/module/nosto-job/page/nosto-job-listing-index/index.js

@@ -2,7 +2,7 @@ import template from './nosto-job-listing-index.html.twig';
 import JobHelper from '../../../../util/job.helper';
 import './nosto-job-listing-index.scss';
 
-const { Component } = Shopware;
+const { Component, Mixin } = Shopware;
 const { Criteria } = Shopware.Data;
 
 /** @private */
@@ -17,7 +17,8 @@ Component.register('nosto-job-listing-index', {
     ],
 
     mixins: [
-        'notification',
+        Mixin.getByName('notification'),
+        Mixin.getByName('nosto-scheduler-utils'),
     ],
 
     props: {
@@ -289,9 +290,5 @@ Component.register('nosto-job-listing-index', {
             this.autoLoadIsActive = false;
             clearInterval(this.reloadInterval);
         },
-
-        formatDate(date) {
-            return date ? (new Date(date)).toLocaleString() : '';
-        },
     },
 });