From e24713904ac682bcf540068dc8f4f87731dcb7f1 Mon Sep 17 00:00:00 2001
From: Tobias Graml <tobias.graml@nosto.com>
Date: Fri, 12 Apr 2024 11:13:49 +0200
Subject: [PATCH 1/5] Adapt administration

---
 .../component/nosto-entity-listing/index.js   |   9 +-
 .../nosto-entity-listing.html.twig            |  82 ++++++-------
 .../src/component/nosto-grouped-view/index.js |   4 +
 .../nosto-grouped-view.html.twig              | 116 ++++++++----------
 .../src/component/nosto-job-info/index.js     |   4 +
 .../nosto-job-info/nosto-job-info.html.twig   |  49 ++++----
 .../src/component/nosto-job-sub-jobs/index.js |   4 +
 .../nosto-job-sub-jobs.html.twig              |   6 +-
 .../component/nosto-scheduler-charts/index.js |   2 +-
 .../nosto-scheduler-charts.html.twig          |   4 +-
 .../page/nosto-job-listing-index/index.js     |   4 +
 .../nosto-job-listing-index.html.twig         |  22 ++--
 .../administration/css/nosto-scheduler.css    |   6 +-
 .../administration/js/nosto-scheduler.js      |   2 +-
 14 files changed, 166 insertions(+), 148 deletions(-)

diff --git a/src/Resources/app/administration/src/component/nosto-entity-listing/index.js b/src/Resources/app/administration/src/component/nosto-entity-listing/index.js
index c1bf6b2..af3db42 100644
--- a/src/Resources/app/administration/src/component/nosto-entity-listing/index.js
+++ b/src/Resources/app/administration/src/component/nosto-entity-listing/index.js
@@ -61,7 +61,7 @@ Component.extend('nosto-entity-listing', 'sw-entity-listing', {
         },
 
         selectAll(selected) {
-            this.$delete(this.selection);
+            this.selection = {};
             this.records.forEach(item => {
                 if (this.isSelected(item[this.itemIdentifierProperty]) !== selected) {
                     this.selectItem(selected, item);
@@ -77,11 +77,12 @@ Component.extend('nosto-entity-listing', 'sw-entity-listing', {
             }
 
             const selection = this.selection;
+            const identifier = item[this.itemIdentifierProperty];
 
             if (selected) {
-                this.$set(this.selection, item[this.itemIdentifierProperty], item);
-            } else if (!selected && selection[item[this.itemIdentifierProperty]]) {
-                this.$delete(this.selection, item[this.itemIdentifierProperty]);
+                this.selection[identifier] = item;
+            } else if (!selected && selection[identifier]) {
+                delete this.selection[identifier];
             }
 
             this.$emit('select-item', this.selection, item, selected);
diff --git a/src/Resources/app/administration/src/component/nosto-entity-listing/nosto-entity-listing.html.twig b/src/Resources/app/administration/src/component/nosto-entity-listing/nosto-entity-listing.html.twig
index 2af84ec..91faae6 100644
--- a/src/Resources/app/administration/src/component/nosto-entity-listing/nosto-entity-listing.html.twig
+++ b/src/Resources/app/administration/src/component/nosto-entity-listing/nosto-entity-listing.html.twig
@@ -192,29 +192,28 @@
             </slot>
         </template>
     </sw-modal>
-
-
 {% endblock %}
 
-  {% block sw_data_grid_select_item_checkbox %}
-      <sw-checkbox-field
-              v-if="canDelete(item)"
-              :disabled="!isRecordSelectable(item)"
-              :value="isSelected(item[itemIdentifierProperty])"
-              @change="selectItem($event, item)"
-      />
-  {% endblock %}
+{% block sw_data_grid_select_item_checkbox %}
+    <sw-checkbox-field
+        v-if="canDelete(item)"
+        :disabled="!isRecordSelectable(item)"
+        :value="isSelected(item[itemIdentifierProperty])"
+        @update:value="selectItem($event, item)"
+    />
+{% endblock %}
 
 
 {% block sw_data_grid_table %}
-    <table ref="table"
-            class="sw-data-grid__table"
+    <table
+        ref="table"
+        class="sw-data-grid__table"
     >
 
         {% block sw_data_grid_header %}
             <thead
-                    v-if="showHeader"
-                    class="sw-data-grid__header"
+                v-if="showHeader"
+                class="sw-data-grid__header"
             >
 
             {% block sw_data_grid_header_row %}
@@ -222,18 +221,18 @@
 
                     {% block sw_data_grid_header_cell_selection %}
                         <th
-                                v-if="showSelection"
-                                class="sw-data-grid__cell sw-data-grid__cell--header sw-data-grid__cell--selection"
+                            v-if="showSelection"
+                            class="sw-data-grid__cell sw-data-grid__cell--header sw-data-grid__cell--selection"
                         >
                             {% block sw_data_grid_header_cell_selection_content %}
                                 <div class="sw-data-grid__cell-content">
                                     {% block sw_data_grid_select_all_checkbox %}
                                         <sw-checkbox-field
-                                                v-if="records && records.length > 0"
-                                                :disabled="isSelectAllDisabled"
-                                                class="sw-data-grid__select-all"
-                                                :value="allSelectedChecked"
-                                                @change="selectAll"
+                                            v-if="records && records.length > 0"
+                                            :disabled="isSelectAllDisabled"
+                                            class="sw-data-grid__select-all"
+                                            :value="allSelectedChecked"
+                                            @update:value="selectAll"
                                         />
                                     {% endblock %}
                                 </div>
@@ -304,21 +303,21 @@
                                             name="sort-indicator"
                                             mode="out-in"
                                     >
-                                    {% block sw_data_grid_sort_indicator_icon_asc %}
-                                        <sw-icon
+                                        {% block sw_data_grid_sort_indicator_icon_asc %}
+                                            <sw-icon
                                                 v-if="currentSortDirection === 'ASC'"
                                                 key="ASC"
-                                                name="small-arrow-small-up"
-                                                size="16px"
-                                        />
-                                    {% endblock %}
+                                                name="solid-long-arrow-up"
+                                                size="20px"
+                                            />
+                                        {% endblock %}
 
                                         {% block sw_data_grid_sort_indicator_icon_desc %}
                                             <sw-icon
-                                                    v-else
-                                                    key="DESC"
-                                                    name="small-arrow-small-down"
-                                                    size="16px"
+                                                v-else
+                                                key="DESC"
+                                                name="solid-long-arrow-down"
+                                                size="20px"
                                             />
                                         {% endblock %}
                                 </transition>
@@ -419,10 +418,11 @@
                                 {% block sw_data_grid_body_cell_selection_content %}
                                     <div class="sw-data-grid__cell-content">
                                         {% block sw_data_grid_select_item_checkbox %}
-                                            <sw-checkbox-field v-if="canDelete(item)"
-                                                    :disabled="!isRecordSelectable(item)"
-                                                    :value="isSelected(item[itemIdentifierProperty])"
-                                                    @change="selectItem($event, item)"
+                                            <sw-checkbox-field
+                                                v-if="canDelete(item)"
+                                                :disabled="!isRecordSelectable(item)"
+                                                :value="isSelected(item[itemIdentifierProperty])"
+                                                @update:value="selectItem($event, item)"
                                             />
                                         {% endblock %}
                                     </div>
@@ -460,7 +460,7 @@
                                             <template v-if="column.inlineEdit === 'boolean'">
                                                 {% block sw_data_grid_columns_boolean %}
                                                     <sw-data-grid-column-boolean
-                                                            v-model="item[column.property]"
+                                                            v-model:value="item[column.property]"
                                                             :is-inline-edit="isInlineEdit(item) && column.hasOwnProperty('inlineEdit')"
                                                     />
                                                 {% endblock %}
@@ -470,10 +470,10 @@
                                                     <template v-if="isInlineEdit(item) && column.hasOwnProperty('inlineEdit')">
                                                         {% block sw_data_grid_columns_render_inline_edit %}
                                                             <sw-data-grid-inline-edit
-                                                                    :column="column"
-                                                                    :compact="compact"
-                                                                    :value="item[column.property]"
-                                                                    @input="item[column.property] = $event"
+                                                                :column="column"
+                                                                :compact="compact"
+                                                                :value="item[column.property]"
+                                                                @update:value="item[column.property] = $event"
                                                             />
                                                         {% endblock %}
                                                     </template>
@@ -613,4 +613,4 @@
             />
         {% endblock %}
     </table>
-{% endblock %}
\ No newline at end of file
+{% endblock %}
diff --git a/src/Resources/app/administration/src/component/nosto-grouped-view/index.js b/src/Resources/app/administration/src/component/nosto-grouped-view/index.js
index c4ec913..45e7a84 100644
--- a/src/Resources/app/administration/src/component/nosto-grouped-view/index.js
+++ b/src/Resources/app/administration/src/component/nosto-grouped-view/index.js
@@ -284,5 +284,9 @@ Component.register('nosto-grouped-view', {
             this.currentJobMessages = job.messages;
             this.showMessagesModal = true;
         },
+
+        formatDate(date) {
+            return (new Date(date)).toLocaleString();
+        },
     },
 });
diff --git a/src/Resources/app/administration/src/component/nosto-grouped-view/nosto-grouped-view.html.twig b/src/Resources/app/administration/src/component/nosto-grouped-view/nosto-grouped-view.html.twig
index 71c1a8b..e36915f 100644
--- a/src/Resources/app/administration/src/component/nosto-grouped-view/nosto-grouped-view.html.twig
+++ b/src/Resources/app/administration/src/component/nosto-grouped-view/nosto-grouped-view.html.twig
@@ -31,41 +31,42 @@
                         </template>
                         <template #column-startedAt="{ item }">
                             {% block nosto_job_list_grid_job_started_date %}
-                                {{ item.startedAt|date() }}
+                                {{ formatDate(item.startedAt) }}
                             {% endblock %}
                         </template>
                         <template #column-finishedAt="{ item }">
                             {% block nosto_job_list_grid_job_finished_date %}
-                                {{ item.finishedAt|date() }}
+                                {{ formatDate(item.finishedAt) }}
                             {% endblock %}
                         </template>
                         <template #column-createdAt="{ item }">
                             {% block nosto_job_list_grid_job_created_date %}
-                                {{ item.createdAt|date() }}
+                                {{ formatDate(item.createdAt) }}
                             {% endblock %}
                         </template>
                         <template class="sub-jobs-column" #column-subJobs="{ item }">
                             {% block nosto_job_list_grid_job_sub_jobs %}
                                 <div :class="item.subJobs.length > 0 ? 'has-subjobs' : ''"
-                                     class="sub-jobs-counters-container jobs-info-counter">
+                                     class="sub-jobs-counters-container jobs-info-counter"
+                                >
                                     <div class="count-container" v-if="item.subJobs">
-                            <span class="info-container">
-                                <span class="count" v-html="getChildrenCount(item, 'succeed')"></span>
-                            </span>
+                                        <span class="info-container">
+                                            <span class="count" v-html="getChildrenCount(item, 'succeed')"></span>
+                                        </span>
                                         <nosto-job-status-badge status="succeed"></nosto-job-status-badge>
                                     </div>
 
                                     <div class="count-container" v-if="item.subJobs">
-                            <span class="warning-container">
-                                <span class="count" v-html="getChildrenCount(item, 'pending')"></span>
-                            </span>
+                                        <span class="warning-container">
+                                            <span class="count" v-html="getChildrenCount(item, 'pending')"></span>
+                                        </span>
                                         <nosto-job-status-badge status="pending"></nosto-job-status-badge>
                                     </div>
 
                                     <div class="count-container" v-if="item.subJobs">
-                            <span class="error-counter">
-                                <span class="count" v-html="getChildrenCount(item, 'error')"></span>
-                            </span>
+                                        <span class="error-counter">
+                                            <span class="count" v-html="getChildrenCount(item, 'error')"></span>
+                                        </span>
                                         <nosto-job-status-badge status="error"></nosto-job-status-badge>
                                     </div>
                                 </div>
@@ -81,23 +82,23 @@
                                 <div :class="item.messages.length > 0 ? 'has-messages' : ''"
                                      class="message-counters-container jobs-info-counter">
                                     <div class="count-container" v-if="item.messages">
-                            <span class="info-counter">
-                                <span class="count" v-html="getMessagesCount(item, 'info')"></span>
-                            </span>
+                                        <span class="info-counter">
+                                            <span class="count" v-html="getMessagesCount(item, 'info')"></span>
+                                        </span>
                                         <sw-icon :small="true" name="regular-info-circle" color="#3498db"></sw-icon>
                                     </div>
 
                                     <div class="count-container" v-if="item.messages">
-                            <span class="warning-counter">
-                                <span class="count" v-html="getMessagesCount(item, 'warning')"></span>
-                            </span>
+                                        <span class="warning-counter">
+                                            <span class="count" v-html="getMessagesCount(item, 'warning')"></span>
+                                        </span>
                                         <sw-icon :small="true" name="regular-exclamation-triangle" color="#f39c12"></sw-icon>
                                     </div>
 
                                     <div class="count-container" v-if="item.messages">
-                            <span class="error-counter">
-                                <span class="count" v-html="getMessagesCount(item, 'error')"></span>
-                            </span>
+                                        <span class="error-counter">
+                                            <span class="count" v-html="getMessagesCount(item, 'error')"></span>
+                                        </span>
                                         <sw-icon :small="true" name="regular-times-hexagon" color="#c0392b"></sw-icon>
                                     </div>
                                 </div>
@@ -159,49 +160,34 @@
             <sw-modal class="nosto-job-messages-modal" v-if="showMessagesModal" :title="$tc('job-listing.page.listing.grouped-view.job-messages')"
                       @modal-close="showMessagesModal = false">
                 {% block job_messages_listing %}
-                    <sw-data-grid
-                            v-if="currentJobMessages"
-                            :items="currentJobMessages"
-                            :data-source="currentJobMessages"
-                            :showSelection="false"
-                            :allowColumnEdit="false"
-                            :allowDelete="false"
-                            :allowEdit="false"
-                            :showActions="false"
-                            :showHeader="false"
-                            class="nosto-job-messages-grid"
-                            :columns="jobMessagesColumns">
-                        <template #column-message="{ item }">
-                            {% block job_list_grid_job_messages %}
-                                <div class="job_list_grid_job_messages-information" style="width:100%;">
-                                    <sw-alert
-                                            v-if="item.type == 'info-message'"
-                                            variant="info"
-                                            appearance="default"
-                                            :showIcon="true"
-                                            :closable="false">
-                                        {{ item.message }}
-                                    </sw-alert>
-                                    <sw-alert
-                                            v-if="item.type == 'error-message'"
-                                            variant="error"
-                                            appearance="default"
-                                            :showIcon="true"
-                                            :closable="false">
-                                        {{ item.message }}
-                                    </sw-alert>
-                                    <sw-alert
-                                            v-if="item.type == 'warning-message'"
-                                            variant="warning"
-                                            appearance="default"
-                                            :showIcon="true"
-                                            :closable="false">
-                                        {{ item.message }}
-                                    </sw-alert>
-                                </div>
-                            {% endblock %}
-                        </template>
-                    </sw-data-grid>
+                    <div v-if="currentJobMessages" class="job_list_grid_job_messages-information" style="width:100%;">
+                        <div class="messages-content" v-for="item in currentJobMessages">
+                            <sw-alert class="nosto-alert"
+                                      v-if="item.type == 'info-message'"
+                                      variant="info"
+                                      appearance="default"
+                                      :showIcon="true"
+                                      :closable="false">
+                                {{ item.message }}
+                            </sw-alert>
+                            <sw-alert class="nosto-alert"
+                                      v-if="item.type == 'error-message'"
+                                      variant="error"
+                                      appearance="default"
+                                      :showIcon="true"
+                                      :closable="false">
+                                {{ item.message }}
+                            </sw-alert>
+                            <sw-alert class="nosto-alert"
+                                      v-if="item.type == 'warning-message'"
+                                      variant="warning"
+                                      appearance="default"
+                                      :showIcon="true"
+                                      :closable="false">
+                                {{ item.message }}
+                            </sw-alert>
+                        </div>
+                    </div>
                 {% endblock %}
                 <template #modal-footer>
                     <sw-button variant="primary"
diff --git a/src/Resources/app/administration/src/component/nosto-job-info/index.js b/src/Resources/app/administration/src/component/nosto-job-info/index.js
index 53f7628..9733fb9 100644
--- a/src/Resources/app/administration/src/component/nosto-job-info/index.js
+++ b/src/Resources/app/administration/src/component/nosto-job-info/index.js
@@ -46,5 +46,9 @@ Component.register('nosto-job-info', {
                 this.jobItem = jobItem;
             });
         },
+
+        formatDate(date) {
+            return (new Date(date)).toLocaleString();
+        },
     },
 });
diff --git a/src/Resources/app/administration/src/component/nosto-job-info/nosto-job-info.html.twig b/src/Resources/app/administration/src/component/nosto-job-info/nosto-job-info.html.twig
index b93d363..3c26c04 100644
--- a/src/Resources/app/administration/src/component/nosto-job-info/nosto-job-info.html.twig
+++ b/src/Resources/app/administration/src/component/nosto-job-info/nosto-job-info.html.twig
@@ -11,10 +11,11 @@
                         {% block job_info_overview_name %}
                             <dt>{{ $tc('job-listing.page.listing.grid.column.name') }}</dt>
                             <dd>
-                                <sw-order-inline-field v-if="jobItem.name"
-                                                       :display-value="jobItem.name"
-                                                       :value="jobItem.name"
-                                                       :editable="false"
+                                <sw-order-inline-field
+                                    v-if="jobItem.name"
+                                    :display-value="jobItem.name"
+                                    :value="jobItem.name"
+                                    :editable="false"
                                 />
                             </dd>
                         {% endblock %}
@@ -31,10 +32,11 @@
                         {% block job_info_overview_startedAt %}
                             <dt>{{ $tc('job-listing.page.listing.grid.column.started-at') }}</dt>
                             <dd>
-                                <sw-order-inline-field v-if="jobItem.startedAt"
-                                                       :display-value="jobItem.startedAt|date()"
-                                                       :value="jobItem.startedAt|date()"
-                                                       :editable="false"
+                                <sw-order-inline-field
+                                    v-if="jobItem.startedAt"
+                                    :display-value="formatDate(jobItem.startedAt)"
+                                    :value="formatDate(jobItem.startedAt)"
+                                    :editable="false"
                                 />
                             </dd>
                         {% endblock %}
@@ -47,29 +49,34 @@
                         {% block job_detail_base_overview_type %}
                             <dt>{{ $tc('job-listing.page.listing.grid.column.type') }}</dt>
                             <dd>
-                                <sw-order-inline-field v-if="jobItem.type"
-                                                       :display-value="jobItem.type"
-                                                       :value="jobItem.type"
-                                                       :editable="false"
+                                <sw-order-inline-field
+                                    v-if="jobItem.type"
+                                    :display-value="jobItem.type"
+                                    :value="jobItem.type"
+                                    :editable="false"
                                 />
                             </dd>
                         {% endblock %}
                         {% block job_info_overview_createdAt %}
                             <dt>{{ $tc('job-listing.page.listing.grid.column.created-at') }}</dt>
                             <dd>
-                                <sw-order-inline-field v-if="jobItem.createdAt"
-                                                       :display-value="jobItem.createdAt|date()"
-                                                       :value="jobItem.startedAt|date()"
-                                                       :editable="false"/>
+                                <sw-order-inline-field
+                                    v-if="jobItem.createdAt"
+                                    :display-value="formatDate(jobItem.createdAt)"
+                                    :value="formatDate(jobItem.startedAt)"
+                                    :editable="false"
+                                />
                             </dd>
                         {% endblock %}
                         {% block job_info_overview_finishedAt %}
                             <dt>{{ $tc('job-listing.page.listing.grid.column.finished-at') }}</dt>
                             <dd>
-                                <sw-order-inline-field v-if="jobItem.finishedAt"
-                                                       :display-value="jobItem.finishedAt|date()"
-                                                       :value="jobItem.finishedAt|date()"
-                                                       :editable="false"/>
+                                <sw-order-inline-field
+                                    v-if="jobItem.finishedAt"
+                                    :display-value="formatDate(jobItem.finishedAt)"
+                                    :value="formatDate(jobItem.finishedAt)"
+                                    :editable="false"
+                                />
                             </dd>
                         {% endblock %}
                     </sw-description-list>
@@ -77,4 +84,4 @@
             </sw-container>
         {% endblock %}
     </sw-card-section>
-{% endblock %}
\ No newline at end of file
+{% endblock %}
diff --git a/src/Resources/app/administration/src/component/nosto-job-sub-jobs/index.js b/src/Resources/app/administration/src/component/nosto-job-sub-jobs/index.js
index 5cf7e3a..cb6cfee 100644
--- a/src/Resources/app/administration/src/component/nosto-job-sub-jobs/index.js
+++ b/src/Resources/app/administration/src/component/nosto-job-sub-jobs/index.js
@@ -133,5 +133,9 @@ Component.register('nosto-job-sub-jobs', {
                 return item.type === `${type}-message`;
             }).length;
         },
+
+        formatDate(date) {
+            return (new Date(date)).toLocaleString();
+        },
     },
 });
diff --git a/src/Resources/app/administration/src/component/nosto-job-sub-jobs/nosto-job-sub-jobs.html.twig b/src/Resources/app/administration/src/component/nosto-job-sub-jobs/nosto-job-sub-jobs.html.twig
index 109d84f..9d7d135 100644
--- a/src/Resources/app/administration/src/component/nosto-job-sub-jobs/nosto-job-sub-jobs.html.twig
+++ b/src/Resources/app/administration/src/component/nosto-job-sub-jobs/nosto-job-sub-jobs.html.twig
@@ -29,17 +29,17 @@
 
                     <template #column-startedAt="{ item }">
                         {% block job_list_grid_job_started_at %}
-                            {{ item.startedAt|date() }}
+                            {{ formatDate(item.startedAt) }}
                         {% endblock %}
                     </template>
                     <template #column-finishedAt="{ item }">
                         {% block job_list_grid_job_finished_at %}
-                            {{ item.finishedAt|date() }}
+                            {{ formatDate(item.finishedAt) }}
                         {% endblock %}
                     </template>
                     <template #column-createdAt="{ item }">
                         {% block job_list_grid_job_created_at %}
-                            {{ item.createdAt|date() }}
+                            {{ formatDate(item.createdAt) }}
                         {% endblock %}
                     </template>
                     <template #column-messages="{ item }">
diff --git a/src/Resources/app/administration/src/component/nosto-scheduler-charts/index.js b/src/Resources/app/administration/src/component/nosto-scheduler-charts/index.js
index 9e1e9af..d185084 100644
--- a/src/Resources/app/administration/src/component/nosto-scheduler-charts/index.js
+++ b/src/Resources/app/administration/src/component/nosto-scheduler-charts/index.js
@@ -139,7 +139,7 @@ Component.register('nosto-scheduler-charts', {
         initChartData() {
             const criteria = new Criteria();
             criteria.addFilter(Criteria.equals('parentId', null));
-            criteria.setLimit(999999);
+            criteria.setLimit(500);
 
             if (this.jobTypes !== []) {
                 criteria.addFilter(Criteria.equalsAny('type', this.jobTypes));
diff --git a/src/Resources/app/administration/src/component/nosto-scheduler-charts/nosto-scheduler-charts.html.twig b/src/Resources/app/administration/src/component/nosto-scheduler-charts/nosto-scheduler-charts.html.twig
index b414adc..4e0f8f1 100644
--- a/src/Resources/app/administration/src/component/nosto-scheduler-charts/nosto-scheduler-charts.html.twig
+++ b/src/Resources/app/administration/src/component/nosto-scheduler-charts/nosto-scheduler-charts.html.twig
@@ -2,8 +2,8 @@
 <div class="nosto-scheduler-charts">
     <div class="sw-dashboard-statistics__card-headline-select">
         <sw-select-field
+                v-model:value="statisticDateRanges.value"
                 class="charts-date-range"
-                v-model="statisticDateRanges.value"
                 size="small">
             <option
                     v-for="(value, option) in statisticDateRanges.options"
@@ -22,4 +22,4 @@
             :sort="true"
     />
 </div>
-{% endblock %}
\ No newline at end of file
+{% endblock %}
diff --git a/src/Resources/app/administration/src/module/nosto-job/page/nosto-job-listing-index/index.js b/src/Resources/app/administration/src/module/nosto-job/page/nosto-job-listing-index/index.js
index a620cda..95c1856 100644
--- a/src/Resources/app/administration/src/module/nosto-job/page/nosto-job-listing-index/index.js
+++ b/src/Resources/app/administration/src/module/nosto-job/page/nosto-job-listing-index/index.js
@@ -289,5 +289,9 @@ Component.register('nosto-job-listing-index', {
             this.autoLoadIsActive = false;
             clearInterval(this.reloadInterval);
         },
+
+        formatDate(date) {
+            return (new Date(date)).toLocaleString();
+        }
     },
 });
diff --git a/src/Resources/app/administration/src/module/nosto-job/page/nosto-job-listing-index/nosto-job-listing-index.html.twig b/src/Resources/app/administration/src/module/nosto-job/page/nosto-job-listing-index/nosto-job-listing-index.html.twig
index 4ce00f1..1fef761 100644
--- a/src/Resources/app/administration/src/module/nosto-job/page/nosto-job-listing-index/nosto-job-listing-index.html.twig
+++ b/src/Resources/app/administration/src/module/nosto-job/page/nosto-job-listing-index/nosto-job-listing-index.html.twig
@@ -3,11 +3,11 @@
     <div class="nosto-job-listing-actions-bar">
       <div class="action-item">
         {% block nosto_scheduler_job_view_mode %}
-          <sw-select-field v-model="jobDisplayType" :label="$tc('job-listing.page.listing.index.display-mode')">
+          <sw-select-field v-model:value="jobDisplayType" :label="$tc('job-listing.page.listing.index.display-mode')">
             <option v-for="option in jobDisplayMode" :value="option.value">{{ option.name }}</option>
           </sw-select-field>
 
-          <sw-select-field v-if="jobDisplayType !== 'list'" v-model="sortType" :label="$tc('job-listing.page.listing.index.group-by')">
+          <sw-select-field v-if="jobDisplayType !== 'list'" v-model:value="sortType" :label="$tc('job-listing.page.listing.index.group-by')">
               <option value="status">{{ $tc('job-listing.page.listing.index.status') }}</option>
               <option value="type">{{ $tc('job-listing.page.listing.index.job-type') }}</option>
           </sw-select-field>
@@ -15,21 +15,24 @@
           <sw-datepicker
             :label="$tc('job-listing.page.listing.index.date-from')"
             v-if="jobDisplayType == 'grouped'"
-            v-model="groupCreationDate.fromDate"
+            v-model:value="groupCreationDate.fromDate"
           />
 
           <sw-datepicker
             :label="$tc('job-listing.page.listing.index.date-to')"
             v-if="jobDisplayType == 'grouped'"
-            v-model="groupCreationDate.toDate"
+            v-model:value="groupCreationDate.toDate"
           />
 
         {% endblock %}
       </div>
       <div class="cation-item">
         {% block nosto_scheduler_job_auto_load_switcher %}
-          <sw-switch-field class="job-listing-auto-loading-switch" v-model="autoLoadIsActive"
-                           :label="$tc('job-listing.page.listing.index.auto-load')"></sw-switch-field>
+          <sw-switch-field
+            v-model:value="autoLoadIsActive"
+            class="job-listing-auto-loading-switch"
+            :label="$tc('job-listing.page.listing.index.auto-load')"
+          />
         {% endblock %}
       </div>
     </div>
@@ -63,6 +66,7 @@
               :allowEdit="false"
               :jobTypes="jobTypes"
               :isGroupedView="isGroupedView"
+              sortDirection="DESC"
               @page-change="pageChange"
               :columns="columns">
         <template #column-status="{ item }">
@@ -80,17 +84,17 @@
         </template>
         <template #column-startedAt="{ item }">
           {% block nosto_job_list_grid_job_started_date %}
-            {{ item.startedAt|date() }}
+            {{ formatDate(item.startedAt) }}
           {% endblock %}
         </template>
         <template #column-finishedAt="{ item }">
           {% block nosto_job_list_grid_job_finished_date %}
-            {{ item.finishedAt|date() }}
+            {{ formatDate(item.finishedAt) }}
           {% endblock %}
         </template>
         <template #column-createdAt="{ item }">
           {% block nosto_job_list_grid_job_created_date %}
-            {{ item.createdAt|date() }}
+            {{ formatDate(item.createdAt) }}
           {% endblock %}
         </template>
         <template class="sub-jobs-column" #column-subJobs="{ item }">
diff --git a/src/Resources/public/administration/css/nosto-scheduler.css b/src/Resources/public/administration/css/nosto-scheduler.css
index 96b0553..93af20b 100644
--- a/src/Resources/public/administration/css/nosto-scheduler.css
+++ b/src/Resources/public/administration/css/nosto-scheduler.css
@@ -1 +1,5 @@
-.scheduler-grouped-view .sw-collapse .sw-collapse__header{padding:20px;cursor:pointer;color:#fff;font-weight:700}.scheduler-grouped-view .sw-collapse.success-collapse .sw-collapse__header{background:#1abc9c}.scheduler-grouped-view .sw-collapse.error-collapse .sw-collapse__header{background:#c0392b}.scheduler-grouped-view .sw-collapse.pending-collapse .sw-collapse__header{background:#a9a9a9}.scheduler-grouped-view .sw-collapse th:not(.is-select-all){pointer-events:none}.sw-color-badge.--pulse{-webkit-animation:pulsate 1s ease-out;-webkit-animation-iteration-count:infinite}@-webkit-keyframes pulsate{0%{-webkit-transform:scale(.4);opacity:0}50%{opacity:1}to{-webkit-transform:scale(1.4);opacity:0}}.nosto-entity-listing-wrapper .job-name{cursor:pointer}.nosto-entity-listing-wrapper .job-name:hover{text-decoration:underline;color:#169eff}.nosto-entity-listing-wrapper .sw-data-grid__cell--messages .sw-data-grid__cell-content,.nosto-entity-listing-wrapper .sw-data-grid__cell--subJobs .sw-data-grid__cell-content{position:relative;overflow:hidden}.nosto-entity-listing-wrapper .sw-data-grid__cell--messages .sw-data-grid__cell-content:hover .has-messages,.nosto-entity-listing-wrapper .sw-data-grid__cell--messages .sw-data-grid__cell-content:hover .has-subjobs,.nosto-entity-listing-wrapper .sw-data-grid__cell--subJobs .sw-data-grid__cell-content:hover .has-messages,.nosto-entity-listing-wrapper .sw-data-grid__cell--subJobs .sw-data-grid__cell-content:hover .has-subjobs{display:none}.nosto-entity-listing-wrapper .sw-data-grid__cell--messages .sw-data-grid__cell-content:hover .job-messages-show-modal,.nosto-entity-listing-wrapper .sw-data-grid__cell--messages .sw-data-grid__cell-content:hover .sub-job-show-modal,.nosto-entity-listing-wrapper .sw-data-grid__cell--subJobs .sw-data-grid__cell-content:hover .job-messages-show-modal,.nosto-entity-listing-wrapper .sw-data-grid__cell--subJobs .sw-data-grid__cell-content:hover .sub-job-show-modal{display:flex;width:100%;justify-content:center}.nosto-entity-listing-wrapper .sw-data-grid__cell--messages .sw-data-grid__cell-content .job-messages-show-modal,.nosto-entity-listing-wrapper .sw-data-grid__cell--messages .sw-data-grid__cell-content .sub-job-show-modal,.nosto-entity-listing-wrapper .sw-data-grid__cell--subJobs .sw-data-grid__cell-content .job-messages-show-modal,.nosto-entity-listing-wrapper .sw-data-grid__cell--subJobs .sw-data-grid__cell-content .sub-job-show-modal{display:none;margin:0 auto}.nosto-entity-listing-wrapper .sw-data-grid__cell--messages .sw-data-grid__cell-content .job-messages-show-modal .sw-icon,.nosto-entity-listing-wrapper .sw-data-grid__cell--messages .sw-data-grid__cell-content .sub-job-show-modal .sw-icon,.nosto-entity-listing-wrapper .sw-data-grid__cell--subJobs .sw-data-grid__cell-content .job-messages-show-modal .sw-icon,.nosto-entity-listing-wrapper .sw-data-grid__cell--subJobs .sw-data-grid__cell-content .sub-job-show-modal .sw-icon{margin-right:10px}.jobs-info-counter{width:100%;display:flex;justify-content:space-between}.jobs-info-counter .count-container{display:flex;align-items:center}.jobs-info-counter .count{margin-right:10px;font-weight:700}.nosto-job-info-modal .sw-modal__dialog,.nosto-job-sub-jobs-modal .sw-modal__dialog{max-width:1460px!important}.nosto-job-info-modal .reschedule-btn,.nosto-job-sub-jobs-modal .reschedule-btn{background:#37d046}.nosto-job-info-modal .reschedule-btn:not([disabled]):hover,.nosto-job-sub-jobs-modal .reschedule-btn:not([disabled]):hover{background:#198624}.nosto-job-listing-actions-bar{display:flex;padding:20px;border-bottom:1px solid #d1d9e0}.nosto-job-listing-actions-bar .sw-block-field{max-width:150px;margin-bottom:0}.nosto-job-listing-actions-bar .sw-block-field.sw-field--datepicker{max-width:unset;width:220px}.nosto-job-listing-actions-bar .action-item{display:flex;gap:20px;margin-right:20px}.nosto-alert .sw-icon{top:13px;left:13px}.nosto-alert .sw-alert__body{padding:10px 20px 10px 40px}.sub-jobs-container .sw-data-grid{position:relative}.sub-jobs-container .sw-data-grid__cell--messages .sw-data-grid__cell-content,.sub-jobs-container .sw-data-grid__cell--subJobs .sw-data-grid__cell-content{position:relative;overflow:hidden}.sub-jobs-container .sw-data-grid__cell--messages .sw-data-grid__cell-content:hover .has-messages,.sub-jobs-container .sw-data-grid__cell--messages .sw-data-grid__cell-content:hover .has-subjobs,.sub-jobs-container .sw-data-grid__cell--subJobs .sw-data-grid__cell-content:hover .has-messages,.sub-jobs-container .sw-data-grid__cell--subJobs .sw-data-grid__cell-content:hover .has-subjobs{display:none}.sub-jobs-container .sw-data-grid__cell--messages .sw-data-grid__cell-content:hover .job-messages-show-modal,.sub-jobs-container .sw-data-grid__cell--messages .sw-data-grid__cell-content:hover .sub-job-show-modal,.sub-jobs-container .sw-data-grid__cell--subJobs .sw-data-grid__cell-content:hover .job-messages-show-modal,.sub-jobs-container .sw-data-grid__cell--subJobs .sw-data-grid__cell-content:hover .sub-job-show-modal{display:flex;width:100%;justify-content:center}.sub-jobs-container .sw-data-grid__cell--messages .sw-data-grid__cell-content .job-messages-show-modal,.sub-jobs-container .sw-data-grid__cell--messages .sw-data-grid__cell-content .sub-job-show-modal,.sub-jobs-container .sw-data-grid__cell--subJobs .sw-data-grid__cell-content .job-messages-show-modal,.sub-jobs-container .sw-data-grid__cell--subJobs .sw-data-grid__cell-content .sub-job-show-modal{display:none;margin:0 auto}.sub-jobs-container .sw-data-grid__cell--messages .sw-data-grid__cell-content .job-messages-show-modal .sw-icon,.sub-jobs-container .sw-data-grid__cell--messages .sw-data-grid__cell-content .sub-job-show-modal .sw-icon,.sub-jobs-container .sw-data-grid__cell--subJobs .sw-data-grid__cell-content .job-messages-show-modal .sw-icon,.sub-jobs-container .sw-data-grid__cell--subJobs .sw-data-grid__cell-content .sub-job-show-modal .sw-icon{margin-right:10px}.nosto-scheduler-charts{max-width:1460px;margin:0 auto;padding:20px}.nosto-scheduler-charts .charts-date-range{max-width:200px;margin-bottom:30px}.nosto-scheduler-charts .sw-chart{border:1px solid #d1d9e0;padding:10px}.nosto-grouped-view-container{padding:10px 20px}.nosto-grouped-view-container .sw-collapse{margin-bottom:20px}.nosto-grouped-view-container .sw-collapse.is-ERROR .sw-collapse__header{color:#de294c}.nosto-grouped-view-container .sw-collapse.is-SUCCEED .sw-collapse__header{color:#37d046}.nosto-grouped-view-container .sw-collapse.is-PENDING .sw-collapse__header{color:#7b7b7b}.nosto-grouped-view-container .sw-collapse__header{padding:20px;font-weight:500;border:1px solid #d1d9e0;cursor:pointer;background:#fff}.nosto-grouped-view-container .sw-collapse__header .amount{color:#169eff;font-weight:700}.nosto-grouped-view-container .sw-collapse__header:hover{color:#169eff;text-decoration:underline}.nosto-grouped-view-container .sw-collapse__content{border:1px solid #d1d9e0;border-top:0}.nosto-grouped-view-container .sw-data-grid{position:relative!important}
\ No newline at end of file
+.scheduler-grouped-view .sw-collapse .sw-collapse__header{padding:20px;cursor:pointer;color:#fff;font-weight:bold}.scheduler-grouped-view .sw-collapse.success-collapse .sw-collapse__header{background:#1abc9c}.scheduler-grouped-view .sw-collapse.error-collapse .sw-collapse__header{background:#c0392b}.scheduler-grouped-view .sw-collapse.pending-collapse .sw-collapse__header{background:#a9a9a9}.scheduler-grouped-view .sw-collapse th:not(.is-select-all){pointer-events:none}
+.sw-color-badge.--pulse{-webkit-animation:pulsate 1s ease-out;-webkit-animation-iteration-count:infinite}@-webkit-keyframes pulsate{0%{-webkit-transform:scale(0.4, 0.4);opacity:0}50%{opacity:1}100%{-webkit-transform:scale(1.4, 1.4);opacity:0}}.nosto-entity-listing-wrapper .job-name{cursor:pointer}.nosto-entity-listing-wrapper .job-name:hover{text-decoration:underline;color:#169eff}.nosto-entity-listing-wrapper .sw-data-grid__cell--messages .sw-data-grid__cell-content,.nosto-entity-listing-wrapper .sw-data-grid__cell--subJobs .sw-data-grid__cell-content{position:relative;overflow:hidden}.nosto-entity-listing-wrapper .sw-data-grid__cell--messages .sw-data-grid__cell-content:hover .has-messages,.nosto-entity-listing-wrapper .sw-data-grid__cell--messages .sw-data-grid__cell-content:hover .has-subjobs,.nosto-entity-listing-wrapper .sw-data-grid__cell--subJobs .sw-data-grid__cell-content:hover .has-messages,.nosto-entity-listing-wrapper .sw-data-grid__cell--subJobs .sw-data-grid__cell-content:hover .has-subjobs{display:none}.nosto-entity-listing-wrapper .sw-data-grid__cell--messages .sw-data-grid__cell-content:hover .job-messages-show-modal,.nosto-entity-listing-wrapper .sw-data-grid__cell--messages .sw-data-grid__cell-content:hover .sub-job-show-modal,.nosto-entity-listing-wrapper .sw-data-grid__cell--subJobs .sw-data-grid__cell-content:hover .job-messages-show-modal,.nosto-entity-listing-wrapper .sw-data-grid__cell--subJobs .sw-data-grid__cell-content:hover .sub-job-show-modal{display:flex;width:100%;justify-content:center}.nosto-entity-listing-wrapper .sw-data-grid__cell--messages .sw-data-grid__cell-content .job-messages-show-modal,.nosto-entity-listing-wrapper .sw-data-grid__cell--messages .sw-data-grid__cell-content .sub-job-show-modal,.nosto-entity-listing-wrapper .sw-data-grid__cell--subJobs .sw-data-grid__cell-content .job-messages-show-modal,.nosto-entity-listing-wrapper .sw-data-grid__cell--subJobs .sw-data-grid__cell-content .sub-job-show-modal{display:none;margin:0 auto}.nosto-entity-listing-wrapper .sw-data-grid__cell--messages .sw-data-grid__cell-content .job-messages-show-modal .sw-icon,.nosto-entity-listing-wrapper .sw-data-grid__cell--messages .sw-data-grid__cell-content .sub-job-show-modal .sw-icon,.nosto-entity-listing-wrapper .sw-data-grid__cell--subJobs .sw-data-grid__cell-content .job-messages-show-modal .sw-icon,.nosto-entity-listing-wrapper .sw-data-grid__cell--subJobs .sw-data-grid__cell-content .sub-job-show-modal .sw-icon{margin-right:10px}.jobs-info-counter{width:100%;display:flex;justify-content:space-between}.jobs-info-counter .count-container{display:flex;align-items:center}.jobs-info-counter .count{margin-right:10px;font-weight:bold}.nosto-job-sub-jobs-modal .sw-modal__dialog,.nosto-job-info-modal .sw-modal__dialog{max-width:1460px !important}.nosto-job-sub-jobs-modal .reschedule-btn,.nosto-job-info-modal .reschedule-btn{background:#37d046}.nosto-job-sub-jobs-modal .reschedule-btn:not([disabled]):hover,.nosto-job-info-modal .reschedule-btn:not([disabled]):hover{background:#198624}.nosto-job-listing-actions-bar{display:flex;padding:20px;border-bottom:1px solid #d1d9e0}.nosto-job-listing-actions-bar .sw-block-field{max-width:150px;margin-bottom:0}.nosto-job-listing-actions-bar .sw-block-field.sw-field--datepicker{max-width:unset;width:220px}.nosto-job-listing-actions-bar .action-item{display:flex;gap:20px;margin-right:20px}.nosto-alert .sw-icon{top:13px;left:13px}.nosto-alert .sw-alert__body{padding:10px 20px 10px 40px}
+.sub-jobs-container .sw-data-grid{position:relative}.sub-jobs-container .sw-data-grid__cell--messages .sw-data-grid__cell-content,.sub-jobs-container .sw-data-grid__cell--subJobs .sw-data-grid__cell-content{position:relative;overflow:hidden}.sub-jobs-container .sw-data-grid__cell--messages .sw-data-grid__cell-content:hover .has-messages,.sub-jobs-container .sw-data-grid__cell--messages .sw-data-grid__cell-content:hover .has-subjobs,.sub-jobs-container .sw-data-grid__cell--subJobs .sw-data-grid__cell-content:hover .has-messages,.sub-jobs-container .sw-data-grid__cell--subJobs .sw-data-grid__cell-content:hover .has-subjobs{display:none}.sub-jobs-container .sw-data-grid__cell--messages .sw-data-grid__cell-content:hover .job-messages-show-modal,.sub-jobs-container .sw-data-grid__cell--messages .sw-data-grid__cell-content:hover .sub-job-show-modal,.sub-jobs-container .sw-data-grid__cell--subJobs .sw-data-grid__cell-content:hover .job-messages-show-modal,.sub-jobs-container .sw-data-grid__cell--subJobs .sw-data-grid__cell-content:hover .sub-job-show-modal{display:flex;width:100%;justify-content:center}.sub-jobs-container .sw-data-grid__cell--messages .sw-data-grid__cell-content .job-messages-show-modal,.sub-jobs-container .sw-data-grid__cell--messages .sw-data-grid__cell-content .sub-job-show-modal,.sub-jobs-container .sw-data-grid__cell--subJobs .sw-data-grid__cell-content .job-messages-show-modal,.sub-jobs-container .sw-data-grid__cell--subJobs .sw-data-grid__cell-content .sub-job-show-modal{display:none;margin:0 auto}.sub-jobs-container .sw-data-grid__cell--messages .sw-data-grid__cell-content .job-messages-show-modal .sw-icon,.sub-jobs-container .sw-data-grid__cell--messages .sw-data-grid__cell-content .sub-job-show-modal .sw-icon,.sub-jobs-container .sw-data-grid__cell--subJobs .sw-data-grid__cell-content .job-messages-show-modal .sw-icon,.sub-jobs-container .sw-data-grid__cell--subJobs .sw-data-grid__cell-content .sub-job-show-modal .sw-icon{margin-right:10px}
+.nosto-scheduler-charts{max-width:1460px;margin:0 auto;padding:20px}.nosto-scheduler-charts .charts-date-range{max-width:200px;margin-bottom:30px}.nosto-scheduler-charts .sw-chart{border:1px solid #d1d9e0;padding:10px}
+.nosto-grouped-view-container{padding:10px 20px}.nosto-grouped-view-container .sw-collapse{margin-bottom:20px}.nosto-grouped-view-container .sw-collapse.is-ERROR .sw-collapse__header{color:#de294c}.nosto-grouped-view-container .sw-collapse.is-SUCCEED .sw-collapse__header{color:#37d046}.nosto-grouped-view-container .sw-collapse.is-PENDING .sw-collapse__header{color:#7b7b7b}.nosto-grouped-view-container .sw-collapse__header{padding:20px;font-weight:500;border:1px solid #d1d9e0;cursor:pointer;background:#fff}.nosto-grouped-view-container .sw-collapse__header .amount{color:#169eff;font-weight:bold}.nosto-grouped-view-container .sw-collapse__header:hover{color:#169eff;text-decoration:underline}.nosto-grouped-view-container .sw-collapse__content{border:1px solid #d1d9e0;border-top:0}.nosto-grouped-view-container .sw-data-grid{position:relative !important}
diff --git a/src/Resources/public/administration/js/nosto-scheduler.js b/src/Resources/public/administration/js/nosto-scheduler.js
index 7ed75d4..30b98f4 100644
--- a/src/Resources/public/administration/js/nosto-scheduler.js
+++ b/src/Resources/public/administration/js/nosto-scheduler.js
@@ -1 +1 @@
-!function(e){var t={};function n(s){if(t[s])return t[s].exports;var o=t[s]={i:s,l:!1,exports:{}};return e[s].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,s){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:s})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var s=Object.create(null);if(n.r(s),Object.defineProperty(s,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(s,o,function(t){return e[t]}.bind(null,o));return s},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p=(window.__sw__.assetPath + '/bundles/nostoscheduler/'),n(n.s="bBXe")}({F6mn:function(e,t,n){var s=n("HkE9");s.__esModule&&(s=s.default),"string"==typeof s&&(s=[[e.i,s,""]]),s.locals&&(e.exports=s.locals);(0,n("P8hj").default)("497cff5a",s,!0,{})},HkE9:function(e,t,n){},HzdX:function(e){e.exports=JSON.parse('{"job-listing":{"general":{"title":"Job Listing Pages","description":"job-listing"},"menu":{"title":"Job Listing"},"page":{"listing":{"title":"Job Listing","description":"List of Jobs","index":{"display-mode":"Display Mode","list":"List","grouped":"Grouped","chart":"Chart","group-by":"Group by","status":"Status","job-type":"Job Type","date-from":"Date from","date-to":"Date to","auto-load":"Auto load","child-jobs":"Child Jobs","messages":"Messages","show-sub-jobs":"Show sub jobs","show-job-messages":"Show Job Messages","close":"Close","loading":"Loading..."},"grouped-view":{"job-info":"Job info","job-messages":"Job Messages","sub-jobs":"Sub jobs"},"grid":{"job-status":{"succeed":"Success","error":"Failed","pending":"Pending","running":"Running"},"column":{"type":"Type","status":"Status","name":"Name","started-at":"Started at","finished-at":"Finished at","created-at":"Created at","child-jobs":"Child Jobs","messages":"Messages","show-sub-jobs":"Show sub jobs","show-job-messages":"Show Job Messages","close":"Close"},"message-modal":{"label":"Job Messages"}}},"detail":{"textHeadline":"Job","jobChildrenTitle":"Job Children"}},"actions":{"reschedule-job":{"button":{"label":"Reschedule Job"}},"delete-job":{"button":{"label":"Delete Job"}},"view-job":{"button":{"label":"View Job"}},"show-messages":{"button":{"label":"Show Messages"}}}}}')},OYDC:function(e,t,n){},P8hj:function(e,t,n){"use strict";function s(e,t){for(var n=[],s={},o=0;o<t.length;o++){var i=t[o],a=i[0],l={id:e+":"+o,css:i[1],media:i[2],sourceMap:i[3]};s[a]?s[a].parts.push(l):n.push(s[a]={id:a,parts:[l]})}return n}n.r(t),n.d(t,"default",(function(){return g}));var o="undefined"!=typeof document;if("undefined"!=typeof DEBUG&&DEBUG&&!o)throw new Error("vue-style-loader cannot be used in a non-browser environment. Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.");var i={},a=o&&(document.head||document.getElementsByTagName("head")[0]),l=null,r=0,c=!1,d=function(){},u=null,b="data-vue-ssr-id",m="undefined"!=typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());function g(e,t,n,o){c=n,u=o||{};var a=s(e,t);return p(a),function(t){for(var n=[],o=0;o<a.length;o++){var l=a[o];(r=i[l.id]).refs--,n.push(r)}t?p(a=s(e,t)):a=[];for(o=0;o<n.length;o++){var r;if(0===(r=n[o]).refs){for(var c=0;c<r.parts.length;c++)r.parts[c]();delete i[r.id]}}}}function p(e){for(var t=0;t<e.length;t++){var n=e[t],s=i[n.id];if(s){s.refs++;for(var o=0;o<s.parts.length;o++)s.parts[o](n.parts[o]);for(;o<n.parts.length;o++)s.parts.push(h(n.parts[o]));s.parts.length>n.parts.length&&(s.parts.length=n.parts.length)}else{var a=[];for(o=0;o<n.parts.length;o++)a.push(h(n.parts[o]));i[n.id]={id:n.id,refs:1,parts:a}}}}function f(){var e=document.createElement("style");return e.type="text/css",a.appendChild(e),e}function h(e){var t,n,s=document.querySelector("style["+b+'~="'+e.id+'"]');if(s){if(c)return d;s.parentNode.removeChild(s)}if(m){var o=r++;s=l||(l=f()),t=v.bind(null,s,o,!1),n=v.bind(null,s,o,!0)}else s=f(),t=y.bind(null,s),n=function(){s.parentNode.removeChild(s)};return t(e),function(s){if(s){if(s.css===e.css&&s.media===e.media&&s.sourceMap===e.sourceMap)return;t(e=s)}else n()}}var _,w=(_=[],function(e,t){return _[e]=t,_.filter(Boolean).join("\n")});function v(e,t,n,s){var o=n?"":s.css;if(e.styleSheet)e.styleSheet.cssText=w(t,o);else{var i=document.createTextNode(o),a=e.childNodes;a[t]&&e.removeChild(a[t]),a.length?e.insertBefore(i,a[t]):e.appendChild(i)}}function y(e,t){var n=t.css,s=t.media,o=t.sourceMap;if(s&&e.setAttribute("media",s),u.ssrId&&e.setAttribute(b,t.id),o&&(n+="\n/*# sourceURL="+o.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(o))))+" */"),e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}},QjvJ:function(e,t,n){var s=n("OYDC");s.__esModule&&(s=s.default),"string"==typeof s&&(s=[[e.i,s,""]]),s.locals&&(e.exports=s.locals);(0,n("P8hj").default)("602ddc40",s,!0,{})},WYcQ:function(e){e.exports=JSON.parse('{"job-listing":{"general":{"title":"Übersicht der Jobs","description":"Job Übersicht"},"menu":{"title":"Job Übersicht"},"page":{"listing":{"title":"Job Übersicht","description":"Liste der Jobs","index":{"display-mode":"Anzeigemodus","list":"Übersicht","grouped":"Gruppiert","chart":"Diagramm","group-by":"Gruppiere nach","status":"Status","job-type":"Job Typ","date-from":"Datum von","date-to":"Datum bis","auto-load":"Automatisches Laden","child-jobs":"Kinder-Jobs","messages":"Meldungen","show-sub-jobs":"Sub-Jobs anzeigen","show-job-messages":"Meldungen zu Jobs anzeigen","close":"Schließen","loading":"Wird geladen..."},"grouped-view":{"job-info":"Job-Die Info","job-messages":"Job-Meldungen","sub-jobs":"Sub-Jobs"},"grid":{"job-status":{"succeed":"erfolgreich","error":"fehlgeschlagen","pending":"ausstehend","running":"in Bearbeitung"},"column":{"type":"Typ","status":"Status","name":"Name","started-at":"Gestartet um","finished-at":"Fertig um","created-at":"Beendet um","child-jobs":"Kinder-Jobs","messages":"Meldungen","show-sub-jobs":"Unterjobs anzeigen","show-job-messages":"Meldungen zu Jobs anzeigen","close":"Schließen"},"message-modal":{"label":"Job-Meldungen"}}},"detail":{"textHeadline":"Job","jobChildrenTitle":"Kinder-Jobs"}},"actions":{"reschedule-job":{"button":{"label":"Umplanen Job"}},"delete-job":{"button":{"label":"Job löschen"}},"view-job":{"button":{"label":"Job anzeigen"}},"show-messages":{"button":{"label":"Meldungen anzeigen"}}}}}')},YZre:function(e,t,n){},bBXe:function(e,t,n){"use strict";n.r(t);n("F6mn");function s(e){return(s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);t&&(s=s.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,s)}return n}function i(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?o(Object(n),!0).forEach((function(t){a(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):o(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function a(e,t,n){return(t=function(e){var t=function(e,t){if("object"!==s(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==s(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"===s(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}Shopware.Component.extend("nosto-entity-listing","sw-entity-listing",{template:'{% block sw_data_grid_slot_pagination %}\n    <sw-pagination v-bind="{ page, limit, total, steps }"\n            :total-visible="7"\n            @page-change="paginate"\n    />\n{% endblock %}\n\n{% block sw_data_grid_bulk_selected_actions_content %}\n    {% block sw_data_grid_bulk_edit_content %}\n        \n        <a\n                v-if="allowBulkEdit"\n                class="link link-primary"\n                @click="onClickBulkEdit"\n        >\n            {{ $tc(\'global.sw-bulk-edit-modal.bulkEdit\') }}\n        </a>\n    {% endblock %}\n\n    {% block sw_data_grid_bulk_delete_content %}\n        \n        <a\n                v-if="allowDelete"\n                class="link link-danger"\n                @click="showBulkDeleteModal = true"\n        >\n            {{ $tc(\'global.default.delete\') }}\n        </a>\n    {% endblock %}\n{% endblock %}\n\n{% block sw_data_grid_slot_bulk_modals %}\n    {% block sw_data_grid_bulk_edit_modal %}\n        <slot\n                name="bulk-edit-modal"\n                v-bind="{ selection }"\n        >\n            {% block sw_data_grid_slot_bulk_edit_modal %}\n                <sw-bulk-edit-modal\n                        v-if="showBulkEditModal"\n                        :selection="selection"\n                        :bulk-grid-edit-columns="bulkGridEditColumns"\n                        @modal-close="onCloseBulkEditModal"\n                />\n            {% endblock %}\n        </slot>\n    {% endblock %}\n\n    {% block sw_data_grid_bulk_delete_modal %}\n        <sw-modal\n                v-if="showBulkDeleteModal"\n                variant="small"\n                :title="$tc(\'global.default.warning\')"\n                @modal-close="showBulkDeleteModal = false"\n        >\n            <p class="sw-data-grid__confirm-bulk-delete-text">\n                <slot\n                        name="bulk-modal-delete-confirm-text"\n                        v-bind="{ selectionCount }"\n                >\n                    {{ $tc(\'global.entity-components.deleteMessage\', selectionCount, { count: selectionCount }) }}\n                </slot>\n            </p>\n\n            <template #modal-footer>\n                <slot name="bulk-modal-cancel">\n                    <sw-button\n                            size="small"\n                            @click="showBulkDeleteModal = false"\n                    >\n                        {{ $tc(\'global.default.cancel\') }}\n                    </sw-button>\n                </slot>\n\n                <slot\n                        name="bulk-modal-delete-items"\n                        v-bind="{ isBulkLoading, deleteItems }"\n                >\n                    <sw-button\n                            variant="danger"\n                            size="small"\n                            :is-loading="isBulkLoading"\n                            @click="deleteItems"\n                    >\n                        {{ $tc(\'global.default.delete\') }}\n                    </sw-button>\n                </slot>\n            </template>\n        </sw-modal>\n    {% endblock %}\n{% endblock %}\n\n{% block sw_data_grid_slot_actions %}\n    <slot\n            name="detail-action"\n            v-bind="{ item }"\n    >\n        <sw-context-menu-item\n                v-if="detailRoute"\n                v-tooltip="{\n            message: $tc(\'sw-privileges.tooltip.warning\'),\n            disabled: allowEdit || allowView,\n            showOnDisabledElements: true,\n            zIndex: 9050,\n        }"\n                class="sw-entity-listing__context-menu-edit-action"\n                :disabled="!allowEdit && !allowView"\n                :router-link="{ name: detailRoute, params: { id: item.id } }"\n        >\n            {{ detailPageLinkText }}\n        </sw-context-menu-item>\n    </slot>\n\n    <slot\n            name="more-actions"\n            v-bind="{ item }"\n    ></slot>\n\n    <slot\n            name="delete-action"\n            v-bind="{ item, showDelete, allowDelete }"\n    >\n        <sw-context-menu-item\n                v-tooltip.bottom="{\n            message: $tc(\'sw-privileges.tooltip.warning\'),\n            disabled: allowDelete,\n            showOnDisabledElements: true,\n            zIndex: 9050,\n        }"\n                :disabled="!allowDelete"\n                class="sw-entity-listing__context-menu-edit-delete"\n                variant="danger"\n                @click="showDelete(item.id)"\n        >\n            {{ $tc(\'global.default.delete\') }}\n        </sw-context-menu-item>\n\n        <sw-context-menu-item\n                class="sw-entity-listing__context-menu-edit-test"\n                variant="info"\n        >\n            Test\n        </sw-context-menu-item>\n    </slot>\n{% endblock %}\n\n{% block sw_data_grid_slot_action_modals %}\n    <sw-modal\n            v-if="deleteId === item.id"\n            :title="$tc(\'global.default.warning\')"\n            variant="small"\n            @modal-close="closeModal"\n    >\n        <p class="sw-listing__confirm-delete-text">\n            <slot\n                    name="delete-confirm-text"\n                    v-bind="{ item }"\n            >\n                {{ $tc(\'global.entity-components.deleteMessage\') }}\n            </slot>\n        </p>\n\n        <template #modal-footer>\n            <slot\n                    name="delete-modal-footer"\n                    v-bind="{ item }"\n            >\n                <slot\n                        name="delete-modal-cancel"\n                        v-bind="{ item }"\n                >\n                    <sw-button\n                            size="small"\n                            @click="closeModal"\n                    >\n                        {{ $tc(\'global.default.cancel\') }}\n                    </sw-button>\n                </slot>\n\n                <slot\n                        name="delete-modal-delete-item"\n                        v-bind="{ item }"\n                >\n                    <sw-button\n                            variant="danger"\n                            size="small"\n                            @click="deleteItem(item.id)"\n                    >\n                        {{ $tc(\'global.default.delete\') }}\n                    </sw-button>\n                </slot>\n            </slot>\n        </template>\n    </sw-modal>\n\n\n{% endblock %}\n\n  {% block sw_data_grid_select_item_checkbox %}\n      <sw-checkbox-field\n              v-if="canDelete(item)"\n              :disabled="!isRecordSelectable(item)"\n              :value="isSelected(item[itemIdentifierProperty])"\n              @change="selectItem($event, item)"\n      />\n  {% endblock %}\n\n\n{% block sw_data_grid_table %}\n    <table ref="table"\n            class="sw-data-grid__table"\n    >\n\n        {% block sw_data_grid_header %}\n            <thead\n                    v-if="showHeader"\n                    class="sw-data-grid__header"\n            >\n\n            {% block sw_data_grid_header_row %}\n                <tr class="sw-data-grid__row">\n\n                    {% block sw_data_grid_header_cell_selection %}\n                        <th\n                                v-if="showSelection"\n                                class="sw-data-grid__cell sw-data-grid__cell--header sw-data-grid__cell--selection"\n                        >\n                            {% block sw_data_grid_header_cell_selection_content %}\n                                <div class="sw-data-grid__cell-content">\n                                    {% block sw_data_grid_select_all_checkbox %}\n                                        <sw-checkbox-field\n                                                v-if="records && records.length > 0"\n                                                :disabled="isSelectAllDisabled"\n                                                class="sw-data-grid__select-all"\n                                                :value="allSelectedChecked"\n                                                @change="selectAll"\n                                        />\n                                    {% endblock %}\n                                </div>\n                            {% endblock %}\n                        </th>\n                    {% endblock %}\n\n                    {% block sw_data_grid_header_columns %}\n                        <th\n                                v-for="(column, columnIndex) in currentColumns"\n                                v-show="column.visible"\n                                :key="`${column.property}-${columnIndex}`"\n                                ref="column"\n                                class="sw-data-grid__cell sw-data-grid__cell--header sw-data-grid__cell--property"\n                                :class="getHeaderCellClasses(column, columnIndex)"\n                                :style="{ width: column.width, minWidth: column.width }"\n                                @click="onClickHeaderCell($event, column)"\n                        >\n\n                            {% block sw_data_grid_header_columns_content %}\n                                <div class="sw-data-grid__cell-content">\n\n                                    <slot\n                                            :name="`column-label-${column.property}`"\n                                            v-bind="{ column, columnIndex }"\n                                    >\n\n                                        {% block sw_data_grid_header_columns_icon %}\n                                            <sw-icon\n                                                    v-if="column.iconLabel"\n                                                    :name="column.iconLabel"\n                                            >\n                                                {{ $te(column.label) ? $tc(column.label) : column.label }}\n                                            </sw-icon>\n                                        {% endblock %}\n\n                                        {% block sw_data_grid_header_columns_label %}\n                                            <template v-else>\n                                                {{ $te(column.label) ? $tc(column.label) : column.label }}\n                                            </template>\n                                        {% endblock %}\n                                    </slot>\n\n                                    {% block sw_data_grid_column_actions %}\n                                        <sw-context-button\n                                                v-if="allowColumnEdit && !isInlineEditActive"\n                                                class="sw-data-grid__action-edit-column"\n                                        >\n                                            {% block sw_data_grid_column_actions_hide %}\n                                                <sw-context-menu-item\n                                                        :disabled="column.primary"\n                                                        variant="danger"\n                                                        @click="hideColumn(columnIndex)"\n                                                >\n                                                    {{ $tc(\'global.sw-data-grid.labelColumnHide\') }}\n                                                </sw-context-menu-item>\n                                            {% endblock %}\n                                        </sw-context-button>\n                                    {% endblock %}\n\n                                    {% block sw_data_grid_sort_indicator %}\n                                        <span\n                                                v-if="column.sortable && currentSortBy === column.dataIndex"\n                                                class="sw-data-grid__sort-indicator"\n                                        >\n                                {% block sw_data_grid_sort_indicator_transition %}\n                                    <transition\n                                            name="sort-indicator"\n                                            mode="out-in"\n                                    >\n                                    {% block sw_data_grid_sort_indicator_icon_asc %}\n                                        <sw-icon\n                                                v-if="currentSortDirection === \'ASC\'"\n                                                key="ASC"\n                                                name="small-arrow-small-up"\n                                                size="16px"\n                                        />\n                                    {% endblock %}\n\n                                        {% block sw_data_grid_sort_indicator_icon_desc %}\n                                            <sw-icon\n                                                    v-else\n                                                    key="DESC"\n                                                    name="small-arrow-small-down"\n                                                    size="16px"\n                                            />\n                                        {% endblock %}\n                                </transition>\n                                {% endblock %}\n                            </span>\n                                    {% endblock %}\n                                </div>\n                            {% endblock %}\n\n                            {% block sw_data_grid_header_columns_resize %}\n                                <span\n                                        v-if="column.allowResize"\n                                        class="sw-data-grid__cell-resize"\n                                        @mousedown="onStartResize($event, column, columnIndex)"\n                                ></span>\n                            {% endblock %}\n                        </th>\n                    {% endblock %}\n\n                    {% block sw_data_grid_header_cell_spacer %}\n                        <th\n                                v-if="hasResizeColumns"\n                                aria-hidden="true"\n                                class="sw-data-grid__cell sw-data-grid__cell--header sw-data-grid__cell-spacer"\n                        >\n                            <div class="sw-data-grid__cell-content"></div>\n                        </th>\n                    {% endblock %}\n\n                    {% block sw_data_grid_header_cell_actions %}\n                        <th\n                                v-if="showActions"\n                                class="sw-data-grid__cell sw-data-grid__cell--header sw-data-grid__cell--actions sw-data-grid__cell-settings"\n                                :class="{ \'is--loading\': loading }"\n                        >\n                            {% block sw_data_grid_header_cell_actions_content %}\n                                <div class="sw-data-grid__cell-content">\n                                    {% block sw_data_grid_settings %}\n                                        <sw-data-grid-settings\n                                                v-if="showSettings"\n                                                :columns="currentColumns"\n                                                :compact="compact"\n                                                :previews="previews"\n                                                :enable-previews="hasPreviewSlots"\n                                                :disabled="isInlineEditActive"\n                                                @change-compact-mode="onChangeCompactMode"\n                                                @change-preview-images="onChangePreviews"\n                                                @change-column-visibility="onChangeColumnVisibility"\n                                                @change-column-order="onChangeColumnOrder"\n                                        >\n                                            {% block sw_data_grid_settings_additional_settings %}\n                                                <template #additionalSettings>\n                                                    {% block sw_data_grid_settings_additional_settings_inner %}\n                                                        <slot name="additionalSettings"></slot>\n                                                    {% endblock %}\n                                                </template>\n                                            {% endblock %}\n                                        </sw-data-grid-settings>\n\n                                        {% block sw_data_grid_settings_custom_settings %}\n                                            <slot name="customSettings">\n                                                {% block sw_data_grid_settings_custom_settings_slot %}{% endblock %}\n                                            </slot>\n                                        {% endblock %}\n                                    {% endblock %}\n                                </div>\n                            {% endblock %}\n                        </th>\n                    {% endblock %}\n                </tr>\n            {% endblock %}\n            </thead>\n        {% endblock %}\n\n        {% block sw_data_grid_body %}\n            <tbody\n                    v-if="!loading"\n                    class="sw-data-grid__body"\n            >\n\n            {% block sw_data_grid_body_row %}\n                <tr\n                        v-for="(item, itemIndex) in records"\n                        :key="item.id"\n                        class="sw-data-grid__row"\n                        :class="getRowClasses(item, itemIndex)"\n                >\n\n                    {% block sw_data_grid_body_cell_selection %}\n                        <td\n                                v-if="showSelection"\n                                class="sw-data-grid__cell sw-data-grid__cell--selection"\n                        >\n                            <slot\n                                    name="selection-content"\n                                    v-bind="{ item, isSelected, isRecordSelectable, selectItem, itemIdentifierProperty }"\n                            >\n                                {% block sw_data_grid_body_cell_selection_content %}\n                                    <div class="sw-data-grid__cell-content">\n                                        {% block sw_data_grid_select_item_checkbox %}\n                                            <sw-checkbox-field v-if="canDelete(item)"\n                                                    :disabled="!isRecordSelectable(item)"\n                                                    :value="isSelected(item[itemIdentifierProperty])"\n                                                    @change="selectItem($event, item)"\n                                            />\n                                        {% endblock %}\n                                    </div>\n                                {% endblock %}\n                            </slot>\n                        </td>\n                    {% endblock %}\n\n                    {% block sw_data_grid_body_columns %}\n                        <td\n                                v-for="(column, columnIndex) in currentColumns"\n                                v-show="column.visible"\n                                :key="`${item.id}-${columnIndex}`"\n                                class="sw-data-grid__cell"\n                                :class="getCellClasses(column)"\n                                @dblclick="onDbClickCell(item)"\n                        >\n\n                            {% block sw_data_grid_body_columns_content %}\n                                <div class="sw-data-grid__cell-content">\n\n                                    {% block sw_data_grid_preview_slot %}\n                                        <slot\n                                                v-if="previews && !isInlineEdit(item)"\n                                                :name="`preview-${column.property}`"\n                                                v-bind="{ item, column, compact }"\n                                        ></slot>\n                                    {% endblock %}\n\n                                    {% block sw_data_grid_columns_slot %}\n                                        <slot\n                                                :name="`column-${column.property}`"\n                                                v-bind="{ item, itemIndex, column, columnIndex, compact, isInlineEdit: (isInlineEdit(item) && column.hasOwnProperty(\'inlineEdit\')) }"\n                                        >\n                                            <template v-if="column.inlineEdit === \'boolean\'">\n                                                {% block sw_data_grid_columns_boolean %}\n                                                    <sw-data-grid-column-boolean\n                                                            v-model="item[column.property]"\n                                                            :is-inline-edit="isInlineEdit(item) && column.hasOwnProperty(\'inlineEdit\')"\n                                                    />\n                                                {% endblock %}\n                                            </template>\n                                            <template v-else>\n                                                {% block sw_data_grid_columns_inline_edit %}\n                                                    <template v-if="isInlineEdit(item) && column.hasOwnProperty(\'inlineEdit\')">\n                                                        {% block sw_data_grid_columns_render_inline_edit %}\n                                                            <sw-data-grid-inline-edit\n                                                                    :column="column"\n                                                                    :compact="compact"\n                                                                    :value="item[column.property]"\n                                                                    @input="item[column.property] = $event"\n                                                            />\n                                                        {% endblock %}\n                                                    </template>\n                                                {% endblock %}\n\n                                                {% block sw_data_grid_columns_value %}\n                                                    <template v-else>\n                                                        {% block sw_data_grid_columns_render_router_link %}\n                                                            <router-link\n                                                                    v-if="column.routerLink"\n                                                                    class="sw-data-grid__cell-value"\n                                                                    :to="{ name: column.routerLink, params: { id: item.id } }"\n                                                            >\n                                                                {{ renderColumn(item, column) }}\n                                                            </router-link>\n                                                        {% endblock %}\n                                                        {% block sw_data_grid_columns_render_value %}\n                                                            <span\n                                                                    v-else\n                                                                    class="sw-data-grid__cell-value"\n                                                            >\n                                            {{ renderColumn(item, column) }}\n                                        </span>\n                                                        {% endblock %}\n                                                    </template>\n                                                {% endblock %}\n                                            </template>\n                                        </slot>\n                                    {% endblock %}\n                                </div>\n                            {% endblock %}\n                        </td>\n                    {% endblock %}\n\n                    {% block sw_data_grid_body_cell_spacer %}\n                        <td\n                                v-if="hasResizeColumns"\n                                aria-hidden="true"\n                                class="sw-data-grid__cell sw-data-grid__cell-spacer"\n                                @dblclick="onDbClickCell(item)"\n                        >\n                            <div class="sw-data-grid__cell-content"></div>\n                        </td>\n                    {% endblock %}\n\n                    {% block sw_data_grid_body_cell_actions %}\n                        <td\n                                v-if="showActions"\n                                class="sw-data-grid__cell sw-data-grid__cell--actions"\n                        >\n                            {% block sw_data_grid_body_cell_actions_content %}\n                                <div class="sw-data-grid__cell-content">\n\n                                    {% block sw_data_grid_inline_edit_actions %}\n                                        <template v-if="isInlineEditActive && currentInlineEditId === item[itemIdentifierProperty]">\n\n                                            {% block sw_data_grid_inline_edit_actions_cancel %}\n                                                <sw-button\n                                                        class="sw-data-grid__inline-edit-cancel"\n                                                        size="x-small"\n                                                        :title="$tc(\'global.default.cancel\')"\n                                                        :aria-label="$tc(\'global.default.cancel\')"\n                                                        square\n                                                        @click="onClickCancelInlineEdit(item)"\n                                                >\n                                                    {% block sw_data_grid_inline_edit_actions_cancel_icon %}\n                                                        <sw-icon\n                                                                name="small-default-x-line-small"\n                                                                size="14px"\n                                                        />\n                                                    {% endblock %}\n                                                </sw-button>\n                                            {% endblock %}\n\n                                            {% block sw_data_grid_inline_edit_actions_save %}\n                                                <sw-button\n                                                        class="sw-data-grid__inline-edit-save"\n                                                        variant="primary"\n                                                        size="x-small"\n                                                        :title="$tc(\'global.default.save\')"\n                                                        :aria-label="$tc(\'global.default.save\')"\n                                                        square\n                                                        @click="onClickSaveInlineEdit(item)"\n                                                >\n                                                    {% block sw_data_grid_inline_edit_actions_save_icon %}\n                                                        <sw-icon\n                                                                name="small-default-checkmark-line-small"\n                                                                size="14px"\n                                                        />\n                                                    {% endblock %}\n                                                </sw-button>\n                                            {% endblock %}\n                                        </template>\n                                    {% endblock %}\n\n                                    {% block sw_data_grid_body_cell_actions_menu %}\n                                        <sw-context-button\n                                                v-else\n                                                class="sw-data-grid__actions-menu"\n                                        >\n                                            <slot\n                                                    name="actions"\n                                                    :item="item"\n                                                    :itemIndex="itemIndex"\n                                            >\n                                                {% block sw_data_grid_slot_actions %}{% endblock %}\n                                            </slot>\n                                        </sw-context-button>\n                                    {% endblock %}\n\n                                    {% block sw_data_grid_body_cell_action_modals %}\n                                        <slot\n                                                name="action-modals"\n                                                :item="item"\n                                        >\n                                            {% block sw_data_grid_slot_action_modals %}{% endblock %}\n                                        </slot>\n                                    {% endblock %}\n                                </div>\n                            {% endblock %}\n                        </td>\n                    {% endblock %}\n                </tr>\n            {% endblock %}\n            </tbody>\n        {% endblock %}\n\n        {% block sw_data_grid_skeleton %}\n            <sw-data-grid-skeleton\n                    v-else\n                    :show-selection="showSelection"\n                    :show-actions="showActions"\n                    :current-columns="currentColumns"\n                    :has-resize-columns="hasResizeColumns"\n                    :item-amount="skeletonItemAmount"\n                    class="sw-data-grid__body"\n            />\n        {% endblock %}\n    </table>\n{% endblock %}',props:{items:{type:Array,required:!0},itemIdentifierProperty:{type:String,required:!1,default:"id"},preSelection:{type:Object,required:!1,default:null},isGroupedView:{type:Boolean,required:!1,default:!1},jobTypes:{type:Array,required:!1,default:function(){return[]}}},data:function(){return{records:this.items,selection:i({},this.preSelection||{}),successItems:!1,pendingItems:!1,errorItems:!1,reloadInterval:null}},computed:{jobRepository:function(){return this.repositoryFactory.create("nosto_scheduler_job")}},methods:{canDelete:function(e){return-1!==["error","succeed"].indexOf(e.status)},selectAll:function(e){var t=this;this.$delete(this.selection),this.records.forEach((function(n){t.isSelected(n[t.itemIdentifierProperty])!==e&&t.selectItem(e,n)})),this.$emit("select-all-items",this.selection)},selectItem:function(e,t){if(this.canDelete(t)){var n=this.selection;e?this.$set(this.selection,t[this.itemIdentifierProperty],t):!e&&n[t[this.itemIdentifierProperty]]&&this.$delete(this.selection,t[this.itemIdentifierProperty]),this.$emit("select-item",this.selection,t,e)}}}});Shopware.Component.register("nosto-job-status-badge",{template:'<sw-color-badge rounded\n                :variant="variant"\n                :class="additionalClass"\n                style="margin-right: 10px; margin-top: 3px;">\n</sw-color-badge>\n\n',props:{status:{type:String,required:!0}},computed:{additionalClass:function(){return"running"===this.status?"--pulse":""},variant:function(){switch(this.status){case"error":return"error";case"succeed":case"running":return"success";default:return""}}}});function l(e){return(l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function r(e,t){for(var n=0;n<t.length;n++){var s=t[n];s.enumerable=s.enumerable||!1,s.configurable=!0,"value"in s&&(s.writable=!0),Object.defineProperty(e,(o=s.key,i=void 0,i=function(e,t){if("object"!==l(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var s=n.call(e,t||"default");if("object"!==l(s))return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(o,"string"),"symbol"===l(i)?i:String(i)),s)}var o,i}var c=function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e)}var t,n,s;return t=e,s=[{key:"sortMessages",value:function(e){return e.forEach((function(e){e.messages=e.messages.sort((function(e,t){return e.createdAt>t.createdAt?1:e.createdAt<t.createdAt?-1:0}))})),e}}],(n=null)&&r(t.prototype,n),s&&r(t,s),Object.defineProperty(t,"prototype",{writable:!1}),e}(),d=(n("x6Mo"),Shopware.Component),u=Shopware.Data.Criteria;d.register("nosto-job-listing-index",{template:'{% block nosto_entity_listing_base %}\n  <div class="nosto-entity-listing-wrapper">\n    <div class="nosto-job-listing-actions-bar">\n      <div class="action-item">\n        {% block nosto_scheduler_job_view_mode %}\n          <sw-select-field v-model="jobDisplayType" :label="$tc(\'job-listing.page.listing.index.display-mode\')">\n            <option v-for="option in jobDisplayMode" :value="option.value">{{ option.name }}</option>\n          </sw-select-field>\n\n          <sw-select-field v-if="jobDisplayType !== \'list\'" v-model="sortType" :label="$tc(\'job-listing.page.listing.index.group-by\')">\n              <option value="status">{{ $tc(\'job-listing.page.listing.index.status\') }}</option>\n              <option value="type">{{ $tc(\'job-listing.page.listing.index.job-type\') }}</option>\n          </sw-select-field>\n\n          <sw-datepicker\n            :label="$tc(\'job-listing.page.listing.index.date-from\')"\n            v-if="jobDisplayType == \'grouped\'"\n            v-model="groupCreationDate.fromDate"\n          />\n\n          <sw-datepicker\n            :label="$tc(\'job-listing.page.listing.index.date-to\')"\n            v-if="jobDisplayType == \'grouped\'"\n            v-model="groupCreationDate.toDate"\n          />\n\n        {% endblock %}\n      </div>\n      <div class="cation-item">\n        {% block nosto_scheduler_job_auto_load_switcher %}\n          <sw-switch-field class="job-listing-auto-loading-switch" v-model="autoLoadIsActive"\n                           :label="$tc(\'job-listing.page.listing.index.auto-load\')"></sw-switch-field>\n        {% endblock %}\n      </div>\n    </div>\n\n    {% block nosto_job_charts %}\n      <nosto-scheduler-charts ref="jobCharts"\n                           v-if="jobDisplayType === \'chart\'"\n                           :jobTypes="jobTypes"\n                           :sortType="sortType"></nosto-scheduler-charts>\n    {% endblock %}\n\n    {% block nosto_job_grouped_component %}\n\n      <nosto-grouped-view v-if="jobDisplayType === \'grouped\'"\n                       ref="jobGroups"\n                       :groupCreationDate="groupCreationDate"\n                       :jobTypes="jobTypes"\n                       :sortType="sortType">\n      </nosto-grouped-view>\n    {% endblock %}\n\n    {% block nosto_job_list_grid %}\n      <nosto-entity-listing\n              v-if="jobItems && jobDisplayType === \'list\'"\n              :items="jobItems"\n              :repository="jobRepository"\n              :is-loading="isLoading"\n              :showSelection="true"\n              :allowColumnEdit="false"\n              :allowDelete="true"\n              :allowEdit="false"\n              :jobTypes="jobTypes"\n              :isGroupedView="isGroupedView"\n              @page-change="pageChange"\n              :columns="columns">\n        <template #column-status="{ item }">\n          {% block nosto_job_list_grid_job_status_link %}\n            <template>\n              <nosto-job-status-badge :status="item.status"></nosto-job-status-badge>\n              {{ $tc(\'job-listing.page.listing.grid.job-status.\' + item.status) }}\n            </template>\n          {% endblock %}\n        </template>\n        <template #column-name="{ item }">\n          {% block nosto_job_list_grid_job_name_link %}\n            {{ item.name }}\n          {% endblock %}\n        </template>\n        <template #column-startedAt="{ item }">\n          {% block nosto_job_list_grid_job_started_date %}\n            {{ item.startedAt|date() }}\n          {% endblock %}\n        </template>\n        <template #column-finishedAt="{ item }">\n          {% block nosto_job_list_grid_job_finished_date %}\n            {{ item.finishedAt|date() }}\n          {% endblock %}\n        </template>\n        <template #column-createdAt="{ item }">\n          {% block nosto_job_list_grid_job_created_date %}\n            {{ item.createdAt|date() }}\n          {% endblock %}\n        </template>\n        <template class="sub-jobs-column" #column-subJobs="{ item }">\n          {% block nosto_job_list_grid_job_sub_jobs %}\n            <div :class="item.subJobs.length > 0 ? \'has-subjobs\' : \'\'"\n                 class="sub-jobs-counters-container jobs-info-counter">\n              <div class="count-container" v-if="item.subJobs">\n                            <span class="info-container">\n                                <span class="count" v-html="getChildrenCount(item, \'succeed\')"></span>\n                            </span>\n                <nosto-job-status-badge status="succeed"></nosto-job-status-badge>\n              </div>\n\n              <div class="count-container" v-if="item.subJobs">\n                            <span class="warning-container">\n                                <span class="count" v-html="getChildrenCount(item, \'pending\')"></span>\n                            </span>\n                <nosto-job-status-badge status="pending"></nosto-job-status-badge>\n              </div>\n\n              <div class="count-container" v-if="item.subJobs">\n                            <span class="error-counter">\n                                <span class="count" v-html="getChildrenCount(item, \'error\')"></span>\n                            </span>\n                <nosto-job-status-badge status="error"></nosto-job-status-badge>\n              </div>\n            </div>\n          {% endblock %}\n          <sw-button v-if="item.subJobs.length > 0"\n                     class="sub-job-show-modal"\n                     size="small"\n                     variant="primary"\n                     :disabled="item.subJobs.length <= 0"\n                     @click="showSubJobs(item.id)">\n            <sw-icon name="regular-cog" color="#fff" :small="true" :decorative="true"></sw-icon>\n              {{ $tc(\'job-listing.page.listing.index.show-sub-jobs\') }}\n          </sw-button>\n        </template>\n        <template #column-messages="{ item }">\n          {% block nosto_job_list_grid_job_messages %}\n            <div :class="item.messages.length > 0 ? \'has-messages\' : \'\'"\n                 class="message-counters-container jobs-info-counter">\n              <div class="count-container" v-if="item.messages">\n                            <span class="info-counter">\n                                <span class="count" v-html="getMessagesCount(item, \'info\')"></span>\n                            </span>\n                <sw-icon :small="true" name="regular-info-circle" color="#3498db"></sw-icon>\n              </div>\n\n              <div class="count-container" v-if="item.messages">\n                            <span class="warning-counter">\n                                <span class="count" v-html="getMessagesCount(item, \'warning\')"></span>\n                            </span>\n                <sw-icon :small="true" name="regular-exclamation-triangle" color="#f39c12"></sw-icon>\n              </div>\n\n              <div class="count-container" v-if="item.messages">\n                            <span class="error-counter">\n                                <span class="count" v-html="getMessagesCount(item, \'error\')"></span>\n                            </span>\n                <sw-icon :small="true" name="regular-times-hexagon" color="#c0392b"></sw-icon>\n              </div>\n            </div>\n            <sw-button v-if="item.messages.length > 0"\n                       class="job-messages-show-modal"\n                       size="small"\n                       variant="primary"\n                       :disabled="item.messages.length <= 0"\n                       @click="showJobMessages(item)">\n              <sw-icon name="regular-envelope" color="#fff" :small="true" :decorative="true"></sw-icon>\n                {{ $tc(\'job-listing.page.listing.index.show-job-messages\') }}\n            </sw-button>\n          {% endblock %}\n        </template>\n        <template #actions="{ item }">\n          <sw-context-menu-item :disabled="item.status !== \'error\'"\n                                @click="rescheduleJob(item.id)">\n            {{ $tc(\'job-listing.actions.reschedule-job.button.label\') }}\n          </sw-context-menu-item>\n          <sw-context-menu-item class="sw-context-menu-item--danger"\n                                :disabled="!canDelete(item)"\n                                @click="onDeleteJob(item.id)">\n            {{ $tc(\'job-listing.actions.delete-job.button.label\') }}\n          </sw-context-menu-item>\n        </template>\n      </nosto-entity-listing>\n    {% endblock %}\n\n    {% block nosto_entity_listing_job_subs_modal %}\n      <sw-modal class="nosto-job-sub-jobs-modal" v-if="showJobSubsModal" :title="$tc(\'job-listing.page.listing.grid.column.child-jobs\')"\n                @modal-close="showJobSubsModal = false">\n        <nosto-job-sub-jobs v-if="currentJobID" :jobId="currentJobID">\n\n        </nosto-job-sub-jobs>\n        <template #modal-footer>\n          <sw-button variant="primary"\n                     @click="showJobSubsModal = false">\n              {{ $tc(\'job-listing.page.listing.index.close\') }}\n          </sw-button>\n        </template>\n      </sw-modal>\n    {% endblock %}\n\n    {% block nosto_entity_listing_job_messages_modal %}\n      <sw-modal class="nosto-job-messages-modal" v-if="showMessagesModal"\n                :title="$tc(\'job-listing.page.listing.grid.column.messages\')"\n                @modal-close="showMessagesModal = false">\n        {% block job_messages_listing %}\n          <div v-if="currentJobMessages" class="job_list_grid_job_messages-information" style="width:100%;">\n            <div class="messages-content" v-for="item in currentJobMessages">\n              <sw-alert class="nosto-alert"\n                        v-if="item.type == \'info-message\'"\n                        variant="info"\n                        appearance="default"\n                        :showIcon="true"\n                        :closable="false">\n                {{ item.message }}\n              </sw-alert>\n              <sw-alert class="nosto-alert"\n                        v-if="item.type == \'error-message\'"\n                        variant="error"\n                        appearance="default"\n                        :showIcon="true"\n                        :closable="false">\n                {{ item.message }}\n              </sw-alert>\n              <sw-alert class="nosto-alert"\n                        v-if="item.type == \'warning-message\'"\n                        variant="warning"\n                        appearance="default"\n                        :showIcon="true"\n                        :closable="false">\n                {{ item.message }}\n              </sw-alert>\n            </div>\n          </div>\n        {% endblock %}\n        <template #modal-footer>\n          <sw-button variant="primary"\n                     @click="showMessagesModal = false">\n              {{ $tc(\'job-listing.page.listing.index.close\') }}\n          </sw-button>\n        </template>\n      </sw-modal>\n    {% endblock %}\n  </div>\n{% endblock %}\n',inject:["NostoRescheduleService","repositoryFactory","filterFactory","feature"],mixins:["notification"],props:{isGroupedView:{type:Boolean,required:!1,default:!1},jobTypes:{type:Array,required:!1,default:function(){return[]}},filterCriteria:{type:Array,required:!1,default:function(){return[]}}},data:function(){return{jobItems:null,isLoading:!1,reloadInterval:null,showJobInfoModal:!1,showJobSubsModal:!1,currentJobID:null,showMessagesModal:!1,currentJobMessages:null,groupCreationDate:{},sortType:"status",jobDisplayType:null,autoLoad:!1,autoLoadIsActive:!1,autoReloadInterval:6e4}},computed:{jobRepository:function(){return this.repositoryFactory.create("nosto_scheduler_job")},messageRepository:function(){return this.repositoryFactory.create("nosto_scheduler_job_message")},columns:function(){return[{property:"name",label:this.$tc("job-listing.page.listing.grid.column.name"),allowResize:!0,width:"250px"},{property:"status",label:this.$tc("job-listing.page.listing.grid.column.status"),allowResize:!0,width:"150px"},{property:"startedAt",label:this.$tc("job-listing.page.listing.grid.column.started-at"),allowResize:!0,width:"170px",sortable:!0},{property:"finishedAt",label:this.$tc("job-listing.page.listing.grid.column.finished-at"),allowResize:!0,width:"170px"},{property:"createdAt",label:this.$tc("job-listing.page.listing.grid.column.created-at"),allowResize:!0,width:"170px"},{property:"subJobs",label:this.$tc("job-listing.page.listing.grid.column.child-jobs"),allowResize:!0,width:"250px",visible:!0,sortable:!1},{property:"messages",label:this.$tc("job-listing.page.listing.grid.column.messages"),allowResize:!0,width:"250px",visible:!0,sortable:!1}]},jobDisplayMode:function(){return[{name:this.$tc("job-listing.page.listing.index.list"),value:"list"},{name:this.$tc("job-listing.page.listing.index.grouped"),value:"grouped"},{name:this.$tc("job-listing.page.listing.index.chart"),value:"chart"}]}},watch:{autoLoadIsActive:function(){this._handleAutoReload(this.autoLoadIsActive)},jobDisplayType:function(){this.stopAutoLoading(),this.$emit("job-display-type-changed",this.jobDisplayType)},filterCriteria:function(){this.filterCriteriaChanged(this.filterCriteria)}},created:function(){this.createdComponent()},beforeDestroy:function(){clearInterval(this.reloadInterval)},methods:{createdComponent:function(){this.jobDisplayType="list",this.getList()},filterCriteriaChanged:function(e){this.getList(e)},_handleAutoReload:function(e){var t=this;e&&this.autoReloadInterval>0?"list"===this.jobDisplayType?this.reloadInterval=setInterval((function(){t.updateList()}),this.autoReloadInterval):"grouped"===this.jobDisplayType?this.reloadInterval=setInterval((function(){t.$refs.jobGroups.initGroupedView()}),this.autoReloadInterval):"chart"===this.jobDisplayType&&(this.reloadInterval=setInterval((function(){t.$refs.jobCharts.initChartData()}),this.autoReloadInterval)):clearInterval(this.reloadInterval)},pageChange:function(){this.autoLoadIsActive=!1,clearInterval(this.reloadInterval)},getLinkParams:function(e){return{id:e.id,backPath:this.$route.name}},updateList:function(e){var t=this,n=new u;return n.addFilter(u.equals("parentId",null)),n.addSorting(u.sort("createdAt","DESC",!1)),n.addAssociation("messages"),n.addAssociation("subJobs"),e&&e.forEach((function(e){n.addFilter(e)})),this.jobTypes!==[]&&n.addFilter(u.equalsAny("type",this.jobTypes)),this.jobRepository.search(n,Shopware.Context.api).then((function(e){t.jobItems=c.sortMessages(e)}))},getMessagesCount:function(e,t){return e.messages.filter((function(e){return e.type==="".concat(t,"-message")})).length},getChildrenCount:function(e,t){return e.subJobs.filter((function(e){return e.status===t})).length},getList:function(e){var t=this;this.isLoading=!0,this.updateList(e).then((function(){t.isLoading=!1}))},onRefresh:function(e){return"grouped"===this.jobDisplayType?this.$refs.jobGroups.onRefresh():"chart"===this.jobDisplayType?this.$refs.jobCharts.onRefresh():this.getList(e)},canDelete:function(e){return-1!==["error","succeed"].indexOf(e.status)},onDeleteJob:function(e){var t=this;this.jobRepository.delete(e,Shopware.Context.api).then((function(){t.updateList()}))},rescheduleJob:function(e){var t=this;this.NostoRescheduleService.rescheduleJob(e).then((function(){t.createNotificationSuccess({message:"Job has been rescheduled successfully."}),t.updateList()})).catch((function(){t.createNotificationError({message:"Unable reschedule job."})}))},showSubJobs:function(e){this.currentJobID=e,this.showJobSubsModal=!0},showJobMessages:function(e){this.currentJobMessages=e.messages,this.showMessagesModal=!0},stopAutoLoading:function(){this.autoLoadIsActive=!1,clearInterval(this.reloadInterval)}}});var b=n("HzdX"),m=n("WYcQ");function g(e){return(g="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function p(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function f(e,t){for(var n=0;n<t.length;n++){var s=t[n];s.enumerable=s.enumerable||!1,s.configurable=!0,"value"in s&&(s.writable=!0),Object.defineProperty(e,(o=s.key,i=void 0,i=function(e,t){if("object"!==g(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var s=n.call(e,t||"default");if("object"!==g(s))return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(o,"string"),"symbol"===g(i)?i:String(i)),s)}var o,i}function h(e,t){return(h=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e})(e,t)}function _(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,s=v(e);if(t){var o=v(this).constructor;n=Reflect.construct(s,arguments,o)}else n=s.apply(this,arguments);return w(this,n)}}function w(e,t){if(t&&("object"===g(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}function v(e){return(v=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}Shopware.Module.register("nosto-job-listing",{type:"plugin",title:"job-listing.general.title",description:"job-listing.general.description",color:"#F88962",icon:"default-avatar-multiple",snippets:{"en-GB":b,"de-DE":m},routes:{detail:{path:"detail/:id/back/:backPath",props:{default:function(e){return{jobId:e.params.id}}}}}});var y=Shopware.Classes.ApiService,j=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&h(e,t)}(i,e);var t,n,s,o=_(i);function i(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"nosto-job";return p(this,i),o.call(this,e,t,n)}return t=i,(n=[{key:"rescheduleJob",value:function(e){var t=this.getBasicHeaders();return this.httpClient.post("_action/".concat(this.getApiBasePath(),"/reschedule"),{params:{jobId:e},headers:t}).then((function(e){return y.handleResponse(e)}))}}])&&f(t.prototype,n),s&&f(t,s),Object.defineProperty(t,"prototype",{writable:!1}),i}(y),k=Shopware.Application,C=k.getContainer("init");k.addServiceProvider("NostoRescheduleService",(function(e){return new j(C.httpClient,e.loginService)}));var I=Shopware.Component,x=Shopware.Data.Criteria;I.register("nosto-job-info",{template:'{% block nosto_job_info_base %}\n    <sw-card-section v-if="jobItem">\n        {% block job_info_overview_columns %}\n            <sw-container\n                    columns="repeat(auto-fit, minmax(250px, 1fr))"\n                    gap="30px 30px">\n                {% block job_info_overview_left_column %}\n                    <sw-description-list\n                            columns="1fr"\n                            grid="1fr">\n                        {% block job_info_overview_name %}\n                            <dt>{{ $tc(\'job-listing.page.listing.grid.column.name\') }}</dt>\n                            <dd>\n                                <sw-order-inline-field v-if="jobItem.name"\n                                                       :display-value="jobItem.name"\n                                                       :value="jobItem.name"\n                                                       :editable="false"\n                                />\n                            </dd>\n                        {% endblock %}\n                        {% block job_info_overview_status %}\n                            <dt>{{ $tc(\'job-listing.page.listing.grid.column.status\') }}</dt>\n                            <dd>\n                                <template>\n                                    <nosto-job-status-badge :status="jobItem.status">\n                                    </nosto-job-status-badge>\n                                    {{ $tc(\'job-listing.page.listing.grid.job-status.\' + jobItem.status) }}\n                                </template>\n                            </dd>\n                        {% endblock %}\n                        {% block job_info_overview_startedAt %}\n                            <dt>{{ $tc(\'job-listing.page.listing.grid.column.started-at\') }}</dt>\n                            <dd>\n                                <sw-order-inline-field v-if="jobItem.startedAt"\n                                                       :display-value="jobItem.startedAt|date()"\n                                                       :value="jobItem.startedAt|date()"\n                                                       :editable="false"\n                                />\n                            </dd>\n                        {% endblock %}\n                    </sw-description-list>\n                {% endblock %}\n                {% block nosto_job_info_overview_right_column %}\n                    <sw-description-list\n                            columns="1fr"\n                            grid="1fr" class="nosto-job-user-card__summary-vertical">\n                        {% block job_detail_base_overview_type %}\n                            <dt>{{ $tc(\'job-listing.page.listing.grid.column.type\') }}</dt>\n                            <dd>\n                                <sw-order-inline-field v-if="jobItem.type"\n                                                       :display-value="jobItem.type"\n                                                       :value="jobItem.type"\n                                                       :editable="false"\n                                />\n                            </dd>\n                        {% endblock %}\n                        {% block job_info_overview_createdAt %}\n                            <dt>{{ $tc(\'job-listing.page.listing.grid.column.created-at\') }}</dt>\n                            <dd>\n                                <sw-order-inline-field v-if="jobItem.createdAt"\n                                                       :display-value="jobItem.createdAt|date()"\n                                                       :value="jobItem.startedAt|date()"\n                                                       :editable="false"/>\n                            </dd>\n                        {% endblock %}\n                        {% block job_info_overview_finishedAt %}\n                            <dt>{{ $tc(\'job-listing.page.listing.grid.column.finished-at\') }}</dt>\n                            <dd>\n                                <sw-order-inline-field v-if="jobItem.finishedAt"\n                                                       :display-value="jobItem.finishedAt|date()"\n                                                       :value="jobItem.finishedAt|date()"\n                                                       :editable="false"/>\n                            </dd>\n                        {% endblock %}\n                    </sw-description-list>\n                {% endblock %}\n            </sw-container>\n        {% endblock %}\n    </sw-card-section>\n{% endblock %}',inject:["NostoRescheduleService","repositoryFactory"],mixins:["notification"],props:{jobId:{type:String,required:!1,default:null}},data:function(){return{jobItem:null}},computed:{jobRepository:function(){return this.repositoryFactory.create("nosto_scheduler_job")}},created:function(){this.initPageData()},methods:{initPageData:function(){var e=this;this.jobRepository.get(this.jobId,Shopware.Context.api,new x).then((function(t){e.jobItem=t}))}}});n("voRG");var S=Shopware.Component,D=Shopware.Data.Criteria;S.register("nosto-job-sub-jobs",{template:'{% block nosto_job_sub_jobs_base %}\n    <div class="sub-jobs-container">\n        <div class="sub-job-container" v-if="subJobs">\n            {% block job_children_listing %}\n                <nosto-entity-listing\n                        v-if="subJobs"\n                        :items="subJobs"\n                        :data-source="subJobs"\n                        :repository="jobRepository"\n                        :showSelection="false"\n                        :allowColumnEdit="false"\n                        :compactMode="false"\n                        :allowDelete="false"\n                        :allowEdit="false"\n                        :columns="jobChildrenColumns">\n                    <template #column-name="{ item }">\n                        {% block job_list_grid_job_name_link %}\n                            {{ item.name }}\n                        {% endblock %}\n                    </template>\n                    <template #column-status="{ item }">\n                        {% block job_list_grid_job_status_link %}\n                            <template>\n                                <nosto-job-status-badge :status="item.status"></nosto-job-status-badge>\n                                {{ $tc(\'job-listing.page.listing.grid.job-status.\' + item.status) }}\n                            </template>\n                        {% endblock %}\n                    </template>\n\n                    <template #column-startedAt="{ item }">\n                        {% block job_list_grid_job_started_at %}\n                            {{ item.startedAt|date() }}\n                        {% endblock %}\n                    </template>\n                    <template #column-finishedAt="{ item }">\n                        {% block job_list_grid_job_finished_at %}\n                            {{ item.finishedAt|date() }}\n                        {% endblock %}\n                    </template>\n                    <template #column-createdAt="{ item }">\n                        {% block job_list_grid_job_created_at %}\n                            {{ item.createdAt|date() }}\n                        {% endblock %}\n                    </template>\n                    <template #column-messages="{ item }">\n                        {% block sub_job_show_messages_button %}\n                            <div :class="item.messages.length > 0 ? \'has-messages\' : \'\'" class="message-counters-container jobs-info-counter">\n                                <div class="count-container" v-if="item.messages">\n                            <span class="info-counter">\n                                <span class="count" v-html="getMessagesCount(item, \'info\')"></span>\n                            </span>\n                                    <sw-icon :small="true" name="regular-info-circle" color="#3498db"></sw-icon>\n                                </div>\n\n                                <div class="count-container" v-if="item.messages">\n                            <span class="warning-counter">\n                                <span class="count" v-html="getMessagesCount(item, \'warning\')"></span>\n                            </span>\n                                    <sw-icon :small="true" name="regular-exclamation-triangle" color="#f39c12"></sw-icon>\n                                </div>\n\n                                <div class="count-container" v-if="item.messages">\n                            <span class="error-counter">\n                                <span class="count" v-html="getMessagesCount(item, \'error\')"></span>\n                            </span>\n                                    <sw-icon :small="true" name="regular-times-hexagon" color="#c0392b"></sw-icon>\n                                </div>\n                            </div>\n                            <sw-button v-if="item.messages.length > 0"\n                                       class="job-messages-show-modal"\n                                       size="small"\n                                       variant="primary"\n                                       :disabled="item.messages.length <= 0"\n                                       @click="showMessageModal(item.messages)">\n                                <sw-icon name="regular-envelope" color="#fff" :small="true" :decorative="true"></sw-icon>\n                                {{ $tc(\'job-listing.actions.show-messages.button.label\') }}\n                            </sw-button>\n                        {% endblock %}\n                    </template>\n                    <template #actions="{ item }">\n                        <sw-context-menu-item :disabled="item.status !== \'error\'"\n                                              @click="rescheduleJob(item.id)">\n                            {{ $tc(\'job-listing.actions.reschedule-job.button.label\') }}\n                        </sw-context-menu-item>\n                        <sw-context-menu-item v-if="item.messages"\n                                              :disabled="item.messages.length <= 0"\n                                              @click="showMessageModal(item.messages)">\n                            {{ $tc(\'job-listing.actions.show-messages.button.label\') }}\n                        </sw-context-menu-item>\n                    </template>\n                </nosto-entity-listing>\n            {% endblock %}\n        </div>\n        <div v-else>\n            {{ $tc(\'job-listing.page.listing.index.loading\') }}\n        </div>\n        <sw-modal class="nosto-job-messages-modal" v-if="showMessagesModal" :title="$tc(\'job-listing.page.listing.grid.column.messages\')"\n                  @modal-close="showMessagesModal = false">\n            {% block job_messages_listing %}\n                <div v-if="currentJobMessages" class="job_list_grid_job_messages-information" style="width:100%;">\n                    <div class="messages-content" v-for="item in currentJobMessages">\n                        <sw-alert class="nosto-alert"\n                                v-if="item.type == \'info-message\'"\n                                variant="info"\n                                appearance="default"\n                                :showIcon="true"\n                                :closable="false">\n                            {{ item.message }}\n                        </sw-alert>\n                        <sw-alert class="nosto-alert"\n                                v-if="item.type == \'error-message\'"\n                                variant="error"\n                                appearance="default"\n                                :showIcon="true"\n                                :closable="false">\n                            {{ item.message }}\n                        </sw-alert>\n                        <sw-alert class="nosto-alert"\n                                v-if="item.type == \'warning-message\'"\n                                variant="warning"\n                                appearance="default"\n                                :showIcon="true"\n                                :closable="false">\n                            {{ item.message }}\n                        </sw-alert>\n                    </div>\n                </div>\n            {% endblock %}\n            <template #modal-footer>\n                <sw-button variant="primary"\n                           @click="showMessagesModal = false">\n                    {{ $tc(\'job-listing.page.listing.index.close\') }}\n                </sw-button>\n            </template>\n        </sw-modal>\n    </div>\n{% endblock %}\n',inject:["NostoRescheduleService","repositoryFactory"],mixins:["notification"],props:{jobId:{type:String,required:!1,default:null}},data:function(){return{subJobs:null,showMessagesModal:!1,currentJobMessages:null}},computed:{jobRepository:function(){return this.repositoryFactory.create("nosto_scheduler_job")},jobChildrenColumns:function(){return[{property:"name",dataIndex:"name",label:this.$tc("job-listing.page.listing.grid.column.name"),allowResize:!1,inlineEdit:!0,width:"200px"},{property:"status",dataIndex:"status",label:this.$tc("job-listing.page.listing.grid.column.status"),allowResize:!1,inlineEdit:!0,width:"100px"},{property:"startedAt",dataIndex:"startedAt",label:this.$tc("job-listing.page.listing.grid.column.started-at"),allowResize:!1,inlineEdit:!0,width:"150px",sortable:!0},{property:"finishedAt",dataIndex:"finishedAt",label:this.$tc("job-listing.page.listing.grid.column.finished-at"),allowResize:!0,inlineEdit:!0,width:"150px"},{property:"createdAt",dataIndex:"createdAt",label:this.$tc("job-listing.page.listing.grid.column.created-at"),allowResize:!0,inlineEdit:!0,width:"150px"},{property:"messages",dataIndex:"messages",label:"Messages",allowResize:!0,inlineEdit:!1,width:"250px",sortable:!1}]}},created:function(){this.initModalData()},methods:{initModalData:function(){var e=this,t=new D;t.addFilter(D.equals("parentId",this.jobId)),t.addSorting(D.sort("createdAt","DESC",!1)),t.addAssociation("messages"),this.jobRepository.search(t,Shopware.Context.api).then((function(t){e.subJobs=c.sortMessages(t)}))},rescheduleJob:function(e){var t=this;this.NostoRescheduleService.rescheduleJob(e).then((function(){t.createNotificationSuccess({message:"Job has been rescheduled successfully."}),t.initPageData()})).catch((function(){t.createNotificationError({message:"Unable reschedule job."})}))},showMessageModal:function(e){this.currentJobMessages=e,this.showMessagesModal=!0},getMessagesCount:function(e,t){return e.messages.filter((function(e){return e.type==="".concat(t,"-message")})).length}}});n("ikNb");var J=Shopware.Component,M=Shopware.Data.Criteria;J.register("nosto-scheduler-charts",{template:'{% block nosto_job_charts_base %}\n<div class="nosto-scheduler-charts">\n    <div class="sw-dashboard-statistics__card-headline-select">\n        <sw-select-field\n                class="charts-date-range"\n                v-model="statisticDateRanges.value"\n                size="small">\n            <option\n                    v-for="(value, option) in statisticDateRanges.options"\n                    :key="option"\n                    :value="option">\n                {{ $tc(`sw-dashboard.monthStats.dateRanges.${option}`) }}\n            </option>\n        </sw-select-field>\n    </div>\n    <sw-chart\n            type="area"\n            :series="chartSeries"\n            :options="chartOptionsCount"\n            :fill-empty-values="getTimeUnitInterval"\n            :fillEmptyDates="false"\n            :sort="true"\n    />\n</div>\n{% endblock %}',inject:["repositoryFactory"],mixins:["notification"],props:{jobTypes:{type:Array,required:!1,default:function(){return[]}},sortType:{type:String,required:!0,default:function(){return"status"}}},data:function(){return{items:null,statisticDateRanges:{value:"30Days",options:{"30Days":30,"14Days":14,"7Days":7,"24Hours":24,yesterday:1}},chartSeries:[],colors:{0:"#FF8C00",1:"#0044ee",2:"#9400D3",3:"#FFD700",4:"#008000",5:"#40E0D0",6:"#00BFFF",7:"#209d90",8:"#C71585",9:"#000000",10:"#F4A460"}}},computed:{jobRepository:function(){return this.repositoryFactory.create("nosto_scheduler_job")},getTimeUnitInterval:function(){var e=this.statisticDateRanges.value;return"yesterday"===e||"24Hours"===e?"hour":"day"},dateAgo:function(){var e,t=new Date,n=this.statisticDateRanges.value,s=null!==(e=this.statisticDateRanges.options[n])&&void 0!==e?e:0;return"24Hours"===n?(t.setHours(t.getHours()-s),t):(t.setDate(t.getDate()-s),t.setHours(0,0,0,0),t)},chartOptionsCount:function(){return{title:{text:"Jobs",style:{fontSize:"16px",fontWeight:"600"}},xaxis:{type:"datetime",min:this.dateAgo.getTime(),labels:{datetimeUTC:!1}},yaxis:{min:0,tickAmount:3,labels:{formatter:function(e){return parseInt(e,10)}}}}}},watch:{sortType:function(){this.initChartData()}},created:function(){this.initChartData()},beforeDestroy:function(){clearInterval(this.reloadInterval)},methods:{initChartData:function(){var e=this,t=new M;return t.addFilter(M.equals("parentId",null)),t.setLimit(999999),this.jobTypes!==[]&&t.addFilter(M.equalsAny("type",this.jobTypes)),this.jobRepository.search(t,Shopware.Context.api).then((function(t){e.items=t,"status"===e.sortType?e.createStatusChartSeries(t):"type"===e.sortType&&e.createTypeChartSeries(t)}))},createTypeChartSeries:function(e){var t=this;this.chartSeries=e.reduce((function(e,n,s){var o=t.parseDate(n.createdAt),i=e.find((function(e){return e.name===n.name})),a={x:o,y:1};if(i){var l=i.data.findIndex((function(e){return e.x===o}));-1===l?i.data.push(a):i.data[l].y+=1}else e.push({name:n.name,data:[a],color:t.colors[s]?t.colors[s]:t.getRandomColor(s)});return e}),[])},createStatusChartSeries:function(e){this.chartSeries=[{name:this.$tc("job-listing.page.listing.grid.job-status.succeed"),data:this.getDataByItemStatus(e,"succeed"),color:"#37d046"},{name:this.$tc("job-listing.page.listing.grid.job-status.error"),data:this.getDataByItemStatus(e,"error"),color:"#de294c"},{name:this.$tc("job-listing.page.listing.grid.job-status.pending"),data:this.getDataByItemStatus(e,"pending"),color:"#d1d9e0"}]},getDataByItemStatus:function(e,t){var n=this;return e.filter((function(e){return e.status===t})).reduce((function(e,t){var s=n.parseDate(t.createdAt),o=e.findIndex((function(e){return e.x===s}));return-1!==o?e[o].y+=1:e.push({x:s,y:1}),e}),[])},getRandomColor:function(){var e=(1048575*Math.random()*1e6).toString(16);return"#".concat(e.slice(0,6))},statusCharts:function(){return[{name:this.$tc("job-listing.page.listing.grid.job-status.succeed"),data:[],color:"#37d046"},{name:this.$tc("job-listing.page.listing.grid.job-status.error"),data:[],color:"#de294c"},{name:this.$tc("job-listing.page.listing.grid.job-status.pending"),data:[],color:"#d1d9e0"}]},parseDate:function(e){return e=e.substring(0,e.lastIndexOf("T")+1),new Date(e.replace(/-/g,"/").replace("T"," ")).valueOf()},onRefresh:function(){this.initChartData()}}});n("QjvJ");var $=Shopware.Component,A=Shopware.Data.Criteria;$.register("nosto-grouped-view",{template:'{% block nosto_grouped_view_base %}\n    <div class="nosto-grouped-view-container" v-if="groupedItems" :isLoading="isLoading">\n        <div class="nosto-grouped-view-wrapper"\n             v-for="group in groupedItems">\n            <sw-collapse :class="`is-${group.type}`">\n                <template #header>{{ group.title }} <span class="amount">({{ group.items.total }})</span></template>\n                <template #content>\n                    <nosto-entity-listing\n                            :items="group.items"\n                            :repository="jobRepository"\n                            :is-loading="isLoading"\n                            :showSelection="true"\n                            :allowColumnEdit="false"\n                            :allowDelete="true"\n                            :allowEdit="false"\n                            :page="1"\n                            :jobTypes="jobTypes"\n                            :columns="columns">\n                        <template #column-status="{ item }">\n                            {% block nosto_job_list_grid_job_status_link %}\n                                <template>\n                                    <nosto-job-status-badge :status="item.status"></nosto-job-status-badge>\n                                    {{ $tc(\'job-listing.page.listing.grid.job-status.\' + item.status) }}\n                                </template>\n                            {% endblock %}\n                        </template>\n                        <template #column-name="{ item }">\n                            {% block nosto_job_list_grid_job_name_link %}\n                                {{ item.name }}\n                            {% endblock %}\n                        </template>\n                        <template #column-startedAt="{ item }">\n                            {% block nosto_job_list_grid_job_started_date %}\n                                {{ item.startedAt|date() }}\n                            {% endblock %}\n                        </template>\n                        <template #column-finishedAt="{ item }">\n                            {% block nosto_job_list_grid_job_finished_date %}\n                                {{ item.finishedAt|date() }}\n                            {% endblock %}\n                        </template>\n                        <template #column-createdAt="{ item }">\n                            {% block nosto_job_list_grid_job_created_date %}\n                                {{ item.createdAt|date() }}\n                            {% endblock %}\n                        </template>\n                        <template class="sub-jobs-column" #column-subJobs="{ item }">\n                            {% block nosto_job_list_grid_job_sub_jobs %}\n                                <div :class="item.subJobs.length > 0 ? \'has-subjobs\' : \'\'"\n                                     class="sub-jobs-counters-container jobs-info-counter">\n                                    <div class="count-container" v-if="item.subJobs">\n                            <span class="info-container">\n                                <span class="count" v-html="getChildrenCount(item, \'succeed\')"></span>\n                            </span>\n                                        <nosto-job-status-badge status="succeed"></nosto-job-status-badge>\n                                    </div>\n\n                                    <div class="count-container" v-if="item.subJobs">\n                            <span class="warning-container">\n                                <span class="count" v-html="getChildrenCount(item, \'pending\')"></span>\n                            </span>\n                                        <nosto-job-status-badge status="pending"></nosto-job-status-badge>\n                                    </div>\n\n                                    <div class="count-container" v-if="item.subJobs">\n                            <span class="error-counter">\n                                <span class="count" v-html="getChildrenCount(item, \'error\')"></span>\n                            </span>\n                                        <nosto-job-status-badge status="error"></nosto-job-status-badge>\n                                    </div>\n                                </div>\n                            {% endblock %}\n                            <sw-button v-if="item.subJobs.length > 0" class="sub-job-show-modal" size="small" variant="primary"\n                                       :disabled="item.subJobs.length <= 0" @click="showSubJobs(item.id)">\n                                <sw-icon name="regular-cog" color="#fff" :small="true" :decorative="true"></sw-icon>\n                                {{ $tc(\'job-listing.page.listing.grid.column.show-sub-jobs\') }}\n                            </sw-button>\n                        </template>\n                        <template #column-messages="{ item }">\n                            {% block nosto_job_list_grid_job_messages %}\n                                <div :class="item.messages.length > 0 ? \'has-messages\' : \'\'"\n                                     class="message-counters-container jobs-info-counter">\n                                    <div class="count-container" v-if="item.messages">\n                            <span class="info-counter">\n                                <span class="count" v-html="getMessagesCount(item, \'info\')"></span>\n                            </span>\n                                        <sw-icon :small="true" name="regular-info-circle" color="#3498db"></sw-icon>\n                                    </div>\n\n                                    <div class="count-container" v-if="item.messages">\n                            <span class="warning-counter">\n                                <span class="count" v-html="getMessagesCount(item, \'warning\')"></span>\n                            </span>\n                                        <sw-icon :small="true" name="regular-exclamation-triangle" color="#f39c12"></sw-icon>\n                                    </div>\n\n                                    <div class="count-container" v-if="item.messages">\n                            <span class="error-counter">\n                                <span class="count" v-html="getMessagesCount(item, \'error\')"></span>\n                            </span>\n                                        <sw-icon :small="true" name="regular-times-hexagon" color="#c0392b"></sw-icon>\n                                    </div>\n                                </div>\n                                <sw-button v-if="item.messages.length > 0" class="job-messages-show-modal" size="small"\n                                           variant="primary" :disabled="item.messages.length <= 0"\n                                           @click="showJobMessages(item)">\n                                    <sw-icon name="regular-envelope" color="#fff" :small="true"\n                                             :decorative="true"></sw-icon>\n                                    Show job messages\n                                </sw-button>\n                            {% endblock %}\n                        </template>\n                        <template #actions="{ item }">\n                            <sw-context-menu-item :disabled="item.status !== \'error\'"\n                                                  @click="rescheduleJob(item.id)">\n                                {{ $tc(\'job-listing.actions.reschedule-job.button.label\') }}\n                            </sw-context-menu-item>\n                            <sw-context-menu-item class="sw-context-menu-item--danger"\n                                                  :disabled="!canDelete(item)"\n                                                  @click="onDeleteJob(item.id)">\n                                {{ $tc(\'job-listing.actions.delete-job.button.label\') }}\n                            </sw-context-menu-item>\n                        </template>\n                    </nosto-entity-listing>\n                </template>\n            </sw-collapse>\n        </div>\n        {% block nosto_entity_listing_job_info_modal %}\n            <sw-modal class="nosto-job-info-modal" v-if="showJobInfoModal" :title="$tc(\'job-listing.page.listing.grouped-view.job-info\')"\n                      @modal-close="showJobInfoModal = false">\n                <nosto-job-info v-if="currentJobID" :jobId="currentJobID">\n\n                </nosto-job-info>\n                <template #modal-footer>\n                    <sw-button variant="primary"\n                               @click="showJobInfoModal = false">\n                        {{ $tc(\'job-listing.page.listing.index.close\') }}\n                    </sw-button>\n                </template>\n            </sw-modal>\n        {% endblock %}\n\n        {% block nosto_entity_listing_job_subs_modal %}\n            <sw-modal class="nosto-job-sub-jobs-modal" v-if="showJobSubsModal" :title="$tc(\'job-listing.page.listing.grouped-view.sub-jobs\')"\n                      @modal-close="showJobSubsModal = false">\n                <nosto-job-sub-jobs v-if="currentJobID" :jobId="currentJobID">\n\n                </nosto-job-sub-jobs>\n                <template #modal-footer>\n                    <sw-button variant="primary"\n                               @click="showJobSubsModal = false">\n                        {{ $tc(\'job-listing.page.listing.index.close\') }}\n                    </sw-button>\n                </template>\n            </sw-modal>\n        {% endblock %}\n\n        {% block nosto_entity_listing_job_messages_modal %}\n            <sw-modal class="nosto-job-messages-modal" v-if="showMessagesModal" :title="$tc(\'job-listing.page.listing.grouped-view.job-messages\')"\n                      @modal-close="showMessagesModal = false">\n                {% block job_messages_listing %}\n                    <sw-data-grid\n                            v-if="currentJobMessages"\n                            :items="currentJobMessages"\n                            :data-source="currentJobMessages"\n                            :showSelection="false"\n                            :allowColumnEdit="false"\n                            :allowDelete="false"\n                            :allowEdit="false"\n                            :showActions="false"\n                            :showHeader="false"\n                            class="nosto-job-messages-grid"\n                            :columns="jobMessagesColumns">\n                        <template #column-message="{ item }">\n                            {% block job_list_grid_job_messages %}\n                                <div class="job_list_grid_job_messages-information" style="width:100%;">\n                                    <sw-alert\n                                            v-if="item.type == \'info-message\'"\n                                            variant="info"\n                                            appearance="default"\n                                            :showIcon="true"\n                                            :closable="false">\n                                        {{ item.message }}\n                                    </sw-alert>\n                                    <sw-alert\n                                            v-if="item.type == \'error-message\'"\n                                            variant="error"\n                                            appearance="default"\n                                            :showIcon="true"\n                                            :closable="false">\n                                        {{ item.message }}\n                                    </sw-alert>\n                                    <sw-alert\n                                            v-if="item.type == \'warning-message\'"\n                                            variant="warning"\n                                            appearance="default"\n                                            :showIcon="true"\n                                            :closable="false">\n                                        {{ item.message }}\n                                    </sw-alert>\n                                </div>\n                            {% endblock %}\n                        </template>\n                    </sw-data-grid>\n                {% endblock %}\n                <template #modal-footer>\n                    <sw-button variant="primary"\n                               @click="showMessagesModal = false">\n                        {{ $tc(\'job-listing.page.listing.index.close\') }}\n                    </sw-button>\n                </template>\n            </sw-modal>\n        {% endblock %}\n    </div>\n{% endblock %}\n',inject:["repositoryFactory"],mixins:["notification"],props:{jobTypes:{type:Array,required:!1,default:function(){return[]}},groupCreationDate:{type:Object,required:!1,default:function(){}},sortType:{type:String,required:!0,default:function(){return"status"}}},data:function(){return{groupedItems:[],isLoading:!1,showJobInfoModal:!1,showJobSubsModal:!1,currentJobID:null,showMessagesModal:!1,currentJobMessages:null}},computed:{jobRepository:function(){return this.repositoryFactory.create("nosto_scheduler_job")},messageRepository:function(){return this.repositoryFactory.create("nosto_scheduler_job_message")},jobMessagesColumns:function(){return[{property:"message",dataIndex:"message",label:this.$tc("job-listing.page.listing.grid.column.message"),allowResize:!1,align:"left",width:"90px"}]},columns:function(){return[{property:"name",label:this.$tc("job-listing.page.listing.grid.column.name"),allowResize:!0,width:"500px"},{property:"status",label:this.$tc("job-listing.page.listing.grid.column.status"),allowResize:!0,width:"150px"},{property:"startedAt",label:this.$tc("job-listing.page.listing.grid.column.started-at"),allowResize:!0,width:"170px"},{property:"finishedAt",label:this.$tc("job-listing.page.listing.grid.column.finished-at"),allowResize:!0,width:"170px"},{property:"createdAt",label:this.$tc("job-listing.page.listing.grid.column.created-at"),allowResize:!0,width:"170px"},{property:"subJobs",label:this.$tc("job-listing.page.listing.grid.column.child-jobs"),allowResize:!0,width:"250px",visible:!0,sortable:!1},{property:"messages",label:this.$tc("job-listing.page.listing.grid.column.messages"),allowResize:!0,width:"350px",visible:!0,sortable:!1}]}},watch:{sortType:function(){this.groupedItems=[],this.initGroupedView()},groupCreationDate:{handler:function(){this.groupedItems=[],this.initGroupedView()},deep:!0}},created:function(){this.initGroupedView()},beforeDestroy:function(){clearInterval(this.reloadInterval)},methods:{initGroupedView:function(){var e=this;this.isLoading=!0;var t=new A;return t.addFilter(A.equals("parentId",null)),t.addSorting(A.sort("createdAt","DESC",!1)),t.addAssociation("messages"),t.addAssociation("subJobs"),t.limit=null,this.jobTypes!==[]&&t.addFilter(A.equalsAny("type",this.jobTypes)),this.groupCreationDate.fromDate&&t.addFilter(A.range("createdAt",{gte:this.groupCreationDate.fromDate})),this.groupCreationDate.toDate&&t.addFilter(A.range("createdAt",{lte:this.groupCreationDate.toDate})),this.jobRepository.search(t,Shopware.Context.api).then((function(t){e.sortJobs(t)}))},sortJobs:function(e){var t=this;this.groupedItemsTypes=[],this.groupedItems=[],e.forEach((function(e){-1===t.groupedItemsTypes.findIndex((function(n){return n.title===e[t.sortType]}))&&t.groupedItemsTypes.push({title:e[t.sortType]})})),this.getJobsByType(this.groupedItemsTypes)},getJobsByType:function(e){var t=this;return e.forEach((function(e){var n=new A;n.addFilter(A.equals("parentId",null)),n.addSorting(A.sort("createdAt","DESC",!1)),n.addAssociation("messages"),n.addAssociation("subJobs"),t.groupCreationDate.fromDate&&n.addFilter(A.range("createdAt",{gte:t.groupCreationDate.fromDate})),t.groupCreationDate.toDate&&n.addFilter(A.range("createdAt",{lte:t.groupCreationDate.toDate})),t.jobTypes!==[]&&n.addFilter(A.equalsAny("type",t.jobTypes)),"status"===t.sortType&&n.addFilter(A.equals("status",e.title)),"type"===t.sortType&&n.addFilter(A.equals("type",e.title)),t.jobRepository.search(n,Shopware.Context.api).then((function(n){var s="status"===t.sortType?e.title.toUpperCase():n[0].name,o="status"===t.sortType?t.$tc("job-listing.page.listing.grid.job-status.".concat(e.title)):n[0].name;t.groupedItems.push({title:o,type:s,items:c.sortMessages(n)})}))})),this.isLoading=!1,this.groupedItems},getMessagesCount:function(e,t){return e.messages.filter((function(e){return e.type==="".concat(t,"-message")})).length},getChildrenCount:function(e,t){return e.subJobs.filter((function(e){return e.status===t})).length},onRefresh:function(){this.initGroupedView()},canDelete:function(e){return-1!==["error","succeed"].indexOf(e.status)},onDeleteJob:function(e){var t=this;this.jobRepository.delete(e,Shopware.Context.api).then((function(){t.updateList()}))},rescheduleJob:function(e){var t=this;this.NostoRescheduleService.rescheduleJob(e).then((function(){t.createNotificationSuccess({message:"Job has been rescheduled successfully."}),t.updateList()})).catch((function(){t.createNotificationError({message:"Unable reschedule job."})}))},showJobInfo:function(e){this.currentJobID=e,this.showJobInfoModal=!0},showSubJobs:function(e){this.currentJobID=e,this.showJobSubsModal=!0},showJobMessages:function(e){this.currentJobMessages=e.messages,this.showMessagesModal=!0}}})},ikNb:function(e,t,n){var s=n("tsnJ");s.__esModule&&(s=s.default),"string"==typeof s&&(s=[[e.i,s,""]]),s.locals&&(e.exports=s.locals);(0,n("P8hj").default)("40bb860d",s,!0,{})},tsnJ:function(e,t,n){},usPD:function(e,t,n){},voRG:function(e,t,n){var s=n("YZre");s.__esModule&&(s=s.default),"string"==typeof s&&(s=[[e.i,s,""]]),s.locals&&(e.exports=s.locals);(0,n("P8hj").default)("70555f61",s,!0,{})},x6Mo:function(e,t,n){var s=n("usPD");s.__esModule&&(s=s.default),"string"==typeof s&&(s=[[e.i,s,""]]),s.locals&&(e.exports=s.locals);(0,n("P8hj").default)("0fa1a9ce",s,!0,{})}});
\ No newline at end of file
+(function(){var e={30:function(){},328:function(){},250:function(){},758:function(){},729:function(){},671:function(e,t,n){var s=n(30);s.__esModule&&(s=s.default),"string"==typeof s&&(s=[[e.id,s,""]]),s.locals&&(e.exports=s.locals),n(346).Z("585a76b3",s,!0,{})},158:function(e,t,n){var s=n(328);s.__esModule&&(s=s.default),"string"==typeof s&&(s=[[e.id,s,""]]),s.locals&&(e.exports=s.locals),n(346).Z("3a2beb4e",s,!0,{})},951:function(e,t,n){var s=n(250);s.__esModule&&(s=s.default),"string"==typeof s&&(s=[[e.id,s,""]]),s.locals&&(e.exports=s.locals),n(346).Z("19dce50c",s,!0,{})},461:function(e,t,n){var s=n(758);s.__esModule&&(s=s.default),"string"==typeof s&&(s=[[e.id,s,""]]),s.locals&&(e.exports=s.locals),n(346).Z("5f6e56a6",s,!0,{})},266:function(e,t,n){var s=n(729);s.__esModule&&(s=s.default),"string"==typeof s&&(s=[[e.id,s,""]]),s.locals&&(e.exports=s.locals),n(346).Z("87d3cc56",s,!0,{})},346:function(e,t,n){"use strict";function s(e,t){for(var n=[],s={},o=0;o<t.length;o++){var a=t[o],i=a[0],l={id:e+":"+o,css:a[1],media:a[2],sourceMap:a[3]};s[i]?s[i].parts.push(l):n.push(s[i]={id:i,parts:[l]})}return n}n.d(t,{Z:function(){return g}});var o="undefined"!=typeof document;if("undefined"!=typeof DEBUG&&DEBUG&&!o)throw Error("vue-style-loader cannot be used in a non-browser environment. Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.");var a={},i=o&&(document.head||document.getElementsByTagName("head")[0]),l=null,r=0,d=!1,c=function(){},b=null,u="data-vue-ssr-id",m="undefined"!=typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());function g(e,t,n,o){d=n,b=o||{};var i=s(e,t);return p(i),function(t){for(var n=[],o=0;o<i.length;o++){var l=a[i[o].id];l.refs--,n.push(l)}t?p(i=s(e,t)):i=[];for(var o=0;o<n.length;o++){var l=n[o];if(0===l.refs){for(var r=0;r<l.parts.length;r++)l.parts[r]();delete a[l.id]}}}}function p(e){for(var t=0;t<e.length;t++){var n=e[t],s=a[n.id];if(s){s.refs++;for(var o=0;o<s.parts.length;o++)s.parts[o](n.parts[o]);for(;o<n.parts.length;o++)s.parts.push(_(n.parts[o]));s.parts.length>n.parts.length&&(s.parts.length=n.parts.length)}else{for(var i=[],o=0;o<n.parts.length;o++)i.push(_(n.parts[o]));a[n.id]={id:n.id,refs:1,parts:i}}}}function h(){var e=document.createElement("style");return e.type="text/css",i.appendChild(e),e}function _(e){var t,n,s=document.querySelector("style["+u+'~="'+e.id+'"]');if(s){if(d)return c;s.parentNode.removeChild(s)}if(m){var o=r++;t=f.bind(null,s=l||(l=h()),o,!1),n=f.bind(null,s,o,!0)}else t=v.bind(null,s=h()),n=function(){s.parentNode.removeChild(s)};return t(e),function(s){s?(s.css!==e.css||s.media!==e.media||s.sourceMap!==e.sourceMap)&&t(e=s):n()}}var w=function(){var e=[];return function(t,n){return e[t]=n,e.filter(Boolean).join("\n")}}();function f(e,t,n,s){var o=n?"":s.css;if(e.styleSheet)e.styleSheet.cssText=w(t,o);else{var a=document.createTextNode(o),i=e.childNodes;i[t]&&e.removeChild(i[t]),i.length?e.insertBefore(a,i[t]):e.appendChild(a)}}function v(e,t){var n=t.css,s=t.media,o=t.sourceMap;if(s&&e.setAttribute("media",s),b.ssrId&&e.setAttribute(u,t.id),o&&(n+="\n/*# sourceURL="+o.sources[0]+" */\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(o))))+" */"),e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}}},t={};function n(s){var o=t[s];if(void 0!==o)return o.exports;var a=t[s]={id:s,exports:{}};return e[s](a,a.exports,n),a.exports}n.d=function(e,t){for(var s in t)n.o(t,s)&&!n.o(e,s)&&Object.defineProperty(e,s,{enumerable:!0,get:t[s]})},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="bundles/nostoscheduler/",window?.__sw__?.assetPath&&(n.p=window.__sw__.assetPath+"/bundles/nostoscheduler/"),function(){"use strict";n(671);let{Component:e}=Shopware;e.extend("nosto-entity-listing","sw-entity-listing",{template:'{% block sw_data_grid_slot_pagination %}\n    <sw-pagination v-bind="{ page, limit, total, steps }"\n            :total-visible="7"\n            @page-change="paginate"\n    />\n{% endblock %}\n\n{% block sw_data_grid_bulk_selected_actions_content %}\n    {% block sw_data_grid_bulk_edit_content %}\n        \n        <a\n                v-if="allowBulkEdit"\n                class="link link-primary"\n                @click="onClickBulkEdit"\n        >\n            {{ $tc(\'global.sw-bulk-edit-modal.bulkEdit\') }}\n        </a>\n    {% endblock %}\n\n    {% block sw_data_grid_bulk_delete_content %}\n        \n        <a\n                v-if="allowDelete"\n                class="link link-danger"\n                @click="showBulkDeleteModal = true"\n        >\n            {{ $tc(\'global.default.delete\') }}\n        </a>\n    {% endblock %}\n{% endblock %}\n\n{% block sw_data_grid_slot_bulk_modals %}\n    {% block sw_data_grid_bulk_edit_modal %}\n        <slot\n                name="bulk-edit-modal"\n                v-bind="{ selection }"\n        >\n            {% block sw_data_grid_slot_bulk_edit_modal %}\n                <sw-bulk-edit-modal\n                        v-if="showBulkEditModal"\n                        :selection="selection"\n                        :bulk-grid-edit-columns="bulkGridEditColumns"\n                        @modal-close="onCloseBulkEditModal"\n                />\n            {% endblock %}\n        </slot>\n    {% endblock %}\n\n    {% block sw_data_grid_bulk_delete_modal %}\n        <sw-modal\n                v-if="showBulkDeleteModal"\n                variant="small"\n                :title="$tc(\'global.default.warning\')"\n                @modal-close="showBulkDeleteModal = false"\n        >\n            <p class="sw-data-grid__confirm-bulk-delete-text">\n                <slot\n                        name="bulk-modal-delete-confirm-text"\n                        v-bind="{ selectionCount }"\n                >\n                    {{ $tc(\'global.entity-components.deleteMessage\', selectionCount, { count: selectionCount }) }}\n                </slot>\n            </p>\n\n            <template #modal-footer>\n                <slot name="bulk-modal-cancel">\n                    <sw-button\n                            size="small"\n                            @click="showBulkDeleteModal = false"\n                    >\n                        {{ $tc(\'global.default.cancel\') }}\n                    </sw-button>\n                </slot>\n\n                <slot\n                        name="bulk-modal-delete-items"\n                        v-bind="{ isBulkLoading, deleteItems }"\n                >\n                    <sw-button\n                            variant="danger"\n                            size="small"\n                            :is-loading="isBulkLoading"\n                            @click="deleteItems"\n                    >\n                        {{ $tc(\'global.default.delete\') }}\n                    </sw-button>\n                </slot>\n            </template>\n        </sw-modal>\n    {% endblock %}\n{% endblock %}\n\n{% block sw_data_grid_slot_actions %}\n    <slot\n            name="detail-action"\n            v-bind="{ item }"\n    >\n        <sw-context-menu-item\n                v-if="detailRoute"\n                v-tooltip="{\n            message: $tc(\'sw-privileges.tooltip.warning\'),\n            disabled: allowEdit || allowView,\n            showOnDisabledElements: true,\n            zIndex: 9050,\n        }"\n                class="sw-entity-listing__context-menu-edit-action"\n                :disabled="!allowEdit && !allowView"\n                :router-link="{ name: detailRoute, params: { id: item.id } }"\n        >\n            {{ detailPageLinkText }}\n        </sw-context-menu-item>\n    </slot>\n\n    <slot\n            name="more-actions"\n            v-bind="{ item }"\n    ></slot>\n\n    <slot\n            name="delete-action"\n            v-bind="{ item, showDelete, allowDelete }"\n    >\n        <sw-context-menu-item\n                v-tooltip.bottom="{\n            message: $tc(\'sw-privileges.tooltip.warning\'),\n            disabled: allowDelete,\n            showOnDisabledElements: true,\n            zIndex: 9050,\n        }"\n                :disabled="!allowDelete"\n                class="sw-entity-listing__context-menu-edit-delete"\n                variant="danger"\n                @click="showDelete(item.id)"\n        >\n            {{ $tc(\'global.default.delete\') }}\n        </sw-context-menu-item>\n\n        <sw-context-menu-item\n                class="sw-entity-listing__context-menu-edit-test"\n                variant="info"\n        >\n            Test\n        </sw-context-menu-item>\n    </slot>\n{% endblock %}\n\n{% block sw_data_grid_slot_action_modals %}\n    <sw-modal\n            v-if="deleteId === item.id"\n            :title="$tc(\'global.default.warning\')"\n            variant="small"\n            @modal-close="closeModal"\n    >\n        <p class="sw-listing__confirm-delete-text">\n            <slot\n                    name="delete-confirm-text"\n                    v-bind="{ item }"\n            >\n                {{ $tc(\'global.entity-components.deleteMessage\') }}\n            </slot>\n        </p>\n\n        <template #modal-footer>\n            <slot\n                    name="delete-modal-footer"\n                    v-bind="{ item }"\n            >\n                <slot\n                        name="delete-modal-cancel"\n                        v-bind="{ item }"\n                >\n                    <sw-button\n                            size="small"\n                            @click="closeModal"\n                    >\n                        {{ $tc(\'global.default.cancel\') }}\n                    </sw-button>\n                </slot>\n\n                <slot\n                        name="delete-modal-delete-item"\n                        v-bind="{ item }"\n                >\n                    <sw-button\n                            variant="danger"\n                            size="small"\n                            @click="deleteItem(item.id)"\n                    >\n                        {{ $tc(\'global.default.delete\') }}\n                    </sw-button>\n                </slot>\n            </slot>\n        </template>\n    </sw-modal>\n{% endblock %}\n\n{% block sw_data_grid_select_item_checkbox %}\n    <sw-checkbox-field\n        v-if="canDelete(item)"\n        :disabled="!isRecordSelectable(item)"\n        :value="isSelected(item[itemIdentifierProperty])"\n        @update:value="selectItem($event, item)"\n    />\n{% endblock %}\n\n\n{% block sw_data_grid_table %}\n    <table\n        ref="table"\n        class="sw-data-grid__table"\n    >\n\n        {% block sw_data_grid_header %}\n            <thead\n                v-if="showHeader"\n                class="sw-data-grid__header"\n            >\n\n            {% block sw_data_grid_header_row %}\n                <tr class="sw-data-grid__row">\n\n                    {% block sw_data_grid_header_cell_selection %}\n                        <th\n                            v-if="showSelection"\n                            class="sw-data-grid__cell sw-data-grid__cell--header sw-data-grid__cell--selection"\n                        >\n                            {% block sw_data_grid_header_cell_selection_content %}\n                                <div class="sw-data-grid__cell-content">\n                                    {% block sw_data_grid_select_all_checkbox %}\n                                        <sw-checkbox-field\n                                            v-if="records && records.length > 0"\n                                            :disabled="isSelectAllDisabled"\n                                            class="sw-data-grid__select-all"\n                                            :value="allSelectedChecked"\n                                            @update:value="selectAll"\n                                        />\n                                    {% endblock %}\n                                </div>\n                            {% endblock %}\n                        </th>\n                    {% endblock %}\n\n                    {% block sw_data_grid_header_columns %}\n                        <th\n                                v-for="(column, columnIndex) in currentColumns"\n                                v-show="column.visible"\n                                :key="`${column.property}-${columnIndex}`"\n                                ref="column"\n                                class="sw-data-grid__cell sw-data-grid__cell--header sw-data-grid__cell--property"\n                                :class="getHeaderCellClasses(column, columnIndex)"\n                                :style="{ width: column.width, minWidth: column.width }"\n                                @click="onClickHeaderCell($event, column)"\n                        >\n\n                            {% block sw_data_grid_header_columns_content %}\n                                <div class="sw-data-grid__cell-content">\n\n                                    <slot\n                                            :name="`column-label-${column.property}`"\n                                            v-bind="{ column, columnIndex }"\n                                    >\n\n                                        {% block sw_data_grid_header_columns_icon %}\n                                            <sw-icon\n                                                    v-if="column.iconLabel"\n                                                    :name="column.iconLabel"\n                                            >\n                                                {{ $te(column.label) ? $tc(column.label) : column.label }}\n                                            </sw-icon>\n                                        {% endblock %}\n\n                                        {% block sw_data_grid_header_columns_label %}\n                                            <template v-else>\n                                                {{ $te(column.label) ? $tc(column.label) : column.label }}\n                                            </template>\n                                        {% endblock %}\n                                    </slot>\n\n                                    {% block sw_data_grid_column_actions %}\n                                        <sw-context-button\n                                                v-if="allowColumnEdit && !isInlineEditActive"\n                                                class="sw-data-grid__action-edit-column"\n                                        >\n                                            {% block sw_data_grid_column_actions_hide %}\n                                                <sw-context-menu-item\n                                                        :disabled="column.primary"\n                                                        variant="danger"\n                                                        @click="hideColumn(columnIndex)"\n                                                >\n                                                    {{ $tc(\'global.sw-data-grid.labelColumnHide\') }}\n                                                </sw-context-menu-item>\n                                            {% endblock %}\n                                        </sw-context-button>\n                                    {% endblock %}\n\n                                    {% block sw_data_grid_sort_indicator %}\n                                        <span\n                                                v-if="column.sortable && currentSortBy === column.dataIndex"\n                                                class="sw-data-grid__sort-indicator"\n                                        >\n                                {% block sw_data_grid_sort_indicator_transition %}\n                                    <transition\n                                            name="sort-indicator"\n                                            mode="out-in"\n                                    >\n                                        {% block sw_data_grid_sort_indicator_icon_asc %}\n                                            <sw-icon\n                                                v-if="currentSortDirection === \'ASC\'"\n                                                key="ASC"\n                                                name="solid-long-arrow-up"\n                                                size="20px"\n                                            />\n                                        {% endblock %}\n\n                                        {% block sw_data_grid_sort_indicator_icon_desc %}\n                                            <sw-icon\n                                                v-else\n                                                key="DESC"\n                                                name="solid-long-arrow-down"\n                                                size="20px"\n                                            />\n                                        {% endblock %}\n                                </transition>\n                                {% endblock %}\n                            </span>\n                                    {% endblock %}\n                                </div>\n                            {% endblock %}\n\n                            {% block sw_data_grid_header_columns_resize %}\n                                <span\n                                        v-if="column.allowResize"\n                                        class="sw-data-grid__cell-resize"\n                                        @mousedown="onStartResize($event, column, columnIndex)"\n                                ></span>\n                            {% endblock %}\n                        </th>\n                    {% endblock %}\n\n                    {% block sw_data_grid_header_cell_spacer %}\n                        <th\n                                v-if="hasResizeColumns"\n                                aria-hidden="true"\n                                class="sw-data-grid__cell sw-data-grid__cell--header sw-data-grid__cell-spacer"\n                        >\n                            <div class="sw-data-grid__cell-content"></div>\n                        </th>\n                    {% endblock %}\n\n                    {% block sw_data_grid_header_cell_actions %}\n                        <th\n                                v-if="showActions"\n                                class="sw-data-grid__cell sw-data-grid__cell--header sw-data-grid__cell--actions sw-data-grid__cell-settings"\n                                :class="{ \'is--loading\': loading }"\n                        >\n                            {% block sw_data_grid_header_cell_actions_content %}\n                                <div class="sw-data-grid__cell-content">\n                                    {% block sw_data_grid_settings %}\n                                        <sw-data-grid-settings\n                                                v-if="showSettings"\n                                                :columns="currentColumns"\n                                                :compact="compact"\n                                                :previews="previews"\n                                                :enable-previews="hasPreviewSlots"\n                                                :disabled="isInlineEditActive"\n                                                @change-compact-mode="onChangeCompactMode"\n                                                @change-preview-images="onChangePreviews"\n                                                @change-column-visibility="onChangeColumnVisibility"\n                                                @change-column-order="onChangeColumnOrder"\n                                        >\n                                            {% block sw_data_grid_settings_additional_settings %}\n                                                <template #additionalSettings>\n                                                    {% block sw_data_grid_settings_additional_settings_inner %}\n                                                        <slot name="additionalSettings"></slot>\n                                                    {% endblock %}\n                                                </template>\n                                            {% endblock %}\n                                        </sw-data-grid-settings>\n\n                                        {% block sw_data_grid_settings_custom_settings %}\n                                            <slot name="customSettings">\n                                                {% block sw_data_grid_settings_custom_settings_slot %}{% endblock %}\n                                            </slot>\n                                        {% endblock %}\n                                    {% endblock %}\n                                </div>\n                            {% endblock %}\n                        </th>\n                    {% endblock %}\n                </tr>\n            {% endblock %}\n            </thead>\n        {% endblock %}\n\n        {% block sw_data_grid_body %}\n            <tbody\n                    v-if="!loading"\n                    class="sw-data-grid__body"\n            >\n\n            {% block sw_data_grid_body_row %}\n                <tr\n                        v-for="(item, itemIndex) in records"\n                        :key="item.id"\n                        class="sw-data-grid__row"\n                        :class="getRowClasses(item, itemIndex)"\n                >\n\n                    {% block sw_data_grid_body_cell_selection %}\n                        <td\n                                v-if="showSelection"\n                                class="sw-data-grid__cell sw-data-grid__cell--selection"\n                        >\n                            <slot\n                                    name="selection-content"\n                                    v-bind="{ item, isSelected, isRecordSelectable, selectItem, itemIdentifierProperty }"\n                            >\n                                {% block sw_data_grid_body_cell_selection_content %}\n                                    <div class="sw-data-grid__cell-content">\n                                        {% block sw_data_grid_select_item_checkbox %}\n                                            <sw-checkbox-field\n                                                v-if="canDelete(item)"\n                                                :disabled="!isRecordSelectable(item)"\n                                                :value="isSelected(item[itemIdentifierProperty])"\n                                                @update:value="selectItem($event, item)"\n                                            />\n                                        {% endblock %}\n                                    </div>\n                                {% endblock %}\n                            </slot>\n                        </td>\n                    {% endblock %}\n\n                    {% block sw_data_grid_body_columns %}\n                        <td\n                                v-for="(column, columnIndex) in currentColumns"\n                                v-show="column.visible"\n                                :key="`${item.id}-${columnIndex}`"\n                                class="sw-data-grid__cell"\n                                :class="getCellClasses(column)"\n                                @dblclick="onDbClickCell(item)"\n                        >\n\n                            {% block sw_data_grid_body_columns_content %}\n                                <div class="sw-data-grid__cell-content">\n\n                                    {% block sw_data_grid_preview_slot %}\n                                        <slot\n                                                v-if="previews && !isInlineEdit(item)"\n                                                :name="`preview-${column.property}`"\n                                                v-bind="{ item, column, compact }"\n                                        ></slot>\n                                    {% endblock %}\n\n                                    {% block sw_data_grid_columns_slot %}\n                                        <slot\n                                                :name="`column-${column.property}`"\n                                                v-bind="{ item, itemIndex, column, columnIndex, compact, isInlineEdit: (isInlineEdit(item) && column.hasOwnProperty(\'inlineEdit\')) }"\n                                        >\n                                            <template v-if="column.inlineEdit === \'boolean\'">\n                                                {% block sw_data_grid_columns_boolean %}\n                                                    <sw-data-grid-column-boolean\n                                                            v-model:value="item[column.property]"\n                                                            :is-inline-edit="isInlineEdit(item) && column.hasOwnProperty(\'inlineEdit\')"\n                                                    />\n                                                {% endblock %}\n                                            </template>\n                                            <template v-else>\n                                                {% block sw_data_grid_columns_inline_edit %}\n                                                    <template v-if="isInlineEdit(item) && column.hasOwnProperty(\'inlineEdit\')">\n                                                        {% block sw_data_grid_columns_render_inline_edit %}\n                                                            <sw-data-grid-inline-edit\n                                                                :column="column"\n                                                                :compact="compact"\n                                                                :value="item[column.property]"\n                                                                @update:value="item[column.property] = $event"\n                                                            />\n                                                        {% endblock %}\n                                                    </template>\n                                                {% endblock %}\n\n                                                {% block sw_data_grid_columns_value %}\n                                                    <template v-else>\n                                                        {% block sw_data_grid_columns_render_router_link %}\n                                                            <router-link\n                                                                    v-if="column.routerLink"\n                                                                    class="sw-data-grid__cell-value"\n                                                                    :to="{ name: column.routerLink, params: { id: item.id } }"\n                                                            >\n                                                                {{ renderColumn(item, column) }}\n                                                            </router-link>\n                                                        {% endblock %}\n                                                        {% block sw_data_grid_columns_render_value %}\n                                                            <span\n                                                                    v-else\n                                                                    class="sw-data-grid__cell-value"\n                                                            >\n                                            {{ renderColumn(item, column) }}\n                                        </span>\n                                                        {% endblock %}\n                                                    </template>\n                                                {% endblock %}\n                                            </template>\n                                        </slot>\n                                    {% endblock %}\n                                </div>\n                            {% endblock %}\n                        </td>\n                    {% endblock %}\n\n                    {% block sw_data_grid_body_cell_spacer %}\n                        <td\n                                v-if="hasResizeColumns"\n                                aria-hidden="true"\n                                class="sw-data-grid__cell sw-data-grid__cell-spacer"\n                                @dblclick="onDbClickCell(item)"\n                        >\n                            <div class="sw-data-grid__cell-content"></div>\n                        </td>\n                    {% endblock %}\n\n                    {% block sw_data_grid_body_cell_actions %}\n                        <td\n                                v-if="showActions"\n                                class="sw-data-grid__cell sw-data-grid__cell--actions"\n                        >\n                            {% block sw_data_grid_body_cell_actions_content %}\n                                <div class="sw-data-grid__cell-content">\n\n                                    {% block sw_data_grid_inline_edit_actions %}\n                                        <template v-if="isInlineEditActive && currentInlineEditId === item[itemIdentifierProperty]">\n\n                                            {% block sw_data_grid_inline_edit_actions_cancel %}\n                                                <sw-button\n                                                        class="sw-data-grid__inline-edit-cancel"\n                                                        size="x-small"\n                                                        :title="$tc(\'global.default.cancel\')"\n                                                        :aria-label="$tc(\'global.default.cancel\')"\n                                                        square\n                                                        @click="onClickCancelInlineEdit(item)"\n                                                >\n                                                    {% block sw_data_grid_inline_edit_actions_cancel_icon %}\n                                                        <sw-icon\n                                                                name="small-default-x-line-small"\n                                                                size="14px"\n                                                        />\n                                                    {% endblock %}\n                                                </sw-button>\n                                            {% endblock %}\n\n                                            {% block sw_data_grid_inline_edit_actions_save %}\n                                                <sw-button\n                                                        class="sw-data-grid__inline-edit-save"\n                                                        variant="primary"\n                                                        size="x-small"\n                                                        :title="$tc(\'global.default.save\')"\n                                                        :aria-label="$tc(\'global.default.save\')"\n                                                        square\n                                                        @click="onClickSaveInlineEdit(item)"\n                                                >\n                                                    {% block sw_data_grid_inline_edit_actions_save_icon %}\n                                                        <sw-icon\n                                                                name="small-default-checkmark-line-small"\n                                                                size="14px"\n                                                        />\n                                                    {% endblock %}\n                                                </sw-button>\n                                            {% endblock %}\n                                        </template>\n                                    {% endblock %}\n\n                                    {% block sw_data_grid_body_cell_actions_menu %}\n                                        <sw-context-button\n                                                v-else\n                                                class="sw-data-grid__actions-menu"\n                                        >\n                                            <slot\n                                                    name="actions"\n                                                    :item="item"\n                                                    :itemIndex="itemIndex"\n                                            >\n                                                {% block sw_data_grid_slot_actions %}{% endblock %}\n                                            </slot>\n                                        </sw-context-button>\n                                    {% endblock %}\n\n                                    {% block sw_data_grid_body_cell_action_modals %}\n                                        <slot\n                                                name="action-modals"\n                                                :item="item"\n                                        >\n                                            {% block sw_data_grid_slot_action_modals %}{% endblock %}\n                                        </slot>\n                                    {% endblock %}\n                                </div>\n                            {% endblock %}\n                        </td>\n                    {% endblock %}\n                </tr>\n            {% endblock %}\n            </tbody>\n        {% endblock %}\n\n        {% block sw_data_grid_skeleton %}\n            <sw-data-grid-skeleton\n                    v-else\n                    :show-selection="showSelection"\n                    :show-actions="showActions"\n                    :current-columns="currentColumns"\n                    :has-resize-columns="hasResizeColumns"\n                    :item-amount="skeletonItemAmount"\n                    class="sw-data-grid__body"\n            />\n        {% endblock %}\n    </table>\n{% endblock %}\n',props:{items:{type:Array,required:!0},itemIdentifierProperty:{type:String,required:!1,default:"id"},preSelection:{type:Object,required:!1,default:null},isGroupedView:{type:Boolean,required:!1,default:!1},jobTypes:{type:Array,required:!1,default:()=>[]}},data(){return{records:this.items,selection:{...this.preSelection||{}},successItems:!1,pendingItems:!1,errorItems:!1,reloadInterval:null}},computed:{jobRepository(){return this.repositoryFactory.create("nosto_scheduler_job")}},methods:{canDelete(e){return -1!==["error","succeed"].indexOf(e.status)},selectAll(e){this.selection={},this.records.forEach(t=>{this.isSelected(t[this.itemIdentifierProperty])!==e&&this.selectItem(e,t)}),this.$emit("select-all-items",this.selection)},selectItem(e,t){if(!this.canDelete(t))return;let n=this.selection,s=t[this.itemIdentifierProperty];e?this.selection[s]=t:!e&&n[s]&&delete this.selection[s],this.$emit("select-item",this.selection,t,e)}}});let{Component:t}=Shopware;t.register("nosto-job-status-badge",{template:'<sw-color-badge rounded\n                :variant="variant"\n                :class="additionalClass"\n                style="margin-right: 10px; margin-top: 3px;">\n</sw-color-badge>\n\n',props:{status:{type:String,required:!0}},computed:{additionalClass(){return"running"===this.status?"--pulse":""},variant(){switch(this.status){case"error":return"error";case"succeed":case"running":return"success";default:return""}}}});class s{static sortMessages(e){return e.forEach(e=>{e.messages=e.messages.sort((e,t)=>e.createdAt>t.createdAt?1:e.createdAt<t.createdAt?-1:0)}),e}}n(266);let{Component:o}=Shopware,{Criteria:a}=Shopware.Data;o.register("nosto-job-listing-index",{template:'{% block nosto_entity_listing_base %}\n  <div class="nosto-entity-listing-wrapper">\n    <div class="nosto-job-listing-actions-bar">\n      <div class="action-item">\n        {% block nosto_scheduler_job_view_mode %}\n          <sw-select-field v-model:value="jobDisplayType" :label="$tc(\'job-listing.page.listing.index.display-mode\')">\n            <option v-for="option in jobDisplayMode" :value="option.value">{{ option.name }}</option>\n          </sw-select-field>\n\n          <sw-select-field v-if="jobDisplayType !== \'list\'" v-model:value="sortType" :label="$tc(\'job-listing.page.listing.index.group-by\')">\n              <option value="status">{{ $tc(\'job-listing.page.listing.index.status\') }}</option>\n              <option value="type">{{ $tc(\'job-listing.page.listing.index.job-type\') }}</option>\n          </sw-select-field>\n\n          <sw-datepicker\n            :label="$tc(\'job-listing.page.listing.index.date-from\')"\n            v-if="jobDisplayType == \'grouped\'"\n            v-model:value="groupCreationDate.fromDate"\n          />\n\n          <sw-datepicker\n            :label="$tc(\'job-listing.page.listing.index.date-to\')"\n            v-if="jobDisplayType == \'grouped\'"\n            v-model:value="groupCreationDate.toDate"\n          />\n\n        {% endblock %}\n      </div>\n      <div class="cation-item">\n        {% block nosto_scheduler_job_auto_load_switcher %}\n          <sw-switch-field\n            v-model:value="autoLoadIsActive"\n            class="job-listing-auto-loading-switch"\n            :label="$tc(\'job-listing.page.listing.index.auto-load\')"\n          />\n        {% endblock %}\n      </div>\n    </div>\n\n    {% block nosto_job_charts %}\n      <nosto-scheduler-charts ref="jobCharts"\n                           v-if="jobDisplayType === \'chart\'"\n                           :jobTypes="jobTypes"\n                           :sortType="sortType"></nosto-scheduler-charts>\n    {% endblock %}\n\n    {% block nosto_job_grouped_component %}\n\n      <nosto-grouped-view v-if="jobDisplayType === \'grouped\'"\n                       ref="jobGroups"\n                       :groupCreationDate="groupCreationDate"\n                       :jobTypes="jobTypes"\n                       :sortType="sortType">\n      </nosto-grouped-view>\n    {% endblock %}\n\n    {% block nosto_job_list_grid %}\n      <nosto-entity-listing\n              v-if="jobItems && jobDisplayType === \'list\'"\n              :items="jobItems"\n              :repository="jobRepository"\n              :is-loading="isLoading"\n              :showSelection="true"\n              :allowColumnEdit="false"\n              :allowDelete="true"\n              :allowEdit="false"\n              :jobTypes="jobTypes"\n              :isGroupedView="isGroupedView"\n              sortDirection="DESC"\n              @page-change="pageChange"\n              :columns="columns">\n        <template #column-status="{ item }">\n          {% block nosto_job_list_grid_job_status_link %}\n            <template>\n              <nosto-job-status-badge :status="item.status"></nosto-job-status-badge>\n              {{ $tc(\'job-listing.page.listing.grid.job-status.\' + item.status) }}\n            </template>\n          {% endblock %}\n        </template>\n        <template #column-name="{ item }">\n          {% block nosto_job_list_grid_job_name_link %}\n            {{ item.name }}\n          {% endblock %}\n        </template>\n        <template #column-startedAt="{ item }">\n          {% block nosto_job_list_grid_job_started_date %}\n            {{ formatDate(item.startedAt) }}\n          {% endblock %}\n        </template>\n        <template #column-finishedAt="{ item }">\n          {% block nosto_job_list_grid_job_finished_date %}\n            {{ formatDate(item.finishedAt) }}\n          {% endblock %}\n        </template>\n        <template #column-createdAt="{ item }">\n          {% block nosto_job_list_grid_job_created_date %}\n            {{ formatDate(item.createdAt) }}\n          {% endblock %}\n        </template>\n        <template class="sub-jobs-column" #column-subJobs="{ item }">\n          {% block nosto_job_list_grid_job_sub_jobs %}\n            <div :class="item.subJobs.length > 0 ? \'has-subjobs\' : \'\'"\n                 class="sub-jobs-counters-container jobs-info-counter">\n              <div class="count-container" v-if="item.subJobs">\n                            <span class="info-container">\n                                <span class="count" v-html="getChildrenCount(item, \'succeed\')"></span>\n                            </span>\n                <nosto-job-status-badge status="succeed"></nosto-job-status-badge>\n              </div>\n\n              <div class="count-container" v-if="item.subJobs">\n                            <span class="warning-container">\n                                <span class="count" v-html="getChildrenCount(item, \'pending\')"></span>\n                            </span>\n                <nosto-job-status-badge status="pending"></nosto-job-status-badge>\n              </div>\n\n              <div class="count-container" v-if="item.subJobs">\n                            <span class="error-counter">\n                                <span class="count" v-html="getChildrenCount(item, \'error\')"></span>\n                            </span>\n                <nosto-job-status-badge status="error"></nosto-job-status-badge>\n              </div>\n            </div>\n          {% endblock %}\n          <sw-button v-if="item.subJobs.length > 0"\n                     class="sub-job-show-modal"\n                     size="small"\n                     variant="primary"\n                     :disabled="item.subJobs.length <= 0"\n                     @click="showSubJobs(item.id)">\n            <sw-icon name="regular-cog" color="#fff" :small="true" :decorative="true"></sw-icon>\n              {{ $tc(\'job-listing.page.listing.index.show-sub-jobs\') }}\n          </sw-button>\n        </template>\n        <template #column-messages="{ item }">\n          {% block nosto_job_list_grid_job_messages %}\n            <div :class="item.messages.length > 0 ? \'has-messages\' : \'\'"\n                 class="message-counters-container jobs-info-counter">\n              <div class="count-container" v-if="item.messages">\n                            <span class="info-counter">\n                                <span class="count" v-html="getMessagesCount(item, \'info\')"></span>\n                            </span>\n                <sw-icon :small="true" name="regular-info-circle" color="#3498db"></sw-icon>\n              </div>\n\n              <div class="count-container" v-if="item.messages">\n                            <span class="warning-counter">\n                                <span class="count" v-html="getMessagesCount(item, \'warning\')"></span>\n                            </span>\n                <sw-icon :small="true" name="regular-exclamation-triangle" color="#f39c12"></sw-icon>\n              </div>\n\n              <div class="count-container" v-if="item.messages">\n                            <span class="error-counter">\n                                <span class="count" v-html="getMessagesCount(item, \'error\')"></span>\n                            </span>\n                <sw-icon :small="true" name="regular-times-hexagon" color="#c0392b"></sw-icon>\n              </div>\n            </div>\n            <sw-button v-if="item.messages.length > 0"\n                       class="job-messages-show-modal"\n                       size="small"\n                       variant="primary"\n                       :disabled="item.messages.length <= 0"\n                       @click="showJobMessages(item)">\n              <sw-icon name="regular-envelope" color="#fff" :small="true" :decorative="true"></sw-icon>\n                {{ $tc(\'job-listing.page.listing.index.show-job-messages\') }}\n            </sw-button>\n          {% endblock %}\n        </template>\n        <template #actions="{ item }">\n          <sw-context-menu-item :disabled="item.status !== \'error\'"\n                                @click="rescheduleJob(item.id)">\n            {{ $tc(\'job-listing.actions.reschedule-job.button.label\') }}\n          </sw-context-menu-item>\n          <sw-context-menu-item class="sw-context-menu-item--danger"\n                                :disabled="!canDelete(item)"\n                                @click="onDeleteJob(item.id)">\n            {{ $tc(\'job-listing.actions.delete-job.button.label\') }}\n          </sw-context-menu-item>\n        </template>\n      </nosto-entity-listing>\n    {% endblock %}\n\n    {% block nosto_entity_listing_job_subs_modal %}\n      <sw-modal class="nosto-job-sub-jobs-modal" v-if="showJobSubsModal" :title="$tc(\'job-listing.page.listing.grid.column.child-jobs\')"\n                @modal-close="showJobSubsModal = false">\n        <nosto-job-sub-jobs v-if="currentJobID" :jobId="currentJobID">\n\n        </nosto-job-sub-jobs>\n        <template #modal-footer>\n          <sw-button variant="primary"\n                     @click="showJobSubsModal = false">\n              {{ $tc(\'job-listing.page.listing.index.close\') }}\n          </sw-button>\n        </template>\n      </sw-modal>\n    {% endblock %}\n\n    {% block nosto_entity_listing_job_messages_modal %}\n      <sw-modal class="nosto-job-messages-modal" v-if="showMessagesModal"\n                :title="$tc(\'job-listing.page.listing.grid.column.messages\')"\n                @modal-close="showMessagesModal = false">\n        {% block job_messages_listing %}\n          <div v-if="currentJobMessages" class="job_list_grid_job_messages-information" style="width:100%;">\n            <div class="messages-content" v-for="item in currentJobMessages">\n              <sw-alert class="nosto-alert"\n                        v-if="item.type == \'info-message\'"\n                        variant="info"\n                        appearance="default"\n                        :showIcon="true"\n                        :closable="false">\n                {{ item.message }}\n              </sw-alert>\n              <sw-alert class="nosto-alert"\n                        v-if="item.type == \'error-message\'"\n                        variant="error"\n                        appearance="default"\n                        :showIcon="true"\n                        :closable="false">\n                {{ item.message }}\n              </sw-alert>\n              <sw-alert class="nosto-alert"\n                        v-if="item.type == \'warning-message\'"\n                        variant="warning"\n                        appearance="default"\n                        :showIcon="true"\n                        :closable="false">\n                {{ item.message }}\n              </sw-alert>\n            </div>\n          </div>\n        {% endblock %}\n        <template #modal-footer>\n          <sw-button variant="primary"\n                     @click="showMessagesModal = false">\n              {{ $tc(\'job-listing.page.listing.index.close\') }}\n          </sw-button>\n        </template>\n      </sw-modal>\n    {% endblock %}\n  </div>\n{% endblock %}\n',inject:["NostoRescheduleService","repositoryFactory","filterFactory","feature"],mixins:["notification"],props:{isGroupedView:{type:Boolean,required:!1,default:!1},jobTypes:{type:Array,required:!1,default:()=>[]},filterCriteria:{type:Array,required:!1,default:()=>[]}},data(){return{jobItems:null,isLoading:!1,reloadInterval:null,showJobInfoModal:!1,showJobSubsModal:!1,currentJobID:null,showMessagesModal:!1,currentJobMessages:null,groupCreationDate:{},sortType:"status",jobDisplayType:null,autoLoad:!1,autoLoadIsActive:!1,autoReloadInterval:6e4}},computed:{jobRepository(){return this.repositoryFactory.create("nosto_scheduler_job")},messageRepository(){return this.repositoryFactory.create("nosto_scheduler_job_message")},columns(){return[{property:"name",label:this.$tc("job-listing.page.listing.grid.column.name"),allowResize:!0,width:"250px"},{property:"status",label:this.$tc("job-listing.page.listing.grid.column.status"),allowResize:!0,width:"150px"},{property:"startedAt",label:this.$tc("job-listing.page.listing.grid.column.started-at"),allowResize:!0,width:"170px",sortable:!0},{property:"finishedAt",label:this.$tc("job-listing.page.listing.grid.column.finished-at"),allowResize:!0,width:"170px"},{property:"createdAt",label:this.$tc("job-listing.page.listing.grid.column.created-at"),allowResize:!0,width:"170px"},{property:"subJobs",label:this.$tc("job-listing.page.listing.grid.column.child-jobs"),allowResize:!0,width:"250px",visible:!0,sortable:!1},{property:"messages",label:this.$tc("job-listing.page.listing.grid.column.messages"),allowResize:!0,width:"250px",visible:!0,sortable:!1}]},jobDisplayMode(){return[{name:this.$tc("job-listing.page.listing.index.list"),value:"list"},{name:this.$tc("job-listing.page.listing.index.grouped"),value:"grouped"},{name:this.$tc("job-listing.page.listing.index.chart"),value:"chart"}]}},watch:{autoLoadIsActive(){this._handleAutoReload(this.autoLoadIsActive)},jobDisplayType(){this.stopAutoLoading(),this.$emit("job-display-type-changed",this.jobDisplayType)},filterCriteria(){this.filterCriteriaChanged(this.filterCriteria)}},created(){this.createdComponent()},beforeDestroy(){clearInterval(this.reloadInterval)},methods:{createdComponent(){this.jobDisplayType="list",this.getList()},filterCriteriaChanged(e){this.getList(e)},_handleAutoReload(e){e&&this.autoReloadInterval>0?"list"===this.jobDisplayType?this.reloadInterval=setInterval(()=>{this.updateList()},this.autoReloadInterval):"grouped"===this.jobDisplayType?this.reloadInterval=setInterval(()=>{this.$refs.jobGroups.initGroupedView()},this.autoReloadInterval):"chart"===this.jobDisplayType&&(this.reloadInterval=setInterval(()=>{this.$refs.jobCharts.initChartData()},this.autoReloadInterval)):clearInterval(this.reloadInterval)},pageChange(){this.autoLoadIsActive=!1,clearInterval(this.reloadInterval)},getLinkParams(e){return{id:e.id,backPath:this.$route.name}},updateList(e){let t=new a;return t.addFilter(a.equals("parentId",null)),t.addSorting(a.sort("createdAt","DESC",!1)),t.addAssociation("messages"),t.addAssociation("subJobs"),e&&e.forEach(e=>{t.addFilter(e)}),this.jobTypes!==[]&&t.addFilter(a.equalsAny("type",this.jobTypes)),this.jobRepository.search(t,Shopware.Context.api).then(e=>{this.jobItems=s.sortMessages(e)})},getMessagesCount(e,t){return e.messages.filter(e=>e.type===`${t}-message`).length},getChildrenCount(e,t){return e.subJobs.filter(e=>e.status===t).length},getList(e){this.isLoading=!0,this.updateList(e).then(()=>{this.isLoading=!1})},onRefresh(e){return"grouped"===this.jobDisplayType?this.$refs.jobGroups.onRefresh():"chart"===this.jobDisplayType?this.$refs.jobCharts.onRefresh():this.getList(e)},canDelete(e){return -1!==["error","succeed"].indexOf(e.status)},onDeleteJob(e){this.jobRepository.delete(e,Shopware.Context.api).then(()=>{this.updateList()})},rescheduleJob(e){this.NostoRescheduleService.rescheduleJob(e).then(()=>{this.createNotificationSuccess({message:"Job has been rescheduled successfully."}),this.updateList()}).catch(()=>{this.createNotificationError({message:"Unable reschedule job."})})},showSubJobs(e){this.currentJobID=e,this.showJobSubsModal=!0},showJobMessages(e){this.currentJobMessages=e.messages,this.showMessagesModal=!0},stopAutoLoading(){this.autoLoadIsActive=!1,clearInterval(this.reloadInterval)},formatDate(e){return new Date(e).toLocaleString()}}});var i=JSON.parse('{"job-listing":{"general":{"title":"Job Listing Pages","description":"job-listing"},"menu":{"title":"Job Listing"},"page":{"listing":{"title":"Job Listing","description":"List of Jobs","index":{"display-mode":"Display Mode","list":"List","grouped":"Grouped","chart":"Chart","group-by":"Group by","status":"Status","job-type":"Job Type","date-from":"Date from","date-to":"Date to","auto-load":"Auto load","child-jobs":"Child Jobs","messages":"Messages","show-sub-jobs":"Show sub jobs","show-job-messages":"Show Job Messages","close":"Close","loading":"Loading..."},"grouped-view":{"job-info":"Job info","job-messages":"Job Messages","sub-jobs":"Sub jobs"},"grid":{"job-status":{"succeed":"Success","error":"Failed","pending":"Pending","running":"Running"},"column":{"type":"Type","status":"Status","name":"Name","started-at":"Started at","finished-at":"Finished at","created-at":"Created at","child-jobs":"Child Jobs","messages":"Messages","show-sub-jobs":"Show sub jobs","show-job-messages":"Show Job Messages","close":"Close"},"message-modal":{"label":"Job Messages"}}},"detail":{"textHeadline":"Job","jobChildrenTitle":"Job Children"}},"actions":{"reschedule-job":{"button":{"label":"Reschedule Job"}},"delete-job":{"button":{"label":"Delete Job"}},"view-job":{"button":{"label":"View Job"}},"show-messages":{"button":{"label":"Show Messages"}}}}}'),l=JSON.parse('{"job-listing":{"general":{"title":"\xdcbersicht der Jobs","description":"Job \xdcbersicht"},"menu":{"title":"Job \xdcbersicht"},"page":{"listing":{"title":"Job \xdcbersicht","description":"Liste der Jobs","index":{"display-mode":"Anzeigemodus","list":"\xdcbersicht","grouped":"Gruppiert","chart":"Diagramm","group-by":"Gruppiere nach","status":"Status","job-type":"Job Typ","date-from":"Datum von","date-to":"Datum bis","auto-load":"Automatisches Laden","child-jobs":"Kinder-Jobs","messages":"Meldungen","show-sub-jobs":"Sub-Jobs anzeigen","show-job-messages":"Meldungen zu Jobs anzeigen","close":"Schlie\xdfen","loading":"Wird geladen..."},"grouped-view":{"job-info":"Job-Die Info","job-messages":"Job-Meldungen","sub-jobs":"Sub-Jobs"},"grid":{"job-status":{"succeed":"erfolgreich","error":"fehlgeschlagen","pending":"ausstehend","running":"in Bearbeitung"},"column":{"type":"Typ","status":"Status","name":"Name","started-at":"Gestartet um","finished-at":"Fertig um","created-at":"Beendet um","child-jobs":"Kinder-Jobs","messages":"Meldungen","show-sub-jobs":"Unterjobs anzeigen","show-job-messages":"Meldungen zu Jobs anzeigen","close":"Schlie\xdfen"},"message-modal":{"label":"Job-Meldungen"}}},"detail":{"textHeadline":"Job","jobChildrenTitle":"Kinder-Jobs"}},"actions":{"reschedule-job":{"button":{"label":"Umplanen Job"}},"delete-job":{"button":{"label":"Job l\xf6schen"}},"view-job":{"button":{"label":"Job anzeigen"}},"show-messages":{"button":{"label":"Meldungen anzeigen"}}}}}');let{Module:r}=Shopware;r.register("nosto-job-listing",{type:"plugin",title:"job-listing.general.title",description:"job-listing.general.description",color:"#F88962",icon:"default-avatar-multiple",snippets:{"en-GB":i,"de-DE":l},routes:{detail:{path:"detail/:id/back/:backPath",props:{default:e=>({jobId:e.params.id})}}}});let d=Shopware.Classes.ApiService;var c=class extends d{constructor(e,t,n="nosto-job"){super(e,t,n)}rescheduleJob(e){let t=this.getBasicHeaders();return this.httpClient.post(`_action/${this.getApiBasePath()}/reschedule`,{params:{jobId:e},headers:t}).then(e=>d.handleResponse(e))}};let{Application:b}=Shopware,u=b.getContainer("init");b.addServiceProvider("NostoRescheduleService",e=>new c(u.httpClient,e.loginService));let{Component:m}=Shopware,{Criteria:g}=Shopware.Data;m.register("nosto-job-info",{template:'{% block nosto_job_info_base %}\n    <sw-card-section v-if="jobItem">\n        {% block job_info_overview_columns %}\n            <sw-container\n                    columns="repeat(auto-fit, minmax(250px, 1fr))"\n                    gap="30px 30px">\n                {% block job_info_overview_left_column %}\n                    <sw-description-list\n                            columns="1fr"\n                            grid="1fr">\n                        {% block job_info_overview_name %}\n                            <dt>{{ $tc(\'job-listing.page.listing.grid.column.name\') }}</dt>\n                            <dd>\n                                <sw-order-inline-field\n                                    v-if="jobItem.name"\n                                    :display-value="jobItem.name"\n                                    :value="jobItem.name"\n                                    :editable="false"\n                                />\n                            </dd>\n                        {% endblock %}\n                        {% block job_info_overview_status %}\n                            <dt>{{ $tc(\'job-listing.page.listing.grid.column.status\') }}</dt>\n                            <dd>\n                                <template>\n                                    <nosto-job-status-badge :status="jobItem.status">\n                                    </nosto-job-status-badge>\n                                    {{ $tc(\'job-listing.page.listing.grid.job-status.\' + jobItem.status) }}\n                                </template>\n                            </dd>\n                        {% endblock %}\n                        {% block job_info_overview_startedAt %}\n                            <dt>{{ $tc(\'job-listing.page.listing.grid.column.started-at\') }}</dt>\n                            <dd>\n                                <sw-order-inline-field\n                                    v-if="jobItem.startedAt"\n                                    :display-value="formatDate(jobItem.startedAt)"\n                                    :value="formatDate(jobItem.startedAt)"\n                                    :editable="false"\n                                />\n                            </dd>\n                        {% endblock %}\n                    </sw-description-list>\n                {% endblock %}\n                {% block nosto_job_info_overview_right_column %}\n                    <sw-description-list\n                            columns="1fr"\n                            grid="1fr" class="nosto-job-user-card__summary-vertical">\n                        {% block job_detail_base_overview_type %}\n                            <dt>{{ $tc(\'job-listing.page.listing.grid.column.type\') }}</dt>\n                            <dd>\n                                <sw-order-inline-field\n                                    v-if="jobItem.type"\n                                    :display-value="jobItem.type"\n                                    :value="jobItem.type"\n                                    :editable="false"\n                                />\n                            </dd>\n                        {% endblock %}\n                        {% block job_info_overview_createdAt %}\n                            <dt>{{ $tc(\'job-listing.page.listing.grid.column.created-at\') }}</dt>\n                            <dd>\n                                <sw-order-inline-field\n                                    v-if="jobItem.createdAt"\n                                    :display-value="formatDate(jobItem.createdAt)"\n                                    :value="formatDate(jobItem.startedAt)"\n                                    :editable="false"\n                                />\n                            </dd>\n                        {% endblock %}\n                        {% block job_info_overview_finishedAt %}\n                            <dt>{{ $tc(\'job-listing.page.listing.grid.column.finished-at\') }}</dt>\n                            <dd>\n                                <sw-order-inline-field\n                                    v-if="jobItem.finishedAt"\n                                    :display-value="formatDate(jobItem.finishedAt)"\n                                    :value="formatDate(jobItem.finishedAt)"\n                                    :editable="false"\n                                />\n                            </dd>\n                        {% endblock %}\n                    </sw-description-list>\n                {% endblock %}\n            </sw-container>\n        {% endblock %}\n    </sw-card-section>\n{% endblock %}\n',inject:["NostoRescheduleService","repositoryFactory"],mixins:["notification"],props:{jobId:{type:String,required:!1,default:null}},data(){return{jobItem:null}},computed:{jobRepository(){return this.repositoryFactory.create("nosto_scheduler_job")}},created(){this.initPageData()},methods:{initPageData(){this.jobRepository.get(this.jobId,Shopware.Context.api,new g).then(e=>{this.jobItem=e})},formatDate(e){return new Date(e).toLocaleString()}}}),n(951);let{Component:p}=Shopware,{Criteria:h}=Shopware.Data;p.register("nosto-job-sub-jobs",{template:'{% block nosto_job_sub_jobs_base %}\n    <div class="sub-jobs-container">\n        <div class="sub-job-container" v-if="subJobs">\n            {% block job_children_listing %}\n                <nosto-entity-listing\n                        v-if="subJobs"\n                        :items="subJobs"\n                        :data-source="subJobs"\n                        :repository="jobRepository"\n                        :showSelection="false"\n                        :allowColumnEdit="false"\n                        :compactMode="false"\n                        :allowDelete="false"\n                        :allowEdit="false"\n                        :columns="jobChildrenColumns">\n                    <template #column-name="{ item }">\n                        {% block job_list_grid_job_name_link %}\n                            {{ item.name }}\n                        {% endblock %}\n                    </template>\n                    <template #column-status="{ item }">\n                        {% block job_list_grid_job_status_link %}\n                            <template>\n                                <nosto-job-status-badge :status="item.status"></nosto-job-status-badge>\n                                {{ $tc(\'job-listing.page.listing.grid.job-status.\' + item.status) }}\n                            </template>\n                        {% endblock %}\n                    </template>\n\n                    <template #column-startedAt="{ item }">\n                        {% block job_list_grid_job_started_at %}\n                            {{ formatDate(item.startedAt) }}\n                        {% endblock %}\n                    </template>\n                    <template #column-finishedAt="{ item }">\n                        {% block job_list_grid_job_finished_at %}\n                            {{ formatDate(item.finishedAt) }}\n                        {% endblock %}\n                    </template>\n                    <template #column-createdAt="{ item }">\n                        {% block job_list_grid_job_created_at %}\n                            {{ formatDate(item.createdAt) }}\n                        {% endblock %}\n                    </template>\n                    <template #column-messages="{ item }">\n                        {% block sub_job_show_messages_button %}\n                            <div :class="item.messages.length > 0 ? \'has-messages\' : \'\'" class="message-counters-container jobs-info-counter">\n                                <div class="count-container" v-if="item.messages">\n                            <span class="info-counter">\n                                <span class="count" v-html="getMessagesCount(item, \'info\')"></span>\n                            </span>\n                                    <sw-icon :small="true" name="regular-info-circle" color="#3498db"></sw-icon>\n                                </div>\n\n                                <div class="count-container" v-if="item.messages">\n                            <span class="warning-counter">\n                                <span class="count" v-html="getMessagesCount(item, \'warning\')"></span>\n                            </span>\n                                    <sw-icon :small="true" name="regular-exclamation-triangle" color="#f39c12"></sw-icon>\n                                </div>\n\n                                <div class="count-container" v-if="item.messages">\n                            <span class="error-counter">\n                                <span class="count" v-html="getMessagesCount(item, \'error\')"></span>\n                            </span>\n                                    <sw-icon :small="true" name="regular-times-hexagon" color="#c0392b"></sw-icon>\n                                </div>\n                            </div>\n                            <sw-button v-if="item.messages.length > 0"\n                                       class="job-messages-show-modal"\n                                       size="small"\n                                       variant="primary"\n                                       :disabled="item.messages.length <= 0"\n                                       @click="showMessageModal(item.messages)">\n                                <sw-icon name="regular-envelope" color="#fff" :small="true" :decorative="true"></sw-icon>\n                                {{ $tc(\'job-listing.actions.show-messages.button.label\') }}\n                            </sw-button>\n                        {% endblock %}\n                    </template>\n                    <template #actions="{ item }">\n                        <sw-context-menu-item :disabled="item.status !== \'error\'"\n                                              @click="rescheduleJob(item.id)">\n                            {{ $tc(\'job-listing.actions.reschedule-job.button.label\') }}\n                        </sw-context-menu-item>\n                        <sw-context-menu-item v-if="item.messages"\n                                              :disabled="item.messages.length <= 0"\n                                              @click="showMessageModal(item.messages)">\n                            {{ $tc(\'job-listing.actions.show-messages.button.label\') }}\n                        </sw-context-menu-item>\n                    </template>\n                </nosto-entity-listing>\n            {% endblock %}\n        </div>\n        <div v-else>\n            {{ $tc(\'job-listing.page.listing.index.loading\') }}\n        </div>\n        <sw-modal class="nosto-job-messages-modal" v-if="showMessagesModal" :title="$tc(\'job-listing.page.listing.grid.column.messages\')"\n                  @modal-close="showMessagesModal = false">\n            {% block job_messages_listing %}\n                <div v-if="currentJobMessages" class="job_list_grid_job_messages-information" style="width:100%;">\n                    <div class="messages-content" v-for="item in currentJobMessages">\n                        <sw-alert class="nosto-alert"\n                                v-if="item.type == \'info-message\'"\n                                variant="info"\n                                appearance="default"\n                                :showIcon="true"\n                                :closable="false">\n                            {{ item.message }}\n                        </sw-alert>\n                        <sw-alert class="nosto-alert"\n                                v-if="item.type == \'error-message\'"\n                                variant="error"\n                                appearance="default"\n                                :showIcon="true"\n                                :closable="false">\n                            {{ item.message }}\n                        </sw-alert>\n                        <sw-alert class="nosto-alert"\n                                v-if="item.type == \'warning-message\'"\n                                variant="warning"\n                                appearance="default"\n                                :showIcon="true"\n                                :closable="false">\n                            {{ item.message }}\n                        </sw-alert>\n                    </div>\n                </div>\n            {% endblock %}\n            <template #modal-footer>\n                <sw-button variant="primary"\n                           @click="showMessagesModal = false">\n                    {{ $tc(\'job-listing.page.listing.index.close\') }}\n                </sw-button>\n            </template>\n        </sw-modal>\n    </div>\n{% endblock %}\n',inject:["NostoRescheduleService","repositoryFactory"],mixins:["notification"],props:{jobId:{type:String,required:!1,default:null}},data(){return{subJobs:null,showMessagesModal:!1,currentJobMessages:null}},computed:{jobRepository(){return this.repositoryFactory.create("nosto_scheduler_job")},jobChildrenColumns(){return[{property:"name",dataIndex:"name",label:this.$tc("job-listing.page.listing.grid.column.name"),allowResize:!1,inlineEdit:!0,width:"200px"},{property:"status",dataIndex:"status",label:this.$tc("job-listing.page.listing.grid.column.status"),allowResize:!1,inlineEdit:!0,width:"100px"},{property:"startedAt",dataIndex:"startedAt",label:this.$tc("job-listing.page.listing.grid.column.started-at"),allowResize:!1,inlineEdit:!0,width:"150px",sortable:!0},{property:"finishedAt",dataIndex:"finishedAt",label:this.$tc("job-listing.page.listing.grid.column.finished-at"),allowResize:!0,inlineEdit:!0,width:"150px"},{property:"createdAt",dataIndex:"createdAt",label:this.$tc("job-listing.page.listing.grid.column.created-at"),allowResize:!0,inlineEdit:!0,width:"150px"},{property:"messages",dataIndex:"messages",label:"Messages",allowResize:!0,inlineEdit:!1,width:"250px",sortable:!1}]}},created(){this.initModalData()},methods:{initModalData(){let e=new h;e.addFilter(h.equals("parentId",this.jobId)),e.addSorting(h.sort("createdAt","DESC",!1)),e.addAssociation("messages"),this.jobRepository.search(e,Shopware.Context.api).then(e=>{this.subJobs=s.sortMessages(e)})},rescheduleJob(e){this.NostoRescheduleService.rescheduleJob(e).then(()=>{this.createNotificationSuccess({message:"Job has been rescheduled successfully."}),this.initPageData()}).catch(()=>{this.createNotificationError({message:"Unable reschedule job."})})},showMessageModal(e){this.currentJobMessages=e,this.showMessagesModal=!0},getMessagesCount(e,t){return e.messages.filter(e=>e.type===`${t}-message`).length},formatDate(e){return new Date(e).toLocaleString()}}}),n(461);let{Component:_}=Shopware,{Criteria:w}=Shopware.Data;_.register("nosto-scheduler-charts",{template:'{% block nosto_job_charts_base %}\n<div class="nosto-scheduler-charts">\n    <div class="sw-dashboard-statistics__card-headline-select">\n        <sw-select-field\n                v-model:value="statisticDateRanges.value"\n                class="charts-date-range"\n                size="small">\n            <option\n                    v-for="(value, option) in statisticDateRanges.options"\n                    :key="option"\n                    :value="option">\n                {{ $tc(`sw-dashboard.monthStats.dateRanges.${option}`) }}\n            </option>\n        </sw-select-field>\n    </div>\n    <sw-chart\n            type="area"\n            :series="chartSeries"\n            :options="chartOptionsCount"\n            :fill-empty-values="getTimeUnitInterval"\n            :fillEmptyDates="false"\n            :sort="true"\n    />\n</div>\n{% endblock %}\n',inject:["repositoryFactory"],mixins:["notification"],props:{jobTypes:{type:Array,required:!1,default:()=>[]},sortType:{type:String,required:!0,default:()=>"status"}},data(){return{items:null,statisticDateRanges:{value:"30Days",options:{"30Days":30,"14Days":14,"7Days":7,"24Hours":24,yesterday:1}},chartSeries:[],colors:{0:"#FF8C00",1:"#0044ee",2:"#9400D3",3:"#FFD700",4:"#008000",5:"#40E0D0",6:"#00BFFF",7:"#209d90",8:"#C71585",9:"#000000",10:"#F4A460"}}},computed:{jobRepository(){return this.repositoryFactory.create("nosto_scheduler_job")},getTimeUnitInterval(){let e=this.statisticDateRanges.value;return"yesterday"===e||"24Hours"===e?"hour":"day"},dateAgo(){let e=new Date,t=this.statisticDateRanges.value,n=this.statisticDateRanges.options[t]??0;return"24Hours"===t?e.setHours(e.getHours()-n):(e.setDate(e.getDate()-n),e.setHours(0,0,0,0)),e},chartOptionsCount(){return{title:{text:"Jobs",style:{fontSize:"16px",fontWeight:"600"}},xaxis:{type:"datetime",min:this.dateAgo.getTime(),labels:{datetimeUTC:!1}},yaxis:{min:0,tickAmount:3,labels:{formatter:e=>parseInt(e,10)}}}}},watch:{sortType(){this.initChartData()}},created(){this.initChartData()},beforeDestroy(){clearInterval(this.reloadInterval)},methods:{initChartData(){let e=new w;return e.addFilter(w.equals("parentId",null)),e.setLimit(500),this.jobTypes!==[]&&e.addFilter(w.equalsAny("type",this.jobTypes)),this.jobRepository.search(e,Shopware.Context.api).then(e=>{this.items=e,"status"===this.sortType?this.createStatusChartSeries(e):"type"===this.sortType&&this.createTypeChartSeries(e)})},createTypeChartSeries(e){this.chartSeries=e.reduce((e,t,n)=>{let s=this.parseDate(t.createdAt),o=e.find(e=>e.name===t.name),a={x:s,y:1};if(o){let e=o.data.findIndex(e=>e.x===s);-1===e?o.data.push(a):o.data[e].y+=1}else e.push({name:t.name,data:[a],color:this.colors[n]?this.colors[n]:this.getRandomColor(n)});return e},[])},createStatusChartSeries(e){this.chartSeries=[{name:this.$tc("job-listing.page.listing.grid.job-status.succeed"),data:this.getDataByItemStatus(e,"succeed"),color:"#37d046"},{name:this.$tc("job-listing.page.listing.grid.job-status.error"),data:this.getDataByItemStatus(e,"error"),color:"#de294c"},{name:this.$tc("job-listing.page.listing.grid.job-status.pending"),data:this.getDataByItemStatus(e,"pending"),color:"#d1d9e0"}]},getDataByItemStatus(e,t){return e.filter(e=>e.status===t).reduce((e,t)=>{let n=this.parseDate(t.createdAt),s=e.findIndex(e=>e.x===n);return -1!==s?e[s].y+=1:e.push({x:n,y:1}),e},[])},getRandomColor(){let e=(1048575e6*Math.random()).toString(16);return`#${e.slice(0,6)}`},statusCharts(){return[{name:this.$tc("job-listing.page.listing.grid.job-status.succeed"),data:[],color:"#37d046"},{name:this.$tc("job-listing.page.listing.grid.job-status.error"),data:[],color:"#de294c"},{name:this.$tc("job-listing.page.listing.grid.job-status.pending"),data:[],color:"#d1d9e0"}]},parseDate(e){return new Date((e=e.substring(0,e.lastIndexOf("T")+1)).replace(/-/g,"/").replace("T"," ")).valueOf()},onRefresh(){this.initChartData()}}}),n(158);let{Component:f}=Shopware,{Criteria:v}=Shopware.Data;f.register("nosto-grouped-view",{template:'{% block nosto_grouped_view_base %}\n    <div class="nosto-grouped-view-container" v-if="groupedItems" :isLoading="isLoading">\n        <div class="nosto-grouped-view-wrapper"\n             v-for="group in groupedItems">\n            <sw-collapse :class="`is-${group.type}`">\n                <template #header>{{ group.title }} <span class="amount">({{ group.items.total }})</span></template>\n                <template #content>\n                    <nosto-entity-listing\n                            :items="group.items"\n                            :repository="jobRepository"\n                            :is-loading="isLoading"\n                            :showSelection="true"\n                            :allowColumnEdit="false"\n                            :allowDelete="true"\n                            :allowEdit="false"\n                            :page="1"\n                            :jobTypes="jobTypes"\n                            :columns="columns">\n                        <template #column-status="{ item }">\n                            {% block nosto_job_list_grid_job_status_link %}\n                                <template>\n                                    <nosto-job-status-badge :status="item.status"></nosto-job-status-badge>\n                                    {{ $tc(\'job-listing.page.listing.grid.job-status.\' + item.status) }}\n                                </template>\n                            {% endblock %}\n                        </template>\n                        <template #column-name="{ item }">\n                            {% block nosto_job_list_grid_job_name_link %}\n                                {{ item.name }}\n                            {% endblock %}\n                        </template>\n                        <template #column-startedAt="{ item }">\n                            {% block nosto_job_list_grid_job_started_date %}\n                                {{ formatDate(item.startedAt) }}\n                            {% endblock %}\n                        </template>\n                        <template #column-finishedAt="{ item }">\n                            {% block nosto_job_list_grid_job_finished_date %}\n                                {{ formatDate(item.finishedAt) }}\n                            {% endblock %}\n                        </template>\n                        <template #column-createdAt="{ item }">\n                            {% block nosto_job_list_grid_job_created_date %}\n                                {{ formatDate(item.createdAt) }}\n                            {% endblock %}\n                        </template>\n                        <template class="sub-jobs-column" #column-subJobs="{ item }">\n                            {% block nosto_job_list_grid_job_sub_jobs %}\n                                <div :class="item.subJobs.length > 0 ? \'has-subjobs\' : \'\'"\n                                     class="sub-jobs-counters-container jobs-info-counter"\n                                >\n                                    <div class="count-container" v-if="item.subJobs">\n                                        <span class="info-container">\n                                            <span class="count" v-html="getChildrenCount(item, \'succeed\')"></span>\n                                        </span>\n                                        <nosto-job-status-badge status="succeed"></nosto-job-status-badge>\n                                    </div>\n\n                                    <div class="count-container" v-if="item.subJobs">\n                                        <span class="warning-container">\n                                            <span class="count" v-html="getChildrenCount(item, \'pending\')"></span>\n                                        </span>\n                                        <nosto-job-status-badge status="pending"></nosto-job-status-badge>\n                                    </div>\n\n                                    <div class="count-container" v-if="item.subJobs">\n                                        <span class="error-counter">\n                                            <span class="count" v-html="getChildrenCount(item, \'error\')"></span>\n                                        </span>\n                                        <nosto-job-status-badge status="error"></nosto-job-status-badge>\n                                    </div>\n                                </div>\n                            {% endblock %}\n                            <sw-button v-if="item.subJobs.length > 0" class="sub-job-show-modal" size="small" variant="primary"\n                                       :disabled="item.subJobs.length <= 0" @click="showSubJobs(item.id)">\n                                <sw-icon name="regular-cog" color="#fff" :small="true" :decorative="true"></sw-icon>\n                                {{ $tc(\'job-listing.page.listing.grid.column.show-sub-jobs\') }}\n                            </sw-button>\n                        </template>\n                        <template #column-messages="{ item }">\n                            {% block nosto_job_list_grid_job_messages %}\n                                <div :class="item.messages.length > 0 ? \'has-messages\' : \'\'"\n                                     class="message-counters-container jobs-info-counter">\n                                    <div class="count-container" v-if="item.messages">\n                                        <span class="info-counter">\n                                            <span class="count" v-html="getMessagesCount(item, \'info\')"></span>\n                                        </span>\n                                        <sw-icon :small="true" name="regular-info-circle" color="#3498db"></sw-icon>\n                                    </div>\n\n                                    <div class="count-container" v-if="item.messages">\n                                        <span class="warning-counter">\n                                            <span class="count" v-html="getMessagesCount(item, \'warning\')"></span>\n                                        </span>\n                                        <sw-icon :small="true" name="regular-exclamation-triangle" color="#f39c12"></sw-icon>\n                                    </div>\n\n                                    <div class="count-container" v-if="item.messages">\n                                        <span class="error-counter">\n                                            <span class="count" v-html="getMessagesCount(item, \'error\')"></span>\n                                        </span>\n                                        <sw-icon :small="true" name="regular-times-hexagon" color="#c0392b"></sw-icon>\n                                    </div>\n                                </div>\n                                <sw-button v-if="item.messages.length > 0" class="job-messages-show-modal" size="small"\n                                           variant="primary" :disabled="item.messages.length <= 0"\n                                           @click="showJobMessages(item)">\n                                    <sw-icon name="regular-envelope" color="#fff" :small="true"\n                                             :decorative="true"></sw-icon>\n                                    Show job messages\n                                </sw-button>\n                            {% endblock %}\n                        </template>\n                        <template #actions="{ item }">\n                            <sw-context-menu-item :disabled="item.status !== \'error\'"\n                                                  @click="rescheduleJob(item.id)">\n                                {{ $tc(\'job-listing.actions.reschedule-job.button.label\') }}\n                            </sw-context-menu-item>\n                            <sw-context-menu-item class="sw-context-menu-item--danger"\n                                                  :disabled="!canDelete(item)"\n                                                  @click="onDeleteJob(item.id)">\n                                {{ $tc(\'job-listing.actions.delete-job.button.label\') }}\n                            </sw-context-menu-item>\n                        </template>\n                    </nosto-entity-listing>\n                </template>\n            </sw-collapse>\n        </div>\n        {% block nosto_entity_listing_job_info_modal %}\n            <sw-modal class="nosto-job-info-modal" v-if="showJobInfoModal" :title="$tc(\'job-listing.page.listing.grouped-view.job-info\')"\n                      @modal-close="showJobInfoModal = false">\n                <nosto-job-info v-if="currentJobID" :jobId="currentJobID">\n\n                </nosto-job-info>\n                <template #modal-footer>\n                    <sw-button variant="primary"\n                               @click="showJobInfoModal = false">\n                        {{ $tc(\'job-listing.page.listing.index.close\') }}\n                    </sw-button>\n                </template>\n            </sw-modal>\n        {% endblock %}\n\n        {% block nosto_entity_listing_job_subs_modal %}\n            <sw-modal class="nosto-job-sub-jobs-modal" v-if="showJobSubsModal" :title="$tc(\'job-listing.page.listing.grouped-view.sub-jobs\')"\n                      @modal-close="showJobSubsModal = false">\n                <nosto-job-sub-jobs v-if="currentJobID" :jobId="currentJobID">\n\n                </nosto-job-sub-jobs>\n                <template #modal-footer>\n                    <sw-button variant="primary"\n                               @click="showJobSubsModal = false">\n                        {{ $tc(\'job-listing.page.listing.index.close\') }}\n                    </sw-button>\n                </template>\n            </sw-modal>\n        {% endblock %}\n\n        {% block nosto_entity_listing_job_messages_modal %}\n            <sw-modal class="nosto-job-messages-modal" v-if="showMessagesModal" :title="$tc(\'job-listing.page.listing.grouped-view.job-messages\')"\n                      @modal-close="showMessagesModal = false">\n                {% block job_messages_listing %}\n                    <div v-if="currentJobMessages" class="job_list_grid_job_messages-information" style="width:100%;">\n                        <div class="messages-content" v-for="item in currentJobMessages">\n                            <sw-alert class="nosto-alert"\n                                      v-if="item.type == \'info-message\'"\n                                      variant="info"\n                                      appearance="default"\n                                      :showIcon="true"\n                                      :closable="false">\n                                {{ item.message }}\n                            </sw-alert>\n                            <sw-alert class="nosto-alert"\n                                      v-if="item.type == \'error-message\'"\n                                      variant="error"\n                                      appearance="default"\n                                      :showIcon="true"\n                                      :closable="false">\n                                {{ item.message }}\n                            </sw-alert>\n                            <sw-alert class="nosto-alert"\n                                      v-if="item.type == \'warning-message\'"\n                                      variant="warning"\n                                      appearance="default"\n                                      :showIcon="true"\n                                      :closable="false">\n                                {{ item.message }}\n                            </sw-alert>\n                        </div>\n                    </div>\n                {% endblock %}\n                <template #modal-footer>\n                    <sw-button variant="primary"\n                               @click="showMessagesModal = false">\n                        {{ $tc(\'job-listing.page.listing.index.close\') }}\n                    </sw-button>\n                </template>\n            </sw-modal>\n        {% endblock %}\n    </div>\n{% endblock %}\n',inject:["repositoryFactory"],mixins:["notification"],props:{jobTypes:{type:Array,required:!1,default:()=>[]},groupCreationDate:{type:Object,required:!1,default:()=>{}},sortType:{type:String,required:!0,default:()=>"status"}},data(){return{groupedItems:[],isLoading:!1,showJobInfoModal:!1,showJobSubsModal:!1,currentJobID:null,showMessagesModal:!1,currentJobMessages:null}},computed:{jobRepository(){return this.repositoryFactory.create("nosto_scheduler_job")},messageRepository(){return this.repositoryFactory.create("nosto_scheduler_job_message")},jobMessagesColumns(){return[{property:"message",dataIndex:"message",label:this.$tc("job-listing.page.listing.grid.column.message"),allowResize:!1,align:"left",width:"90px"}]},columns(){return[{property:"name",label:this.$tc("job-listing.page.listing.grid.column.name"),allowResize:!0,width:"500px"},{property:"status",label:this.$tc("job-listing.page.listing.grid.column.status"),allowResize:!0,width:"150px"},{property:"startedAt",label:this.$tc("job-listing.page.listing.grid.column.started-at"),allowResize:!0,width:"170px"},{property:"finishedAt",label:this.$tc("job-listing.page.listing.grid.column.finished-at"),allowResize:!0,width:"170px"},{property:"createdAt",label:this.$tc("job-listing.page.listing.grid.column.created-at"),allowResize:!0,width:"170px"},{property:"subJobs",label:this.$tc("job-listing.page.listing.grid.column.child-jobs"),allowResize:!0,width:"250px",visible:!0,sortable:!1},{property:"messages",label:this.$tc("job-listing.page.listing.grid.column.messages"),allowResize:!0,width:"350px",visible:!0,sortable:!1}]}},watch:{sortType(){this.groupedItems=[],this.initGroupedView()},groupCreationDate:{handler(){this.groupedItems=[],this.initGroupedView()},deep:!0}},created(){this.initGroupedView()},beforeDestroy(){clearInterval(this.reloadInterval)},methods:{initGroupedView(){this.isLoading=!0;let e=new v;return e.addFilter(v.equals("parentId",null)),e.addSorting(v.sort("createdAt","DESC",!1)),e.addAssociation("messages"),e.addAssociation("subJobs"),e.limit=null,this.jobTypes!==[]&&e.addFilter(v.equalsAny("type",this.jobTypes)),this.groupCreationDate.fromDate&&e.addFilter(v.range("createdAt",{gte:this.groupCreationDate.fromDate})),this.groupCreationDate.toDate&&e.addFilter(v.range("createdAt",{lte:this.groupCreationDate.toDate})),this.jobRepository.search(e,Shopware.Context.api).then(e=>{this.sortJobs(e)})},sortJobs(e){this.groupedItemsTypes=[],this.groupedItems=[],e.forEach(e=>{-1===this.groupedItemsTypes.findIndex(t=>t.title===e[this.sortType])&&this.groupedItemsTypes.push({title:e[this.sortType]})}),this.getJobsByType(this.groupedItemsTypes)},getJobsByType(e){return e.forEach(e=>{let t=new v;t.addFilter(v.equals("parentId",null)),t.addSorting(v.sort("createdAt","DESC",!1)),t.addAssociation("messages"),t.addAssociation("subJobs"),this.groupCreationDate.fromDate&&t.addFilter(v.range("createdAt",{gte:this.groupCreationDate.fromDate})),this.groupCreationDate.toDate&&t.addFilter(v.range("createdAt",{lte:this.groupCreationDate.toDate})),this.jobTypes!==[]&&t.addFilter(v.equalsAny("type",this.jobTypes)),"status"===this.sortType&&t.addFilter(v.equals("status",e.title)),"type"===this.sortType&&t.addFilter(v.equals("type",e.title)),this.jobRepository.search(t,Shopware.Context.api).then(t=>{let n="status"===this.sortType?e.title.toUpperCase():t[0].name,o="status"===this.sortType?this.$tc(`job-listing.page.listing.grid.job-status.${e.title}`):t[0].name;this.groupedItems.push({title:o,type:n,items:s.sortMessages(t)})})}),this.isLoading=!1,this.groupedItems},getMessagesCount(e,t){return e.messages.filter(e=>e.type===`${t}-message`).length},getChildrenCount(e,t){return e.subJobs.filter(e=>e.status===t).length},onRefresh(){this.initGroupedView()},canDelete(e){return -1!==["error","succeed"].indexOf(e.status)},onDeleteJob(e){this.jobRepository.delete(e,Shopware.Context.api).then(()=>{this.updateList()})},rescheduleJob(e){this.NostoRescheduleService.rescheduleJob(e).then(()=>{this.createNotificationSuccess({message:"Job has been rescheduled successfully."}),this.updateList()}).catch(()=>{this.createNotificationError({message:"Unable reschedule job."})})},showJobInfo(e){this.currentJobID=e,this.showJobInfoModal=!0},showSubJobs(e){this.currentJobID=e,this.showJobSubsModal=!0},showJobMessages(e){this.currentJobMessages=e.messages,this.showMessagesModal=!0},formatDate(e){return new Date(e).toLocaleString()}}})}()})();
\ No newline at end of file

From 48fb2f87658e94fdeebbec285349075c710d8248 Mon Sep 17 00:00:00 2001
From: Tobias Graml <tobias.graml@nosto.com>
Date: Fri, 12 Apr 2024 12:43:51 +0200
Subject: [PATCH 2/5] Fix linting

---
 .../src/module/nosto-job/page/nosto-job-listing-index/index.js  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Resources/app/administration/src/module/nosto-job/page/nosto-job-listing-index/index.js b/src/Resources/app/administration/src/module/nosto-job/page/nosto-job-listing-index/index.js
index 95c1856..8adb172 100644
--- a/src/Resources/app/administration/src/module/nosto-job/page/nosto-job-listing-index/index.js
+++ b/src/Resources/app/administration/src/module/nosto-job/page/nosto-job-listing-index/index.js
@@ -292,6 +292,6 @@ Component.register('nosto-job-listing-index', {
 
         formatDate(date) {
             return (new Date(date)).toLocaleString();
-        }
+        },
     },
 });

From bfd9092487a4072161056843fd3cff79ea6b8afa Mon Sep 17 00:00:00 2001
From: Tobias Graml <tobias.graml@nosto.com>
Date: Fri, 12 Apr 2024 12:58:50 +0200
Subject: [PATCH 3/5] Handle nullable dates

---
 .../administration/src/component/nosto-grouped-view/index.js    | 2 +-
 .../app/administration/src/component/nosto-job-info/index.js    | 2 +-
 .../administration/src/component/nosto-job-sub-jobs/index.js    | 2 +-
 .../src/module/nosto-job/page/nosto-job-listing-index/index.js  | 2 +-
 src/Resources/public/administration/js/nosto-scheduler.js       | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/Resources/app/administration/src/component/nosto-grouped-view/index.js b/src/Resources/app/administration/src/component/nosto-grouped-view/index.js
index 45e7a84..229f33e 100644
--- a/src/Resources/app/administration/src/component/nosto-grouped-view/index.js
+++ b/src/Resources/app/administration/src/component/nosto-grouped-view/index.js
@@ -286,7 +286,7 @@ Component.register('nosto-grouped-view', {
         },
 
         formatDate(date) {
-            return (new Date(date)).toLocaleString();
+            return date ? (new Date(date)).toLocaleString() : '';
         },
     },
 });
diff --git a/src/Resources/app/administration/src/component/nosto-job-info/index.js b/src/Resources/app/administration/src/component/nosto-job-info/index.js
index 9733fb9..ada7b52 100644
--- a/src/Resources/app/administration/src/component/nosto-job-info/index.js
+++ b/src/Resources/app/administration/src/component/nosto-job-info/index.js
@@ -48,7 +48,7 @@ Component.register('nosto-job-info', {
         },
 
         formatDate(date) {
-            return (new Date(date)).toLocaleString();
+            return date ? (new Date(date)).toLocaleString() : '';
         },
     },
 });
diff --git a/src/Resources/app/administration/src/component/nosto-job-sub-jobs/index.js b/src/Resources/app/administration/src/component/nosto-job-sub-jobs/index.js
index cb6cfee..3142079 100644
--- a/src/Resources/app/administration/src/component/nosto-job-sub-jobs/index.js
+++ b/src/Resources/app/administration/src/component/nosto-job-sub-jobs/index.js
@@ -135,7 +135,7 @@ Component.register('nosto-job-sub-jobs', {
         },
 
         formatDate(date) {
-            return (new Date(date)).toLocaleString();
+            return date ? (new Date(date)).toLocaleString() : '';
         },
     },
 });
diff --git a/src/Resources/app/administration/src/module/nosto-job/page/nosto-job-listing-index/index.js b/src/Resources/app/administration/src/module/nosto-job/page/nosto-job-listing-index/index.js
index 8adb172..a879f77 100644
--- a/src/Resources/app/administration/src/module/nosto-job/page/nosto-job-listing-index/index.js
+++ b/src/Resources/app/administration/src/module/nosto-job/page/nosto-job-listing-index/index.js
@@ -291,7 +291,7 @@ Component.register('nosto-job-listing-index', {
         },
 
         formatDate(date) {
-            return (new Date(date)).toLocaleString();
+            return date ? (new Date(date)).toLocaleString() : '';
         },
     },
 });
diff --git a/src/Resources/public/administration/js/nosto-scheduler.js b/src/Resources/public/administration/js/nosto-scheduler.js
index 30b98f4..ffe963e 100644
--- a/src/Resources/public/administration/js/nosto-scheduler.js
+++ b/src/Resources/public/administration/js/nosto-scheduler.js
@@ -1 +1 @@
-(function(){var e={30:function(){},328:function(){},250:function(){},758:function(){},729:function(){},671:function(e,t,n){var s=n(30);s.__esModule&&(s=s.default),"string"==typeof s&&(s=[[e.id,s,""]]),s.locals&&(e.exports=s.locals),n(346).Z("585a76b3",s,!0,{})},158:function(e,t,n){var s=n(328);s.__esModule&&(s=s.default),"string"==typeof s&&(s=[[e.id,s,""]]),s.locals&&(e.exports=s.locals),n(346).Z("3a2beb4e",s,!0,{})},951:function(e,t,n){var s=n(250);s.__esModule&&(s=s.default),"string"==typeof s&&(s=[[e.id,s,""]]),s.locals&&(e.exports=s.locals),n(346).Z("19dce50c",s,!0,{})},461:function(e,t,n){var s=n(758);s.__esModule&&(s=s.default),"string"==typeof s&&(s=[[e.id,s,""]]),s.locals&&(e.exports=s.locals),n(346).Z("5f6e56a6",s,!0,{})},266:function(e,t,n){var s=n(729);s.__esModule&&(s=s.default),"string"==typeof s&&(s=[[e.id,s,""]]),s.locals&&(e.exports=s.locals),n(346).Z("87d3cc56",s,!0,{})},346:function(e,t,n){"use strict";function s(e,t){for(var n=[],s={},o=0;o<t.length;o++){var a=t[o],i=a[0],l={id:e+":"+o,css:a[1],media:a[2],sourceMap:a[3]};s[i]?s[i].parts.push(l):n.push(s[i]={id:i,parts:[l]})}return n}n.d(t,{Z:function(){return g}});var o="undefined"!=typeof document;if("undefined"!=typeof DEBUG&&DEBUG&&!o)throw Error("vue-style-loader cannot be used in a non-browser environment. Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.");var a={},i=o&&(document.head||document.getElementsByTagName("head")[0]),l=null,r=0,d=!1,c=function(){},b=null,u="data-vue-ssr-id",m="undefined"!=typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());function g(e,t,n,o){d=n,b=o||{};var i=s(e,t);return p(i),function(t){for(var n=[],o=0;o<i.length;o++){var l=a[i[o].id];l.refs--,n.push(l)}t?p(i=s(e,t)):i=[];for(var o=0;o<n.length;o++){var l=n[o];if(0===l.refs){for(var r=0;r<l.parts.length;r++)l.parts[r]();delete a[l.id]}}}}function p(e){for(var t=0;t<e.length;t++){var n=e[t],s=a[n.id];if(s){s.refs++;for(var o=0;o<s.parts.length;o++)s.parts[o](n.parts[o]);for(;o<n.parts.length;o++)s.parts.push(_(n.parts[o]));s.parts.length>n.parts.length&&(s.parts.length=n.parts.length)}else{for(var i=[],o=0;o<n.parts.length;o++)i.push(_(n.parts[o]));a[n.id]={id:n.id,refs:1,parts:i}}}}function h(){var e=document.createElement("style");return e.type="text/css",i.appendChild(e),e}function _(e){var t,n,s=document.querySelector("style["+u+'~="'+e.id+'"]');if(s){if(d)return c;s.parentNode.removeChild(s)}if(m){var o=r++;t=f.bind(null,s=l||(l=h()),o,!1),n=f.bind(null,s,o,!0)}else t=v.bind(null,s=h()),n=function(){s.parentNode.removeChild(s)};return t(e),function(s){s?(s.css!==e.css||s.media!==e.media||s.sourceMap!==e.sourceMap)&&t(e=s):n()}}var w=function(){var e=[];return function(t,n){return e[t]=n,e.filter(Boolean).join("\n")}}();function f(e,t,n,s){var o=n?"":s.css;if(e.styleSheet)e.styleSheet.cssText=w(t,o);else{var a=document.createTextNode(o),i=e.childNodes;i[t]&&e.removeChild(i[t]),i.length?e.insertBefore(a,i[t]):e.appendChild(a)}}function v(e,t){var n=t.css,s=t.media,o=t.sourceMap;if(s&&e.setAttribute("media",s),b.ssrId&&e.setAttribute(u,t.id),o&&(n+="\n/*# sourceURL="+o.sources[0]+" */\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(o))))+" */"),e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}}},t={};function n(s){var o=t[s];if(void 0!==o)return o.exports;var a=t[s]={id:s,exports:{}};return e[s](a,a.exports,n),a.exports}n.d=function(e,t){for(var s in t)n.o(t,s)&&!n.o(e,s)&&Object.defineProperty(e,s,{enumerable:!0,get:t[s]})},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="bundles/nostoscheduler/",window?.__sw__?.assetPath&&(n.p=window.__sw__.assetPath+"/bundles/nostoscheduler/"),function(){"use strict";n(671);let{Component:e}=Shopware;e.extend("nosto-entity-listing","sw-entity-listing",{template:'{% block sw_data_grid_slot_pagination %}\n    <sw-pagination v-bind="{ page, limit, total, steps }"\n            :total-visible="7"\n            @page-change="paginate"\n    />\n{% endblock %}\n\n{% block sw_data_grid_bulk_selected_actions_content %}\n    {% block sw_data_grid_bulk_edit_content %}\n        \n        <a\n                v-if="allowBulkEdit"\n                class="link link-primary"\n                @click="onClickBulkEdit"\n        >\n            {{ $tc(\'global.sw-bulk-edit-modal.bulkEdit\') }}\n        </a>\n    {% endblock %}\n\n    {% block sw_data_grid_bulk_delete_content %}\n        \n        <a\n                v-if="allowDelete"\n                class="link link-danger"\n                @click="showBulkDeleteModal = true"\n        >\n            {{ $tc(\'global.default.delete\') }}\n        </a>\n    {% endblock %}\n{% endblock %}\n\n{% block sw_data_grid_slot_bulk_modals %}\n    {% block sw_data_grid_bulk_edit_modal %}\n        <slot\n                name="bulk-edit-modal"\n                v-bind="{ selection }"\n        >\n            {% block sw_data_grid_slot_bulk_edit_modal %}\n                <sw-bulk-edit-modal\n                        v-if="showBulkEditModal"\n                        :selection="selection"\n                        :bulk-grid-edit-columns="bulkGridEditColumns"\n                        @modal-close="onCloseBulkEditModal"\n                />\n            {% endblock %}\n        </slot>\n    {% endblock %}\n\n    {% block sw_data_grid_bulk_delete_modal %}\n        <sw-modal\n                v-if="showBulkDeleteModal"\n                variant="small"\n                :title="$tc(\'global.default.warning\')"\n                @modal-close="showBulkDeleteModal = false"\n        >\n            <p class="sw-data-grid__confirm-bulk-delete-text">\n                <slot\n                        name="bulk-modal-delete-confirm-text"\n                        v-bind="{ selectionCount }"\n                >\n                    {{ $tc(\'global.entity-components.deleteMessage\', selectionCount, { count: selectionCount }) }}\n                </slot>\n            </p>\n\n            <template #modal-footer>\n                <slot name="bulk-modal-cancel">\n                    <sw-button\n                            size="small"\n                            @click="showBulkDeleteModal = false"\n                    >\n                        {{ $tc(\'global.default.cancel\') }}\n                    </sw-button>\n                </slot>\n\n                <slot\n                        name="bulk-modal-delete-items"\n                        v-bind="{ isBulkLoading, deleteItems }"\n                >\n                    <sw-button\n                            variant="danger"\n                            size="small"\n                            :is-loading="isBulkLoading"\n                            @click="deleteItems"\n                    >\n                        {{ $tc(\'global.default.delete\') }}\n                    </sw-button>\n                </slot>\n            </template>\n        </sw-modal>\n    {% endblock %}\n{% endblock %}\n\n{% block sw_data_grid_slot_actions %}\n    <slot\n            name="detail-action"\n            v-bind="{ item }"\n    >\n        <sw-context-menu-item\n                v-if="detailRoute"\n                v-tooltip="{\n            message: $tc(\'sw-privileges.tooltip.warning\'),\n            disabled: allowEdit || allowView,\n            showOnDisabledElements: true,\n            zIndex: 9050,\n        }"\n                class="sw-entity-listing__context-menu-edit-action"\n                :disabled="!allowEdit && !allowView"\n                :router-link="{ name: detailRoute, params: { id: item.id } }"\n        >\n            {{ detailPageLinkText }}\n        </sw-context-menu-item>\n    </slot>\n\n    <slot\n            name="more-actions"\n            v-bind="{ item }"\n    ></slot>\n\n    <slot\n            name="delete-action"\n            v-bind="{ item, showDelete, allowDelete }"\n    >\n        <sw-context-menu-item\n                v-tooltip.bottom="{\n            message: $tc(\'sw-privileges.tooltip.warning\'),\n            disabled: allowDelete,\n            showOnDisabledElements: true,\n            zIndex: 9050,\n        }"\n                :disabled="!allowDelete"\n                class="sw-entity-listing__context-menu-edit-delete"\n                variant="danger"\n                @click="showDelete(item.id)"\n        >\n            {{ $tc(\'global.default.delete\') }}\n        </sw-context-menu-item>\n\n        <sw-context-menu-item\n                class="sw-entity-listing__context-menu-edit-test"\n                variant="info"\n        >\n            Test\n        </sw-context-menu-item>\n    </slot>\n{% endblock %}\n\n{% block sw_data_grid_slot_action_modals %}\n    <sw-modal\n            v-if="deleteId === item.id"\n            :title="$tc(\'global.default.warning\')"\n            variant="small"\n            @modal-close="closeModal"\n    >\n        <p class="sw-listing__confirm-delete-text">\n            <slot\n                    name="delete-confirm-text"\n                    v-bind="{ item }"\n            >\n                {{ $tc(\'global.entity-components.deleteMessage\') }}\n            </slot>\n        </p>\n\n        <template #modal-footer>\n            <slot\n                    name="delete-modal-footer"\n                    v-bind="{ item }"\n            >\n                <slot\n                        name="delete-modal-cancel"\n                        v-bind="{ item }"\n                >\n                    <sw-button\n                            size="small"\n                            @click="closeModal"\n                    >\n                        {{ $tc(\'global.default.cancel\') }}\n                    </sw-button>\n                </slot>\n\n                <slot\n                        name="delete-modal-delete-item"\n                        v-bind="{ item }"\n                >\n                    <sw-button\n                            variant="danger"\n                            size="small"\n                            @click="deleteItem(item.id)"\n                    >\n                        {{ $tc(\'global.default.delete\') }}\n                    </sw-button>\n                </slot>\n            </slot>\n        </template>\n    </sw-modal>\n{% endblock %}\n\n{% block sw_data_grid_select_item_checkbox %}\n    <sw-checkbox-field\n        v-if="canDelete(item)"\n        :disabled="!isRecordSelectable(item)"\n        :value="isSelected(item[itemIdentifierProperty])"\n        @update:value="selectItem($event, item)"\n    />\n{% endblock %}\n\n\n{% block sw_data_grid_table %}\n    <table\n        ref="table"\n        class="sw-data-grid__table"\n    >\n\n        {% block sw_data_grid_header %}\n            <thead\n                v-if="showHeader"\n                class="sw-data-grid__header"\n            >\n\n            {% block sw_data_grid_header_row %}\n                <tr class="sw-data-grid__row">\n\n                    {% block sw_data_grid_header_cell_selection %}\n                        <th\n                            v-if="showSelection"\n                            class="sw-data-grid__cell sw-data-grid__cell--header sw-data-grid__cell--selection"\n                        >\n                            {% block sw_data_grid_header_cell_selection_content %}\n                                <div class="sw-data-grid__cell-content">\n                                    {% block sw_data_grid_select_all_checkbox %}\n                                        <sw-checkbox-field\n                                            v-if="records && records.length > 0"\n                                            :disabled="isSelectAllDisabled"\n                                            class="sw-data-grid__select-all"\n                                            :value="allSelectedChecked"\n                                            @update:value="selectAll"\n                                        />\n                                    {% endblock %}\n                                </div>\n                            {% endblock %}\n                        </th>\n                    {% endblock %}\n\n                    {% block sw_data_grid_header_columns %}\n                        <th\n                                v-for="(column, columnIndex) in currentColumns"\n                                v-show="column.visible"\n                                :key="`${column.property}-${columnIndex}`"\n                                ref="column"\n                                class="sw-data-grid__cell sw-data-grid__cell--header sw-data-grid__cell--property"\n                                :class="getHeaderCellClasses(column, columnIndex)"\n                                :style="{ width: column.width, minWidth: column.width }"\n                                @click="onClickHeaderCell($event, column)"\n                        >\n\n                            {% block sw_data_grid_header_columns_content %}\n                                <div class="sw-data-grid__cell-content">\n\n                                    <slot\n                                            :name="`column-label-${column.property}`"\n                                            v-bind="{ column, columnIndex }"\n                                    >\n\n                                        {% block sw_data_grid_header_columns_icon %}\n                                            <sw-icon\n                                                    v-if="column.iconLabel"\n                                                    :name="column.iconLabel"\n                                            >\n                                                {{ $te(column.label) ? $tc(column.label) : column.label }}\n                                            </sw-icon>\n                                        {% endblock %}\n\n                                        {% block sw_data_grid_header_columns_label %}\n                                            <template v-else>\n                                                {{ $te(column.label) ? $tc(column.label) : column.label }}\n                                            </template>\n                                        {% endblock %}\n                                    </slot>\n\n                                    {% block sw_data_grid_column_actions %}\n                                        <sw-context-button\n                                                v-if="allowColumnEdit && !isInlineEditActive"\n                                                class="sw-data-grid__action-edit-column"\n                                        >\n                                            {% block sw_data_grid_column_actions_hide %}\n                                                <sw-context-menu-item\n                                                        :disabled="column.primary"\n                                                        variant="danger"\n                                                        @click="hideColumn(columnIndex)"\n                                                >\n                                                    {{ $tc(\'global.sw-data-grid.labelColumnHide\') }}\n                                                </sw-context-menu-item>\n                                            {% endblock %}\n                                        </sw-context-button>\n                                    {% endblock %}\n\n                                    {% block sw_data_grid_sort_indicator %}\n                                        <span\n                                                v-if="column.sortable && currentSortBy === column.dataIndex"\n                                                class="sw-data-grid__sort-indicator"\n                                        >\n                                {% block sw_data_grid_sort_indicator_transition %}\n                                    <transition\n                                            name="sort-indicator"\n                                            mode="out-in"\n                                    >\n                                        {% block sw_data_grid_sort_indicator_icon_asc %}\n                                            <sw-icon\n                                                v-if="currentSortDirection === \'ASC\'"\n                                                key="ASC"\n                                                name="solid-long-arrow-up"\n                                                size="20px"\n                                            />\n                                        {% endblock %}\n\n                                        {% block sw_data_grid_sort_indicator_icon_desc %}\n                                            <sw-icon\n                                                v-else\n                                                key="DESC"\n                                                name="solid-long-arrow-down"\n                                                size="20px"\n                                            />\n                                        {% endblock %}\n                                </transition>\n                                {% endblock %}\n                            </span>\n                                    {% endblock %}\n                                </div>\n                            {% endblock %}\n\n                            {% block sw_data_grid_header_columns_resize %}\n                                <span\n                                        v-if="column.allowResize"\n                                        class="sw-data-grid__cell-resize"\n                                        @mousedown="onStartResize($event, column, columnIndex)"\n                                ></span>\n                            {% endblock %}\n                        </th>\n                    {% endblock %}\n\n                    {% block sw_data_grid_header_cell_spacer %}\n                        <th\n                                v-if="hasResizeColumns"\n                                aria-hidden="true"\n                                class="sw-data-grid__cell sw-data-grid__cell--header sw-data-grid__cell-spacer"\n                        >\n                            <div class="sw-data-grid__cell-content"></div>\n                        </th>\n                    {% endblock %}\n\n                    {% block sw_data_grid_header_cell_actions %}\n                        <th\n                                v-if="showActions"\n                                class="sw-data-grid__cell sw-data-grid__cell--header sw-data-grid__cell--actions sw-data-grid__cell-settings"\n                                :class="{ \'is--loading\': loading }"\n                        >\n                            {% block sw_data_grid_header_cell_actions_content %}\n                                <div class="sw-data-grid__cell-content">\n                                    {% block sw_data_grid_settings %}\n                                        <sw-data-grid-settings\n                                                v-if="showSettings"\n                                                :columns="currentColumns"\n                                                :compact="compact"\n                                                :previews="previews"\n                                                :enable-previews="hasPreviewSlots"\n                                                :disabled="isInlineEditActive"\n                                                @change-compact-mode="onChangeCompactMode"\n                                                @change-preview-images="onChangePreviews"\n                                                @change-column-visibility="onChangeColumnVisibility"\n                                                @change-column-order="onChangeColumnOrder"\n                                        >\n                                            {% block sw_data_grid_settings_additional_settings %}\n                                                <template #additionalSettings>\n                                                    {% block sw_data_grid_settings_additional_settings_inner %}\n                                                        <slot name="additionalSettings"></slot>\n                                                    {% endblock %}\n                                                </template>\n                                            {% endblock %}\n                                        </sw-data-grid-settings>\n\n                                        {% block sw_data_grid_settings_custom_settings %}\n                                            <slot name="customSettings">\n                                                {% block sw_data_grid_settings_custom_settings_slot %}{% endblock %}\n                                            </slot>\n                                        {% endblock %}\n                                    {% endblock %}\n                                </div>\n                            {% endblock %}\n                        </th>\n                    {% endblock %}\n                </tr>\n            {% endblock %}\n            </thead>\n        {% endblock %}\n\n        {% block sw_data_grid_body %}\n            <tbody\n                    v-if="!loading"\n                    class="sw-data-grid__body"\n            >\n\n            {% block sw_data_grid_body_row %}\n                <tr\n                        v-for="(item, itemIndex) in records"\n                        :key="item.id"\n                        class="sw-data-grid__row"\n                        :class="getRowClasses(item, itemIndex)"\n                >\n\n                    {% block sw_data_grid_body_cell_selection %}\n                        <td\n                                v-if="showSelection"\n                                class="sw-data-grid__cell sw-data-grid__cell--selection"\n                        >\n                            <slot\n                                    name="selection-content"\n                                    v-bind="{ item, isSelected, isRecordSelectable, selectItem, itemIdentifierProperty }"\n                            >\n                                {% block sw_data_grid_body_cell_selection_content %}\n                                    <div class="sw-data-grid__cell-content">\n                                        {% block sw_data_grid_select_item_checkbox %}\n                                            <sw-checkbox-field\n                                                v-if="canDelete(item)"\n                                                :disabled="!isRecordSelectable(item)"\n                                                :value="isSelected(item[itemIdentifierProperty])"\n                                                @update:value="selectItem($event, item)"\n                                            />\n                                        {% endblock %}\n                                    </div>\n                                {% endblock %}\n                            </slot>\n                        </td>\n                    {% endblock %}\n\n                    {% block sw_data_grid_body_columns %}\n                        <td\n                                v-for="(column, columnIndex) in currentColumns"\n                                v-show="column.visible"\n                                :key="`${item.id}-${columnIndex}`"\n                                class="sw-data-grid__cell"\n                                :class="getCellClasses(column)"\n                                @dblclick="onDbClickCell(item)"\n                        >\n\n                            {% block sw_data_grid_body_columns_content %}\n                                <div class="sw-data-grid__cell-content">\n\n                                    {% block sw_data_grid_preview_slot %}\n                                        <slot\n                                                v-if="previews && !isInlineEdit(item)"\n                                                :name="`preview-${column.property}`"\n                                                v-bind="{ item, column, compact }"\n                                        ></slot>\n                                    {% endblock %}\n\n                                    {% block sw_data_grid_columns_slot %}\n                                        <slot\n                                                :name="`column-${column.property}`"\n                                                v-bind="{ item, itemIndex, column, columnIndex, compact, isInlineEdit: (isInlineEdit(item) && column.hasOwnProperty(\'inlineEdit\')) }"\n                                        >\n                                            <template v-if="column.inlineEdit === \'boolean\'">\n                                                {% block sw_data_grid_columns_boolean %}\n                                                    <sw-data-grid-column-boolean\n                                                            v-model:value="item[column.property]"\n                                                            :is-inline-edit="isInlineEdit(item) && column.hasOwnProperty(\'inlineEdit\')"\n                                                    />\n                                                {% endblock %}\n                                            </template>\n                                            <template v-else>\n                                                {% block sw_data_grid_columns_inline_edit %}\n                                                    <template v-if="isInlineEdit(item) && column.hasOwnProperty(\'inlineEdit\')">\n                                                        {% block sw_data_grid_columns_render_inline_edit %}\n                                                            <sw-data-grid-inline-edit\n                                                                :column="column"\n                                                                :compact="compact"\n                                                                :value="item[column.property]"\n                                                                @update:value="item[column.property] = $event"\n                                                            />\n                                                        {% endblock %}\n                                                    </template>\n                                                {% endblock %}\n\n                                                {% block sw_data_grid_columns_value %}\n                                                    <template v-else>\n                                                        {% block sw_data_grid_columns_render_router_link %}\n                                                            <router-link\n                                                                    v-if="column.routerLink"\n                                                                    class="sw-data-grid__cell-value"\n                                                                    :to="{ name: column.routerLink, params: { id: item.id } }"\n                                                            >\n                                                                {{ renderColumn(item, column) }}\n                                                            </router-link>\n                                                        {% endblock %}\n                                                        {% block sw_data_grid_columns_render_value %}\n                                                            <span\n                                                                    v-else\n                                                                    class="sw-data-grid__cell-value"\n                                                            >\n                                            {{ renderColumn(item, column) }}\n                                        </span>\n                                                        {% endblock %}\n                                                    </template>\n                                                {% endblock %}\n                                            </template>\n                                        </slot>\n                                    {% endblock %}\n                                </div>\n                            {% endblock %}\n                        </td>\n                    {% endblock %}\n\n                    {% block sw_data_grid_body_cell_spacer %}\n                        <td\n                                v-if="hasResizeColumns"\n                                aria-hidden="true"\n                                class="sw-data-grid__cell sw-data-grid__cell-spacer"\n                                @dblclick="onDbClickCell(item)"\n                        >\n                            <div class="sw-data-grid__cell-content"></div>\n                        </td>\n                    {% endblock %}\n\n                    {% block sw_data_grid_body_cell_actions %}\n                        <td\n                                v-if="showActions"\n                                class="sw-data-grid__cell sw-data-grid__cell--actions"\n                        >\n                            {% block sw_data_grid_body_cell_actions_content %}\n                                <div class="sw-data-grid__cell-content">\n\n                                    {% block sw_data_grid_inline_edit_actions %}\n                                        <template v-if="isInlineEditActive && currentInlineEditId === item[itemIdentifierProperty]">\n\n                                            {% block sw_data_grid_inline_edit_actions_cancel %}\n                                                <sw-button\n                                                        class="sw-data-grid__inline-edit-cancel"\n                                                        size="x-small"\n                                                        :title="$tc(\'global.default.cancel\')"\n                                                        :aria-label="$tc(\'global.default.cancel\')"\n                                                        square\n                                                        @click="onClickCancelInlineEdit(item)"\n                                                >\n                                                    {% block sw_data_grid_inline_edit_actions_cancel_icon %}\n                                                        <sw-icon\n                                                                name="small-default-x-line-small"\n                                                                size="14px"\n                                                        />\n                                                    {% endblock %}\n                                                </sw-button>\n                                            {% endblock %}\n\n                                            {% block sw_data_grid_inline_edit_actions_save %}\n                                                <sw-button\n                                                        class="sw-data-grid__inline-edit-save"\n                                                        variant="primary"\n                                                        size="x-small"\n                                                        :title="$tc(\'global.default.save\')"\n                                                        :aria-label="$tc(\'global.default.save\')"\n                                                        square\n                                                        @click="onClickSaveInlineEdit(item)"\n                                                >\n                                                    {% block sw_data_grid_inline_edit_actions_save_icon %}\n                                                        <sw-icon\n                                                                name="small-default-checkmark-line-small"\n                                                                size="14px"\n                                                        />\n                                                    {% endblock %}\n                                                </sw-button>\n                                            {% endblock %}\n                                        </template>\n                                    {% endblock %}\n\n                                    {% block sw_data_grid_body_cell_actions_menu %}\n                                        <sw-context-button\n                                                v-else\n                                                class="sw-data-grid__actions-menu"\n                                        >\n                                            <slot\n                                                    name="actions"\n                                                    :item="item"\n                                                    :itemIndex="itemIndex"\n                                            >\n                                                {% block sw_data_grid_slot_actions %}{% endblock %}\n                                            </slot>\n                                        </sw-context-button>\n                                    {% endblock %}\n\n                                    {% block sw_data_grid_body_cell_action_modals %}\n                                        <slot\n                                                name="action-modals"\n                                                :item="item"\n                                        >\n                                            {% block sw_data_grid_slot_action_modals %}{% endblock %}\n                                        </slot>\n                                    {% endblock %}\n                                </div>\n                            {% endblock %}\n                        </td>\n                    {% endblock %}\n                </tr>\n            {% endblock %}\n            </tbody>\n        {% endblock %}\n\n        {% block sw_data_grid_skeleton %}\n            <sw-data-grid-skeleton\n                    v-else\n                    :show-selection="showSelection"\n                    :show-actions="showActions"\n                    :current-columns="currentColumns"\n                    :has-resize-columns="hasResizeColumns"\n                    :item-amount="skeletonItemAmount"\n                    class="sw-data-grid__body"\n            />\n        {% endblock %}\n    </table>\n{% endblock %}\n',props:{items:{type:Array,required:!0},itemIdentifierProperty:{type:String,required:!1,default:"id"},preSelection:{type:Object,required:!1,default:null},isGroupedView:{type:Boolean,required:!1,default:!1},jobTypes:{type:Array,required:!1,default:()=>[]}},data(){return{records:this.items,selection:{...this.preSelection||{}},successItems:!1,pendingItems:!1,errorItems:!1,reloadInterval:null}},computed:{jobRepository(){return this.repositoryFactory.create("nosto_scheduler_job")}},methods:{canDelete(e){return -1!==["error","succeed"].indexOf(e.status)},selectAll(e){this.selection={},this.records.forEach(t=>{this.isSelected(t[this.itemIdentifierProperty])!==e&&this.selectItem(e,t)}),this.$emit("select-all-items",this.selection)},selectItem(e,t){if(!this.canDelete(t))return;let n=this.selection,s=t[this.itemIdentifierProperty];e?this.selection[s]=t:!e&&n[s]&&delete this.selection[s],this.$emit("select-item",this.selection,t,e)}}});let{Component:t}=Shopware;t.register("nosto-job-status-badge",{template:'<sw-color-badge rounded\n                :variant="variant"\n                :class="additionalClass"\n                style="margin-right: 10px; margin-top: 3px;">\n</sw-color-badge>\n\n',props:{status:{type:String,required:!0}},computed:{additionalClass(){return"running"===this.status?"--pulse":""},variant(){switch(this.status){case"error":return"error";case"succeed":case"running":return"success";default:return""}}}});class s{static sortMessages(e){return e.forEach(e=>{e.messages=e.messages.sort((e,t)=>e.createdAt>t.createdAt?1:e.createdAt<t.createdAt?-1:0)}),e}}n(266);let{Component:o}=Shopware,{Criteria:a}=Shopware.Data;o.register("nosto-job-listing-index",{template:'{% block nosto_entity_listing_base %}\n  <div class="nosto-entity-listing-wrapper">\n    <div class="nosto-job-listing-actions-bar">\n      <div class="action-item">\n        {% block nosto_scheduler_job_view_mode %}\n          <sw-select-field v-model:value="jobDisplayType" :label="$tc(\'job-listing.page.listing.index.display-mode\')">\n            <option v-for="option in jobDisplayMode" :value="option.value">{{ option.name }}</option>\n          </sw-select-field>\n\n          <sw-select-field v-if="jobDisplayType !== \'list\'" v-model:value="sortType" :label="$tc(\'job-listing.page.listing.index.group-by\')">\n              <option value="status">{{ $tc(\'job-listing.page.listing.index.status\') }}</option>\n              <option value="type">{{ $tc(\'job-listing.page.listing.index.job-type\') }}</option>\n          </sw-select-field>\n\n          <sw-datepicker\n            :label="$tc(\'job-listing.page.listing.index.date-from\')"\n            v-if="jobDisplayType == \'grouped\'"\n            v-model:value="groupCreationDate.fromDate"\n          />\n\n          <sw-datepicker\n            :label="$tc(\'job-listing.page.listing.index.date-to\')"\n            v-if="jobDisplayType == \'grouped\'"\n            v-model:value="groupCreationDate.toDate"\n          />\n\n        {% endblock %}\n      </div>\n      <div class="cation-item">\n        {% block nosto_scheduler_job_auto_load_switcher %}\n          <sw-switch-field\n            v-model:value="autoLoadIsActive"\n            class="job-listing-auto-loading-switch"\n            :label="$tc(\'job-listing.page.listing.index.auto-load\')"\n          />\n        {% endblock %}\n      </div>\n    </div>\n\n    {% block nosto_job_charts %}\n      <nosto-scheduler-charts ref="jobCharts"\n                           v-if="jobDisplayType === \'chart\'"\n                           :jobTypes="jobTypes"\n                           :sortType="sortType"></nosto-scheduler-charts>\n    {% endblock %}\n\n    {% block nosto_job_grouped_component %}\n\n      <nosto-grouped-view v-if="jobDisplayType === \'grouped\'"\n                       ref="jobGroups"\n                       :groupCreationDate="groupCreationDate"\n                       :jobTypes="jobTypes"\n                       :sortType="sortType">\n      </nosto-grouped-view>\n    {% endblock %}\n\n    {% block nosto_job_list_grid %}\n      <nosto-entity-listing\n              v-if="jobItems && jobDisplayType === \'list\'"\n              :items="jobItems"\n              :repository="jobRepository"\n              :is-loading="isLoading"\n              :showSelection="true"\n              :allowColumnEdit="false"\n              :allowDelete="true"\n              :allowEdit="false"\n              :jobTypes="jobTypes"\n              :isGroupedView="isGroupedView"\n              sortDirection="DESC"\n              @page-change="pageChange"\n              :columns="columns">\n        <template #column-status="{ item }">\n          {% block nosto_job_list_grid_job_status_link %}\n            <template>\n              <nosto-job-status-badge :status="item.status"></nosto-job-status-badge>\n              {{ $tc(\'job-listing.page.listing.grid.job-status.\' + item.status) }}\n            </template>\n          {% endblock %}\n        </template>\n        <template #column-name="{ item }">\n          {% block nosto_job_list_grid_job_name_link %}\n            {{ item.name }}\n          {% endblock %}\n        </template>\n        <template #column-startedAt="{ item }">\n          {% block nosto_job_list_grid_job_started_date %}\n            {{ formatDate(item.startedAt) }}\n          {% endblock %}\n        </template>\n        <template #column-finishedAt="{ item }">\n          {% block nosto_job_list_grid_job_finished_date %}\n            {{ formatDate(item.finishedAt) }}\n          {% endblock %}\n        </template>\n        <template #column-createdAt="{ item }">\n          {% block nosto_job_list_grid_job_created_date %}\n            {{ formatDate(item.createdAt) }}\n          {% endblock %}\n        </template>\n        <template class="sub-jobs-column" #column-subJobs="{ item }">\n          {% block nosto_job_list_grid_job_sub_jobs %}\n            <div :class="item.subJobs.length > 0 ? \'has-subjobs\' : \'\'"\n                 class="sub-jobs-counters-container jobs-info-counter">\n              <div class="count-container" v-if="item.subJobs">\n                            <span class="info-container">\n                                <span class="count" v-html="getChildrenCount(item, \'succeed\')"></span>\n                            </span>\n                <nosto-job-status-badge status="succeed"></nosto-job-status-badge>\n              </div>\n\n              <div class="count-container" v-if="item.subJobs">\n                            <span class="warning-container">\n                                <span class="count" v-html="getChildrenCount(item, \'pending\')"></span>\n                            </span>\n                <nosto-job-status-badge status="pending"></nosto-job-status-badge>\n              </div>\n\n              <div class="count-container" v-if="item.subJobs">\n                            <span class="error-counter">\n                                <span class="count" v-html="getChildrenCount(item, \'error\')"></span>\n                            </span>\n                <nosto-job-status-badge status="error"></nosto-job-status-badge>\n              </div>\n            </div>\n          {% endblock %}\n          <sw-button v-if="item.subJobs.length > 0"\n                     class="sub-job-show-modal"\n                     size="small"\n                     variant="primary"\n                     :disabled="item.subJobs.length <= 0"\n                     @click="showSubJobs(item.id)">\n            <sw-icon name="regular-cog" color="#fff" :small="true" :decorative="true"></sw-icon>\n              {{ $tc(\'job-listing.page.listing.index.show-sub-jobs\') }}\n          </sw-button>\n        </template>\n        <template #column-messages="{ item }">\n          {% block nosto_job_list_grid_job_messages %}\n            <div :class="item.messages.length > 0 ? \'has-messages\' : \'\'"\n                 class="message-counters-container jobs-info-counter">\n              <div class="count-container" v-if="item.messages">\n                            <span class="info-counter">\n                                <span class="count" v-html="getMessagesCount(item, \'info\')"></span>\n                            </span>\n                <sw-icon :small="true" name="regular-info-circle" color="#3498db"></sw-icon>\n              </div>\n\n              <div class="count-container" v-if="item.messages">\n                            <span class="warning-counter">\n                                <span class="count" v-html="getMessagesCount(item, \'warning\')"></span>\n                            </span>\n                <sw-icon :small="true" name="regular-exclamation-triangle" color="#f39c12"></sw-icon>\n              </div>\n\n              <div class="count-container" v-if="item.messages">\n                            <span class="error-counter">\n                                <span class="count" v-html="getMessagesCount(item, \'error\')"></span>\n                            </span>\n                <sw-icon :small="true" name="regular-times-hexagon" color="#c0392b"></sw-icon>\n              </div>\n            </div>\n            <sw-button v-if="item.messages.length > 0"\n                       class="job-messages-show-modal"\n                       size="small"\n                       variant="primary"\n                       :disabled="item.messages.length <= 0"\n                       @click="showJobMessages(item)">\n              <sw-icon name="regular-envelope" color="#fff" :small="true" :decorative="true"></sw-icon>\n                {{ $tc(\'job-listing.page.listing.index.show-job-messages\') }}\n            </sw-button>\n          {% endblock %}\n        </template>\n        <template #actions="{ item }">\n          <sw-context-menu-item :disabled="item.status !== \'error\'"\n                                @click="rescheduleJob(item.id)">\n            {{ $tc(\'job-listing.actions.reschedule-job.button.label\') }}\n          </sw-context-menu-item>\n          <sw-context-menu-item class="sw-context-menu-item--danger"\n                                :disabled="!canDelete(item)"\n                                @click="onDeleteJob(item.id)">\n            {{ $tc(\'job-listing.actions.delete-job.button.label\') }}\n          </sw-context-menu-item>\n        </template>\n      </nosto-entity-listing>\n    {% endblock %}\n\n    {% block nosto_entity_listing_job_subs_modal %}\n      <sw-modal class="nosto-job-sub-jobs-modal" v-if="showJobSubsModal" :title="$tc(\'job-listing.page.listing.grid.column.child-jobs\')"\n                @modal-close="showJobSubsModal = false">\n        <nosto-job-sub-jobs v-if="currentJobID" :jobId="currentJobID">\n\n        </nosto-job-sub-jobs>\n        <template #modal-footer>\n          <sw-button variant="primary"\n                     @click="showJobSubsModal = false">\n              {{ $tc(\'job-listing.page.listing.index.close\') }}\n          </sw-button>\n        </template>\n      </sw-modal>\n    {% endblock %}\n\n    {% block nosto_entity_listing_job_messages_modal %}\n      <sw-modal class="nosto-job-messages-modal" v-if="showMessagesModal"\n                :title="$tc(\'job-listing.page.listing.grid.column.messages\')"\n                @modal-close="showMessagesModal = false">\n        {% block job_messages_listing %}\n          <div v-if="currentJobMessages" class="job_list_grid_job_messages-information" style="width:100%;">\n            <div class="messages-content" v-for="item in currentJobMessages">\n              <sw-alert class="nosto-alert"\n                        v-if="item.type == \'info-message\'"\n                        variant="info"\n                        appearance="default"\n                        :showIcon="true"\n                        :closable="false">\n                {{ item.message }}\n              </sw-alert>\n              <sw-alert class="nosto-alert"\n                        v-if="item.type == \'error-message\'"\n                        variant="error"\n                        appearance="default"\n                        :showIcon="true"\n                        :closable="false">\n                {{ item.message }}\n              </sw-alert>\n              <sw-alert class="nosto-alert"\n                        v-if="item.type == \'warning-message\'"\n                        variant="warning"\n                        appearance="default"\n                        :showIcon="true"\n                        :closable="false">\n                {{ item.message }}\n              </sw-alert>\n            </div>\n          </div>\n        {% endblock %}\n        <template #modal-footer>\n          <sw-button variant="primary"\n                     @click="showMessagesModal = false">\n              {{ $tc(\'job-listing.page.listing.index.close\') }}\n          </sw-button>\n        </template>\n      </sw-modal>\n    {% endblock %}\n  </div>\n{% endblock %}\n',inject:["NostoRescheduleService","repositoryFactory","filterFactory","feature"],mixins:["notification"],props:{isGroupedView:{type:Boolean,required:!1,default:!1},jobTypes:{type:Array,required:!1,default:()=>[]},filterCriteria:{type:Array,required:!1,default:()=>[]}},data(){return{jobItems:null,isLoading:!1,reloadInterval:null,showJobInfoModal:!1,showJobSubsModal:!1,currentJobID:null,showMessagesModal:!1,currentJobMessages:null,groupCreationDate:{},sortType:"status",jobDisplayType:null,autoLoad:!1,autoLoadIsActive:!1,autoReloadInterval:6e4}},computed:{jobRepository(){return this.repositoryFactory.create("nosto_scheduler_job")},messageRepository(){return this.repositoryFactory.create("nosto_scheduler_job_message")},columns(){return[{property:"name",label:this.$tc("job-listing.page.listing.grid.column.name"),allowResize:!0,width:"250px"},{property:"status",label:this.$tc("job-listing.page.listing.grid.column.status"),allowResize:!0,width:"150px"},{property:"startedAt",label:this.$tc("job-listing.page.listing.grid.column.started-at"),allowResize:!0,width:"170px",sortable:!0},{property:"finishedAt",label:this.$tc("job-listing.page.listing.grid.column.finished-at"),allowResize:!0,width:"170px"},{property:"createdAt",label:this.$tc("job-listing.page.listing.grid.column.created-at"),allowResize:!0,width:"170px"},{property:"subJobs",label:this.$tc("job-listing.page.listing.grid.column.child-jobs"),allowResize:!0,width:"250px",visible:!0,sortable:!1},{property:"messages",label:this.$tc("job-listing.page.listing.grid.column.messages"),allowResize:!0,width:"250px",visible:!0,sortable:!1}]},jobDisplayMode(){return[{name:this.$tc("job-listing.page.listing.index.list"),value:"list"},{name:this.$tc("job-listing.page.listing.index.grouped"),value:"grouped"},{name:this.$tc("job-listing.page.listing.index.chart"),value:"chart"}]}},watch:{autoLoadIsActive(){this._handleAutoReload(this.autoLoadIsActive)},jobDisplayType(){this.stopAutoLoading(),this.$emit("job-display-type-changed",this.jobDisplayType)},filterCriteria(){this.filterCriteriaChanged(this.filterCriteria)}},created(){this.createdComponent()},beforeDestroy(){clearInterval(this.reloadInterval)},methods:{createdComponent(){this.jobDisplayType="list",this.getList()},filterCriteriaChanged(e){this.getList(e)},_handleAutoReload(e){e&&this.autoReloadInterval>0?"list"===this.jobDisplayType?this.reloadInterval=setInterval(()=>{this.updateList()},this.autoReloadInterval):"grouped"===this.jobDisplayType?this.reloadInterval=setInterval(()=>{this.$refs.jobGroups.initGroupedView()},this.autoReloadInterval):"chart"===this.jobDisplayType&&(this.reloadInterval=setInterval(()=>{this.$refs.jobCharts.initChartData()},this.autoReloadInterval)):clearInterval(this.reloadInterval)},pageChange(){this.autoLoadIsActive=!1,clearInterval(this.reloadInterval)},getLinkParams(e){return{id:e.id,backPath:this.$route.name}},updateList(e){let t=new a;return t.addFilter(a.equals("parentId",null)),t.addSorting(a.sort("createdAt","DESC",!1)),t.addAssociation("messages"),t.addAssociation("subJobs"),e&&e.forEach(e=>{t.addFilter(e)}),this.jobTypes!==[]&&t.addFilter(a.equalsAny("type",this.jobTypes)),this.jobRepository.search(t,Shopware.Context.api).then(e=>{this.jobItems=s.sortMessages(e)})},getMessagesCount(e,t){return e.messages.filter(e=>e.type===`${t}-message`).length},getChildrenCount(e,t){return e.subJobs.filter(e=>e.status===t).length},getList(e){this.isLoading=!0,this.updateList(e).then(()=>{this.isLoading=!1})},onRefresh(e){return"grouped"===this.jobDisplayType?this.$refs.jobGroups.onRefresh():"chart"===this.jobDisplayType?this.$refs.jobCharts.onRefresh():this.getList(e)},canDelete(e){return -1!==["error","succeed"].indexOf(e.status)},onDeleteJob(e){this.jobRepository.delete(e,Shopware.Context.api).then(()=>{this.updateList()})},rescheduleJob(e){this.NostoRescheduleService.rescheduleJob(e).then(()=>{this.createNotificationSuccess({message:"Job has been rescheduled successfully."}),this.updateList()}).catch(()=>{this.createNotificationError({message:"Unable reschedule job."})})},showSubJobs(e){this.currentJobID=e,this.showJobSubsModal=!0},showJobMessages(e){this.currentJobMessages=e.messages,this.showMessagesModal=!0},stopAutoLoading(){this.autoLoadIsActive=!1,clearInterval(this.reloadInterval)},formatDate(e){return new Date(e).toLocaleString()}}});var i=JSON.parse('{"job-listing":{"general":{"title":"Job Listing Pages","description":"job-listing"},"menu":{"title":"Job Listing"},"page":{"listing":{"title":"Job Listing","description":"List of Jobs","index":{"display-mode":"Display Mode","list":"List","grouped":"Grouped","chart":"Chart","group-by":"Group by","status":"Status","job-type":"Job Type","date-from":"Date from","date-to":"Date to","auto-load":"Auto load","child-jobs":"Child Jobs","messages":"Messages","show-sub-jobs":"Show sub jobs","show-job-messages":"Show Job Messages","close":"Close","loading":"Loading..."},"grouped-view":{"job-info":"Job info","job-messages":"Job Messages","sub-jobs":"Sub jobs"},"grid":{"job-status":{"succeed":"Success","error":"Failed","pending":"Pending","running":"Running"},"column":{"type":"Type","status":"Status","name":"Name","started-at":"Started at","finished-at":"Finished at","created-at":"Created at","child-jobs":"Child Jobs","messages":"Messages","show-sub-jobs":"Show sub jobs","show-job-messages":"Show Job Messages","close":"Close"},"message-modal":{"label":"Job Messages"}}},"detail":{"textHeadline":"Job","jobChildrenTitle":"Job Children"}},"actions":{"reschedule-job":{"button":{"label":"Reschedule Job"}},"delete-job":{"button":{"label":"Delete Job"}},"view-job":{"button":{"label":"View Job"}},"show-messages":{"button":{"label":"Show Messages"}}}}}'),l=JSON.parse('{"job-listing":{"general":{"title":"\xdcbersicht der Jobs","description":"Job \xdcbersicht"},"menu":{"title":"Job \xdcbersicht"},"page":{"listing":{"title":"Job \xdcbersicht","description":"Liste der Jobs","index":{"display-mode":"Anzeigemodus","list":"\xdcbersicht","grouped":"Gruppiert","chart":"Diagramm","group-by":"Gruppiere nach","status":"Status","job-type":"Job Typ","date-from":"Datum von","date-to":"Datum bis","auto-load":"Automatisches Laden","child-jobs":"Kinder-Jobs","messages":"Meldungen","show-sub-jobs":"Sub-Jobs anzeigen","show-job-messages":"Meldungen zu Jobs anzeigen","close":"Schlie\xdfen","loading":"Wird geladen..."},"grouped-view":{"job-info":"Job-Die Info","job-messages":"Job-Meldungen","sub-jobs":"Sub-Jobs"},"grid":{"job-status":{"succeed":"erfolgreich","error":"fehlgeschlagen","pending":"ausstehend","running":"in Bearbeitung"},"column":{"type":"Typ","status":"Status","name":"Name","started-at":"Gestartet um","finished-at":"Fertig um","created-at":"Beendet um","child-jobs":"Kinder-Jobs","messages":"Meldungen","show-sub-jobs":"Unterjobs anzeigen","show-job-messages":"Meldungen zu Jobs anzeigen","close":"Schlie\xdfen"},"message-modal":{"label":"Job-Meldungen"}}},"detail":{"textHeadline":"Job","jobChildrenTitle":"Kinder-Jobs"}},"actions":{"reschedule-job":{"button":{"label":"Umplanen Job"}},"delete-job":{"button":{"label":"Job l\xf6schen"}},"view-job":{"button":{"label":"Job anzeigen"}},"show-messages":{"button":{"label":"Meldungen anzeigen"}}}}}');let{Module:r}=Shopware;r.register("nosto-job-listing",{type:"plugin",title:"job-listing.general.title",description:"job-listing.general.description",color:"#F88962",icon:"default-avatar-multiple",snippets:{"en-GB":i,"de-DE":l},routes:{detail:{path:"detail/:id/back/:backPath",props:{default:e=>({jobId:e.params.id})}}}});let d=Shopware.Classes.ApiService;var c=class extends d{constructor(e,t,n="nosto-job"){super(e,t,n)}rescheduleJob(e){let t=this.getBasicHeaders();return this.httpClient.post(`_action/${this.getApiBasePath()}/reschedule`,{params:{jobId:e},headers:t}).then(e=>d.handleResponse(e))}};let{Application:b}=Shopware,u=b.getContainer("init");b.addServiceProvider("NostoRescheduleService",e=>new c(u.httpClient,e.loginService));let{Component:m}=Shopware,{Criteria:g}=Shopware.Data;m.register("nosto-job-info",{template:'{% block nosto_job_info_base %}\n    <sw-card-section v-if="jobItem">\n        {% block job_info_overview_columns %}\n            <sw-container\n                    columns="repeat(auto-fit, minmax(250px, 1fr))"\n                    gap="30px 30px">\n                {% block job_info_overview_left_column %}\n                    <sw-description-list\n                            columns="1fr"\n                            grid="1fr">\n                        {% block job_info_overview_name %}\n                            <dt>{{ $tc(\'job-listing.page.listing.grid.column.name\') }}</dt>\n                            <dd>\n                                <sw-order-inline-field\n                                    v-if="jobItem.name"\n                                    :display-value="jobItem.name"\n                                    :value="jobItem.name"\n                                    :editable="false"\n                                />\n                            </dd>\n                        {% endblock %}\n                        {% block job_info_overview_status %}\n                            <dt>{{ $tc(\'job-listing.page.listing.grid.column.status\') }}</dt>\n                            <dd>\n                                <template>\n                                    <nosto-job-status-badge :status="jobItem.status">\n                                    </nosto-job-status-badge>\n                                    {{ $tc(\'job-listing.page.listing.grid.job-status.\' + jobItem.status) }}\n                                </template>\n                            </dd>\n                        {% endblock %}\n                        {% block job_info_overview_startedAt %}\n                            <dt>{{ $tc(\'job-listing.page.listing.grid.column.started-at\') }}</dt>\n                            <dd>\n                                <sw-order-inline-field\n                                    v-if="jobItem.startedAt"\n                                    :display-value="formatDate(jobItem.startedAt)"\n                                    :value="formatDate(jobItem.startedAt)"\n                                    :editable="false"\n                                />\n                            </dd>\n                        {% endblock %}\n                    </sw-description-list>\n                {% endblock %}\n                {% block nosto_job_info_overview_right_column %}\n                    <sw-description-list\n                            columns="1fr"\n                            grid="1fr" class="nosto-job-user-card__summary-vertical">\n                        {% block job_detail_base_overview_type %}\n                            <dt>{{ $tc(\'job-listing.page.listing.grid.column.type\') }}</dt>\n                            <dd>\n                                <sw-order-inline-field\n                                    v-if="jobItem.type"\n                                    :display-value="jobItem.type"\n                                    :value="jobItem.type"\n                                    :editable="false"\n                                />\n                            </dd>\n                        {% endblock %}\n                        {% block job_info_overview_createdAt %}\n                            <dt>{{ $tc(\'job-listing.page.listing.grid.column.created-at\') }}</dt>\n                            <dd>\n                                <sw-order-inline-field\n                                    v-if="jobItem.createdAt"\n                                    :display-value="formatDate(jobItem.createdAt)"\n                                    :value="formatDate(jobItem.startedAt)"\n                                    :editable="false"\n                                />\n                            </dd>\n                        {% endblock %}\n                        {% block job_info_overview_finishedAt %}\n                            <dt>{{ $tc(\'job-listing.page.listing.grid.column.finished-at\') }}</dt>\n                            <dd>\n                                <sw-order-inline-field\n                                    v-if="jobItem.finishedAt"\n                                    :display-value="formatDate(jobItem.finishedAt)"\n                                    :value="formatDate(jobItem.finishedAt)"\n                                    :editable="false"\n                                />\n                            </dd>\n                        {% endblock %}\n                    </sw-description-list>\n                {% endblock %}\n            </sw-container>\n        {% endblock %}\n    </sw-card-section>\n{% endblock %}\n',inject:["NostoRescheduleService","repositoryFactory"],mixins:["notification"],props:{jobId:{type:String,required:!1,default:null}},data(){return{jobItem:null}},computed:{jobRepository(){return this.repositoryFactory.create("nosto_scheduler_job")}},created(){this.initPageData()},methods:{initPageData(){this.jobRepository.get(this.jobId,Shopware.Context.api,new g).then(e=>{this.jobItem=e})},formatDate(e){return new Date(e).toLocaleString()}}}),n(951);let{Component:p}=Shopware,{Criteria:h}=Shopware.Data;p.register("nosto-job-sub-jobs",{template:'{% block nosto_job_sub_jobs_base %}\n    <div class="sub-jobs-container">\n        <div class="sub-job-container" v-if="subJobs">\n            {% block job_children_listing %}\n                <nosto-entity-listing\n                        v-if="subJobs"\n                        :items="subJobs"\n                        :data-source="subJobs"\n                        :repository="jobRepository"\n                        :showSelection="false"\n                        :allowColumnEdit="false"\n                        :compactMode="false"\n                        :allowDelete="false"\n                        :allowEdit="false"\n                        :columns="jobChildrenColumns">\n                    <template #column-name="{ item }">\n                        {% block job_list_grid_job_name_link %}\n                            {{ item.name }}\n                        {% endblock %}\n                    </template>\n                    <template #column-status="{ item }">\n                        {% block job_list_grid_job_status_link %}\n                            <template>\n                                <nosto-job-status-badge :status="item.status"></nosto-job-status-badge>\n                                {{ $tc(\'job-listing.page.listing.grid.job-status.\' + item.status) }}\n                            </template>\n                        {% endblock %}\n                    </template>\n\n                    <template #column-startedAt="{ item }">\n                        {% block job_list_grid_job_started_at %}\n                            {{ formatDate(item.startedAt) }}\n                        {% endblock %}\n                    </template>\n                    <template #column-finishedAt="{ item }">\n                        {% block job_list_grid_job_finished_at %}\n                            {{ formatDate(item.finishedAt) }}\n                        {% endblock %}\n                    </template>\n                    <template #column-createdAt="{ item }">\n                        {% block job_list_grid_job_created_at %}\n                            {{ formatDate(item.createdAt) }}\n                        {% endblock %}\n                    </template>\n                    <template #column-messages="{ item }">\n                        {% block sub_job_show_messages_button %}\n                            <div :class="item.messages.length > 0 ? \'has-messages\' : \'\'" class="message-counters-container jobs-info-counter">\n                                <div class="count-container" v-if="item.messages">\n                            <span class="info-counter">\n                                <span class="count" v-html="getMessagesCount(item, \'info\')"></span>\n                            </span>\n                                    <sw-icon :small="true" name="regular-info-circle" color="#3498db"></sw-icon>\n                                </div>\n\n                                <div class="count-container" v-if="item.messages">\n                            <span class="warning-counter">\n                                <span class="count" v-html="getMessagesCount(item, \'warning\')"></span>\n                            </span>\n                                    <sw-icon :small="true" name="regular-exclamation-triangle" color="#f39c12"></sw-icon>\n                                </div>\n\n                                <div class="count-container" v-if="item.messages">\n                            <span class="error-counter">\n                                <span class="count" v-html="getMessagesCount(item, \'error\')"></span>\n                            </span>\n                                    <sw-icon :small="true" name="regular-times-hexagon" color="#c0392b"></sw-icon>\n                                </div>\n                            </div>\n                            <sw-button v-if="item.messages.length > 0"\n                                       class="job-messages-show-modal"\n                                       size="small"\n                                       variant="primary"\n                                       :disabled="item.messages.length <= 0"\n                                       @click="showMessageModal(item.messages)">\n                                <sw-icon name="regular-envelope" color="#fff" :small="true" :decorative="true"></sw-icon>\n                                {{ $tc(\'job-listing.actions.show-messages.button.label\') }}\n                            </sw-button>\n                        {% endblock %}\n                    </template>\n                    <template #actions="{ item }">\n                        <sw-context-menu-item :disabled="item.status !== \'error\'"\n                                              @click="rescheduleJob(item.id)">\n                            {{ $tc(\'job-listing.actions.reschedule-job.button.label\') }}\n                        </sw-context-menu-item>\n                        <sw-context-menu-item v-if="item.messages"\n                                              :disabled="item.messages.length <= 0"\n                                              @click="showMessageModal(item.messages)">\n                            {{ $tc(\'job-listing.actions.show-messages.button.label\') }}\n                        </sw-context-menu-item>\n                    </template>\n                </nosto-entity-listing>\n            {% endblock %}\n        </div>\n        <div v-else>\n            {{ $tc(\'job-listing.page.listing.index.loading\') }}\n        </div>\n        <sw-modal class="nosto-job-messages-modal" v-if="showMessagesModal" :title="$tc(\'job-listing.page.listing.grid.column.messages\')"\n                  @modal-close="showMessagesModal = false">\n            {% block job_messages_listing %}\n                <div v-if="currentJobMessages" class="job_list_grid_job_messages-information" style="width:100%;">\n                    <div class="messages-content" v-for="item in currentJobMessages">\n                        <sw-alert class="nosto-alert"\n                                v-if="item.type == \'info-message\'"\n                                variant="info"\n                                appearance="default"\n                                :showIcon="true"\n                                :closable="false">\n                            {{ item.message }}\n                        </sw-alert>\n                        <sw-alert class="nosto-alert"\n                                v-if="item.type == \'error-message\'"\n                                variant="error"\n                                appearance="default"\n                                :showIcon="true"\n                                :closable="false">\n                            {{ item.message }}\n                        </sw-alert>\n                        <sw-alert class="nosto-alert"\n                                v-if="item.type == \'warning-message\'"\n                                variant="warning"\n                                appearance="default"\n                                :showIcon="true"\n                                :closable="false">\n                            {{ item.message }}\n                        </sw-alert>\n                    </div>\n                </div>\n            {% endblock %}\n            <template #modal-footer>\n                <sw-button variant="primary"\n                           @click="showMessagesModal = false">\n                    {{ $tc(\'job-listing.page.listing.index.close\') }}\n                </sw-button>\n            </template>\n        </sw-modal>\n    </div>\n{% endblock %}\n',inject:["NostoRescheduleService","repositoryFactory"],mixins:["notification"],props:{jobId:{type:String,required:!1,default:null}},data(){return{subJobs:null,showMessagesModal:!1,currentJobMessages:null}},computed:{jobRepository(){return this.repositoryFactory.create("nosto_scheduler_job")},jobChildrenColumns(){return[{property:"name",dataIndex:"name",label:this.$tc("job-listing.page.listing.grid.column.name"),allowResize:!1,inlineEdit:!0,width:"200px"},{property:"status",dataIndex:"status",label:this.$tc("job-listing.page.listing.grid.column.status"),allowResize:!1,inlineEdit:!0,width:"100px"},{property:"startedAt",dataIndex:"startedAt",label:this.$tc("job-listing.page.listing.grid.column.started-at"),allowResize:!1,inlineEdit:!0,width:"150px",sortable:!0},{property:"finishedAt",dataIndex:"finishedAt",label:this.$tc("job-listing.page.listing.grid.column.finished-at"),allowResize:!0,inlineEdit:!0,width:"150px"},{property:"createdAt",dataIndex:"createdAt",label:this.$tc("job-listing.page.listing.grid.column.created-at"),allowResize:!0,inlineEdit:!0,width:"150px"},{property:"messages",dataIndex:"messages",label:"Messages",allowResize:!0,inlineEdit:!1,width:"250px",sortable:!1}]}},created(){this.initModalData()},methods:{initModalData(){let e=new h;e.addFilter(h.equals("parentId",this.jobId)),e.addSorting(h.sort("createdAt","DESC",!1)),e.addAssociation("messages"),this.jobRepository.search(e,Shopware.Context.api).then(e=>{this.subJobs=s.sortMessages(e)})},rescheduleJob(e){this.NostoRescheduleService.rescheduleJob(e).then(()=>{this.createNotificationSuccess({message:"Job has been rescheduled successfully."}),this.initPageData()}).catch(()=>{this.createNotificationError({message:"Unable reschedule job."})})},showMessageModal(e){this.currentJobMessages=e,this.showMessagesModal=!0},getMessagesCount(e,t){return e.messages.filter(e=>e.type===`${t}-message`).length},formatDate(e){return new Date(e).toLocaleString()}}}),n(461);let{Component:_}=Shopware,{Criteria:w}=Shopware.Data;_.register("nosto-scheduler-charts",{template:'{% block nosto_job_charts_base %}\n<div class="nosto-scheduler-charts">\n    <div class="sw-dashboard-statistics__card-headline-select">\n        <sw-select-field\n                v-model:value="statisticDateRanges.value"\n                class="charts-date-range"\n                size="small">\n            <option\n                    v-for="(value, option) in statisticDateRanges.options"\n                    :key="option"\n                    :value="option">\n                {{ $tc(`sw-dashboard.monthStats.dateRanges.${option}`) }}\n            </option>\n        </sw-select-field>\n    </div>\n    <sw-chart\n            type="area"\n            :series="chartSeries"\n            :options="chartOptionsCount"\n            :fill-empty-values="getTimeUnitInterval"\n            :fillEmptyDates="false"\n            :sort="true"\n    />\n</div>\n{% endblock %}\n',inject:["repositoryFactory"],mixins:["notification"],props:{jobTypes:{type:Array,required:!1,default:()=>[]},sortType:{type:String,required:!0,default:()=>"status"}},data(){return{items:null,statisticDateRanges:{value:"30Days",options:{"30Days":30,"14Days":14,"7Days":7,"24Hours":24,yesterday:1}},chartSeries:[],colors:{0:"#FF8C00",1:"#0044ee",2:"#9400D3",3:"#FFD700",4:"#008000",5:"#40E0D0",6:"#00BFFF",7:"#209d90",8:"#C71585",9:"#000000",10:"#F4A460"}}},computed:{jobRepository(){return this.repositoryFactory.create("nosto_scheduler_job")},getTimeUnitInterval(){let e=this.statisticDateRanges.value;return"yesterday"===e||"24Hours"===e?"hour":"day"},dateAgo(){let e=new Date,t=this.statisticDateRanges.value,n=this.statisticDateRanges.options[t]??0;return"24Hours"===t?e.setHours(e.getHours()-n):(e.setDate(e.getDate()-n),e.setHours(0,0,0,0)),e},chartOptionsCount(){return{title:{text:"Jobs",style:{fontSize:"16px",fontWeight:"600"}},xaxis:{type:"datetime",min:this.dateAgo.getTime(),labels:{datetimeUTC:!1}},yaxis:{min:0,tickAmount:3,labels:{formatter:e=>parseInt(e,10)}}}}},watch:{sortType(){this.initChartData()}},created(){this.initChartData()},beforeDestroy(){clearInterval(this.reloadInterval)},methods:{initChartData(){let e=new w;return e.addFilter(w.equals("parentId",null)),e.setLimit(500),this.jobTypes!==[]&&e.addFilter(w.equalsAny("type",this.jobTypes)),this.jobRepository.search(e,Shopware.Context.api).then(e=>{this.items=e,"status"===this.sortType?this.createStatusChartSeries(e):"type"===this.sortType&&this.createTypeChartSeries(e)})},createTypeChartSeries(e){this.chartSeries=e.reduce((e,t,n)=>{let s=this.parseDate(t.createdAt),o=e.find(e=>e.name===t.name),a={x:s,y:1};if(o){let e=o.data.findIndex(e=>e.x===s);-1===e?o.data.push(a):o.data[e].y+=1}else e.push({name:t.name,data:[a],color:this.colors[n]?this.colors[n]:this.getRandomColor(n)});return e},[])},createStatusChartSeries(e){this.chartSeries=[{name:this.$tc("job-listing.page.listing.grid.job-status.succeed"),data:this.getDataByItemStatus(e,"succeed"),color:"#37d046"},{name:this.$tc("job-listing.page.listing.grid.job-status.error"),data:this.getDataByItemStatus(e,"error"),color:"#de294c"},{name:this.$tc("job-listing.page.listing.grid.job-status.pending"),data:this.getDataByItemStatus(e,"pending"),color:"#d1d9e0"}]},getDataByItemStatus(e,t){return e.filter(e=>e.status===t).reduce((e,t)=>{let n=this.parseDate(t.createdAt),s=e.findIndex(e=>e.x===n);return -1!==s?e[s].y+=1:e.push({x:n,y:1}),e},[])},getRandomColor(){let e=(1048575e6*Math.random()).toString(16);return`#${e.slice(0,6)}`},statusCharts(){return[{name:this.$tc("job-listing.page.listing.grid.job-status.succeed"),data:[],color:"#37d046"},{name:this.$tc("job-listing.page.listing.grid.job-status.error"),data:[],color:"#de294c"},{name:this.$tc("job-listing.page.listing.grid.job-status.pending"),data:[],color:"#d1d9e0"}]},parseDate(e){return new Date((e=e.substring(0,e.lastIndexOf("T")+1)).replace(/-/g,"/").replace("T"," ")).valueOf()},onRefresh(){this.initChartData()}}}),n(158);let{Component:f}=Shopware,{Criteria:v}=Shopware.Data;f.register("nosto-grouped-view",{template:'{% block nosto_grouped_view_base %}\n    <div class="nosto-grouped-view-container" v-if="groupedItems" :isLoading="isLoading">\n        <div class="nosto-grouped-view-wrapper"\n             v-for="group in groupedItems">\n            <sw-collapse :class="`is-${group.type}`">\n                <template #header>{{ group.title }} <span class="amount">({{ group.items.total }})</span></template>\n                <template #content>\n                    <nosto-entity-listing\n                            :items="group.items"\n                            :repository="jobRepository"\n                            :is-loading="isLoading"\n                            :showSelection="true"\n                            :allowColumnEdit="false"\n                            :allowDelete="true"\n                            :allowEdit="false"\n                            :page="1"\n                            :jobTypes="jobTypes"\n                            :columns="columns">\n                        <template #column-status="{ item }">\n                            {% block nosto_job_list_grid_job_status_link %}\n                                <template>\n                                    <nosto-job-status-badge :status="item.status"></nosto-job-status-badge>\n                                    {{ $tc(\'job-listing.page.listing.grid.job-status.\' + item.status) }}\n                                </template>\n                            {% endblock %}\n                        </template>\n                        <template #column-name="{ item }">\n                            {% block nosto_job_list_grid_job_name_link %}\n                                {{ item.name }}\n                            {% endblock %}\n                        </template>\n                        <template #column-startedAt="{ item }">\n                            {% block nosto_job_list_grid_job_started_date %}\n                                {{ formatDate(item.startedAt) }}\n                            {% endblock %}\n                        </template>\n                        <template #column-finishedAt="{ item }">\n                            {% block nosto_job_list_grid_job_finished_date %}\n                                {{ formatDate(item.finishedAt) }}\n                            {% endblock %}\n                        </template>\n                        <template #column-createdAt="{ item }">\n                            {% block nosto_job_list_grid_job_created_date %}\n                                {{ formatDate(item.createdAt) }}\n                            {% endblock %}\n                        </template>\n                        <template class="sub-jobs-column" #column-subJobs="{ item }">\n                            {% block nosto_job_list_grid_job_sub_jobs %}\n                                <div :class="item.subJobs.length > 0 ? \'has-subjobs\' : \'\'"\n                                     class="sub-jobs-counters-container jobs-info-counter"\n                                >\n                                    <div class="count-container" v-if="item.subJobs">\n                                        <span class="info-container">\n                                            <span class="count" v-html="getChildrenCount(item, \'succeed\')"></span>\n                                        </span>\n                                        <nosto-job-status-badge status="succeed"></nosto-job-status-badge>\n                                    </div>\n\n                                    <div class="count-container" v-if="item.subJobs">\n                                        <span class="warning-container">\n                                            <span class="count" v-html="getChildrenCount(item, \'pending\')"></span>\n                                        </span>\n                                        <nosto-job-status-badge status="pending"></nosto-job-status-badge>\n                                    </div>\n\n                                    <div class="count-container" v-if="item.subJobs">\n                                        <span class="error-counter">\n                                            <span class="count" v-html="getChildrenCount(item, \'error\')"></span>\n                                        </span>\n                                        <nosto-job-status-badge status="error"></nosto-job-status-badge>\n                                    </div>\n                                </div>\n                            {% endblock %}\n                            <sw-button v-if="item.subJobs.length > 0" class="sub-job-show-modal" size="small" variant="primary"\n                                       :disabled="item.subJobs.length <= 0" @click="showSubJobs(item.id)">\n                                <sw-icon name="regular-cog" color="#fff" :small="true" :decorative="true"></sw-icon>\n                                {{ $tc(\'job-listing.page.listing.grid.column.show-sub-jobs\') }}\n                            </sw-button>\n                        </template>\n                        <template #column-messages="{ item }">\n                            {% block nosto_job_list_grid_job_messages %}\n                                <div :class="item.messages.length > 0 ? \'has-messages\' : \'\'"\n                                     class="message-counters-container jobs-info-counter">\n                                    <div class="count-container" v-if="item.messages">\n                                        <span class="info-counter">\n                                            <span class="count" v-html="getMessagesCount(item, \'info\')"></span>\n                                        </span>\n                                        <sw-icon :small="true" name="regular-info-circle" color="#3498db"></sw-icon>\n                                    </div>\n\n                                    <div class="count-container" v-if="item.messages">\n                                        <span class="warning-counter">\n                                            <span class="count" v-html="getMessagesCount(item, \'warning\')"></span>\n                                        </span>\n                                        <sw-icon :small="true" name="regular-exclamation-triangle" color="#f39c12"></sw-icon>\n                                    </div>\n\n                                    <div class="count-container" v-if="item.messages">\n                                        <span class="error-counter">\n                                            <span class="count" v-html="getMessagesCount(item, \'error\')"></span>\n                                        </span>\n                                        <sw-icon :small="true" name="regular-times-hexagon" color="#c0392b"></sw-icon>\n                                    </div>\n                                </div>\n                                <sw-button v-if="item.messages.length > 0" class="job-messages-show-modal" size="small"\n                                           variant="primary" :disabled="item.messages.length <= 0"\n                                           @click="showJobMessages(item)">\n                                    <sw-icon name="regular-envelope" color="#fff" :small="true"\n                                             :decorative="true"></sw-icon>\n                                    Show job messages\n                                </sw-button>\n                            {% endblock %}\n                        </template>\n                        <template #actions="{ item }">\n                            <sw-context-menu-item :disabled="item.status !== \'error\'"\n                                                  @click="rescheduleJob(item.id)">\n                                {{ $tc(\'job-listing.actions.reschedule-job.button.label\') }}\n                            </sw-context-menu-item>\n                            <sw-context-menu-item class="sw-context-menu-item--danger"\n                                                  :disabled="!canDelete(item)"\n                                                  @click="onDeleteJob(item.id)">\n                                {{ $tc(\'job-listing.actions.delete-job.button.label\') }}\n                            </sw-context-menu-item>\n                        </template>\n                    </nosto-entity-listing>\n                </template>\n            </sw-collapse>\n        </div>\n        {% block nosto_entity_listing_job_info_modal %}\n            <sw-modal class="nosto-job-info-modal" v-if="showJobInfoModal" :title="$tc(\'job-listing.page.listing.grouped-view.job-info\')"\n                      @modal-close="showJobInfoModal = false">\n                <nosto-job-info v-if="currentJobID" :jobId="currentJobID">\n\n                </nosto-job-info>\n                <template #modal-footer>\n                    <sw-button variant="primary"\n                               @click="showJobInfoModal = false">\n                        {{ $tc(\'job-listing.page.listing.index.close\') }}\n                    </sw-button>\n                </template>\n            </sw-modal>\n        {% endblock %}\n\n        {% block nosto_entity_listing_job_subs_modal %}\n            <sw-modal class="nosto-job-sub-jobs-modal" v-if="showJobSubsModal" :title="$tc(\'job-listing.page.listing.grouped-view.sub-jobs\')"\n                      @modal-close="showJobSubsModal = false">\n                <nosto-job-sub-jobs v-if="currentJobID" :jobId="currentJobID">\n\n                </nosto-job-sub-jobs>\n                <template #modal-footer>\n                    <sw-button variant="primary"\n                               @click="showJobSubsModal = false">\n                        {{ $tc(\'job-listing.page.listing.index.close\') }}\n                    </sw-button>\n                </template>\n            </sw-modal>\n        {% endblock %}\n\n        {% block nosto_entity_listing_job_messages_modal %}\n            <sw-modal class="nosto-job-messages-modal" v-if="showMessagesModal" :title="$tc(\'job-listing.page.listing.grouped-view.job-messages\')"\n                      @modal-close="showMessagesModal = false">\n                {% block job_messages_listing %}\n                    <div v-if="currentJobMessages" class="job_list_grid_job_messages-information" style="width:100%;">\n                        <div class="messages-content" v-for="item in currentJobMessages">\n                            <sw-alert class="nosto-alert"\n                                      v-if="item.type == \'info-message\'"\n                                      variant="info"\n                                      appearance="default"\n                                      :showIcon="true"\n                                      :closable="false">\n                                {{ item.message }}\n                            </sw-alert>\n                            <sw-alert class="nosto-alert"\n                                      v-if="item.type == \'error-message\'"\n                                      variant="error"\n                                      appearance="default"\n                                      :showIcon="true"\n                                      :closable="false">\n                                {{ item.message }}\n                            </sw-alert>\n                            <sw-alert class="nosto-alert"\n                                      v-if="item.type == \'warning-message\'"\n                                      variant="warning"\n                                      appearance="default"\n                                      :showIcon="true"\n                                      :closable="false">\n                                {{ item.message }}\n                            </sw-alert>\n                        </div>\n                    </div>\n                {% endblock %}\n                <template #modal-footer>\n                    <sw-button variant="primary"\n                               @click="showMessagesModal = false">\n                        {{ $tc(\'job-listing.page.listing.index.close\') }}\n                    </sw-button>\n                </template>\n            </sw-modal>\n        {% endblock %}\n    </div>\n{% endblock %}\n',inject:["repositoryFactory"],mixins:["notification"],props:{jobTypes:{type:Array,required:!1,default:()=>[]},groupCreationDate:{type:Object,required:!1,default:()=>{}},sortType:{type:String,required:!0,default:()=>"status"}},data(){return{groupedItems:[],isLoading:!1,showJobInfoModal:!1,showJobSubsModal:!1,currentJobID:null,showMessagesModal:!1,currentJobMessages:null}},computed:{jobRepository(){return this.repositoryFactory.create("nosto_scheduler_job")},messageRepository(){return this.repositoryFactory.create("nosto_scheduler_job_message")},jobMessagesColumns(){return[{property:"message",dataIndex:"message",label:this.$tc("job-listing.page.listing.grid.column.message"),allowResize:!1,align:"left",width:"90px"}]},columns(){return[{property:"name",label:this.$tc("job-listing.page.listing.grid.column.name"),allowResize:!0,width:"500px"},{property:"status",label:this.$tc("job-listing.page.listing.grid.column.status"),allowResize:!0,width:"150px"},{property:"startedAt",label:this.$tc("job-listing.page.listing.grid.column.started-at"),allowResize:!0,width:"170px"},{property:"finishedAt",label:this.$tc("job-listing.page.listing.grid.column.finished-at"),allowResize:!0,width:"170px"},{property:"createdAt",label:this.$tc("job-listing.page.listing.grid.column.created-at"),allowResize:!0,width:"170px"},{property:"subJobs",label:this.$tc("job-listing.page.listing.grid.column.child-jobs"),allowResize:!0,width:"250px",visible:!0,sortable:!1},{property:"messages",label:this.$tc("job-listing.page.listing.grid.column.messages"),allowResize:!0,width:"350px",visible:!0,sortable:!1}]}},watch:{sortType(){this.groupedItems=[],this.initGroupedView()},groupCreationDate:{handler(){this.groupedItems=[],this.initGroupedView()},deep:!0}},created(){this.initGroupedView()},beforeDestroy(){clearInterval(this.reloadInterval)},methods:{initGroupedView(){this.isLoading=!0;let e=new v;return e.addFilter(v.equals("parentId",null)),e.addSorting(v.sort("createdAt","DESC",!1)),e.addAssociation("messages"),e.addAssociation("subJobs"),e.limit=null,this.jobTypes!==[]&&e.addFilter(v.equalsAny("type",this.jobTypes)),this.groupCreationDate.fromDate&&e.addFilter(v.range("createdAt",{gte:this.groupCreationDate.fromDate})),this.groupCreationDate.toDate&&e.addFilter(v.range("createdAt",{lte:this.groupCreationDate.toDate})),this.jobRepository.search(e,Shopware.Context.api).then(e=>{this.sortJobs(e)})},sortJobs(e){this.groupedItemsTypes=[],this.groupedItems=[],e.forEach(e=>{-1===this.groupedItemsTypes.findIndex(t=>t.title===e[this.sortType])&&this.groupedItemsTypes.push({title:e[this.sortType]})}),this.getJobsByType(this.groupedItemsTypes)},getJobsByType(e){return e.forEach(e=>{let t=new v;t.addFilter(v.equals("parentId",null)),t.addSorting(v.sort("createdAt","DESC",!1)),t.addAssociation("messages"),t.addAssociation("subJobs"),this.groupCreationDate.fromDate&&t.addFilter(v.range("createdAt",{gte:this.groupCreationDate.fromDate})),this.groupCreationDate.toDate&&t.addFilter(v.range("createdAt",{lte:this.groupCreationDate.toDate})),this.jobTypes!==[]&&t.addFilter(v.equalsAny("type",this.jobTypes)),"status"===this.sortType&&t.addFilter(v.equals("status",e.title)),"type"===this.sortType&&t.addFilter(v.equals("type",e.title)),this.jobRepository.search(t,Shopware.Context.api).then(t=>{let n="status"===this.sortType?e.title.toUpperCase():t[0].name,o="status"===this.sortType?this.$tc(`job-listing.page.listing.grid.job-status.${e.title}`):t[0].name;this.groupedItems.push({title:o,type:n,items:s.sortMessages(t)})})}),this.isLoading=!1,this.groupedItems},getMessagesCount(e,t){return e.messages.filter(e=>e.type===`${t}-message`).length},getChildrenCount(e,t){return e.subJobs.filter(e=>e.status===t).length},onRefresh(){this.initGroupedView()},canDelete(e){return -1!==["error","succeed"].indexOf(e.status)},onDeleteJob(e){this.jobRepository.delete(e,Shopware.Context.api).then(()=>{this.updateList()})},rescheduleJob(e){this.NostoRescheduleService.rescheduleJob(e).then(()=>{this.createNotificationSuccess({message:"Job has been rescheduled successfully."}),this.updateList()}).catch(()=>{this.createNotificationError({message:"Unable reschedule job."})})},showJobInfo(e){this.currentJobID=e,this.showJobInfoModal=!0},showSubJobs(e){this.currentJobID=e,this.showJobSubsModal=!0},showJobMessages(e){this.currentJobMessages=e.messages,this.showMessagesModal=!0},formatDate(e){return new Date(e).toLocaleString()}}})}()})();
\ No newline at end of file
+(function(){var e={30:function(){},328:function(){},250:function(){},758:function(){},729:function(){},671:function(e,t,n){var s=n(30);s.__esModule&&(s=s.default),"string"==typeof s&&(s=[[e.id,s,""]]),s.locals&&(e.exports=s.locals),n(346).Z("585a76b3",s,!0,{})},158:function(e,t,n){var s=n(328);s.__esModule&&(s=s.default),"string"==typeof s&&(s=[[e.id,s,""]]),s.locals&&(e.exports=s.locals),n(346).Z("3a2beb4e",s,!0,{})},951:function(e,t,n){var s=n(250);s.__esModule&&(s=s.default),"string"==typeof s&&(s=[[e.id,s,""]]),s.locals&&(e.exports=s.locals),n(346).Z("19dce50c",s,!0,{})},461:function(e,t,n){var s=n(758);s.__esModule&&(s=s.default),"string"==typeof s&&(s=[[e.id,s,""]]),s.locals&&(e.exports=s.locals),n(346).Z("5f6e56a6",s,!0,{})},266:function(e,t,n){var s=n(729);s.__esModule&&(s=s.default),"string"==typeof s&&(s=[[e.id,s,""]]),s.locals&&(e.exports=s.locals),n(346).Z("87d3cc56",s,!0,{})},346:function(e,t,n){"use strict";function s(e,t){for(var n=[],s={},o=0;o<t.length;o++){var a=t[o],i=a[0],l={id:e+":"+o,css:a[1],media:a[2],sourceMap:a[3]};s[i]?s[i].parts.push(l):n.push(s[i]={id:i,parts:[l]})}return n}n.d(t,{Z:function(){return g}});var o="undefined"!=typeof document;if("undefined"!=typeof DEBUG&&DEBUG&&!o)throw Error("vue-style-loader cannot be used in a non-browser environment. Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.");var a={},i=o&&(document.head||document.getElementsByTagName("head")[0]),l=null,r=0,d=!1,c=function(){},b=null,u="data-vue-ssr-id",m="undefined"!=typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());function g(e,t,n,o){d=n,b=o||{};var i=s(e,t);return p(i),function(t){for(var n=[],o=0;o<i.length;o++){var l=a[i[o].id];l.refs--,n.push(l)}t?p(i=s(e,t)):i=[];for(var o=0;o<n.length;o++){var l=n[o];if(0===l.refs){for(var r=0;r<l.parts.length;r++)l.parts[r]();delete a[l.id]}}}}function p(e){for(var t=0;t<e.length;t++){var n=e[t],s=a[n.id];if(s){s.refs++;for(var o=0;o<s.parts.length;o++)s.parts[o](n.parts[o]);for(;o<n.parts.length;o++)s.parts.push(_(n.parts[o]));s.parts.length>n.parts.length&&(s.parts.length=n.parts.length)}else{for(var i=[],o=0;o<n.parts.length;o++)i.push(_(n.parts[o]));a[n.id]={id:n.id,refs:1,parts:i}}}}function h(){var e=document.createElement("style");return e.type="text/css",i.appendChild(e),e}function _(e){var t,n,s=document.querySelector("style["+u+'~="'+e.id+'"]');if(s){if(d)return c;s.parentNode.removeChild(s)}if(m){var o=r++;t=f.bind(null,s=l||(l=h()),o,!1),n=f.bind(null,s,o,!0)}else t=v.bind(null,s=h()),n=function(){s.parentNode.removeChild(s)};return t(e),function(s){s?(s.css!==e.css||s.media!==e.media||s.sourceMap!==e.sourceMap)&&t(e=s):n()}}var w=function(){var e=[];return function(t,n){return e[t]=n,e.filter(Boolean).join("\n")}}();function f(e,t,n,s){var o=n?"":s.css;if(e.styleSheet)e.styleSheet.cssText=w(t,o);else{var a=document.createTextNode(o),i=e.childNodes;i[t]&&e.removeChild(i[t]),i.length?e.insertBefore(a,i[t]):e.appendChild(a)}}function v(e,t){var n=t.css,s=t.media,o=t.sourceMap;if(s&&e.setAttribute("media",s),b.ssrId&&e.setAttribute(u,t.id),o&&(n+="\n/*# sourceURL="+o.sources[0]+" */\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(o))))+" */"),e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}}},t={};function n(s){var o=t[s];if(void 0!==o)return o.exports;var a=t[s]={id:s,exports:{}};return e[s](a,a.exports,n),a.exports}n.d=function(e,t){for(var s in t)n.o(t,s)&&!n.o(e,s)&&Object.defineProperty(e,s,{enumerable:!0,get:t[s]})},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="bundles/nostoscheduler/",window?.__sw__?.assetPath&&(n.p=window.__sw__.assetPath+"/bundles/nostoscheduler/"),function(){"use strict";n(671);let{Component:e}=Shopware;e.extend("nosto-entity-listing","sw-entity-listing",{template:'{% block sw_data_grid_slot_pagination %}\n    <sw-pagination v-bind="{ page, limit, total, steps }"\n            :total-visible="7"\n            @page-change="paginate"\n    />\n{% endblock %}\n\n{% block sw_data_grid_bulk_selected_actions_content %}\n    {% block sw_data_grid_bulk_edit_content %}\n        \n        <a\n                v-if="allowBulkEdit"\n                class="link link-primary"\n                @click="onClickBulkEdit"\n        >\n            {{ $tc(\'global.sw-bulk-edit-modal.bulkEdit\') }}\n        </a>\n    {% endblock %}\n\n    {% block sw_data_grid_bulk_delete_content %}\n        \n        <a\n                v-if="allowDelete"\n                class="link link-danger"\n                @click="showBulkDeleteModal = true"\n        >\n            {{ $tc(\'global.default.delete\') }}\n        </a>\n    {% endblock %}\n{% endblock %}\n\n{% block sw_data_grid_slot_bulk_modals %}\n    {% block sw_data_grid_bulk_edit_modal %}\n        <slot\n                name="bulk-edit-modal"\n                v-bind="{ selection }"\n        >\n            {% block sw_data_grid_slot_bulk_edit_modal %}\n                <sw-bulk-edit-modal\n                        v-if="showBulkEditModal"\n                        :selection="selection"\n                        :bulk-grid-edit-columns="bulkGridEditColumns"\n                        @modal-close="onCloseBulkEditModal"\n                />\n            {% endblock %}\n        </slot>\n    {% endblock %}\n\n    {% block sw_data_grid_bulk_delete_modal %}\n        <sw-modal\n                v-if="showBulkDeleteModal"\n                variant="small"\n                :title="$tc(\'global.default.warning\')"\n                @modal-close="showBulkDeleteModal = false"\n        >\n            <p class="sw-data-grid__confirm-bulk-delete-text">\n                <slot\n                        name="bulk-modal-delete-confirm-text"\n                        v-bind="{ selectionCount }"\n                >\n                    {{ $tc(\'global.entity-components.deleteMessage\', selectionCount, { count: selectionCount }) }}\n                </slot>\n            </p>\n\n            <template #modal-footer>\n                <slot name="bulk-modal-cancel">\n                    <sw-button\n                            size="small"\n                            @click="showBulkDeleteModal = false"\n                    >\n                        {{ $tc(\'global.default.cancel\') }}\n                    </sw-button>\n                </slot>\n\n                <slot\n                        name="bulk-modal-delete-items"\n                        v-bind="{ isBulkLoading, deleteItems }"\n                >\n                    <sw-button\n                            variant="danger"\n                            size="small"\n                            :is-loading="isBulkLoading"\n                            @click="deleteItems"\n                    >\n                        {{ $tc(\'global.default.delete\') }}\n                    </sw-button>\n                </slot>\n            </template>\n        </sw-modal>\n    {% endblock %}\n{% endblock %}\n\n{% block sw_data_grid_slot_actions %}\n    <slot\n            name="detail-action"\n            v-bind="{ item }"\n    >\n        <sw-context-menu-item\n                v-if="detailRoute"\n                v-tooltip="{\n            message: $tc(\'sw-privileges.tooltip.warning\'),\n            disabled: allowEdit || allowView,\n            showOnDisabledElements: true,\n            zIndex: 9050,\n        }"\n                class="sw-entity-listing__context-menu-edit-action"\n                :disabled="!allowEdit && !allowView"\n                :router-link="{ name: detailRoute, params: { id: item.id } }"\n        >\n            {{ detailPageLinkText }}\n        </sw-context-menu-item>\n    </slot>\n\n    <slot\n            name="more-actions"\n            v-bind="{ item }"\n    ></slot>\n\n    <slot\n            name="delete-action"\n            v-bind="{ item, showDelete, allowDelete }"\n    >\n        <sw-context-menu-item\n                v-tooltip.bottom="{\n            message: $tc(\'sw-privileges.tooltip.warning\'),\n            disabled: allowDelete,\n            showOnDisabledElements: true,\n            zIndex: 9050,\n        }"\n                :disabled="!allowDelete"\n                class="sw-entity-listing__context-menu-edit-delete"\n                variant="danger"\n                @click="showDelete(item.id)"\n        >\n            {{ $tc(\'global.default.delete\') }}\n        </sw-context-menu-item>\n\n        <sw-context-menu-item\n                class="sw-entity-listing__context-menu-edit-test"\n                variant="info"\n        >\n            Test\n        </sw-context-menu-item>\n    </slot>\n{% endblock %}\n\n{% block sw_data_grid_slot_action_modals %}\n    <sw-modal\n            v-if="deleteId === item.id"\n            :title="$tc(\'global.default.warning\')"\n            variant="small"\n            @modal-close="closeModal"\n    >\n        <p class="sw-listing__confirm-delete-text">\n            <slot\n                    name="delete-confirm-text"\n                    v-bind="{ item }"\n            >\n                {{ $tc(\'global.entity-components.deleteMessage\') }}\n            </slot>\n        </p>\n\n        <template #modal-footer>\n            <slot\n                    name="delete-modal-footer"\n                    v-bind="{ item }"\n            >\n                <slot\n                        name="delete-modal-cancel"\n                        v-bind="{ item }"\n                >\n                    <sw-button\n                            size="small"\n                            @click="closeModal"\n                    >\n                        {{ $tc(\'global.default.cancel\') }}\n                    </sw-button>\n                </slot>\n\n                <slot\n                        name="delete-modal-delete-item"\n                        v-bind="{ item }"\n                >\n                    <sw-button\n                            variant="danger"\n                            size="small"\n                            @click="deleteItem(item.id)"\n                    >\n                        {{ $tc(\'global.default.delete\') }}\n                    </sw-button>\n                </slot>\n            </slot>\n        </template>\n    </sw-modal>\n{% endblock %}\n\n{% block sw_data_grid_select_item_checkbox %}\n    <sw-checkbox-field\n        v-if="canDelete(item)"\n        :disabled="!isRecordSelectable(item)"\n        :value="isSelected(item[itemIdentifierProperty])"\n        @update:value="selectItem($event, item)"\n    />\n{% endblock %}\n\n\n{% block sw_data_grid_table %}\n    <table\n        ref="table"\n        class="sw-data-grid__table"\n    >\n\n        {% block sw_data_grid_header %}\n            <thead\n                v-if="showHeader"\n                class="sw-data-grid__header"\n            >\n\n            {% block sw_data_grid_header_row %}\n                <tr class="sw-data-grid__row">\n\n                    {% block sw_data_grid_header_cell_selection %}\n                        <th\n                            v-if="showSelection"\n                            class="sw-data-grid__cell sw-data-grid__cell--header sw-data-grid__cell--selection"\n                        >\n                            {% block sw_data_grid_header_cell_selection_content %}\n                                <div class="sw-data-grid__cell-content">\n                                    {% block sw_data_grid_select_all_checkbox %}\n                                        <sw-checkbox-field\n                                            v-if="records && records.length > 0"\n                                            :disabled="isSelectAllDisabled"\n                                            class="sw-data-grid__select-all"\n                                            :value="allSelectedChecked"\n                                            @update:value="selectAll"\n                                        />\n                                    {% endblock %}\n                                </div>\n                            {% endblock %}\n                        </th>\n                    {% endblock %}\n\n                    {% block sw_data_grid_header_columns %}\n                        <th\n                                v-for="(column, columnIndex) in currentColumns"\n                                v-show="column.visible"\n                                :key="`${column.property}-${columnIndex}`"\n                                ref="column"\n                                class="sw-data-grid__cell sw-data-grid__cell--header sw-data-grid__cell--property"\n                                :class="getHeaderCellClasses(column, columnIndex)"\n                                :style="{ width: column.width, minWidth: column.width }"\n                                @click="onClickHeaderCell($event, column)"\n                        >\n\n                            {% block sw_data_grid_header_columns_content %}\n                                <div class="sw-data-grid__cell-content">\n\n                                    <slot\n                                            :name="`column-label-${column.property}`"\n                                            v-bind="{ column, columnIndex }"\n                                    >\n\n                                        {% block sw_data_grid_header_columns_icon %}\n                                            <sw-icon\n                                                    v-if="column.iconLabel"\n                                                    :name="column.iconLabel"\n                                            >\n                                                {{ $te(column.label) ? $tc(column.label) : column.label }}\n                                            </sw-icon>\n                                        {% endblock %}\n\n                                        {% block sw_data_grid_header_columns_label %}\n                                            <template v-else>\n                                                {{ $te(column.label) ? $tc(column.label) : column.label }}\n                                            </template>\n                                        {% endblock %}\n                                    </slot>\n\n                                    {% block sw_data_grid_column_actions %}\n                                        <sw-context-button\n                                                v-if="allowColumnEdit && !isInlineEditActive"\n                                                class="sw-data-grid__action-edit-column"\n                                        >\n                                            {% block sw_data_grid_column_actions_hide %}\n                                                <sw-context-menu-item\n                                                        :disabled="column.primary"\n                                                        variant="danger"\n                                                        @click="hideColumn(columnIndex)"\n                                                >\n                                                    {{ $tc(\'global.sw-data-grid.labelColumnHide\') }}\n                                                </sw-context-menu-item>\n                                            {% endblock %}\n                                        </sw-context-button>\n                                    {% endblock %}\n\n                                    {% block sw_data_grid_sort_indicator %}\n                                        <span\n                                                v-if="column.sortable && currentSortBy === column.dataIndex"\n                                                class="sw-data-grid__sort-indicator"\n                                        >\n                                {% block sw_data_grid_sort_indicator_transition %}\n                                    <transition\n                                            name="sort-indicator"\n                                            mode="out-in"\n                                    >\n                                        {% block sw_data_grid_sort_indicator_icon_asc %}\n                                            <sw-icon\n                                                v-if="currentSortDirection === \'ASC\'"\n                                                key="ASC"\n                                                name="solid-long-arrow-up"\n                                                size="20px"\n                                            />\n                                        {% endblock %}\n\n                                        {% block sw_data_grid_sort_indicator_icon_desc %}\n                                            <sw-icon\n                                                v-else\n                                                key="DESC"\n                                                name="solid-long-arrow-down"\n                                                size="20px"\n                                            />\n                                        {% endblock %}\n                                </transition>\n                                {% endblock %}\n                            </span>\n                                    {% endblock %}\n                                </div>\n                            {% endblock %}\n\n                            {% block sw_data_grid_header_columns_resize %}\n                                <span\n                                        v-if="column.allowResize"\n                                        class="sw-data-grid__cell-resize"\n                                        @mousedown="onStartResize($event, column, columnIndex)"\n                                ></span>\n                            {% endblock %}\n                        </th>\n                    {% endblock %}\n\n                    {% block sw_data_grid_header_cell_spacer %}\n                        <th\n                                v-if="hasResizeColumns"\n                                aria-hidden="true"\n                                class="sw-data-grid__cell sw-data-grid__cell--header sw-data-grid__cell-spacer"\n                        >\n                            <div class="sw-data-grid__cell-content"></div>\n                        </th>\n                    {% endblock %}\n\n                    {% block sw_data_grid_header_cell_actions %}\n                        <th\n                                v-if="showActions"\n                                class="sw-data-grid__cell sw-data-grid__cell--header sw-data-grid__cell--actions sw-data-grid__cell-settings"\n                                :class="{ \'is--loading\': loading }"\n                        >\n                            {% block sw_data_grid_header_cell_actions_content %}\n                                <div class="sw-data-grid__cell-content">\n                                    {% block sw_data_grid_settings %}\n                                        <sw-data-grid-settings\n                                                v-if="showSettings"\n                                                :columns="currentColumns"\n                                                :compact="compact"\n                                                :previews="previews"\n                                                :enable-previews="hasPreviewSlots"\n                                                :disabled="isInlineEditActive"\n                                                @change-compact-mode="onChangeCompactMode"\n                                                @change-preview-images="onChangePreviews"\n                                                @change-column-visibility="onChangeColumnVisibility"\n                                                @change-column-order="onChangeColumnOrder"\n                                        >\n                                            {% block sw_data_grid_settings_additional_settings %}\n                                                <template #additionalSettings>\n                                                    {% block sw_data_grid_settings_additional_settings_inner %}\n                                                        <slot name="additionalSettings"></slot>\n                                                    {% endblock %}\n                                                </template>\n                                            {% endblock %}\n                                        </sw-data-grid-settings>\n\n                                        {% block sw_data_grid_settings_custom_settings %}\n                                            <slot name="customSettings">\n                                                {% block sw_data_grid_settings_custom_settings_slot %}{% endblock %}\n                                            </slot>\n                                        {% endblock %}\n                                    {% endblock %}\n                                </div>\n                            {% endblock %}\n                        </th>\n                    {% endblock %}\n                </tr>\n            {% endblock %}\n            </thead>\n        {% endblock %}\n\n        {% block sw_data_grid_body %}\n            <tbody\n                    v-if="!loading"\n                    class="sw-data-grid__body"\n            >\n\n            {% block sw_data_grid_body_row %}\n                <tr\n                        v-for="(item, itemIndex) in records"\n                        :key="item.id"\n                        class="sw-data-grid__row"\n                        :class="getRowClasses(item, itemIndex)"\n                >\n\n                    {% block sw_data_grid_body_cell_selection %}\n                        <td\n                                v-if="showSelection"\n                                class="sw-data-grid__cell sw-data-grid__cell--selection"\n                        >\n                            <slot\n                                    name="selection-content"\n                                    v-bind="{ item, isSelected, isRecordSelectable, selectItem, itemIdentifierProperty }"\n                            >\n                                {% block sw_data_grid_body_cell_selection_content %}\n                                    <div class="sw-data-grid__cell-content">\n                                        {% block sw_data_grid_select_item_checkbox %}\n                                            <sw-checkbox-field\n                                                v-if="canDelete(item)"\n                                                :disabled="!isRecordSelectable(item)"\n                                                :value="isSelected(item[itemIdentifierProperty])"\n                                                @update:value="selectItem($event, item)"\n                                            />\n                                        {% endblock %}\n                                    </div>\n                                {% endblock %}\n                            </slot>\n                        </td>\n                    {% endblock %}\n\n                    {% block sw_data_grid_body_columns %}\n                        <td\n                                v-for="(column, columnIndex) in currentColumns"\n                                v-show="column.visible"\n                                :key="`${item.id}-${columnIndex}`"\n                                class="sw-data-grid__cell"\n                                :class="getCellClasses(column)"\n                                @dblclick="onDbClickCell(item)"\n                        >\n\n                            {% block sw_data_grid_body_columns_content %}\n                                <div class="sw-data-grid__cell-content">\n\n                                    {% block sw_data_grid_preview_slot %}\n                                        <slot\n                                                v-if="previews && !isInlineEdit(item)"\n                                                :name="`preview-${column.property}`"\n                                                v-bind="{ item, column, compact }"\n                                        ></slot>\n                                    {% endblock %}\n\n                                    {% block sw_data_grid_columns_slot %}\n                                        <slot\n                                                :name="`column-${column.property}`"\n                                                v-bind="{ item, itemIndex, column, columnIndex, compact, isInlineEdit: (isInlineEdit(item) && column.hasOwnProperty(\'inlineEdit\')) }"\n                                        >\n                                            <template v-if="column.inlineEdit === \'boolean\'">\n                                                {% block sw_data_grid_columns_boolean %}\n                                                    <sw-data-grid-column-boolean\n                                                            v-model:value="item[column.property]"\n                                                            :is-inline-edit="isInlineEdit(item) && column.hasOwnProperty(\'inlineEdit\')"\n                                                    />\n                                                {% endblock %}\n                                            </template>\n                                            <template v-else>\n                                                {% block sw_data_grid_columns_inline_edit %}\n                                                    <template v-if="isInlineEdit(item) && column.hasOwnProperty(\'inlineEdit\')">\n                                                        {% block sw_data_grid_columns_render_inline_edit %}\n                                                            <sw-data-grid-inline-edit\n                                                                :column="column"\n                                                                :compact="compact"\n                                                                :value="item[column.property]"\n                                                                @update:value="item[column.property] = $event"\n                                                            />\n                                                        {% endblock %}\n                                                    </template>\n                                                {% endblock %}\n\n                                                {% block sw_data_grid_columns_value %}\n                                                    <template v-else>\n                                                        {% block sw_data_grid_columns_render_router_link %}\n                                                            <router-link\n                                                                    v-if="column.routerLink"\n                                                                    class="sw-data-grid__cell-value"\n                                                                    :to="{ name: column.routerLink, params: { id: item.id } }"\n                                                            >\n                                                                {{ renderColumn(item, column) }}\n                                                            </router-link>\n                                                        {% endblock %}\n                                                        {% block sw_data_grid_columns_render_value %}\n                                                            <span\n                                                                    v-else\n                                                                    class="sw-data-grid__cell-value"\n                                                            >\n                                            {{ renderColumn(item, column) }}\n                                        </span>\n                                                        {% endblock %}\n                                                    </template>\n                                                {% endblock %}\n                                            </template>\n                                        </slot>\n                                    {% endblock %}\n                                </div>\n                            {% endblock %}\n                        </td>\n                    {% endblock %}\n\n                    {% block sw_data_grid_body_cell_spacer %}\n                        <td\n                                v-if="hasResizeColumns"\n                                aria-hidden="true"\n                                class="sw-data-grid__cell sw-data-grid__cell-spacer"\n                                @dblclick="onDbClickCell(item)"\n                        >\n                            <div class="sw-data-grid__cell-content"></div>\n                        </td>\n                    {% endblock %}\n\n                    {% block sw_data_grid_body_cell_actions %}\n                        <td\n                                v-if="showActions"\n                                class="sw-data-grid__cell sw-data-grid__cell--actions"\n                        >\n                            {% block sw_data_grid_body_cell_actions_content %}\n                                <div class="sw-data-grid__cell-content">\n\n                                    {% block sw_data_grid_inline_edit_actions %}\n                                        <template v-if="isInlineEditActive && currentInlineEditId === item[itemIdentifierProperty]">\n\n                                            {% block sw_data_grid_inline_edit_actions_cancel %}\n                                                <sw-button\n                                                        class="sw-data-grid__inline-edit-cancel"\n                                                        size="x-small"\n                                                        :title="$tc(\'global.default.cancel\')"\n                                                        :aria-label="$tc(\'global.default.cancel\')"\n                                                        square\n                                                        @click="onClickCancelInlineEdit(item)"\n                                                >\n                                                    {% block sw_data_grid_inline_edit_actions_cancel_icon %}\n                                                        <sw-icon\n                                                                name="small-default-x-line-small"\n                                                                size="14px"\n                                                        />\n                                                    {% endblock %}\n                                                </sw-button>\n                                            {% endblock %}\n\n                                            {% block sw_data_grid_inline_edit_actions_save %}\n                                                <sw-button\n                                                        class="sw-data-grid__inline-edit-save"\n                                                        variant="primary"\n                                                        size="x-small"\n                                                        :title="$tc(\'global.default.save\')"\n                                                        :aria-label="$tc(\'global.default.save\')"\n                                                        square\n                                                        @click="onClickSaveInlineEdit(item)"\n                                                >\n                                                    {% block sw_data_grid_inline_edit_actions_save_icon %}\n                                                        <sw-icon\n                                                                name="small-default-checkmark-line-small"\n                                                                size="14px"\n                                                        />\n                                                    {% endblock %}\n                                                </sw-button>\n                                            {% endblock %}\n                                        </template>\n                                    {% endblock %}\n\n                                    {% block sw_data_grid_body_cell_actions_menu %}\n                                        <sw-context-button\n                                                v-else\n                                                class="sw-data-grid__actions-menu"\n                                        >\n                                            <slot\n                                                    name="actions"\n                                                    :item="item"\n                                                    :itemIndex="itemIndex"\n                                            >\n                                                {% block sw_data_grid_slot_actions %}{% endblock %}\n                                            </slot>\n                                        </sw-context-button>\n                                    {% endblock %}\n\n                                    {% block sw_data_grid_body_cell_action_modals %}\n                                        <slot\n                                                name="action-modals"\n                                                :item="item"\n                                        >\n                                            {% block sw_data_grid_slot_action_modals %}{% endblock %}\n                                        </slot>\n                                    {% endblock %}\n                                </div>\n                            {% endblock %}\n                        </td>\n                    {% endblock %}\n                </tr>\n            {% endblock %}\n            </tbody>\n        {% endblock %}\n\n        {% block sw_data_grid_skeleton %}\n            <sw-data-grid-skeleton\n                    v-else\n                    :show-selection="showSelection"\n                    :show-actions="showActions"\n                    :current-columns="currentColumns"\n                    :has-resize-columns="hasResizeColumns"\n                    :item-amount="skeletonItemAmount"\n                    class="sw-data-grid__body"\n            />\n        {% endblock %}\n    </table>\n{% endblock %}\n',props:{items:{type:Array,required:!0},itemIdentifierProperty:{type:String,required:!1,default:"id"},preSelection:{type:Object,required:!1,default:null},isGroupedView:{type:Boolean,required:!1,default:!1},jobTypes:{type:Array,required:!1,default:()=>[]}},data(){return{records:this.items,selection:{...this.preSelection||{}},successItems:!1,pendingItems:!1,errorItems:!1,reloadInterval:null}},computed:{jobRepository(){return this.repositoryFactory.create("nosto_scheduler_job")}},methods:{canDelete(e){return -1!==["error","succeed"].indexOf(e.status)},selectAll(e){this.selection={},this.records.forEach(t=>{this.isSelected(t[this.itemIdentifierProperty])!==e&&this.selectItem(e,t)}),this.$emit("select-all-items",this.selection)},selectItem(e,t){if(!this.canDelete(t))return;let n=this.selection,s=t[this.itemIdentifierProperty];e?this.selection[s]=t:!e&&n[s]&&delete this.selection[s],this.$emit("select-item",this.selection,t,e)}}});let{Component:t}=Shopware;t.register("nosto-job-status-badge",{template:'<sw-color-badge rounded\n                :variant="variant"\n                :class="additionalClass"\n                style="margin-right: 10px; margin-top: 3px;">\n</sw-color-badge>\n\n',props:{status:{type:String,required:!0}},computed:{additionalClass(){return"running"===this.status?"--pulse":""},variant(){switch(this.status){case"error":return"error";case"succeed":case"running":return"success";default:return""}}}});class s{static sortMessages(e){return e.forEach(e=>{e.messages=e.messages.sort((e,t)=>e.createdAt>t.createdAt?1:e.createdAt<t.createdAt?-1:0)}),e}}n(266);let{Component:o}=Shopware,{Criteria:a}=Shopware.Data;o.register("nosto-job-listing-index",{template:'{% block nosto_entity_listing_base %}\n  <div class="nosto-entity-listing-wrapper">\n    <div class="nosto-job-listing-actions-bar">\n      <div class="action-item">\n        {% block nosto_scheduler_job_view_mode %}\n          <sw-select-field v-model:value="jobDisplayType" :label="$tc(\'job-listing.page.listing.index.display-mode\')">\n            <option v-for="option in jobDisplayMode" :value="option.value">{{ option.name }}</option>\n          </sw-select-field>\n\n          <sw-select-field v-if="jobDisplayType !== \'list\'" v-model:value="sortType" :label="$tc(\'job-listing.page.listing.index.group-by\')">\n              <option value="status">{{ $tc(\'job-listing.page.listing.index.status\') }}</option>\n              <option value="type">{{ $tc(\'job-listing.page.listing.index.job-type\') }}</option>\n          </sw-select-field>\n\n          <sw-datepicker\n            :label="$tc(\'job-listing.page.listing.index.date-from\')"\n            v-if="jobDisplayType == \'grouped\'"\n            v-model:value="groupCreationDate.fromDate"\n          />\n\n          <sw-datepicker\n            :label="$tc(\'job-listing.page.listing.index.date-to\')"\n            v-if="jobDisplayType == \'grouped\'"\n            v-model:value="groupCreationDate.toDate"\n          />\n\n        {% endblock %}\n      </div>\n      <div class="cation-item">\n        {% block nosto_scheduler_job_auto_load_switcher %}\n          <sw-switch-field\n            v-model:value="autoLoadIsActive"\n            class="job-listing-auto-loading-switch"\n            :label="$tc(\'job-listing.page.listing.index.auto-load\')"\n          />\n        {% endblock %}\n      </div>\n    </div>\n\n    {% block nosto_job_charts %}\n      <nosto-scheduler-charts ref="jobCharts"\n                           v-if="jobDisplayType === \'chart\'"\n                           :jobTypes="jobTypes"\n                           :sortType="sortType"></nosto-scheduler-charts>\n    {% endblock %}\n\n    {% block nosto_job_grouped_component %}\n\n      <nosto-grouped-view v-if="jobDisplayType === \'grouped\'"\n                       ref="jobGroups"\n                       :groupCreationDate="groupCreationDate"\n                       :jobTypes="jobTypes"\n                       :sortType="sortType">\n      </nosto-grouped-view>\n    {% endblock %}\n\n    {% block nosto_job_list_grid %}\n      <nosto-entity-listing\n              v-if="jobItems && jobDisplayType === \'list\'"\n              :items="jobItems"\n              :repository="jobRepository"\n              :is-loading="isLoading"\n              :showSelection="true"\n              :allowColumnEdit="false"\n              :allowDelete="true"\n              :allowEdit="false"\n              :jobTypes="jobTypes"\n              :isGroupedView="isGroupedView"\n              sortDirection="DESC"\n              @page-change="pageChange"\n              :columns="columns">\n        <template #column-status="{ item }">\n          {% block nosto_job_list_grid_job_status_link %}\n            <template>\n              <nosto-job-status-badge :status="item.status"></nosto-job-status-badge>\n              {{ $tc(\'job-listing.page.listing.grid.job-status.\' + item.status) }}\n            </template>\n          {% endblock %}\n        </template>\n        <template #column-name="{ item }">\n          {% block nosto_job_list_grid_job_name_link %}\n            {{ item.name }}\n          {% endblock %}\n        </template>\n        <template #column-startedAt="{ item }">\n          {% block nosto_job_list_grid_job_started_date %}\n            {{ formatDate(item.startedAt) }}\n          {% endblock %}\n        </template>\n        <template #column-finishedAt="{ item }">\n          {% block nosto_job_list_grid_job_finished_date %}\n            {{ formatDate(item.finishedAt) }}\n          {% endblock %}\n        </template>\n        <template #column-createdAt="{ item }">\n          {% block nosto_job_list_grid_job_created_date %}\n            {{ formatDate(item.createdAt) }}\n          {% endblock %}\n        </template>\n        <template class="sub-jobs-column" #column-subJobs="{ item }">\n          {% block nosto_job_list_grid_job_sub_jobs %}\n            <div :class="item.subJobs.length > 0 ? \'has-subjobs\' : \'\'"\n                 class="sub-jobs-counters-container jobs-info-counter">\n              <div class="count-container" v-if="item.subJobs">\n                            <span class="info-container">\n                                <span class="count" v-html="getChildrenCount(item, \'succeed\')"></span>\n                            </span>\n                <nosto-job-status-badge status="succeed"></nosto-job-status-badge>\n              </div>\n\n              <div class="count-container" v-if="item.subJobs">\n                            <span class="warning-container">\n                                <span class="count" v-html="getChildrenCount(item, \'pending\')"></span>\n                            </span>\n                <nosto-job-status-badge status="pending"></nosto-job-status-badge>\n              </div>\n\n              <div class="count-container" v-if="item.subJobs">\n                            <span class="error-counter">\n                                <span class="count" v-html="getChildrenCount(item, \'error\')"></span>\n                            </span>\n                <nosto-job-status-badge status="error"></nosto-job-status-badge>\n              </div>\n            </div>\n          {% endblock %}\n          <sw-button v-if="item.subJobs.length > 0"\n                     class="sub-job-show-modal"\n                     size="small"\n                     variant="primary"\n                     :disabled="item.subJobs.length <= 0"\n                     @click="showSubJobs(item.id)">\n            <sw-icon name="regular-cog" color="#fff" :small="true" :decorative="true"></sw-icon>\n              {{ $tc(\'job-listing.page.listing.index.show-sub-jobs\') }}\n          </sw-button>\n        </template>\n        <template #column-messages="{ item }">\n          {% block nosto_job_list_grid_job_messages %}\n            <div :class="item.messages.length > 0 ? \'has-messages\' : \'\'"\n                 class="message-counters-container jobs-info-counter">\n              <div class="count-container" v-if="item.messages">\n                            <span class="info-counter">\n                                <span class="count" v-html="getMessagesCount(item, \'info\')"></span>\n                            </span>\n                <sw-icon :small="true" name="regular-info-circle" color="#3498db"></sw-icon>\n              </div>\n\n              <div class="count-container" v-if="item.messages">\n                            <span class="warning-counter">\n                                <span class="count" v-html="getMessagesCount(item, \'warning\')"></span>\n                            </span>\n                <sw-icon :small="true" name="regular-exclamation-triangle" color="#f39c12"></sw-icon>\n              </div>\n\n              <div class="count-container" v-if="item.messages">\n                            <span class="error-counter">\n                                <span class="count" v-html="getMessagesCount(item, \'error\')"></span>\n                            </span>\n                <sw-icon :small="true" name="regular-times-hexagon" color="#c0392b"></sw-icon>\n              </div>\n            </div>\n            <sw-button v-if="item.messages.length > 0"\n                       class="job-messages-show-modal"\n                       size="small"\n                       variant="primary"\n                       :disabled="item.messages.length <= 0"\n                       @click="showJobMessages(item)">\n              <sw-icon name="regular-envelope" color="#fff" :small="true" :decorative="true"></sw-icon>\n                {{ $tc(\'job-listing.page.listing.index.show-job-messages\') }}\n            </sw-button>\n          {% endblock %}\n        </template>\n        <template #actions="{ item }">\n          <sw-context-menu-item :disabled="item.status !== \'error\'"\n                                @click="rescheduleJob(item.id)">\n            {{ $tc(\'job-listing.actions.reschedule-job.button.label\') }}\n          </sw-context-menu-item>\n          <sw-context-menu-item class="sw-context-menu-item--danger"\n                                :disabled="!canDelete(item)"\n                                @click="onDeleteJob(item.id)">\n            {{ $tc(\'job-listing.actions.delete-job.button.label\') }}\n          </sw-context-menu-item>\n        </template>\n      </nosto-entity-listing>\n    {% endblock %}\n\n    {% block nosto_entity_listing_job_subs_modal %}\n      <sw-modal class="nosto-job-sub-jobs-modal" v-if="showJobSubsModal" :title="$tc(\'job-listing.page.listing.grid.column.child-jobs\')"\n                @modal-close="showJobSubsModal = false">\n        <nosto-job-sub-jobs v-if="currentJobID" :jobId="currentJobID">\n\n        </nosto-job-sub-jobs>\n        <template #modal-footer>\n          <sw-button variant="primary"\n                     @click="showJobSubsModal = false">\n              {{ $tc(\'job-listing.page.listing.index.close\') }}\n          </sw-button>\n        </template>\n      </sw-modal>\n    {% endblock %}\n\n    {% block nosto_entity_listing_job_messages_modal %}\n      <sw-modal class="nosto-job-messages-modal" v-if="showMessagesModal"\n                :title="$tc(\'job-listing.page.listing.grid.column.messages\')"\n                @modal-close="showMessagesModal = false">\n        {% block job_messages_listing %}\n          <div v-if="currentJobMessages" class="job_list_grid_job_messages-information" style="width:100%;">\n            <div class="messages-content" v-for="item in currentJobMessages">\n              <sw-alert class="nosto-alert"\n                        v-if="item.type == \'info-message\'"\n                        variant="info"\n                        appearance="default"\n                        :showIcon="true"\n                        :closable="false">\n                {{ item.message }}\n              </sw-alert>\n              <sw-alert class="nosto-alert"\n                        v-if="item.type == \'error-message\'"\n                        variant="error"\n                        appearance="default"\n                        :showIcon="true"\n                        :closable="false">\n                {{ item.message }}\n              </sw-alert>\n              <sw-alert class="nosto-alert"\n                        v-if="item.type == \'warning-message\'"\n                        variant="warning"\n                        appearance="default"\n                        :showIcon="true"\n                        :closable="false">\n                {{ item.message }}\n              </sw-alert>\n            </div>\n          </div>\n        {% endblock %}\n        <template #modal-footer>\n          <sw-button variant="primary"\n                     @click="showMessagesModal = false">\n              {{ $tc(\'job-listing.page.listing.index.close\') }}\n          </sw-button>\n        </template>\n      </sw-modal>\n    {% endblock %}\n  </div>\n{% endblock %}\n',inject:["NostoRescheduleService","repositoryFactory","filterFactory","feature"],mixins:["notification"],props:{isGroupedView:{type:Boolean,required:!1,default:!1},jobTypes:{type:Array,required:!1,default:()=>[]},filterCriteria:{type:Array,required:!1,default:()=>[]}},data(){return{jobItems:null,isLoading:!1,reloadInterval:null,showJobInfoModal:!1,showJobSubsModal:!1,currentJobID:null,showMessagesModal:!1,currentJobMessages:null,groupCreationDate:{},sortType:"status",jobDisplayType:null,autoLoad:!1,autoLoadIsActive:!1,autoReloadInterval:6e4}},computed:{jobRepository(){return this.repositoryFactory.create("nosto_scheduler_job")},messageRepository(){return this.repositoryFactory.create("nosto_scheduler_job_message")},columns(){return[{property:"name",label:this.$tc("job-listing.page.listing.grid.column.name"),allowResize:!0,width:"250px"},{property:"status",label:this.$tc("job-listing.page.listing.grid.column.status"),allowResize:!0,width:"150px"},{property:"startedAt",label:this.$tc("job-listing.page.listing.grid.column.started-at"),allowResize:!0,width:"170px",sortable:!0},{property:"finishedAt",label:this.$tc("job-listing.page.listing.grid.column.finished-at"),allowResize:!0,width:"170px"},{property:"createdAt",label:this.$tc("job-listing.page.listing.grid.column.created-at"),allowResize:!0,width:"170px"},{property:"subJobs",label:this.$tc("job-listing.page.listing.grid.column.child-jobs"),allowResize:!0,width:"250px",visible:!0,sortable:!1},{property:"messages",label:this.$tc("job-listing.page.listing.grid.column.messages"),allowResize:!0,width:"250px",visible:!0,sortable:!1}]},jobDisplayMode(){return[{name:this.$tc("job-listing.page.listing.index.list"),value:"list"},{name:this.$tc("job-listing.page.listing.index.grouped"),value:"grouped"},{name:this.$tc("job-listing.page.listing.index.chart"),value:"chart"}]}},watch:{autoLoadIsActive(){this._handleAutoReload(this.autoLoadIsActive)},jobDisplayType(){this.stopAutoLoading(),this.$emit("job-display-type-changed",this.jobDisplayType)},filterCriteria(){this.filterCriteriaChanged(this.filterCriteria)}},created(){this.createdComponent()},beforeDestroy(){clearInterval(this.reloadInterval)},methods:{createdComponent(){this.jobDisplayType="list",this.getList()},filterCriteriaChanged(e){this.getList(e)},_handleAutoReload(e){e&&this.autoReloadInterval>0?"list"===this.jobDisplayType?this.reloadInterval=setInterval(()=>{this.updateList()},this.autoReloadInterval):"grouped"===this.jobDisplayType?this.reloadInterval=setInterval(()=>{this.$refs.jobGroups.initGroupedView()},this.autoReloadInterval):"chart"===this.jobDisplayType&&(this.reloadInterval=setInterval(()=>{this.$refs.jobCharts.initChartData()},this.autoReloadInterval)):clearInterval(this.reloadInterval)},pageChange(){this.autoLoadIsActive=!1,clearInterval(this.reloadInterval)},getLinkParams(e){return{id:e.id,backPath:this.$route.name}},updateList(e){let t=new a;return t.addFilter(a.equals("parentId",null)),t.addSorting(a.sort("createdAt","DESC",!1)),t.addAssociation("messages"),t.addAssociation("subJobs"),e&&e.forEach(e=>{t.addFilter(e)}),this.jobTypes!==[]&&t.addFilter(a.equalsAny("type",this.jobTypes)),this.jobRepository.search(t,Shopware.Context.api).then(e=>{this.jobItems=s.sortMessages(e)})},getMessagesCount(e,t){return e.messages.filter(e=>e.type===`${t}-message`).length},getChildrenCount(e,t){return e.subJobs.filter(e=>e.status===t).length},getList(e){this.isLoading=!0,this.updateList(e).then(()=>{this.isLoading=!1})},onRefresh(e){return"grouped"===this.jobDisplayType?this.$refs.jobGroups.onRefresh():"chart"===this.jobDisplayType?this.$refs.jobCharts.onRefresh():this.getList(e)},canDelete(e){return -1!==["error","succeed"].indexOf(e.status)},onDeleteJob(e){this.jobRepository.delete(e,Shopware.Context.api).then(()=>{this.updateList()})},rescheduleJob(e){this.NostoRescheduleService.rescheduleJob(e).then(()=>{this.createNotificationSuccess({message:"Job has been rescheduled successfully."}),this.updateList()}).catch(()=>{this.createNotificationError({message:"Unable reschedule job."})})},showSubJobs(e){this.currentJobID=e,this.showJobSubsModal=!0},showJobMessages(e){this.currentJobMessages=e.messages,this.showMessagesModal=!0},stopAutoLoading(){this.autoLoadIsActive=!1,clearInterval(this.reloadInterval)},formatDate(e){return e?new Date(e).toLocaleString():""}}});var i=JSON.parse('{"job-listing":{"general":{"title":"Job Listing Pages","description":"job-listing"},"menu":{"title":"Job Listing"},"page":{"listing":{"title":"Job Listing","description":"List of Jobs","index":{"display-mode":"Display Mode","list":"List","grouped":"Grouped","chart":"Chart","group-by":"Group by","status":"Status","job-type":"Job Type","date-from":"Date from","date-to":"Date to","auto-load":"Auto load","child-jobs":"Child Jobs","messages":"Messages","show-sub-jobs":"Show sub jobs","show-job-messages":"Show Job Messages","close":"Close","loading":"Loading..."},"grouped-view":{"job-info":"Job info","job-messages":"Job Messages","sub-jobs":"Sub jobs"},"grid":{"job-status":{"succeed":"Success","error":"Failed","pending":"Pending","running":"Running"},"column":{"type":"Type","status":"Status","name":"Name","started-at":"Started at","finished-at":"Finished at","created-at":"Created at","child-jobs":"Child Jobs","messages":"Messages","show-sub-jobs":"Show sub jobs","show-job-messages":"Show Job Messages","close":"Close"},"message-modal":{"label":"Job Messages"}}},"detail":{"textHeadline":"Job","jobChildrenTitle":"Job Children"}},"actions":{"reschedule-job":{"button":{"label":"Reschedule Job"}},"delete-job":{"button":{"label":"Delete Job"}},"view-job":{"button":{"label":"View Job"}},"show-messages":{"button":{"label":"Show Messages"}}}}}'),l=JSON.parse('{"job-listing":{"general":{"title":"\xdcbersicht der Jobs","description":"Job \xdcbersicht"},"menu":{"title":"Job \xdcbersicht"},"page":{"listing":{"title":"Job \xdcbersicht","description":"Liste der Jobs","index":{"display-mode":"Anzeigemodus","list":"\xdcbersicht","grouped":"Gruppiert","chart":"Diagramm","group-by":"Gruppiere nach","status":"Status","job-type":"Job Typ","date-from":"Datum von","date-to":"Datum bis","auto-load":"Automatisches Laden","child-jobs":"Kinder-Jobs","messages":"Meldungen","show-sub-jobs":"Sub-Jobs anzeigen","show-job-messages":"Meldungen zu Jobs anzeigen","close":"Schlie\xdfen","loading":"Wird geladen..."},"grouped-view":{"job-info":"Job-Die Info","job-messages":"Job-Meldungen","sub-jobs":"Sub-Jobs"},"grid":{"job-status":{"succeed":"erfolgreich","error":"fehlgeschlagen","pending":"ausstehend","running":"in Bearbeitung"},"column":{"type":"Typ","status":"Status","name":"Name","started-at":"Gestartet um","finished-at":"Fertig um","created-at":"Beendet um","child-jobs":"Kinder-Jobs","messages":"Meldungen","show-sub-jobs":"Unterjobs anzeigen","show-job-messages":"Meldungen zu Jobs anzeigen","close":"Schlie\xdfen"},"message-modal":{"label":"Job-Meldungen"}}},"detail":{"textHeadline":"Job","jobChildrenTitle":"Kinder-Jobs"}},"actions":{"reschedule-job":{"button":{"label":"Umplanen Job"}},"delete-job":{"button":{"label":"Job l\xf6schen"}},"view-job":{"button":{"label":"Job anzeigen"}},"show-messages":{"button":{"label":"Meldungen anzeigen"}}}}}');let{Module:r}=Shopware;r.register("nosto-job-listing",{type:"plugin",title:"job-listing.general.title",description:"job-listing.general.description",color:"#F88962",icon:"default-avatar-multiple",snippets:{"en-GB":i,"de-DE":l},routes:{detail:{path:"detail/:id/back/:backPath",props:{default:e=>({jobId:e.params.id})}}}});let d=Shopware.Classes.ApiService;var c=class extends d{constructor(e,t,n="nosto-job"){super(e,t,n)}rescheduleJob(e){let t=this.getBasicHeaders();return this.httpClient.post(`_action/${this.getApiBasePath()}/reschedule`,{params:{jobId:e},headers:t}).then(e=>d.handleResponse(e))}};let{Application:b}=Shopware,u=b.getContainer("init");b.addServiceProvider("NostoRescheduleService",e=>new c(u.httpClient,e.loginService));let{Component:m}=Shopware,{Criteria:g}=Shopware.Data;m.register("nosto-job-info",{template:'{% block nosto_job_info_base %}\n    <sw-card-section v-if="jobItem">\n        {% block job_info_overview_columns %}\n            <sw-container\n                    columns="repeat(auto-fit, minmax(250px, 1fr))"\n                    gap="30px 30px">\n                {% block job_info_overview_left_column %}\n                    <sw-description-list\n                            columns="1fr"\n                            grid="1fr">\n                        {% block job_info_overview_name %}\n                            <dt>{{ $tc(\'job-listing.page.listing.grid.column.name\') }}</dt>\n                            <dd>\n                                <sw-order-inline-field\n                                    v-if="jobItem.name"\n                                    :display-value="jobItem.name"\n                                    :value="jobItem.name"\n                                    :editable="false"\n                                />\n                            </dd>\n                        {% endblock %}\n                        {% block job_info_overview_status %}\n                            <dt>{{ $tc(\'job-listing.page.listing.grid.column.status\') }}</dt>\n                            <dd>\n                                <template>\n                                    <nosto-job-status-badge :status="jobItem.status">\n                                    </nosto-job-status-badge>\n                                    {{ $tc(\'job-listing.page.listing.grid.job-status.\' + jobItem.status) }}\n                                </template>\n                            </dd>\n                        {% endblock %}\n                        {% block job_info_overview_startedAt %}\n                            <dt>{{ $tc(\'job-listing.page.listing.grid.column.started-at\') }}</dt>\n                            <dd>\n                                <sw-order-inline-field\n                                    v-if="jobItem.startedAt"\n                                    :display-value="formatDate(jobItem.startedAt)"\n                                    :value="formatDate(jobItem.startedAt)"\n                                    :editable="false"\n                                />\n                            </dd>\n                        {% endblock %}\n                    </sw-description-list>\n                {% endblock %}\n                {% block nosto_job_info_overview_right_column %}\n                    <sw-description-list\n                            columns="1fr"\n                            grid="1fr" class="nosto-job-user-card__summary-vertical">\n                        {% block job_detail_base_overview_type %}\n                            <dt>{{ $tc(\'job-listing.page.listing.grid.column.type\') }}</dt>\n                            <dd>\n                                <sw-order-inline-field\n                                    v-if="jobItem.type"\n                                    :display-value="jobItem.type"\n                                    :value="jobItem.type"\n                                    :editable="false"\n                                />\n                            </dd>\n                        {% endblock %}\n                        {% block job_info_overview_createdAt %}\n                            <dt>{{ $tc(\'job-listing.page.listing.grid.column.created-at\') }}</dt>\n                            <dd>\n                                <sw-order-inline-field\n                                    v-if="jobItem.createdAt"\n                                    :display-value="formatDate(jobItem.createdAt)"\n                                    :value="formatDate(jobItem.startedAt)"\n                                    :editable="false"\n                                />\n                            </dd>\n                        {% endblock %}\n                        {% block job_info_overview_finishedAt %}\n                            <dt>{{ $tc(\'job-listing.page.listing.grid.column.finished-at\') }}</dt>\n                            <dd>\n                                <sw-order-inline-field\n                                    v-if="jobItem.finishedAt"\n                                    :display-value="formatDate(jobItem.finishedAt)"\n                                    :value="formatDate(jobItem.finishedAt)"\n                                    :editable="false"\n                                />\n                            </dd>\n                        {% endblock %}\n                    </sw-description-list>\n                {% endblock %}\n            </sw-container>\n        {% endblock %}\n    </sw-card-section>\n{% endblock %}\n',inject:["NostoRescheduleService","repositoryFactory"],mixins:["notification"],props:{jobId:{type:String,required:!1,default:null}},data(){return{jobItem:null}},computed:{jobRepository(){return this.repositoryFactory.create("nosto_scheduler_job")}},created(){this.initPageData()},methods:{initPageData(){this.jobRepository.get(this.jobId,Shopware.Context.api,new g).then(e=>{this.jobItem=e})},formatDate(e){return e?new Date(e).toLocaleString():""}}}),n(951);let{Component:p}=Shopware,{Criteria:h}=Shopware.Data;p.register("nosto-job-sub-jobs",{template:'{% block nosto_job_sub_jobs_base %}\n    <div class="sub-jobs-container">\n        <div class="sub-job-container" v-if="subJobs">\n            {% block job_children_listing %}\n                <nosto-entity-listing\n                        v-if="subJobs"\n                        :items="subJobs"\n                        :data-source="subJobs"\n                        :repository="jobRepository"\n                        :showSelection="false"\n                        :allowColumnEdit="false"\n                        :compactMode="false"\n                        :allowDelete="false"\n                        :allowEdit="false"\n                        :columns="jobChildrenColumns">\n                    <template #column-name="{ item }">\n                        {% block job_list_grid_job_name_link %}\n                            {{ item.name }}\n                        {% endblock %}\n                    </template>\n                    <template #column-status="{ item }">\n                        {% block job_list_grid_job_status_link %}\n                            <template>\n                                <nosto-job-status-badge :status="item.status"></nosto-job-status-badge>\n                                {{ $tc(\'job-listing.page.listing.grid.job-status.\' + item.status) }}\n                            </template>\n                        {% endblock %}\n                    </template>\n\n                    <template #column-startedAt="{ item }">\n                        {% block job_list_grid_job_started_at %}\n                            {{ formatDate(item.startedAt) }}\n                        {% endblock %}\n                    </template>\n                    <template #column-finishedAt="{ item }">\n                        {% block job_list_grid_job_finished_at %}\n                            {{ formatDate(item.finishedAt) }}\n                        {% endblock %}\n                    </template>\n                    <template #column-createdAt="{ item }">\n                        {% block job_list_grid_job_created_at %}\n                            {{ formatDate(item.createdAt) }}\n                        {% endblock %}\n                    </template>\n                    <template #column-messages="{ item }">\n                        {% block sub_job_show_messages_button %}\n                            <div :class="item.messages.length > 0 ? \'has-messages\' : \'\'" class="message-counters-container jobs-info-counter">\n                                <div class="count-container" v-if="item.messages">\n                            <span class="info-counter">\n                                <span class="count" v-html="getMessagesCount(item, \'info\')"></span>\n                            </span>\n                                    <sw-icon :small="true" name="regular-info-circle" color="#3498db"></sw-icon>\n                                </div>\n\n                                <div class="count-container" v-if="item.messages">\n                            <span class="warning-counter">\n                                <span class="count" v-html="getMessagesCount(item, \'warning\')"></span>\n                            </span>\n                                    <sw-icon :small="true" name="regular-exclamation-triangle" color="#f39c12"></sw-icon>\n                                </div>\n\n                                <div class="count-container" v-if="item.messages">\n                            <span class="error-counter">\n                                <span class="count" v-html="getMessagesCount(item, \'error\')"></span>\n                            </span>\n                                    <sw-icon :small="true" name="regular-times-hexagon" color="#c0392b"></sw-icon>\n                                </div>\n                            </div>\n                            <sw-button v-if="item.messages.length > 0"\n                                       class="job-messages-show-modal"\n                                       size="small"\n                                       variant="primary"\n                                       :disabled="item.messages.length <= 0"\n                                       @click="showMessageModal(item.messages)">\n                                <sw-icon name="regular-envelope" color="#fff" :small="true" :decorative="true"></sw-icon>\n                                {{ $tc(\'job-listing.actions.show-messages.button.label\') }}\n                            </sw-button>\n                        {% endblock %}\n                    </template>\n                    <template #actions="{ item }">\n                        <sw-context-menu-item :disabled="item.status !== \'error\'"\n                                              @click="rescheduleJob(item.id)">\n                            {{ $tc(\'job-listing.actions.reschedule-job.button.label\') }}\n                        </sw-context-menu-item>\n                        <sw-context-menu-item v-if="item.messages"\n                                              :disabled="item.messages.length <= 0"\n                                              @click="showMessageModal(item.messages)">\n                            {{ $tc(\'job-listing.actions.show-messages.button.label\') }}\n                        </sw-context-menu-item>\n                    </template>\n                </nosto-entity-listing>\n            {% endblock %}\n        </div>\n        <div v-else>\n            {{ $tc(\'job-listing.page.listing.index.loading\') }}\n        </div>\n        <sw-modal class="nosto-job-messages-modal" v-if="showMessagesModal" :title="$tc(\'job-listing.page.listing.grid.column.messages\')"\n                  @modal-close="showMessagesModal = false">\n            {% block job_messages_listing %}\n                <div v-if="currentJobMessages" class="job_list_grid_job_messages-information" style="width:100%;">\n                    <div class="messages-content" v-for="item in currentJobMessages">\n                        <sw-alert class="nosto-alert"\n                                v-if="item.type == \'info-message\'"\n                                variant="info"\n                                appearance="default"\n                                :showIcon="true"\n                                :closable="false">\n                            {{ item.message }}\n                        </sw-alert>\n                        <sw-alert class="nosto-alert"\n                                v-if="item.type == \'error-message\'"\n                                variant="error"\n                                appearance="default"\n                                :showIcon="true"\n                                :closable="false">\n                            {{ item.message }}\n                        </sw-alert>\n                        <sw-alert class="nosto-alert"\n                                v-if="item.type == \'warning-message\'"\n                                variant="warning"\n                                appearance="default"\n                                :showIcon="true"\n                                :closable="false">\n                            {{ item.message }}\n                        </sw-alert>\n                    </div>\n                </div>\n            {% endblock %}\n            <template #modal-footer>\n                <sw-button variant="primary"\n                           @click="showMessagesModal = false">\n                    {{ $tc(\'job-listing.page.listing.index.close\') }}\n                </sw-button>\n            </template>\n        </sw-modal>\n    </div>\n{% endblock %}\n',inject:["NostoRescheduleService","repositoryFactory"],mixins:["notification"],props:{jobId:{type:String,required:!1,default:null}},data(){return{subJobs:null,showMessagesModal:!1,currentJobMessages:null}},computed:{jobRepository(){return this.repositoryFactory.create("nosto_scheduler_job")},jobChildrenColumns(){return[{property:"name",dataIndex:"name",label:this.$tc("job-listing.page.listing.grid.column.name"),allowResize:!1,inlineEdit:!0,width:"200px"},{property:"status",dataIndex:"status",label:this.$tc("job-listing.page.listing.grid.column.status"),allowResize:!1,inlineEdit:!0,width:"100px"},{property:"startedAt",dataIndex:"startedAt",label:this.$tc("job-listing.page.listing.grid.column.started-at"),allowResize:!1,inlineEdit:!0,width:"150px",sortable:!0},{property:"finishedAt",dataIndex:"finishedAt",label:this.$tc("job-listing.page.listing.grid.column.finished-at"),allowResize:!0,inlineEdit:!0,width:"150px"},{property:"createdAt",dataIndex:"createdAt",label:this.$tc("job-listing.page.listing.grid.column.created-at"),allowResize:!0,inlineEdit:!0,width:"150px"},{property:"messages",dataIndex:"messages",label:"Messages",allowResize:!0,inlineEdit:!1,width:"250px",sortable:!1}]}},created(){this.initModalData()},methods:{initModalData(){let e=new h;e.addFilter(h.equals("parentId",this.jobId)),e.addSorting(h.sort("createdAt","DESC",!1)),e.addAssociation("messages"),this.jobRepository.search(e,Shopware.Context.api).then(e=>{this.subJobs=s.sortMessages(e)})},rescheduleJob(e){this.NostoRescheduleService.rescheduleJob(e).then(()=>{this.createNotificationSuccess({message:"Job has been rescheduled successfully."}),this.initPageData()}).catch(()=>{this.createNotificationError({message:"Unable reschedule job."})})},showMessageModal(e){this.currentJobMessages=e,this.showMessagesModal=!0},getMessagesCount(e,t){return e.messages.filter(e=>e.type===`${t}-message`).length},formatDate(e){return e?new Date(e).toLocaleString():""}}}),n(461);let{Component:_}=Shopware,{Criteria:w}=Shopware.Data;_.register("nosto-scheduler-charts",{template:'{% block nosto_job_charts_base %}\n<div class="nosto-scheduler-charts">\n    <div class="sw-dashboard-statistics__card-headline-select">\n        <sw-select-field\n                v-model:value="statisticDateRanges.value"\n                class="charts-date-range"\n                size="small">\n            <option\n                    v-for="(value, option) in statisticDateRanges.options"\n                    :key="option"\n                    :value="option">\n                {{ $tc(`sw-dashboard.monthStats.dateRanges.${option}`) }}\n            </option>\n        </sw-select-field>\n    </div>\n    <sw-chart\n            type="area"\n            :series="chartSeries"\n            :options="chartOptionsCount"\n            :fill-empty-values="getTimeUnitInterval"\n            :fillEmptyDates="false"\n            :sort="true"\n    />\n</div>\n{% endblock %}\n',inject:["repositoryFactory"],mixins:["notification"],props:{jobTypes:{type:Array,required:!1,default:()=>[]},sortType:{type:String,required:!0,default:()=>"status"}},data(){return{items:null,statisticDateRanges:{value:"30Days",options:{"30Days":30,"14Days":14,"7Days":7,"24Hours":24,yesterday:1}},chartSeries:[],colors:{0:"#FF8C00",1:"#0044ee",2:"#9400D3",3:"#FFD700",4:"#008000",5:"#40E0D0",6:"#00BFFF",7:"#209d90",8:"#C71585",9:"#000000",10:"#F4A460"}}},computed:{jobRepository(){return this.repositoryFactory.create("nosto_scheduler_job")},getTimeUnitInterval(){let e=this.statisticDateRanges.value;return"yesterday"===e||"24Hours"===e?"hour":"day"},dateAgo(){let e=new Date,t=this.statisticDateRanges.value,n=this.statisticDateRanges.options[t]??0;return"24Hours"===t?e.setHours(e.getHours()-n):(e.setDate(e.getDate()-n),e.setHours(0,0,0,0)),e},chartOptionsCount(){return{title:{text:"Jobs",style:{fontSize:"16px",fontWeight:"600"}},xaxis:{type:"datetime",min:this.dateAgo.getTime(),labels:{datetimeUTC:!1}},yaxis:{min:0,tickAmount:3,labels:{formatter:e=>parseInt(e,10)}}}}},watch:{sortType(){this.initChartData()}},created(){this.initChartData()},beforeDestroy(){clearInterval(this.reloadInterval)},methods:{initChartData(){let e=new w;return e.addFilter(w.equals("parentId",null)),e.setLimit(500),this.jobTypes!==[]&&e.addFilter(w.equalsAny("type",this.jobTypes)),this.jobRepository.search(e,Shopware.Context.api).then(e=>{this.items=e,"status"===this.sortType?this.createStatusChartSeries(e):"type"===this.sortType&&this.createTypeChartSeries(e)})},createTypeChartSeries(e){this.chartSeries=e.reduce((e,t,n)=>{let s=this.parseDate(t.createdAt),o=e.find(e=>e.name===t.name),a={x:s,y:1};if(o){let e=o.data.findIndex(e=>e.x===s);-1===e?o.data.push(a):o.data[e].y+=1}else e.push({name:t.name,data:[a],color:this.colors[n]?this.colors[n]:this.getRandomColor(n)});return e},[])},createStatusChartSeries(e){this.chartSeries=[{name:this.$tc("job-listing.page.listing.grid.job-status.succeed"),data:this.getDataByItemStatus(e,"succeed"),color:"#37d046"},{name:this.$tc("job-listing.page.listing.grid.job-status.error"),data:this.getDataByItemStatus(e,"error"),color:"#de294c"},{name:this.$tc("job-listing.page.listing.grid.job-status.pending"),data:this.getDataByItemStatus(e,"pending"),color:"#d1d9e0"}]},getDataByItemStatus(e,t){return e.filter(e=>e.status===t).reduce((e,t)=>{let n=this.parseDate(t.createdAt),s=e.findIndex(e=>e.x===n);return -1!==s?e[s].y+=1:e.push({x:n,y:1}),e},[])},getRandomColor(){let e=(1048575e6*Math.random()).toString(16);return`#${e.slice(0,6)}`},statusCharts(){return[{name:this.$tc("job-listing.page.listing.grid.job-status.succeed"),data:[],color:"#37d046"},{name:this.$tc("job-listing.page.listing.grid.job-status.error"),data:[],color:"#de294c"},{name:this.$tc("job-listing.page.listing.grid.job-status.pending"),data:[],color:"#d1d9e0"}]},parseDate(e){return new Date((e=e.substring(0,e.lastIndexOf("T")+1)).replace(/-/g,"/").replace("T"," ")).valueOf()},onRefresh(){this.initChartData()}}}),n(158);let{Component:f}=Shopware,{Criteria:v}=Shopware.Data;f.register("nosto-grouped-view",{template:'{% block nosto_grouped_view_base %}\n    <div class="nosto-grouped-view-container" v-if="groupedItems" :isLoading="isLoading">\n        <div class="nosto-grouped-view-wrapper"\n             v-for="group in groupedItems">\n            <sw-collapse :class="`is-${group.type}`">\n                <template #header>{{ group.title }} <span class="amount">({{ group.items.total }})</span></template>\n                <template #content>\n                    <nosto-entity-listing\n                            :items="group.items"\n                            :repository="jobRepository"\n                            :is-loading="isLoading"\n                            :showSelection="true"\n                            :allowColumnEdit="false"\n                            :allowDelete="true"\n                            :allowEdit="false"\n                            :page="1"\n                            :jobTypes="jobTypes"\n                            :columns="columns">\n                        <template #column-status="{ item }">\n                            {% block nosto_job_list_grid_job_status_link %}\n                                <template>\n                                    <nosto-job-status-badge :status="item.status"></nosto-job-status-badge>\n                                    {{ $tc(\'job-listing.page.listing.grid.job-status.\' + item.status) }}\n                                </template>\n                            {% endblock %}\n                        </template>\n                        <template #column-name="{ item }">\n                            {% block nosto_job_list_grid_job_name_link %}\n                                {{ item.name }}\n                            {% endblock %}\n                        </template>\n                        <template #column-startedAt="{ item }">\n                            {% block nosto_job_list_grid_job_started_date %}\n                                {{ formatDate(item.startedAt) }}\n                            {% endblock %}\n                        </template>\n                        <template #column-finishedAt="{ item }">\n                            {% block nosto_job_list_grid_job_finished_date %}\n                                {{ formatDate(item.finishedAt) }}\n                            {% endblock %}\n                        </template>\n                        <template #column-createdAt="{ item }">\n                            {% block nosto_job_list_grid_job_created_date %}\n                                {{ formatDate(item.createdAt) }}\n                            {% endblock %}\n                        </template>\n                        <template class="sub-jobs-column" #column-subJobs="{ item }">\n                            {% block nosto_job_list_grid_job_sub_jobs %}\n                                <div :class="item.subJobs.length > 0 ? \'has-subjobs\' : \'\'"\n                                     class="sub-jobs-counters-container jobs-info-counter"\n                                >\n                                    <div class="count-container" v-if="item.subJobs">\n                                        <span class="info-container">\n                                            <span class="count" v-html="getChildrenCount(item, \'succeed\')"></span>\n                                        </span>\n                                        <nosto-job-status-badge status="succeed"></nosto-job-status-badge>\n                                    </div>\n\n                                    <div class="count-container" v-if="item.subJobs">\n                                        <span class="warning-container">\n                                            <span class="count" v-html="getChildrenCount(item, \'pending\')"></span>\n                                        </span>\n                                        <nosto-job-status-badge status="pending"></nosto-job-status-badge>\n                                    </div>\n\n                                    <div class="count-container" v-if="item.subJobs">\n                                        <span class="error-counter">\n                                            <span class="count" v-html="getChildrenCount(item, \'error\')"></span>\n                                        </span>\n                                        <nosto-job-status-badge status="error"></nosto-job-status-badge>\n                                    </div>\n                                </div>\n                            {% endblock %}\n                            <sw-button v-if="item.subJobs.length > 0" class="sub-job-show-modal" size="small" variant="primary"\n                                       :disabled="item.subJobs.length <= 0" @click="showSubJobs(item.id)">\n                                <sw-icon name="regular-cog" color="#fff" :small="true" :decorative="true"></sw-icon>\n                                {{ $tc(\'job-listing.page.listing.grid.column.show-sub-jobs\') }}\n                            </sw-button>\n                        </template>\n                        <template #column-messages="{ item }">\n                            {% block nosto_job_list_grid_job_messages %}\n                                <div :class="item.messages.length > 0 ? \'has-messages\' : \'\'"\n                                     class="message-counters-container jobs-info-counter">\n                                    <div class="count-container" v-if="item.messages">\n                                        <span class="info-counter">\n                                            <span class="count" v-html="getMessagesCount(item, \'info\')"></span>\n                                        </span>\n                                        <sw-icon :small="true" name="regular-info-circle" color="#3498db"></sw-icon>\n                                    </div>\n\n                                    <div class="count-container" v-if="item.messages">\n                                        <span class="warning-counter">\n                                            <span class="count" v-html="getMessagesCount(item, \'warning\')"></span>\n                                        </span>\n                                        <sw-icon :small="true" name="regular-exclamation-triangle" color="#f39c12"></sw-icon>\n                                    </div>\n\n                                    <div class="count-container" v-if="item.messages">\n                                        <span class="error-counter">\n                                            <span class="count" v-html="getMessagesCount(item, \'error\')"></span>\n                                        </span>\n                                        <sw-icon :small="true" name="regular-times-hexagon" color="#c0392b"></sw-icon>\n                                    </div>\n                                </div>\n                                <sw-button v-if="item.messages.length > 0" class="job-messages-show-modal" size="small"\n                                           variant="primary" :disabled="item.messages.length <= 0"\n                                           @click="showJobMessages(item)">\n                                    <sw-icon name="regular-envelope" color="#fff" :small="true"\n                                             :decorative="true"></sw-icon>\n                                    Show job messages\n                                </sw-button>\n                            {% endblock %}\n                        </template>\n                        <template #actions="{ item }">\n                            <sw-context-menu-item :disabled="item.status !== \'error\'"\n                                                  @click="rescheduleJob(item.id)">\n                                {{ $tc(\'job-listing.actions.reschedule-job.button.label\') }}\n                            </sw-context-menu-item>\n                            <sw-context-menu-item class="sw-context-menu-item--danger"\n                                                  :disabled="!canDelete(item)"\n                                                  @click="onDeleteJob(item.id)">\n                                {{ $tc(\'job-listing.actions.delete-job.button.label\') }}\n                            </sw-context-menu-item>\n                        </template>\n                    </nosto-entity-listing>\n                </template>\n            </sw-collapse>\n        </div>\n        {% block nosto_entity_listing_job_info_modal %}\n            <sw-modal class="nosto-job-info-modal" v-if="showJobInfoModal" :title="$tc(\'job-listing.page.listing.grouped-view.job-info\')"\n                      @modal-close="showJobInfoModal = false">\n                <nosto-job-info v-if="currentJobID" :jobId="currentJobID">\n\n                </nosto-job-info>\n                <template #modal-footer>\n                    <sw-button variant="primary"\n                               @click="showJobInfoModal = false">\n                        {{ $tc(\'job-listing.page.listing.index.close\') }}\n                    </sw-button>\n                </template>\n            </sw-modal>\n        {% endblock %}\n\n        {% block nosto_entity_listing_job_subs_modal %}\n            <sw-modal class="nosto-job-sub-jobs-modal" v-if="showJobSubsModal" :title="$tc(\'job-listing.page.listing.grouped-view.sub-jobs\')"\n                      @modal-close="showJobSubsModal = false">\n                <nosto-job-sub-jobs v-if="currentJobID" :jobId="currentJobID">\n\n                </nosto-job-sub-jobs>\n                <template #modal-footer>\n                    <sw-button variant="primary"\n                               @click="showJobSubsModal = false">\n                        {{ $tc(\'job-listing.page.listing.index.close\') }}\n                    </sw-button>\n                </template>\n            </sw-modal>\n        {% endblock %}\n\n        {% block nosto_entity_listing_job_messages_modal %}\n            <sw-modal class="nosto-job-messages-modal" v-if="showMessagesModal" :title="$tc(\'job-listing.page.listing.grouped-view.job-messages\')"\n                      @modal-close="showMessagesModal = false">\n                {% block job_messages_listing %}\n                    <div v-if="currentJobMessages" class="job_list_grid_job_messages-information" style="width:100%;">\n                        <div class="messages-content" v-for="item in currentJobMessages">\n                            <sw-alert class="nosto-alert"\n                                      v-if="item.type == \'info-message\'"\n                                      variant="info"\n                                      appearance="default"\n                                      :showIcon="true"\n                                      :closable="false">\n                                {{ item.message }}\n                            </sw-alert>\n                            <sw-alert class="nosto-alert"\n                                      v-if="item.type == \'error-message\'"\n                                      variant="error"\n                                      appearance="default"\n                                      :showIcon="true"\n                                      :closable="false">\n                                {{ item.message }}\n                            </sw-alert>\n                            <sw-alert class="nosto-alert"\n                                      v-if="item.type == \'warning-message\'"\n                                      variant="warning"\n                                      appearance="default"\n                                      :showIcon="true"\n                                      :closable="false">\n                                {{ item.message }}\n                            </sw-alert>\n                        </div>\n                    </div>\n                {% endblock %}\n                <template #modal-footer>\n                    <sw-button variant="primary"\n                               @click="showMessagesModal = false">\n                        {{ $tc(\'job-listing.page.listing.index.close\') }}\n                    </sw-button>\n                </template>\n            </sw-modal>\n        {% endblock %}\n    </div>\n{% endblock %}\n',inject:["repositoryFactory"],mixins:["notification"],props:{jobTypes:{type:Array,required:!1,default:()=>[]},groupCreationDate:{type:Object,required:!1,default:()=>{}},sortType:{type:String,required:!0,default:()=>"status"}},data(){return{groupedItems:[],isLoading:!1,showJobInfoModal:!1,showJobSubsModal:!1,currentJobID:null,showMessagesModal:!1,currentJobMessages:null}},computed:{jobRepository(){return this.repositoryFactory.create("nosto_scheduler_job")},messageRepository(){return this.repositoryFactory.create("nosto_scheduler_job_message")},jobMessagesColumns(){return[{property:"message",dataIndex:"message",label:this.$tc("job-listing.page.listing.grid.column.message"),allowResize:!1,align:"left",width:"90px"}]},columns(){return[{property:"name",label:this.$tc("job-listing.page.listing.grid.column.name"),allowResize:!0,width:"500px"},{property:"status",label:this.$tc("job-listing.page.listing.grid.column.status"),allowResize:!0,width:"150px"},{property:"startedAt",label:this.$tc("job-listing.page.listing.grid.column.started-at"),allowResize:!0,width:"170px"},{property:"finishedAt",label:this.$tc("job-listing.page.listing.grid.column.finished-at"),allowResize:!0,width:"170px"},{property:"createdAt",label:this.$tc("job-listing.page.listing.grid.column.created-at"),allowResize:!0,width:"170px"},{property:"subJobs",label:this.$tc("job-listing.page.listing.grid.column.child-jobs"),allowResize:!0,width:"250px",visible:!0,sortable:!1},{property:"messages",label:this.$tc("job-listing.page.listing.grid.column.messages"),allowResize:!0,width:"350px",visible:!0,sortable:!1}]}},watch:{sortType(){this.groupedItems=[],this.initGroupedView()},groupCreationDate:{handler(){this.groupedItems=[],this.initGroupedView()},deep:!0}},created(){this.initGroupedView()},beforeDestroy(){clearInterval(this.reloadInterval)},methods:{initGroupedView(){this.isLoading=!0;let e=new v;return e.addFilter(v.equals("parentId",null)),e.addSorting(v.sort("createdAt","DESC",!1)),e.addAssociation("messages"),e.addAssociation("subJobs"),e.limit=null,this.jobTypes!==[]&&e.addFilter(v.equalsAny("type",this.jobTypes)),this.groupCreationDate.fromDate&&e.addFilter(v.range("createdAt",{gte:this.groupCreationDate.fromDate})),this.groupCreationDate.toDate&&e.addFilter(v.range("createdAt",{lte:this.groupCreationDate.toDate})),this.jobRepository.search(e,Shopware.Context.api).then(e=>{this.sortJobs(e)})},sortJobs(e){this.groupedItemsTypes=[],this.groupedItems=[],e.forEach(e=>{-1===this.groupedItemsTypes.findIndex(t=>t.title===e[this.sortType])&&this.groupedItemsTypes.push({title:e[this.sortType]})}),this.getJobsByType(this.groupedItemsTypes)},getJobsByType(e){return e.forEach(e=>{let t=new v;t.addFilter(v.equals("parentId",null)),t.addSorting(v.sort("createdAt","DESC",!1)),t.addAssociation("messages"),t.addAssociation("subJobs"),this.groupCreationDate.fromDate&&t.addFilter(v.range("createdAt",{gte:this.groupCreationDate.fromDate})),this.groupCreationDate.toDate&&t.addFilter(v.range("createdAt",{lte:this.groupCreationDate.toDate})),this.jobTypes!==[]&&t.addFilter(v.equalsAny("type",this.jobTypes)),"status"===this.sortType&&t.addFilter(v.equals("status",e.title)),"type"===this.sortType&&t.addFilter(v.equals("type",e.title)),this.jobRepository.search(t,Shopware.Context.api).then(t=>{let n="status"===this.sortType?e.title.toUpperCase():t[0].name,o="status"===this.sortType?this.$tc(`job-listing.page.listing.grid.job-status.${e.title}`):t[0].name;this.groupedItems.push({title:o,type:n,items:s.sortMessages(t)})})}),this.isLoading=!1,this.groupedItems},getMessagesCount(e,t){return e.messages.filter(e=>e.type===`${t}-message`).length},getChildrenCount(e,t){return e.subJobs.filter(e=>e.status===t).length},onRefresh(){this.initGroupedView()},canDelete(e){return -1!==["error","succeed"].indexOf(e.status)},onDeleteJob(e){this.jobRepository.delete(e,Shopware.Context.api).then(()=>{this.updateList()})},rescheduleJob(e){this.NostoRescheduleService.rescheduleJob(e).then(()=>{this.createNotificationSuccess({message:"Job has been rescheduled successfully."}),this.updateList()}).catch(()=>{this.createNotificationError({message:"Unable reschedule job."})})},showJobInfo(e){this.currentJobID=e,this.showJobInfoModal=!0},showSubJobs(e){this.currentJobID=e,this.showJobSubsModal=!0},showJobMessages(e){this.currentJobMessages=e.messages,this.showMessagesModal=!0},formatDate(e){return e?new Date(e).toLocaleString():""}}})}()})();
\ No newline at end of file

From 403554ba8071a04df64a400ad6f767c278d506c9 Mon Sep 17 00:00:00 2001
From: Tobias Graml <tobias.graml@nosto.com>
Date: Mon, 15 Apr 2024 10:10:47 +0200
Subject: [PATCH 4/5] Move format function to mixin

---
 .../src/component/nosto-grouped-view/index.js            | 9 +++------
 .../administration/src/component/nosto-job-info/index.js | 9 +++------
 .../src/component/nosto-job-sub-jobs/index.js            | 9 +++------
 src/Resources/app/administration/src/main.js             | 1 +
 .../administration/src/mixins/nosto-scheduler-utils.js   | 9 +++++++++
 .../nosto-job/page/nosto-job-listing-index/index.js      | 9 +++------
 .../public/administration/js/nosto-scheduler.js          | 2 +-
 7 files changed, 23 insertions(+), 25 deletions(-)
 create mode 100644 src/Resources/app/administration/src/mixins/nosto-scheduler-utils.js

diff --git a/src/Resources/app/administration/src/component/nosto-grouped-view/index.js b/src/Resources/app/administration/src/component/nosto-grouped-view/index.js
index 229f33e..4975b50 100644
--- a/src/Resources/app/administration/src/component/nosto-grouped-view/index.js
+++ b/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() : '';
-        },
     },
 });
diff --git a/src/Resources/app/administration/src/component/nosto-job-info/index.js b/src/Resources/app/administration/src/component/nosto-job-info/index.js
index ada7b52..218c952 100644
--- a/src/Resources/app/administration/src/component/nosto-job-info/index.js
+++ b/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() : '';
-        },
     },
 });
diff --git a/src/Resources/app/administration/src/component/nosto-job-sub-jobs/index.js b/src/Resources/app/administration/src/component/nosto-job-sub-jobs/index.js
index 3142079..17f7c16 100644
--- a/src/Resources/app/administration/src/component/nosto-job-sub-jobs/index.js
+++ b/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() : '';
-        },
     },
 });
diff --git a/src/Resources/app/administration/src/main.js b/src/Resources/app/administration/src/main.js
index d648f31..a2ef49d 100644
--- a/src/Resources/app/administration/src/main.js
+++ b/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';
diff --git a/src/Resources/app/administration/src/mixins/nosto-scheduler-utils.js b/src/Resources/app/administration/src/mixins/nosto-scheduler-utils.js
new file mode 100644
index 0000000..05ba4c8
--- /dev/null
+++ b/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)
+        }
+    }
+});
diff --git a/src/Resources/app/administration/src/module/nosto-job/page/nosto-job-listing-index/index.js b/src/Resources/app/administration/src/module/nosto-job/page/nosto-job-listing-index/index.js
index a879f77..22e8288 100644
--- a/src/Resources/app/administration/src/module/nosto-job/page/nosto-job-listing-index/index.js
+++ b/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() : '';
-        },
     },
 });
diff --git a/src/Resources/public/administration/js/nosto-scheduler.js b/src/Resources/public/administration/js/nosto-scheduler.js
index ffe963e..4e7a2ff 100644
--- a/src/Resources/public/administration/js/nosto-scheduler.js
+++ b/src/Resources/public/administration/js/nosto-scheduler.js
@@ -1 +1 @@
-(function(){var e={30:function(){},328:function(){},250:function(){},758:function(){},729:function(){},671:function(e,t,n){var s=n(30);s.__esModule&&(s=s.default),"string"==typeof s&&(s=[[e.id,s,""]]),s.locals&&(e.exports=s.locals),n(346).Z("585a76b3",s,!0,{})},158:function(e,t,n){var s=n(328);s.__esModule&&(s=s.default),"string"==typeof s&&(s=[[e.id,s,""]]),s.locals&&(e.exports=s.locals),n(346).Z("3a2beb4e",s,!0,{})},951:function(e,t,n){var s=n(250);s.__esModule&&(s=s.default),"string"==typeof s&&(s=[[e.id,s,""]]),s.locals&&(e.exports=s.locals),n(346).Z("19dce50c",s,!0,{})},461:function(e,t,n){var s=n(758);s.__esModule&&(s=s.default),"string"==typeof s&&(s=[[e.id,s,""]]),s.locals&&(e.exports=s.locals),n(346).Z("5f6e56a6",s,!0,{})},266:function(e,t,n){var s=n(729);s.__esModule&&(s=s.default),"string"==typeof s&&(s=[[e.id,s,""]]),s.locals&&(e.exports=s.locals),n(346).Z("87d3cc56",s,!0,{})},346:function(e,t,n){"use strict";function s(e,t){for(var n=[],s={},o=0;o<t.length;o++){var a=t[o],i=a[0],l={id:e+":"+o,css:a[1],media:a[2],sourceMap:a[3]};s[i]?s[i].parts.push(l):n.push(s[i]={id:i,parts:[l]})}return n}n.d(t,{Z:function(){return g}});var o="undefined"!=typeof document;if("undefined"!=typeof DEBUG&&DEBUG&&!o)throw Error("vue-style-loader cannot be used in a non-browser environment. Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.");var a={},i=o&&(document.head||document.getElementsByTagName("head")[0]),l=null,r=0,d=!1,c=function(){},b=null,u="data-vue-ssr-id",m="undefined"!=typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());function g(e,t,n,o){d=n,b=o||{};var i=s(e,t);return p(i),function(t){for(var n=[],o=0;o<i.length;o++){var l=a[i[o].id];l.refs--,n.push(l)}t?p(i=s(e,t)):i=[];for(var o=0;o<n.length;o++){var l=n[o];if(0===l.refs){for(var r=0;r<l.parts.length;r++)l.parts[r]();delete a[l.id]}}}}function p(e){for(var t=0;t<e.length;t++){var n=e[t],s=a[n.id];if(s){s.refs++;for(var o=0;o<s.parts.length;o++)s.parts[o](n.parts[o]);for(;o<n.parts.length;o++)s.parts.push(_(n.parts[o]));s.parts.length>n.parts.length&&(s.parts.length=n.parts.length)}else{for(var i=[],o=0;o<n.parts.length;o++)i.push(_(n.parts[o]));a[n.id]={id:n.id,refs:1,parts:i}}}}function h(){var e=document.createElement("style");return e.type="text/css",i.appendChild(e),e}function _(e){var t,n,s=document.querySelector("style["+u+'~="'+e.id+'"]');if(s){if(d)return c;s.parentNode.removeChild(s)}if(m){var o=r++;t=f.bind(null,s=l||(l=h()),o,!1),n=f.bind(null,s,o,!0)}else t=v.bind(null,s=h()),n=function(){s.parentNode.removeChild(s)};return t(e),function(s){s?(s.css!==e.css||s.media!==e.media||s.sourceMap!==e.sourceMap)&&t(e=s):n()}}var w=function(){var e=[];return function(t,n){return e[t]=n,e.filter(Boolean).join("\n")}}();function f(e,t,n,s){var o=n?"":s.css;if(e.styleSheet)e.styleSheet.cssText=w(t,o);else{var a=document.createTextNode(o),i=e.childNodes;i[t]&&e.removeChild(i[t]),i.length?e.insertBefore(a,i[t]):e.appendChild(a)}}function v(e,t){var n=t.css,s=t.media,o=t.sourceMap;if(s&&e.setAttribute("media",s),b.ssrId&&e.setAttribute(u,t.id),o&&(n+="\n/*# sourceURL="+o.sources[0]+" */\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(o))))+" */"),e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}}},t={};function n(s){var o=t[s];if(void 0!==o)return o.exports;var a=t[s]={id:s,exports:{}};return e[s](a,a.exports,n),a.exports}n.d=function(e,t){for(var s in t)n.o(t,s)&&!n.o(e,s)&&Object.defineProperty(e,s,{enumerable:!0,get:t[s]})},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="bundles/nostoscheduler/",window?.__sw__?.assetPath&&(n.p=window.__sw__.assetPath+"/bundles/nostoscheduler/"),function(){"use strict";n(671);let{Component:e}=Shopware;e.extend("nosto-entity-listing","sw-entity-listing",{template:'{% block sw_data_grid_slot_pagination %}\n    <sw-pagination v-bind="{ page, limit, total, steps }"\n            :total-visible="7"\n            @page-change="paginate"\n    />\n{% endblock %}\n\n{% block sw_data_grid_bulk_selected_actions_content %}\n    {% block sw_data_grid_bulk_edit_content %}\n        \n        <a\n                v-if="allowBulkEdit"\n                class="link link-primary"\n                @click="onClickBulkEdit"\n        >\n            {{ $tc(\'global.sw-bulk-edit-modal.bulkEdit\') }}\n        </a>\n    {% endblock %}\n\n    {% block sw_data_grid_bulk_delete_content %}\n        \n        <a\n                v-if="allowDelete"\n                class="link link-danger"\n                @click="showBulkDeleteModal = true"\n        >\n            {{ $tc(\'global.default.delete\') }}\n        </a>\n    {% endblock %}\n{% endblock %}\n\n{% block sw_data_grid_slot_bulk_modals %}\n    {% block sw_data_grid_bulk_edit_modal %}\n        <slot\n                name="bulk-edit-modal"\n                v-bind="{ selection }"\n        >\n            {% block sw_data_grid_slot_bulk_edit_modal %}\n                <sw-bulk-edit-modal\n                        v-if="showBulkEditModal"\n                        :selection="selection"\n                        :bulk-grid-edit-columns="bulkGridEditColumns"\n                        @modal-close="onCloseBulkEditModal"\n                />\n            {% endblock %}\n        </slot>\n    {% endblock %}\n\n    {% block sw_data_grid_bulk_delete_modal %}\n        <sw-modal\n                v-if="showBulkDeleteModal"\n                variant="small"\n                :title="$tc(\'global.default.warning\')"\n                @modal-close="showBulkDeleteModal = false"\n        >\n            <p class="sw-data-grid__confirm-bulk-delete-text">\n                <slot\n                        name="bulk-modal-delete-confirm-text"\n                        v-bind="{ selectionCount }"\n                >\n                    {{ $tc(\'global.entity-components.deleteMessage\', selectionCount, { count: selectionCount }) }}\n                </slot>\n            </p>\n\n            <template #modal-footer>\n                <slot name="bulk-modal-cancel">\n                    <sw-button\n                            size="small"\n                            @click="showBulkDeleteModal = false"\n                    >\n                        {{ $tc(\'global.default.cancel\') }}\n                    </sw-button>\n                </slot>\n\n                <slot\n                        name="bulk-modal-delete-items"\n                        v-bind="{ isBulkLoading, deleteItems }"\n                >\n                    <sw-button\n                            variant="danger"\n                            size="small"\n                            :is-loading="isBulkLoading"\n                            @click="deleteItems"\n                    >\n                        {{ $tc(\'global.default.delete\') }}\n                    </sw-button>\n                </slot>\n            </template>\n        </sw-modal>\n    {% endblock %}\n{% endblock %}\n\n{% block sw_data_grid_slot_actions %}\n    <slot\n            name="detail-action"\n            v-bind="{ item }"\n    >\n        <sw-context-menu-item\n                v-if="detailRoute"\n                v-tooltip="{\n            message: $tc(\'sw-privileges.tooltip.warning\'),\n            disabled: allowEdit || allowView,\n            showOnDisabledElements: true,\n            zIndex: 9050,\n        }"\n                class="sw-entity-listing__context-menu-edit-action"\n                :disabled="!allowEdit && !allowView"\n                :router-link="{ name: detailRoute, params: { id: item.id } }"\n        >\n            {{ detailPageLinkText }}\n        </sw-context-menu-item>\n    </slot>\n\n    <slot\n            name="more-actions"\n            v-bind="{ item }"\n    ></slot>\n\n    <slot\n            name="delete-action"\n            v-bind="{ item, showDelete, allowDelete }"\n    >\n        <sw-context-menu-item\n                v-tooltip.bottom="{\n            message: $tc(\'sw-privileges.tooltip.warning\'),\n            disabled: allowDelete,\n            showOnDisabledElements: true,\n            zIndex: 9050,\n        }"\n                :disabled="!allowDelete"\n                class="sw-entity-listing__context-menu-edit-delete"\n                variant="danger"\n                @click="showDelete(item.id)"\n        >\n            {{ $tc(\'global.default.delete\') }}\n        </sw-context-menu-item>\n\n        <sw-context-menu-item\n                class="sw-entity-listing__context-menu-edit-test"\n                variant="info"\n        >\n            Test\n        </sw-context-menu-item>\n    </slot>\n{% endblock %}\n\n{% block sw_data_grid_slot_action_modals %}\n    <sw-modal\n            v-if="deleteId === item.id"\n            :title="$tc(\'global.default.warning\')"\n            variant="small"\n            @modal-close="closeModal"\n    >\n        <p class="sw-listing__confirm-delete-text">\n            <slot\n                    name="delete-confirm-text"\n                    v-bind="{ item }"\n            >\n                {{ $tc(\'global.entity-components.deleteMessage\') }}\n            </slot>\n        </p>\n\n        <template #modal-footer>\n            <slot\n                    name="delete-modal-footer"\n                    v-bind="{ item }"\n            >\n                <slot\n                        name="delete-modal-cancel"\n                        v-bind="{ item }"\n                >\n                    <sw-button\n                            size="small"\n                            @click="closeModal"\n                    >\n                        {{ $tc(\'global.default.cancel\') }}\n                    </sw-button>\n                </slot>\n\n                <slot\n                        name="delete-modal-delete-item"\n                        v-bind="{ item }"\n                >\n                    <sw-button\n                            variant="danger"\n                            size="small"\n                            @click="deleteItem(item.id)"\n                    >\n                        {{ $tc(\'global.default.delete\') }}\n                    </sw-button>\n                </slot>\n            </slot>\n        </template>\n    </sw-modal>\n{% endblock %}\n\n{% block sw_data_grid_select_item_checkbox %}\n    <sw-checkbox-field\n        v-if="canDelete(item)"\n        :disabled="!isRecordSelectable(item)"\n        :value="isSelected(item[itemIdentifierProperty])"\n        @update:value="selectItem($event, item)"\n    />\n{% endblock %}\n\n\n{% block sw_data_grid_table %}\n    <table\n        ref="table"\n        class="sw-data-grid__table"\n    >\n\n        {% block sw_data_grid_header %}\n            <thead\n                v-if="showHeader"\n                class="sw-data-grid__header"\n            >\n\n            {% block sw_data_grid_header_row %}\n                <tr class="sw-data-grid__row">\n\n                    {% block sw_data_grid_header_cell_selection %}\n                        <th\n                            v-if="showSelection"\n                            class="sw-data-grid__cell sw-data-grid__cell--header sw-data-grid__cell--selection"\n                        >\n                            {% block sw_data_grid_header_cell_selection_content %}\n                                <div class="sw-data-grid__cell-content">\n                                    {% block sw_data_grid_select_all_checkbox %}\n                                        <sw-checkbox-field\n                                            v-if="records && records.length > 0"\n                                            :disabled="isSelectAllDisabled"\n                                            class="sw-data-grid__select-all"\n                                            :value="allSelectedChecked"\n                                            @update:value="selectAll"\n                                        />\n                                    {% endblock %}\n                                </div>\n                            {% endblock %}\n                        </th>\n                    {% endblock %}\n\n                    {% block sw_data_grid_header_columns %}\n                        <th\n                                v-for="(column, columnIndex) in currentColumns"\n                                v-show="column.visible"\n                                :key="`${column.property}-${columnIndex}`"\n                                ref="column"\n                                class="sw-data-grid__cell sw-data-grid__cell--header sw-data-grid__cell--property"\n                                :class="getHeaderCellClasses(column, columnIndex)"\n                                :style="{ width: column.width, minWidth: column.width }"\n                                @click="onClickHeaderCell($event, column)"\n                        >\n\n                            {% block sw_data_grid_header_columns_content %}\n                                <div class="sw-data-grid__cell-content">\n\n                                    <slot\n                                            :name="`column-label-${column.property}`"\n                                            v-bind="{ column, columnIndex }"\n                                    >\n\n                                        {% block sw_data_grid_header_columns_icon %}\n                                            <sw-icon\n                                                    v-if="column.iconLabel"\n                                                    :name="column.iconLabel"\n                                            >\n                                                {{ $te(column.label) ? $tc(column.label) : column.label }}\n                                            </sw-icon>\n                                        {% endblock %}\n\n                                        {% block sw_data_grid_header_columns_label %}\n                                            <template v-else>\n                                                {{ $te(column.label) ? $tc(column.label) : column.label }}\n                                            </template>\n                                        {% endblock %}\n                                    </slot>\n\n                                    {% block sw_data_grid_column_actions %}\n                                        <sw-context-button\n                                                v-if="allowColumnEdit && !isInlineEditActive"\n                                                class="sw-data-grid__action-edit-column"\n                                        >\n                                            {% block sw_data_grid_column_actions_hide %}\n                                                <sw-context-menu-item\n                                                        :disabled="column.primary"\n                                                        variant="danger"\n                                                        @click="hideColumn(columnIndex)"\n                                                >\n                                                    {{ $tc(\'global.sw-data-grid.labelColumnHide\') }}\n                                                </sw-context-menu-item>\n                                            {% endblock %}\n                                        </sw-context-button>\n                                    {% endblock %}\n\n                                    {% block sw_data_grid_sort_indicator %}\n                                        <span\n                                                v-if="column.sortable && currentSortBy === column.dataIndex"\n                                                class="sw-data-grid__sort-indicator"\n                                        >\n                                {% block sw_data_grid_sort_indicator_transition %}\n                                    <transition\n                                            name="sort-indicator"\n                                            mode="out-in"\n                                    >\n                                        {% block sw_data_grid_sort_indicator_icon_asc %}\n                                            <sw-icon\n                                                v-if="currentSortDirection === \'ASC\'"\n                                                key="ASC"\n                                                name="solid-long-arrow-up"\n                                                size="20px"\n                                            />\n                                        {% endblock %}\n\n                                        {% block sw_data_grid_sort_indicator_icon_desc %}\n                                            <sw-icon\n                                                v-else\n                                                key="DESC"\n                                                name="solid-long-arrow-down"\n                                                size="20px"\n                                            />\n                                        {% endblock %}\n                                </transition>\n                                {% endblock %}\n                            </span>\n                                    {% endblock %}\n                                </div>\n                            {% endblock %}\n\n                            {% block sw_data_grid_header_columns_resize %}\n                                <span\n                                        v-if="column.allowResize"\n                                        class="sw-data-grid__cell-resize"\n                                        @mousedown="onStartResize($event, column, columnIndex)"\n                                ></span>\n                            {% endblock %}\n                        </th>\n                    {% endblock %}\n\n                    {% block sw_data_grid_header_cell_spacer %}\n                        <th\n                                v-if="hasResizeColumns"\n                                aria-hidden="true"\n                                class="sw-data-grid__cell sw-data-grid__cell--header sw-data-grid__cell-spacer"\n                        >\n                            <div class="sw-data-grid__cell-content"></div>\n                        </th>\n                    {% endblock %}\n\n                    {% block sw_data_grid_header_cell_actions %}\n                        <th\n                                v-if="showActions"\n                                class="sw-data-grid__cell sw-data-grid__cell--header sw-data-grid__cell--actions sw-data-grid__cell-settings"\n                                :class="{ \'is--loading\': loading }"\n                        >\n                            {% block sw_data_grid_header_cell_actions_content %}\n                                <div class="sw-data-grid__cell-content">\n                                    {% block sw_data_grid_settings %}\n                                        <sw-data-grid-settings\n                                                v-if="showSettings"\n                                                :columns="currentColumns"\n                                                :compact="compact"\n                                                :previews="previews"\n                                                :enable-previews="hasPreviewSlots"\n                                                :disabled="isInlineEditActive"\n                                                @change-compact-mode="onChangeCompactMode"\n                                                @change-preview-images="onChangePreviews"\n                                                @change-column-visibility="onChangeColumnVisibility"\n                                                @change-column-order="onChangeColumnOrder"\n                                        >\n                                            {% block sw_data_grid_settings_additional_settings %}\n                                                <template #additionalSettings>\n                                                    {% block sw_data_grid_settings_additional_settings_inner %}\n                                                        <slot name="additionalSettings"></slot>\n                                                    {% endblock %}\n                                                </template>\n                                            {% endblock %}\n                                        </sw-data-grid-settings>\n\n                                        {% block sw_data_grid_settings_custom_settings %}\n                                            <slot name="customSettings">\n                                                {% block sw_data_grid_settings_custom_settings_slot %}{% endblock %}\n                                            </slot>\n                                        {% endblock %}\n                                    {% endblock %}\n                                </div>\n                            {% endblock %}\n                        </th>\n                    {% endblock %}\n                </tr>\n            {% endblock %}\n            </thead>\n        {% endblock %}\n\n        {% block sw_data_grid_body %}\n            <tbody\n                    v-if="!loading"\n                    class="sw-data-grid__body"\n            >\n\n            {% block sw_data_grid_body_row %}\n                <tr\n                        v-for="(item, itemIndex) in records"\n                        :key="item.id"\n                        class="sw-data-grid__row"\n                        :class="getRowClasses(item, itemIndex)"\n                >\n\n                    {% block sw_data_grid_body_cell_selection %}\n                        <td\n                                v-if="showSelection"\n                                class="sw-data-grid__cell sw-data-grid__cell--selection"\n                        >\n                            <slot\n                                    name="selection-content"\n                                    v-bind="{ item, isSelected, isRecordSelectable, selectItem, itemIdentifierProperty }"\n                            >\n                                {% block sw_data_grid_body_cell_selection_content %}\n                                    <div class="sw-data-grid__cell-content">\n                                        {% block sw_data_grid_select_item_checkbox %}\n                                            <sw-checkbox-field\n                                                v-if="canDelete(item)"\n                                                :disabled="!isRecordSelectable(item)"\n                                                :value="isSelected(item[itemIdentifierProperty])"\n                                                @update:value="selectItem($event, item)"\n                                            />\n                                        {% endblock %}\n                                    </div>\n                                {% endblock %}\n                            </slot>\n                        </td>\n                    {% endblock %}\n\n                    {% block sw_data_grid_body_columns %}\n                        <td\n                                v-for="(column, columnIndex) in currentColumns"\n                                v-show="column.visible"\n                                :key="`${item.id}-${columnIndex}`"\n                                class="sw-data-grid__cell"\n                                :class="getCellClasses(column)"\n                                @dblclick="onDbClickCell(item)"\n                        >\n\n                            {% block sw_data_grid_body_columns_content %}\n                                <div class="sw-data-grid__cell-content">\n\n                                    {% block sw_data_grid_preview_slot %}\n                                        <slot\n                                                v-if="previews && !isInlineEdit(item)"\n                                                :name="`preview-${column.property}`"\n                                                v-bind="{ item, column, compact }"\n                                        ></slot>\n                                    {% endblock %}\n\n                                    {% block sw_data_grid_columns_slot %}\n                                        <slot\n                                                :name="`column-${column.property}`"\n                                                v-bind="{ item, itemIndex, column, columnIndex, compact, isInlineEdit: (isInlineEdit(item) && column.hasOwnProperty(\'inlineEdit\')) }"\n                                        >\n                                            <template v-if="column.inlineEdit === \'boolean\'">\n                                                {% block sw_data_grid_columns_boolean %}\n                                                    <sw-data-grid-column-boolean\n                                                            v-model:value="item[column.property]"\n                                                            :is-inline-edit="isInlineEdit(item) && column.hasOwnProperty(\'inlineEdit\')"\n                                                    />\n                                                {% endblock %}\n                                            </template>\n                                            <template v-else>\n                                                {% block sw_data_grid_columns_inline_edit %}\n                                                    <template v-if="isInlineEdit(item) && column.hasOwnProperty(\'inlineEdit\')">\n                                                        {% block sw_data_grid_columns_render_inline_edit %}\n                                                            <sw-data-grid-inline-edit\n                                                                :column="column"\n                                                                :compact="compact"\n                                                                :value="item[column.property]"\n                                                                @update:value="item[column.property] = $event"\n                                                            />\n                                                        {% endblock %}\n                                                    </template>\n                                                {% endblock %}\n\n                                                {% block sw_data_grid_columns_value %}\n                                                    <template v-else>\n                                                        {% block sw_data_grid_columns_render_router_link %}\n                                                            <router-link\n                                                                    v-if="column.routerLink"\n                                                                    class="sw-data-grid__cell-value"\n                                                                    :to="{ name: column.routerLink, params: { id: item.id } }"\n                                                            >\n                                                                {{ renderColumn(item, column) }}\n                                                            </router-link>\n                                                        {% endblock %}\n                                                        {% block sw_data_grid_columns_render_value %}\n                                                            <span\n                                                                    v-else\n                                                                    class="sw-data-grid__cell-value"\n                                                            >\n                                            {{ renderColumn(item, column) }}\n                                        </span>\n                                                        {% endblock %}\n                                                    </template>\n                                                {% endblock %}\n                                            </template>\n                                        </slot>\n                                    {% endblock %}\n                                </div>\n                            {% endblock %}\n                        </td>\n                    {% endblock %}\n\n                    {% block sw_data_grid_body_cell_spacer %}\n                        <td\n                                v-if="hasResizeColumns"\n                                aria-hidden="true"\n                                class="sw-data-grid__cell sw-data-grid__cell-spacer"\n                                @dblclick="onDbClickCell(item)"\n                        >\n                            <div class="sw-data-grid__cell-content"></div>\n                        </td>\n                    {% endblock %}\n\n                    {% block sw_data_grid_body_cell_actions %}\n                        <td\n                                v-if="showActions"\n                                class="sw-data-grid__cell sw-data-grid__cell--actions"\n                        >\n                            {% block sw_data_grid_body_cell_actions_content %}\n                                <div class="sw-data-grid__cell-content">\n\n                                    {% block sw_data_grid_inline_edit_actions %}\n                                        <template v-if="isInlineEditActive && currentInlineEditId === item[itemIdentifierProperty]">\n\n                                            {% block sw_data_grid_inline_edit_actions_cancel %}\n                                                <sw-button\n                                                        class="sw-data-grid__inline-edit-cancel"\n                                                        size="x-small"\n                                                        :title="$tc(\'global.default.cancel\')"\n                                                        :aria-label="$tc(\'global.default.cancel\')"\n                                                        square\n                                                        @click="onClickCancelInlineEdit(item)"\n                                                >\n                                                    {% block sw_data_grid_inline_edit_actions_cancel_icon %}\n                                                        <sw-icon\n                                                                name="small-default-x-line-small"\n                                                                size="14px"\n                                                        />\n                                                    {% endblock %}\n                                                </sw-button>\n                                            {% endblock %}\n\n                                            {% block sw_data_grid_inline_edit_actions_save %}\n                                                <sw-button\n                                                        class="sw-data-grid__inline-edit-save"\n                                                        variant="primary"\n                                                        size="x-small"\n                                                        :title="$tc(\'global.default.save\')"\n                                                        :aria-label="$tc(\'global.default.save\')"\n                                                        square\n                                                        @click="onClickSaveInlineEdit(item)"\n                                                >\n                                                    {% block sw_data_grid_inline_edit_actions_save_icon %}\n                                                        <sw-icon\n                                                                name="small-default-checkmark-line-small"\n                                                                size="14px"\n                                                        />\n                                                    {% endblock %}\n                                                </sw-button>\n                                            {% endblock %}\n                                        </template>\n                                    {% endblock %}\n\n                                    {% block sw_data_grid_body_cell_actions_menu %}\n                                        <sw-context-button\n                                                v-else\n                                                class="sw-data-grid__actions-menu"\n                                        >\n                                            <slot\n                                                    name="actions"\n                                                    :item="item"\n                                                    :itemIndex="itemIndex"\n                                            >\n                                                {% block sw_data_grid_slot_actions %}{% endblock %}\n                                            </slot>\n                                        </sw-context-button>\n                                    {% endblock %}\n\n                                    {% block sw_data_grid_body_cell_action_modals %}\n                                        <slot\n                                                name="action-modals"\n                                                :item="item"\n                                        >\n                                            {% block sw_data_grid_slot_action_modals %}{% endblock %}\n                                        </slot>\n                                    {% endblock %}\n                                </div>\n                            {% endblock %}\n                        </td>\n                    {% endblock %}\n                </tr>\n            {% endblock %}\n            </tbody>\n        {% endblock %}\n\n        {% block sw_data_grid_skeleton %}\n            <sw-data-grid-skeleton\n                    v-else\n                    :show-selection="showSelection"\n                    :show-actions="showActions"\n                    :current-columns="currentColumns"\n                    :has-resize-columns="hasResizeColumns"\n                    :item-amount="skeletonItemAmount"\n                    class="sw-data-grid__body"\n            />\n        {% endblock %}\n    </table>\n{% endblock %}\n',props:{items:{type:Array,required:!0},itemIdentifierProperty:{type:String,required:!1,default:"id"},preSelection:{type:Object,required:!1,default:null},isGroupedView:{type:Boolean,required:!1,default:!1},jobTypes:{type:Array,required:!1,default:()=>[]}},data(){return{records:this.items,selection:{...this.preSelection||{}},successItems:!1,pendingItems:!1,errorItems:!1,reloadInterval:null}},computed:{jobRepository(){return this.repositoryFactory.create("nosto_scheduler_job")}},methods:{canDelete(e){return -1!==["error","succeed"].indexOf(e.status)},selectAll(e){this.selection={},this.records.forEach(t=>{this.isSelected(t[this.itemIdentifierProperty])!==e&&this.selectItem(e,t)}),this.$emit("select-all-items",this.selection)},selectItem(e,t){if(!this.canDelete(t))return;let n=this.selection,s=t[this.itemIdentifierProperty];e?this.selection[s]=t:!e&&n[s]&&delete this.selection[s],this.$emit("select-item",this.selection,t,e)}}});let{Component:t}=Shopware;t.register("nosto-job-status-badge",{template:'<sw-color-badge rounded\n                :variant="variant"\n                :class="additionalClass"\n                style="margin-right: 10px; margin-top: 3px;">\n</sw-color-badge>\n\n',props:{status:{type:String,required:!0}},computed:{additionalClass(){return"running"===this.status?"--pulse":""},variant(){switch(this.status){case"error":return"error";case"succeed":case"running":return"success";default:return""}}}});class s{static sortMessages(e){return e.forEach(e=>{e.messages=e.messages.sort((e,t)=>e.createdAt>t.createdAt?1:e.createdAt<t.createdAt?-1:0)}),e}}n(266);let{Component:o}=Shopware,{Criteria:a}=Shopware.Data;o.register("nosto-job-listing-index",{template:'{% block nosto_entity_listing_base %}\n  <div class="nosto-entity-listing-wrapper">\n    <div class="nosto-job-listing-actions-bar">\n      <div class="action-item">\n        {% block nosto_scheduler_job_view_mode %}\n          <sw-select-field v-model:value="jobDisplayType" :label="$tc(\'job-listing.page.listing.index.display-mode\')">\n            <option v-for="option in jobDisplayMode" :value="option.value">{{ option.name }}</option>\n          </sw-select-field>\n\n          <sw-select-field v-if="jobDisplayType !== \'list\'" v-model:value="sortType" :label="$tc(\'job-listing.page.listing.index.group-by\')">\n              <option value="status">{{ $tc(\'job-listing.page.listing.index.status\') }}</option>\n              <option value="type">{{ $tc(\'job-listing.page.listing.index.job-type\') }}</option>\n          </sw-select-field>\n\n          <sw-datepicker\n            :label="$tc(\'job-listing.page.listing.index.date-from\')"\n            v-if="jobDisplayType == \'grouped\'"\n            v-model:value="groupCreationDate.fromDate"\n          />\n\n          <sw-datepicker\n            :label="$tc(\'job-listing.page.listing.index.date-to\')"\n            v-if="jobDisplayType == \'grouped\'"\n            v-model:value="groupCreationDate.toDate"\n          />\n\n        {% endblock %}\n      </div>\n      <div class="cation-item">\n        {% block nosto_scheduler_job_auto_load_switcher %}\n          <sw-switch-field\n            v-model:value="autoLoadIsActive"\n            class="job-listing-auto-loading-switch"\n            :label="$tc(\'job-listing.page.listing.index.auto-load\')"\n          />\n        {% endblock %}\n      </div>\n    </div>\n\n    {% block nosto_job_charts %}\n      <nosto-scheduler-charts ref="jobCharts"\n                           v-if="jobDisplayType === \'chart\'"\n                           :jobTypes="jobTypes"\n                           :sortType="sortType"></nosto-scheduler-charts>\n    {% endblock %}\n\n    {% block nosto_job_grouped_component %}\n\n      <nosto-grouped-view v-if="jobDisplayType === \'grouped\'"\n                       ref="jobGroups"\n                       :groupCreationDate="groupCreationDate"\n                       :jobTypes="jobTypes"\n                       :sortType="sortType">\n      </nosto-grouped-view>\n    {% endblock %}\n\n    {% block nosto_job_list_grid %}\n      <nosto-entity-listing\n              v-if="jobItems && jobDisplayType === \'list\'"\n              :items="jobItems"\n              :repository="jobRepository"\n              :is-loading="isLoading"\n              :showSelection="true"\n              :allowColumnEdit="false"\n              :allowDelete="true"\n              :allowEdit="false"\n              :jobTypes="jobTypes"\n              :isGroupedView="isGroupedView"\n              sortDirection="DESC"\n              @page-change="pageChange"\n              :columns="columns">\n        <template #column-status="{ item }">\n          {% block nosto_job_list_grid_job_status_link %}\n            <template>\n              <nosto-job-status-badge :status="item.status"></nosto-job-status-badge>\n              {{ $tc(\'job-listing.page.listing.grid.job-status.\' + item.status) }}\n            </template>\n          {% endblock %}\n        </template>\n        <template #column-name="{ item }">\n          {% block nosto_job_list_grid_job_name_link %}\n            {{ item.name }}\n          {% endblock %}\n        </template>\n        <template #column-startedAt="{ item }">\n          {% block nosto_job_list_grid_job_started_date %}\n            {{ formatDate(item.startedAt) }}\n          {% endblock %}\n        </template>\n        <template #column-finishedAt="{ item }">\n          {% block nosto_job_list_grid_job_finished_date %}\n            {{ formatDate(item.finishedAt) }}\n          {% endblock %}\n        </template>\n        <template #column-createdAt="{ item }">\n          {% block nosto_job_list_grid_job_created_date %}\n            {{ formatDate(item.createdAt) }}\n          {% endblock %}\n        </template>\n        <template class="sub-jobs-column" #column-subJobs="{ item }">\n          {% block nosto_job_list_grid_job_sub_jobs %}\n            <div :class="item.subJobs.length > 0 ? \'has-subjobs\' : \'\'"\n                 class="sub-jobs-counters-container jobs-info-counter">\n              <div class="count-container" v-if="item.subJobs">\n                            <span class="info-container">\n                                <span class="count" v-html="getChildrenCount(item, \'succeed\')"></span>\n                            </span>\n                <nosto-job-status-badge status="succeed"></nosto-job-status-badge>\n              </div>\n\n              <div class="count-container" v-if="item.subJobs">\n                            <span class="warning-container">\n                                <span class="count" v-html="getChildrenCount(item, \'pending\')"></span>\n                            </span>\n                <nosto-job-status-badge status="pending"></nosto-job-status-badge>\n              </div>\n\n              <div class="count-container" v-if="item.subJobs">\n                            <span class="error-counter">\n                                <span class="count" v-html="getChildrenCount(item, \'error\')"></span>\n                            </span>\n                <nosto-job-status-badge status="error"></nosto-job-status-badge>\n              </div>\n            </div>\n          {% endblock %}\n          <sw-button v-if="item.subJobs.length > 0"\n                     class="sub-job-show-modal"\n                     size="small"\n                     variant="primary"\n                     :disabled="item.subJobs.length <= 0"\n                     @click="showSubJobs(item.id)">\n            <sw-icon name="regular-cog" color="#fff" :small="true" :decorative="true"></sw-icon>\n              {{ $tc(\'job-listing.page.listing.index.show-sub-jobs\') }}\n          </sw-button>\n        </template>\n        <template #column-messages="{ item }">\n          {% block nosto_job_list_grid_job_messages %}\n            <div :class="item.messages.length > 0 ? \'has-messages\' : \'\'"\n                 class="message-counters-container jobs-info-counter">\n              <div class="count-container" v-if="item.messages">\n                            <span class="info-counter">\n                                <span class="count" v-html="getMessagesCount(item, \'info\')"></span>\n                            </span>\n                <sw-icon :small="true" name="regular-info-circle" color="#3498db"></sw-icon>\n              </div>\n\n              <div class="count-container" v-if="item.messages">\n                            <span class="warning-counter">\n                                <span class="count" v-html="getMessagesCount(item, \'warning\')"></span>\n                            </span>\n                <sw-icon :small="true" name="regular-exclamation-triangle" color="#f39c12"></sw-icon>\n              </div>\n\n              <div class="count-container" v-if="item.messages">\n                            <span class="error-counter">\n                                <span class="count" v-html="getMessagesCount(item, \'error\')"></span>\n                            </span>\n                <sw-icon :small="true" name="regular-times-hexagon" color="#c0392b"></sw-icon>\n              </div>\n            </div>\n            <sw-button v-if="item.messages.length > 0"\n                       class="job-messages-show-modal"\n                       size="small"\n                       variant="primary"\n                       :disabled="item.messages.length <= 0"\n                       @click="showJobMessages(item)">\n              <sw-icon name="regular-envelope" color="#fff" :small="true" :decorative="true"></sw-icon>\n                {{ $tc(\'job-listing.page.listing.index.show-job-messages\') }}\n            </sw-button>\n          {% endblock %}\n        </template>\n        <template #actions="{ item }">\n          <sw-context-menu-item :disabled="item.status !== \'error\'"\n                                @click="rescheduleJob(item.id)">\n            {{ $tc(\'job-listing.actions.reschedule-job.button.label\') }}\n          </sw-context-menu-item>\n          <sw-context-menu-item class="sw-context-menu-item--danger"\n                                :disabled="!canDelete(item)"\n                                @click="onDeleteJob(item.id)">\n            {{ $tc(\'job-listing.actions.delete-job.button.label\') }}\n          </sw-context-menu-item>\n        </template>\n      </nosto-entity-listing>\n    {% endblock %}\n\n    {% block nosto_entity_listing_job_subs_modal %}\n      <sw-modal class="nosto-job-sub-jobs-modal" v-if="showJobSubsModal" :title="$tc(\'job-listing.page.listing.grid.column.child-jobs\')"\n                @modal-close="showJobSubsModal = false">\n        <nosto-job-sub-jobs v-if="currentJobID" :jobId="currentJobID">\n\n        </nosto-job-sub-jobs>\n        <template #modal-footer>\n          <sw-button variant="primary"\n                     @click="showJobSubsModal = false">\n              {{ $tc(\'job-listing.page.listing.index.close\') }}\n          </sw-button>\n        </template>\n      </sw-modal>\n    {% endblock %}\n\n    {% block nosto_entity_listing_job_messages_modal %}\n      <sw-modal class="nosto-job-messages-modal" v-if="showMessagesModal"\n                :title="$tc(\'job-listing.page.listing.grid.column.messages\')"\n                @modal-close="showMessagesModal = false">\n        {% block job_messages_listing %}\n          <div v-if="currentJobMessages" class="job_list_grid_job_messages-information" style="width:100%;">\n            <div class="messages-content" v-for="item in currentJobMessages">\n              <sw-alert class="nosto-alert"\n                        v-if="item.type == \'info-message\'"\n                        variant="info"\n                        appearance="default"\n                        :showIcon="true"\n                        :closable="false">\n                {{ item.message }}\n              </sw-alert>\n              <sw-alert class="nosto-alert"\n                        v-if="item.type == \'error-message\'"\n                        variant="error"\n                        appearance="default"\n                        :showIcon="true"\n                        :closable="false">\n                {{ item.message }}\n              </sw-alert>\n              <sw-alert class="nosto-alert"\n                        v-if="item.type == \'warning-message\'"\n                        variant="warning"\n                        appearance="default"\n                        :showIcon="true"\n                        :closable="false">\n                {{ item.message }}\n              </sw-alert>\n            </div>\n          </div>\n        {% endblock %}\n        <template #modal-footer>\n          <sw-button variant="primary"\n                     @click="showMessagesModal = false">\n              {{ $tc(\'job-listing.page.listing.index.close\') }}\n          </sw-button>\n        </template>\n      </sw-modal>\n    {% endblock %}\n  </div>\n{% endblock %}\n',inject:["NostoRescheduleService","repositoryFactory","filterFactory","feature"],mixins:["notification"],props:{isGroupedView:{type:Boolean,required:!1,default:!1},jobTypes:{type:Array,required:!1,default:()=>[]},filterCriteria:{type:Array,required:!1,default:()=>[]}},data(){return{jobItems:null,isLoading:!1,reloadInterval:null,showJobInfoModal:!1,showJobSubsModal:!1,currentJobID:null,showMessagesModal:!1,currentJobMessages:null,groupCreationDate:{},sortType:"status",jobDisplayType:null,autoLoad:!1,autoLoadIsActive:!1,autoReloadInterval:6e4}},computed:{jobRepository(){return this.repositoryFactory.create("nosto_scheduler_job")},messageRepository(){return this.repositoryFactory.create("nosto_scheduler_job_message")},columns(){return[{property:"name",label:this.$tc("job-listing.page.listing.grid.column.name"),allowResize:!0,width:"250px"},{property:"status",label:this.$tc("job-listing.page.listing.grid.column.status"),allowResize:!0,width:"150px"},{property:"startedAt",label:this.$tc("job-listing.page.listing.grid.column.started-at"),allowResize:!0,width:"170px",sortable:!0},{property:"finishedAt",label:this.$tc("job-listing.page.listing.grid.column.finished-at"),allowResize:!0,width:"170px"},{property:"createdAt",label:this.$tc("job-listing.page.listing.grid.column.created-at"),allowResize:!0,width:"170px"},{property:"subJobs",label:this.$tc("job-listing.page.listing.grid.column.child-jobs"),allowResize:!0,width:"250px",visible:!0,sortable:!1},{property:"messages",label:this.$tc("job-listing.page.listing.grid.column.messages"),allowResize:!0,width:"250px",visible:!0,sortable:!1}]},jobDisplayMode(){return[{name:this.$tc("job-listing.page.listing.index.list"),value:"list"},{name:this.$tc("job-listing.page.listing.index.grouped"),value:"grouped"},{name:this.$tc("job-listing.page.listing.index.chart"),value:"chart"}]}},watch:{autoLoadIsActive(){this._handleAutoReload(this.autoLoadIsActive)},jobDisplayType(){this.stopAutoLoading(),this.$emit("job-display-type-changed",this.jobDisplayType)},filterCriteria(){this.filterCriteriaChanged(this.filterCriteria)}},created(){this.createdComponent()},beforeDestroy(){clearInterval(this.reloadInterval)},methods:{createdComponent(){this.jobDisplayType="list",this.getList()},filterCriteriaChanged(e){this.getList(e)},_handleAutoReload(e){e&&this.autoReloadInterval>0?"list"===this.jobDisplayType?this.reloadInterval=setInterval(()=>{this.updateList()},this.autoReloadInterval):"grouped"===this.jobDisplayType?this.reloadInterval=setInterval(()=>{this.$refs.jobGroups.initGroupedView()},this.autoReloadInterval):"chart"===this.jobDisplayType&&(this.reloadInterval=setInterval(()=>{this.$refs.jobCharts.initChartData()},this.autoReloadInterval)):clearInterval(this.reloadInterval)},pageChange(){this.autoLoadIsActive=!1,clearInterval(this.reloadInterval)},getLinkParams(e){return{id:e.id,backPath:this.$route.name}},updateList(e){let t=new a;return t.addFilter(a.equals("parentId",null)),t.addSorting(a.sort("createdAt","DESC",!1)),t.addAssociation("messages"),t.addAssociation("subJobs"),e&&e.forEach(e=>{t.addFilter(e)}),this.jobTypes!==[]&&t.addFilter(a.equalsAny("type",this.jobTypes)),this.jobRepository.search(t,Shopware.Context.api).then(e=>{this.jobItems=s.sortMessages(e)})},getMessagesCount(e,t){return e.messages.filter(e=>e.type===`${t}-message`).length},getChildrenCount(e,t){return e.subJobs.filter(e=>e.status===t).length},getList(e){this.isLoading=!0,this.updateList(e).then(()=>{this.isLoading=!1})},onRefresh(e){return"grouped"===this.jobDisplayType?this.$refs.jobGroups.onRefresh():"chart"===this.jobDisplayType?this.$refs.jobCharts.onRefresh():this.getList(e)},canDelete(e){return -1!==["error","succeed"].indexOf(e.status)},onDeleteJob(e){this.jobRepository.delete(e,Shopware.Context.api).then(()=>{this.updateList()})},rescheduleJob(e){this.NostoRescheduleService.rescheduleJob(e).then(()=>{this.createNotificationSuccess({message:"Job has been rescheduled successfully."}),this.updateList()}).catch(()=>{this.createNotificationError({message:"Unable reschedule job."})})},showSubJobs(e){this.currentJobID=e,this.showJobSubsModal=!0},showJobMessages(e){this.currentJobMessages=e.messages,this.showMessagesModal=!0},stopAutoLoading(){this.autoLoadIsActive=!1,clearInterval(this.reloadInterval)},formatDate(e){return e?new Date(e).toLocaleString():""}}});var i=JSON.parse('{"job-listing":{"general":{"title":"Job Listing Pages","description":"job-listing"},"menu":{"title":"Job Listing"},"page":{"listing":{"title":"Job Listing","description":"List of Jobs","index":{"display-mode":"Display Mode","list":"List","grouped":"Grouped","chart":"Chart","group-by":"Group by","status":"Status","job-type":"Job Type","date-from":"Date from","date-to":"Date to","auto-load":"Auto load","child-jobs":"Child Jobs","messages":"Messages","show-sub-jobs":"Show sub jobs","show-job-messages":"Show Job Messages","close":"Close","loading":"Loading..."},"grouped-view":{"job-info":"Job info","job-messages":"Job Messages","sub-jobs":"Sub jobs"},"grid":{"job-status":{"succeed":"Success","error":"Failed","pending":"Pending","running":"Running"},"column":{"type":"Type","status":"Status","name":"Name","started-at":"Started at","finished-at":"Finished at","created-at":"Created at","child-jobs":"Child Jobs","messages":"Messages","show-sub-jobs":"Show sub jobs","show-job-messages":"Show Job Messages","close":"Close"},"message-modal":{"label":"Job Messages"}}},"detail":{"textHeadline":"Job","jobChildrenTitle":"Job Children"}},"actions":{"reschedule-job":{"button":{"label":"Reschedule Job"}},"delete-job":{"button":{"label":"Delete Job"}},"view-job":{"button":{"label":"View Job"}},"show-messages":{"button":{"label":"Show Messages"}}}}}'),l=JSON.parse('{"job-listing":{"general":{"title":"\xdcbersicht der Jobs","description":"Job \xdcbersicht"},"menu":{"title":"Job \xdcbersicht"},"page":{"listing":{"title":"Job \xdcbersicht","description":"Liste der Jobs","index":{"display-mode":"Anzeigemodus","list":"\xdcbersicht","grouped":"Gruppiert","chart":"Diagramm","group-by":"Gruppiere nach","status":"Status","job-type":"Job Typ","date-from":"Datum von","date-to":"Datum bis","auto-load":"Automatisches Laden","child-jobs":"Kinder-Jobs","messages":"Meldungen","show-sub-jobs":"Sub-Jobs anzeigen","show-job-messages":"Meldungen zu Jobs anzeigen","close":"Schlie\xdfen","loading":"Wird geladen..."},"grouped-view":{"job-info":"Job-Die Info","job-messages":"Job-Meldungen","sub-jobs":"Sub-Jobs"},"grid":{"job-status":{"succeed":"erfolgreich","error":"fehlgeschlagen","pending":"ausstehend","running":"in Bearbeitung"},"column":{"type":"Typ","status":"Status","name":"Name","started-at":"Gestartet um","finished-at":"Fertig um","created-at":"Beendet um","child-jobs":"Kinder-Jobs","messages":"Meldungen","show-sub-jobs":"Unterjobs anzeigen","show-job-messages":"Meldungen zu Jobs anzeigen","close":"Schlie\xdfen"},"message-modal":{"label":"Job-Meldungen"}}},"detail":{"textHeadline":"Job","jobChildrenTitle":"Kinder-Jobs"}},"actions":{"reschedule-job":{"button":{"label":"Umplanen Job"}},"delete-job":{"button":{"label":"Job l\xf6schen"}},"view-job":{"button":{"label":"Job anzeigen"}},"show-messages":{"button":{"label":"Meldungen anzeigen"}}}}}');let{Module:r}=Shopware;r.register("nosto-job-listing",{type:"plugin",title:"job-listing.general.title",description:"job-listing.general.description",color:"#F88962",icon:"default-avatar-multiple",snippets:{"en-GB":i,"de-DE":l},routes:{detail:{path:"detail/:id/back/:backPath",props:{default:e=>({jobId:e.params.id})}}}});let d=Shopware.Classes.ApiService;var c=class extends d{constructor(e,t,n="nosto-job"){super(e,t,n)}rescheduleJob(e){let t=this.getBasicHeaders();return this.httpClient.post(`_action/${this.getApiBasePath()}/reschedule`,{params:{jobId:e},headers:t}).then(e=>d.handleResponse(e))}};let{Application:b}=Shopware,u=b.getContainer("init");b.addServiceProvider("NostoRescheduleService",e=>new c(u.httpClient,e.loginService));let{Component:m}=Shopware,{Criteria:g}=Shopware.Data;m.register("nosto-job-info",{template:'{% block nosto_job_info_base %}\n    <sw-card-section v-if="jobItem">\n        {% block job_info_overview_columns %}\n            <sw-container\n                    columns="repeat(auto-fit, minmax(250px, 1fr))"\n                    gap="30px 30px">\n                {% block job_info_overview_left_column %}\n                    <sw-description-list\n                            columns="1fr"\n                            grid="1fr">\n                        {% block job_info_overview_name %}\n                            <dt>{{ $tc(\'job-listing.page.listing.grid.column.name\') }}</dt>\n                            <dd>\n                                <sw-order-inline-field\n                                    v-if="jobItem.name"\n                                    :display-value="jobItem.name"\n                                    :value="jobItem.name"\n                                    :editable="false"\n                                />\n                            </dd>\n                        {% endblock %}\n                        {% block job_info_overview_status %}\n                            <dt>{{ $tc(\'job-listing.page.listing.grid.column.status\') }}</dt>\n                            <dd>\n                                <template>\n                                    <nosto-job-status-badge :status="jobItem.status">\n                                    </nosto-job-status-badge>\n                                    {{ $tc(\'job-listing.page.listing.grid.job-status.\' + jobItem.status) }}\n                                </template>\n                            </dd>\n                        {% endblock %}\n                        {% block job_info_overview_startedAt %}\n                            <dt>{{ $tc(\'job-listing.page.listing.grid.column.started-at\') }}</dt>\n                            <dd>\n                                <sw-order-inline-field\n                                    v-if="jobItem.startedAt"\n                                    :display-value="formatDate(jobItem.startedAt)"\n                                    :value="formatDate(jobItem.startedAt)"\n                                    :editable="false"\n                                />\n                            </dd>\n                        {% endblock %}\n                    </sw-description-list>\n                {% endblock %}\n                {% block nosto_job_info_overview_right_column %}\n                    <sw-description-list\n                            columns="1fr"\n                            grid="1fr" class="nosto-job-user-card__summary-vertical">\n                        {% block job_detail_base_overview_type %}\n                            <dt>{{ $tc(\'job-listing.page.listing.grid.column.type\') }}</dt>\n                            <dd>\n                                <sw-order-inline-field\n                                    v-if="jobItem.type"\n                                    :display-value="jobItem.type"\n                                    :value="jobItem.type"\n                                    :editable="false"\n                                />\n                            </dd>\n                        {% endblock %}\n                        {% block job_info_overview_createdAt %}\n                            <dt>{{ $tc(\'job-listing.page.listing.grid.column.created-at\') }}</dt>\n                            <dd>\n                                <sw-order-inline-field\n                                    v-if="jobItem.createdAt"\n                                    :display-value="formatDate(jobItem.createdAt)"\n                                    :value="formatDate(jobItem.startedAt)"\n                                    :editable="false"\n                                />\n                            </dd>\n                        {% endblock %}\n                        {% block job_info_overview_finishedAt %}\n                            <dt>{{ $tc(\'job-listing.page.listing.grid.column.finished-at\') }}</dt>\n                            <dd>\n                                <sw-order-inline-field\n                                    v-if="jobItem.finishedAt"\n                                    :display-value="formatDate(jobItem.finishedAt)"\n                                    :value="formatDate(jobItem.finishedAt)"\n                                    :editable="false"\n                                />\n                            </dd>\n                        {% endblock %}\n                    </sw-description-list>\n                {% endblock %}\n            </sw-container>\n        {% endblock %}\n    </sw-card-section>\n{% endblock %}\n',inject:["NostoRescheduleService","repositoryFactory"],mixins:["notification"],props:{jobId:{type:String,required:!1,default:null}},data(){return{jobItem:null}},computed:{jobRepository(){return this.repositoryFactory.create("nosto_scheduler_job")}},created(){this.initPageData()},methods:{initPageData(){this.jobRepository.get(this.jobId,Shopware.Context.api,new g).then(e=>{this.jobItem=e})},formatDate(e){return e?new Date(e).toLocaleString():""}}}),n(951);let{Component:p}=Shopware,{Criteria:h}=Shopware.Data;p.register("nosto-job-sub-jobs",{template:'{% block nosto_job_sub_jobs_base %}\n    <div class="sub-jobs-container">\n        <div class="sub-job-container" v-if="subJobs">\n            {% block job_children_listing %}\n                <nosto-entity-listing\n                        v-if="subJobs"\n                        :items="subJobs"\n                        :data-source="subJobs"\n                        :repository="jobRepository"\n                        :showSelection="false"\n                        :allowColumnEdit="false"\n                        :compactMode="false"\n                        :allowDelete="false"\n                        :allowEdit="false"\n                        :columns="jobChildrenColumns">\n                    <template #column-name="{ item }">\n                        {% block job_list_grid_job_name_link %}\n                            {{ item.name }}\n                        {% endblock %}\n                    </template>\n                    <template #column-status="{ item }">\n                        {% block job_list_grid_job_status_link %}\n                            <template>\n                                <nosto-job-status-badge :status="item.status"></nosto-job-status-badge>\n                                {{ $tc(\'job-listing.page.listing.grid.job-status.\' + item.status) }}\n                            </template>\n                        {% endblock %}\n                    </template>\n\n                    <template #column-startedAt="{ item }">\n                        {% block job_list_grid_job_started_at %}\n                            {{ formatDate(item.startedAt) }}\n                        {% endblock %}\n                    </template>\n                    <template #column-finishedAt="{ item }">\n                        {% block job_list_grid_job_finished_at %}\n                            {{ formatDate(item.finishedAt) }}\n                        {% endblock %}\n                    </template>\n                    <template #column-createdAt="{ item }">\n                        {% block job_list_grid_job_created_at %}\n                            {{ formatDate(item.createdAt) }}\n                        {% endblock %}\n                    </template>\n                    <template #column-messages="{ item }">\n                        {% block sub_job_show_messages_button %}\n                            <div :class="item.messages.length > 0 ? \'has-messages\' : \'\'" class="message-counters-container jobs-info-counter">\n                                <div class="count-container" v-if="item.messages">\n                            <span class="info-counter">\n                                <span class="count" v-html="getMessagesCount(item, \'info\')"></span>\n                            </span>\n                                    <sw-icon :small="true" name="regular-info-circle" color="#3498db"></sw-icon>\n                                </div>\n\n                                <div class="count-container" v-if="item.messages">\n                            <span class="warning-counter">\n                                <span class="count" v-html="getMessagesCount(item, \'warning\')"></span>\n                            </span>\n                                    <sw-icon :small="true" name="regular-exclamation-triangle" color="#f39c12"></sw-icon>\n                                </div>\n\n                                <div class="count-container" v-if="item.messages">\n                            <span class="error-counter">\n                                <span class="count" v-html="getMessagesCount(item, \'error\')"></span>\n                            </span>\n                                    <sw-icon :small="true" name="regular-times-hexagon" color="#c0392b"></sw-icon>\n                                </div>\n                            </div>\n                            <sw-button v-if="item.messages.length > 0"\n                                       class="job-messages-show-modal"\n                                       size="small"\n                                       variant="primary"\n                                       :disabled="item.messages.length <= 0"\n                                       @click="showMessageModal(item.messages)">\n                                <sw-icon name="regular-envelope" color="#fff" :small="true" :decorative="true"></sw-icon>\n                                {{ $tc(\'job-listing.actions.show-messages.button.label\') }}\n                            </sw-button>\n                        {% endblock %}\n                    </template>\n                    <template #actions="{ item }">\n                        <sw-context-menu-item :disabled="item.status !== \'error\'"\n                                              @click="rescheduleJob(item.id)">\n                            {{ $tc(\'job-listing.actions.reschedule-job.button.label\') }}\n                        </sw-context-menu-item>\n                        <sw-context-menu-item v-if="item.messages"\n                                              :disabled="item.messages.length <= 0"\n                                              @click="showMessageModal(item.messages)">\n                            {{ $tc(\'job-listing.actions.show-messages.button.label\') }}\n                        </sw-context-menu-item>\n                    </template>\n                </nosto-entity-listing>\n            {% endblock %}\n        </div>\n        <div v-else>\n            {{ $tc(\'job-listing.page.listing.index.loading\') }}\n        </div>\n        <sw-modal class="nosto-job-messages-modal" v-if="showMessagesModal" :title="$tc(\'job-listing.page.listing.grid.column.messages\')"\n                  @modal-close="showMessagesModal = false">\n            {% block job_messages_listing %}\n                <div v-if="currentJobMessages" class="job_list_grid_job_messages-information" style="width:100%;">\n                    <div class="messages-content" v-for="item in currentJobMessages">\n                        <sw-alert class="nosto-alert"\n                                v-if="item.type == \'info-message\'"\n                                variant="info"\n                                appearance="default"\n                                :showIcon="true"\n                                :closable="false">\n                            {{ item.message }}\n                        </sw-alert>\n                        <sw-alert class="nosto-alert"\n                                v-if="item.type == \'error-message\'"\n                                variant="error"\n                                appearance="default"\n                                :showIcon="true"\n                                :closable="false">\n                            {{ item.message }}\n                        </sw-alert>\n                        <sw-alert class="nosto-alert"\n                                v-if="item.type == \'warning-message\'"\n                                variant="warning"\n                                appearance="default"\n                                :showIcon="true"\n                                :closable="false">\n                            {{ item.message }}\n                        </sw-alert>\n                    </div>\n                </div>\n            {% endblock %}\n            <template #modal-footer>\n                <sw-button variant="primary"\n                           @click="showMessagesModal = false">\n                    {{ $tc(\'job-listing.page.listing.index.close\') }}\n                </sw-button>\n            </template>\n        </sw-modal>\n    </div>\n{% endblock %}\n',inject:["NostoRescheduleService","repositoryFactory"],mixins:["notification"],props:{jobId:{type:String,required:!1,default:null}},data(){return{subJobs:null,showMessagesModal:!1,currentJobMessages:null}},computed:{jobRepository(){return this.repositoryFactory.create("nosto_scheduler_job")},jobChildrenColumns(){return[{property:"name",dataIndex:"name",label:this.$tc("job-listing.page.listing.grid.column.name"),allowResize:!1,inlineEdit:!0,width:"200px"},{property:"status",dataIndex:"status",label:this.$tc("job-listing.page.listing.grid.column.status"),allowResize:!1,inlineEdit:!0,width:"100px"},{property:"startedAt",dataIndex:"startedAt",label:this.$tc("job-listing.page.listing.grid.column.started-at"),allowResize:!1,inlineEdit:!0,width:"150px",sortable:!0},{property:"finishedAt",dataIndex:"finishedAt",label:this.$tc("job-listing.page.listing.grid.column.finished-at"),allowResize:!0,inlineEdit:!0,width:"150px"},{property:"createdAt",dataIndex:"createdAt",label:this.$tc("job-listing.page.listing.grid.column.created-at"),allowResize:!0,inlineEdit:!0,width:"150px"},{property:"messages",dataIndex:"messages",label:"Messages",allowResize:!0,inlineEdit:!1,width:"250px",sortable:!1}]}},created(){this.initModalData()},methods:{initModalData(){let e=new h;e.addFilter(h.equals("parentId",this.jobId)),e.addSorting(h.sort("createdAt","DESC",!1)),e.addAssociation("messages"),this.jobRepository.search(e,Shopware.Context.api).then(e=>{this.subJobs=s.sortMessages(e)})},rescheduleJob(e){this.NostoRescheduleService.rescheduleJob(e).then(()=>{this.createNotificationSuccess({message:"Job has been rescheduled successfully."}),this.initPageData()}).catch(()=>{this.createNotificationError({message:"Unable reschedule job."})})},showMessageModal(e){this.currentJobMessages=e,this.showMessagesModal=!0},getMessagesCount(e,t){return e.messages.filter(e=>e.type===`${t}-message`).length},formatDate(e){return e?new Date(e).toLocaleString():""}}}),n(461);let{Component:_}=Shopware,{Criteria:w}=Shopware.Data;_.register("nosto-scheduler-charts",{template:'{% block nosto_job_charts_base %}\n<div class="nosto-scheduler-charts">\n    <div class="sw-dashboard-statistics__card-headline-select">\n        <sw-select-field\n                v-model:value="statisticDateRanges.value"\n                class="charts-date-range"\n                size="small">\n            <option\n                    v-for="(value, option) in statisticDateRanges.options"\n                    :key="option"\n                    :value="option">\n                {{ $tc(`sw-dashboard.monthStats.dateRanges.${option}`) }}\n            </option>\n        </sw-select-field>\n    </div>\n    <sw-chart\n            type="area"\n            :series="chartSeries"\n            :options="chartOptionsCount"\n            :fill-empty-values="getTimeUnitInterval"\n            :fillEmptyDates="false"\n            :sort="true"\n    />\n</div>\n{% endblock %}\n',inject:["repositoryFactory"],mixins:["notification"],props:{jobTypes:{type:Array,required:!1,default:()=>[]},sortType:{type:String,required:!0,default:()=>"status"}},data(){return{items:null,statisticDateRanges:{value:"30Days",options:{"30Days":30,"14Days":14,"7Days":7,"24Hours":24,yesterday:1}},chartSeries:[],colors:{0:"#FF8C00",1:"#0044ee",2:"#9400D3",3:"#FFD700",4:"#008000",5:"#40E0D0",6:"#00BFFF",7:"#209d90",8:"#C71585",9:"#000000",10:"#F4A460"}}},computed:{jobRepository(){return this.repositoryFactory.create("nosto_scheduler_job")},getTimeUnitInterval(){let e=this.statisticDateRanges.value;return"yesterday"===e||"24Hours"===e?"hour":"day"},dateAgo(){let e=new Date,t=this.statisticDateRanges.value,n=this.statisticDateRanges.options[t]??0;return"24Hours"===t?e.setHours(e.getHours()-n):(e.setDate(e.getDate()-n),e.setHours(0,0,0,0)),e},chartOptionsCount(){return{title:{text:"Jobs",style:{fontSize:"16px",fontWeight:"600"}},xaxis:{type:"datetime",min:this.dateAgo.getTime(),labels:{datetimeUTC:!1}},yaxis:{min:0,tickAmount:3,labels:{formatter:e=>parseInt(e,10)}}}}},watch:{sortType(){this.initChartData()}},created(){this.initChartData()},beforeDestroy(){clearInterval(this.reloadInterval)},methods:{initChartData(){let e=new w;return e.addFilter(w.equals("parentId",null)),e.setLimit(500),this.jobTypes!==[]&&e.addFilter(w.equalsAny("type",this.jobTypes)),this.jobRepository.search(e,Shopware.Context.api).then(e=>{this.items=e,"status"===this.sortType?this.createStatusChartSeries(e):"type"===this.sortType&&this.createTypeChartSeries(e)})},createTypeChartSeries(e){this.chartSeries=e.reduce((e,t,n)=>{let s=this.parseDate(t.createdAt),o=e.find(e=>e.name===t.name),a={x:s,y:1};if(o){let e=o.data.findIndex(e=>e.x===s);-1===e?o.data.push(a):o.data[e].y+=1}else e.push({name:t.name,data:[a],color:this.colors[n]?this.colors[n]:this.getRandomColor(n)});return e},[])},createStatusChartSeries(e){this.chartSeries=[{name:this.$tc("job-listing.page.listing.grid.job-status.succeed"),data:this.getDataByItemStatus(e,"succeed"),color:"#37d046"},{name:this.$tc("job-listing.page.listing.grid.job-status.error"),data:this.getDataByItemStatus(e,"error"),color:"#de294c"},{name:this.$tc("job-listing.page.listing.grid.job-status.pending"),data:this.getDataByItemStatus(e,"pending"),color:"#d1d9e0"}]},getDataByItemStatus(e,t){return e.filter(e=>e.status===t).reduce((e,t)=>{let n=this.parseDate(t.createdAt),s=e.findIndex(e=>e.x===n);return -1!==s?e[s].y+=1:e.push({x:n,y:1}),e},[])},getRandomColor(){let e=(1048575e6*Math.random()).toString(16);return`#${e.slice(0,6)}`},statusCharts(){return[{name:this.$tc("job-listing.page.listing.grid.job-status.succeed"),data:[],color:"#37d046"},{name:this.$tc("job-listing.page.listing.grid.job-status.error"),data:[],color:"#de294c"},{name:this.$tc("job-listing.page.listing.grid.job-status.pending"),data:[],color:"#d1d9e0"}]},parseDate(e){return new Date((e=e.substring(0,e.lastIndexOf("T")+1)).replace(/-/g,"/").replace("T"," ")).valueOf()},onRefresh(){this.initChartData()}}}),n(158);let{Component:f}=Shopware,{Criteria:v}=Shopware.Data;f.register("nosto-grouped-view",{template:'{% block nosto_grouped_view_base %}\n    <div class="nosto-grouped-view-container" v-if="groupedItems" :isLoading="isLoading">\n        <div class="nosto-grouped-view-wrapper"\n             v-for="group in groupedItems">\n            <sw-collapse :class="`is-${group.type}`">\n                <template #header>{{ group.title }} <span class="amount">({{ group.items.total }})</span></template>\n                <template #content>\n                    <nosto-entity-listing\n                            :items="group.items"\n                            :repository="jobRepository"\n                            :is-loading="isLoading"\n                            :showSelection="true"\n                            :allowColumnEdit="false"\n                            :allowDelete="true"\n                            :allowEdit="false"\n                            :page="1"\n                            :jobTypes="jobTypes"\n                            :columns="columns">\n                        <template #column-status="{ item }">\n                            {% block nosto_job_list_grid_job_status_link %}\n                                <template>\n                                    <nosto-job-status-badge :status="item.status"></nosto-job-status-badge>\n                                    {{ $tc(\'job-listing.page.listing.grid.job-status.\' + item.status) }}\n                                </template>\n                            {% endblock %}\n                        </template>\n                        <template #column-name="{ item }">\n                            {% block nosto_job_list_grid_job_name_link %}\n                                {{ item.name }}\n                            {% endblock %}\n                        </template>\n                        <template #column-startedAt="{ item }">\n                            {% block nosto_job_list_grid_job_started_date %}\n                                {{ formatDate(item.startedAt) }}\n                            {% endblock %}\n                        </template>\n                        <template #column-finishedAt="{ item }">\n                            {% block nosto_job_list_grid_job_finished_date %}\n                                {{ formatDate(item.finishedAt) }}\n                            {% endblock %}\n                        </template>\n                        <template #column-createdAt="{ item }">\n                            {% block nosto_job_list_grid_job_created_date %}\n                                {{ formatDate(item.createdAt) }}\n                            {% endblock %}\n                        </template>\n                        <template class="sub-jobs-column" #column-subJobs="{ item }">\n                            {% block nosto_job_list_grid_job_sub_jobs %}\n                                <div :class="item.subJobs.length > 0 ? \'has-subjobs\' : \'\'"\n                                     class="sub-jobs-counters-container jobs-info-counter"\n                                >\n                                    <div class="count-container" v-if="item.subJobs">\n                                        <span class="info-container">\n                                            <span class="count" v-html="getChildrenCount(item, \'succeed\')"></span>\n                                        </span>\n                                        <nosto-job-status-badge status="succeed"></nosto-job-status-badge>\n                                    </div>\n\n                                    <div class="count-container" v-if="item.subJobs">\n                                        <span class="warning-container">\n                                            <span class="count" v-html="getChildrenCount(item, \'pending\')"></span>\n                                        </span>\n                                        <nosto-job-status-badge status="pending"></nosto-job-status-badge>\n                                    </div>\n\n                                    <div class="count-container" v-if="item.subJobs">\n                                        <span class="error-counter">\n                                            <span class="count" v-html="getChildrenCount(item, \'error\')"></span>\n                                        </span>\n                                        <nosto-job-status-badge status="error"></nosto-job-status-badge>\n                                    </div>\n                                </div>\n                            {% endblock %}\n                            <sw-button v-if="item.subJobs.length > 0" class="sub-job-show-modal" size="small" variant="primary"\n                                       :disabled="item.subJobs.length <= 0" @click="showSubJobs(item.id)">\n                                <sw-icon name="regular-cog" color="#fff" :small="true" :decorative="true"></sw-icon>\n                                {{ $tc(\'job-listing.page.listing.grid.column.show-sub-jobs\') }}\n                            </sw-button>\n                        </template>\n                        <template #column-messages="{ item }">\n                            {% block nosto_job_list_grid_job_messages %}\n                                <div :class="item.messages.length > 0 ? \'has-messages\' : \'\'"\n                                     class="message-counters-container jobs-info-counter">\n                                    <div class="count-container" v-if="item.messages">\n                                        <span class="info-counter">\n                                            <span class="count" v-html="getMessagesCount(item, \'info\')"></span>\n                                        </span>\n                                        <sw-icon :small="true" name="regular-info-circle" color="#3498db"></sw-icon>\n                                    </div>\n\n                                    <div class="count-container" v-if="item.messages">\n                                        <span class="warning-counter">\n                                            <span class="count" v-html="getMessagesCount(item, \'warning\')"></span>\n                                        </span>\n                                        <sw-icon :small="true" name="regular-exclamation-triangle" color="#f39c12"></sw-icon>\n                                    </div>\n\n                                    <div class="count-container" v-if="item.messages">\n                                        <span class="error-counter">\n                                            <span class="count" v-html="getMessagesCount(item, \'error\')"></span>\n                                        </span>\n                                        <sw-icon :small="true" name="regular-times-hexagon" color="#c0392b"></sw-icon>\n                                    </div>\n                                </div>\n                                <sw-button v-if="item.messages.length > 0" class="job-messages-show-modal" size="small"\n                                           variant="primary" :disabled="item.messages.length <= 0"\n                                           @click="showJobMessages(item)">\n                                    <sw-icon name="regular-envelope" color="#fff" :small="true"\n                                             :decorative="true"></sw-icon>\n                                    Show job messages\n                                </sw-button>\n                            {% endblock %}\n                        </template>\n                        <template #actions="{ item }">\n                            <sw-context-menu-item :disabled="item.status !== \'error\'"\n                                                  @click="rescheduleJob(item.id)">\n                                {{ $tc(\'job-listing.actions.reschedule-job.button.label\') }}\n                            </sw-context-menu-item>\n                            <sw-context-menu-item class="sw-context-menu-item--danger"\n                                                  :disabled="!canDelete(item)"\n                                                  @click="onDeleteJob(item.id)">\n                                {{ $tc(\'job-listing.actions.delete-job.button.label\') }}\n                            </sw-context-menu-item>\n                        </template>\n                    </nosto-entity-listing>\n                </template>\n            </sw-collapse>\n        </div>\n        {% block nosto_entity_listing_job_info_modal %}\n            <sw-modal class="nosto-job-info-modal" v-if="showJobInfoModal" :title="$tc(\'job-listing.page.listing.grouped-view.job-info\')"\n                      @modal-close="showJobInfoModal = false">\n                <nosto-job-info v-if="currentJobID" :jobId="currentJobID">\n\n                </nosto-job-info>\n                <template #modal-footer>\n                    <sw-button variant="primary"\n                               @click="showJobInfoModal = false">\n                        {{ $tc(\'job-listing.page.listing.index.close\') }}\n                    </sw-button>\n                </template>\n            </sw-modal>\n        {% endblock %}\n\n        {% block nosto_entity_listing_job_subs_modal %}\n            <sw-modal class="nosto-job-sub-jobs-modal" v-if="showJobSubsModal" :title="$tc(\'job-listing.page.listing.grouped-view.sub-jobs\')"\n                      @modal-close="showJobSubsModal = false">\n                <nosto-job-sub-jobs v-if="currentJobID" :jobId="currentJobID">\n\n                </nosto-job-sub-jobs>\n                <template #modal-footer>\n                    <sw-button variant="primary"\n                               @click="showJobSubsModal = false">\n                        {{ $tc(\'job-listing.page.listing.index.close\') }}\n                    </sw-button>\n                </template>\n            </sw-modal>\n        {% endblock %}\n\n        {% block nosto_entity_listing_job_messages_modal %}\n            <sw-modal class="nosto-job-messages-modal" v-if="showMessagesModal" :title="$tc(\'job-listing.page.listing.grouped-view.job-messages\')"\n                      @modal-close="showMessagesModal = false">\n                {% block job_messages_listing %}\n                    <div v-if="currentJobMessages" class="job_list_grid_job_messages-information" style="width:100%;">\n                        <div class="messages-content" v-for="item in currentJobMessages">\n                            <sw-alert class="nosto-alert"\n                                      v-if="item.type == \'info-message\'"\n                                      variant="info"\n                                      appearance="default"\n                                      :showIcon="true"\n                                      :closable="false">\n                                {{ item.message }}\n                            </sw-alert>\n                            <sw-alert class="nosto-alert"\n                                      v-if="item.type == \'error-message\'"\n                                      variant="error"\n                                      appearance="default"\n                                      :showIcon="true"\n                                      :closable="false">\n                                {{ item.message }}\n                            </sw-alert>\n                            <sw-alert class="nosto-alert"\n                                      v-if="item.type == \'warning-message\'"\n                                      variant="warning"\n                                      appearance="default"\n                                      :showIcon="true"\n                                      :closable="false">\n                                {{ item.message }}\n                            </sw-alert>\n                        </div>\n                    </div>\n                {% endblock %}\n                <template #modal-footer>\n                    <sw-button variant="primary"\n                               @click="showMessagesModal = false">\n                        {{ $tc(\'job-listing.page.listing.index.close\') }}\n                    </sw-button>\n                </template>\n            </sw-modal>\n        {% endblock %}\n    </div>\n{% endblock %}\n',inject:["repositoryFactory"],mixins:["notification"],props:{jobTypes:{type:Array,required:!1,default:()=>[]},groupCreationDate:{type:Object,required:!1,default:()=>{}},sortType:{type:String,required:!0,default:()=>"status"}},data(){return{groupedItems:[],isLoading:!1,showJobInfoModal:!1,showJobSubsModal:!1,currentJobID:null,showMessagesModal:!1,currentJobMessages:null}},computed:{jobRepository(){return this.repositoryFactory.create("nosto_scheduler_job")},messageRepository(){return this.repositoryFactory.create("nosto_scheduler_job_message")},jobMessagesColumns(){return[{property:"message",dataIndex:"message",label:this.$tc("job-listing.page.listing.grid.column.message"),allowResize:!1,align:"left",width:"90px"}]},columns(){return[{property:"name",label:this.$tc("job-listing.page.listing.grid.column.name"),allowResize:!0,width:"500px"},{property:"status",label:this.$tc("job-listing.page.listing.grid.column.status"),allowResize:!0,width:"150px"},{property:"startedAt",label:this.$tc("job-listing.page.listing.grid.column.started-at"),allowResize:!0,width:"170px"},{property:"finishedAt",label:this.$tc("job-listing.page.listing.grid.column.finished-at"),allowResize:!0,width:"170px"},{property:"createdAt",label:this.$tc("job-listing.page.listing.grid.column.created-at"),allowResize:!0,width:"170px"},{property:"subJobs",label:this.$tc("job-listing.page.listing.grid.column.child-jobs"),allowResize:!0,width:"250px",visible:!0,sortable:!1},{property:"messages",label:this.$tc("job-listing.page.listing.grid.column.messages"),allowResize:!0,width:"350px",visible:!0,sortable:!1}]}},watch:{sortType(){this.groupedItems=[],this.initGroupedView()},groupCreationDate:{handler(){this.groupedItems=[],this.initGroupedView()},deep:!0}},created(){this.initGroupedView()},beforeDestroy(){clearInterval(this.reloadInterval)},methods:{initGroupedView(){this.isLoading=!0;let e=new v;return e.addFilter(v.equals("parentId",null)),e.addSorting(v.sort("createdAt","DESC",!1)),e.addAssociation("messages"),e.addAssociation("subJobs"),e.limit=null,this.jobTypes!==[]&&e.addFilter(v.equalsAny("type",this.jobTypes)),this.groupCreationDate.fromDate&&e.addFilter(v.range("createdAt",{gte:this.groupCreationDate.fromDate})),this.groupCreationDate.toDate&&e.addFilter(v.range("createdAt",{lte:this.groupCreationDate.toDate})),this.jobRepository.search(e,Shopware.Context.api).then(e=>{this.sortJobs(e)})},sortJobs(e){this.groupedItemsTypes=[],this.groupedItems=[],e.forEach(e=>{-1===this.groupedItemsTypes.findIndex(t=>t.title===e[this.sortType])&&this.groupedItemsTypes.push({title:e[this.sortType]})}),this.getJobsByType(this.groupedItemsTypes)},getJobsByType(e){return e.forEach(e=>{let t=new v;t.addFilter(v.equals("parentId",null)),t.addSorting(v.sort("createdAt","DESC",!1)),t.addAssociation("messages"),t.addAssociation("subJobs"),this.groupCreationDate.fromDate&&t.addFilter(v.range("createdAt",{gte:this.groupCreationDate.fromDate})),this.groupCreationDate.toDate&&t.addFilter(v.range("createdAt",{lte:this.groupCreationDate.toDate})),this.jobTypes!==[]&&t.addFilter(v.equalsAny("type",this.jobTypes)),"status"===this.sortType&&t.addFilter(v.equals("status",e.title)),"type"===this.sortType&&t.addFilter(v.equals("type",e.title)),this.jobRepository.search(t,Shopware.Context.api).then(t=>{let n="status"===this.sortType?e.title.toUpperCase():t[0].name,o="status"===this.sortType?this.$tc(`job-listing.page.listing.grid.job-status.${e.title}`):t[0].name;this.groupedItems.push({title:o,type:n,items:s.sortMessages(t)})})}),this.isLoading=!1,this.groupedItems},getMessagesCount(e,t){return e.messages.filter(e=>e.type===`${t}-message`).length},getChildrenCount(e,t){return e.subJobs.filter(e=>e.status===t).length},onRefresh(){this.initGroupedView()},canDelete(e){return -1!==["error","succeed"].indexOf(e.status)},onDeleteJob(e){this.jobRepository.delete(e,Shopware.Context.api).then(()=>{this.updateList()})},rescheduleJob(e){this.NostoRescheduleService.rescheduleJob(e).then(()=>{this.createNotificationSuccess({message:"Job has been rescheduled successfully."}),this.updateList()}).catch(()=>{this.createNotificationError({message:"Unable reschedule job."})})},showJobInfo(e){this.currentJobID=e,this.showJobInfoModal=!0},showSubJobs(e){this.currentJobID=e,this.showJobSubsModal=!0},showJobMessages(e){this.currentJobMessages=e.messages,this.showMessagesModal=!0},formatDate(e){return e?new Date(e).toLocaleString():""}}})}()})();
\ No newline at end of file
+(function(){var e={30:function(){},328:function(){},250:function(){},758:function(){},729:function(){},79:function(){let{Mixin:e,Utils:t}=Shopware;e.register("nosto-scheduler-utils",{methods:{formatDate(e){return t.format.date(e)}}})},671:function(e,t,n){var s=n(30);s.__esModule&&(s=s.default),"string"==typeof s&&(s=[[e.id,s,""]]),s.locals&&(e.exports=s.locals),n(346).Z("585a76b3",s,!0,{})},158:function(e,t,n){var s=n(328);s.__esModule&&(s=s.default),"string"==typeof s&&(s=[[e.id,s,""]]),s.locals&&(e.exports=s.locals),n(346).Z("3a2beb4e",s,!0,{})},951:function(e,t,n){var s=n(250);s.__esModule&&(s=s.default),"string"==typeof s&&(s=[[e.id,s,""]]),s.locals&&(e.exports=s.locals),n(346).Z("19dce50c",s,!0,{})},461:function(e,t,n){var s=n(758);s.__esModule&&(s=s.default),"string"==typeof s&&(s=[[e.id,s,""]]),s.locals&&(e.exports=s.locals),n(346).Z("5f6e56a6",s,!0,{})},266:function(e,t,n){var s=n(729);s.__esModule&&(s=s.default),"string"==typeof s&&(s=[[e.id,s,""]]),s.locals&&(e.exports=s.locals),n(346).Z("87d3cc56",s,!0,{})},346:function(e,t,n){"use strict";function s(e,t){for(var n=[],s={},o=0;o<t.length;o++){var a=t[o],i=a[0],l={id:e+":"+o,css:a[1],media:a[2],sourceMap:a[3]};s[i]?s[i].parts.push(l):n.push(s[i]={id:i,parts:[l]})}return n}n.d(t,{Z:function(){return g}});var o="undefined"!=typeof document;if("undefined"!=typeof DEBUG&&DEBUG&&!o)throw Error("vue-style-loader cannot be used in a non-browser environment. Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.");var a={},i=o&&(document.head||document.getElementsByTagName("head")[0]),l=null,r=0,d=!1,c=function(){},u=null,b="data-vue-ssr-id",m="undefined"!=typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());function g(e,t,n,o){d=n,u=o||{};var i=s(e,t);return p(i),function(t){for(var n=[],o=0;o<i.length;o++){var l=a[i[o].id];l.refs--,n.push(l)}t?p(i=s(e,t)):i=[];for(var o=0;o<n.length;o++){var l=n[o];if(0===l.refs){for(var r=0;r<l.parts.length;r++)l.parts[r]();delete a[l.id]}}}}function p(e){for(var t=0;t<e.length;t++){var n=e[t],s=a[n.id];if(s){s.refs++;for(var o=0;o<s.parts.length;o++)s.parts[o](n.parts[o]);for(;o<n.parts.length;o++)s.parts.push(_(n.parts[o]));s.parts.length>n.parts.length&&(s.parts.length=n.parts.length)}else{for(var i=[],o=0;o<n.parts.length;o++)i.push(_(n.parts[o]));a[n.id]={id:n.id,refs:1,parts:i}}}}function h(){var e=document.createElement("style");return e.type="text/css",i.appendChild(e),e}function _(e){var t,n,s=document.querySelector("style["+b+'~="'+e.id+'"]');if(s){if(d)return c;s.parentNode.removeChild(s)}if(m){var o=r++;t=f.bind(null,s=l||(l=h()),o,!1),n=f.bind(null,s,o,!0)}else t=v.bind(null,s=h()),n=function(){s.parentNode.removeChild(s)};return t(e),function(s){s?(s.css!==e.css||s.media!==e.media||s.sourceMap!==e.sourceMap)&&t(e=s):n()}}var w=function(){var e=[];return function(t,n){return e[t]=n,e.filter(Boolean).join("\n")}}();function f(e,t,n,s){var o=n?"":s.css;if(e.styleSheet)e.styleSheet.cssText=w(t,o);else{var a=document.createTextNode(o),i=e.childNodes;i[t]&&e.removeChild(i[t]),i.length?e.insertBefore(a,i[t]):e.appendChild(a)}}function v(e,t){var n=t.css,s=t.media,o=t.sourceMap;if(s&&e.setAttribute("media",s),u.ssrId&&e.setAttribute(b,t.id),o&&(n+="\n/*# sourceURL="+o.sources[0]+" */\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(o))))+" */"),e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}}},t={};function n(s){var o=t[s];if(void 0!==o)return o.exports;var a=t[s]={id:s,exports:{}};return e[s](a,a.exports,n),a.exports}n.d=function(e,t){for(var s in t)n.o(t,s)&&!n.o(e,s)&&Object.defineProperty(e,s,{enumerable:!0,get:t[s]})},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="bundles/nostoscheduler/",window?.__sw__?.assetPath&&(n.p=window.__sw__.assetPath+"/bundles/nostoscheduler/"),function(){"use strict";n(79),n(671);let{Component:e}=Shopware;e.extend("nosto-entity-listing","sw-entity-listing",{template:'{% block sw_data_grid_slot_pagination %}\n    <sw-pagination v-bind="{ page, limit, total, steps }"\n            :total-visible="7"\n            @page-change="paginate"\n    />\n{% endblock %}\n\n{% block sw_data_grid_bulk_selected_actions_content %}\n    {% block sw_data_grid_bulk_edit_content %}\n        \n        <a\n                v-if="allowBulkEdit"\n                class="link link-primary"\n                @click="onClickBulkEdit"\n        >\n            {{ $tc(\'global.sw-bulk-edit-modal.bulkEdit\') }}\n        </a>\n    {% endblock %}\n\n    {% block sw_data_grid_bulk_delete_content %}\n        \n        <a\n                v-if="allowDelete"\n                class="link link-danger"\n                @click="showBulkDeleteModal = true"\n        >\n            {{ $tc(\'global.default.delete\') }}\n        </a>\n    {% endblock %}\n{% endblock %}\n\n{% block sw_data_grid_slot_bulk_modals %}\n    {% block sw_data_grid_bulk_edit_modal %}\n        <slot\n                name="bulk-edit-modal"\n                v-bind="{ selection }"\n        >\n            {% block sw_data_grid_slot_bulk_edit_modal %}\n                <sw-bulk-edit-modal\n                        v-if="showBulkEditModal"\n                        :selection="selection"\n                        :bulk-grid-edit-columns="bulkGridEditColumns"\n                        @modal-close="onCloseBulkEditModal"\n                />\n            {% endblock %}\n        </slot>\n    {% endblock %}\n\n    {% block sw_data_grid_bulk_delete_modal %}\n        <sw-modal\n                v-if="showBulkDeleteModal"\n                variant="small"\n                :title="$tc(\'global.default.warning\')"\n                @modal-close="showBulkDeleteModal = false"\n        >\n            <p class="sw-data-grid__confirm-bulk-delete-text">\n                <slot\n                        name="bulk-modal-delete-confirm-text"\n                        v-bind="{ selectionCount }"\n                >\n                    {{ $tc(\'global.entity-components.deleteMessage\', selectionCount, { count: selectionCount }) }}\n                </slot>\n            </p>\n\n            <template #modal-footer>\n                <slot name="bulk-modal-cancel">\n                    <sw-button\n                            size="small"\n                            @click="showBulkDeleteModal = false"\n                    >\n                        {{ $tc(\'global.default.cancel\') }}\n                    </sw-button>\n                </slot>\n\n                <slot\n                        name="bulk-modal-delete-items"\n                        v-bind="{ isBulkLoading, deleteItems }"\n                >\n                    <sw-button\n                            variant="danger"\n                            size="small"\n                            :is-loading="isBulkLoading"\n                            @click="deleteItems"\n                    >\n                        {{ $tc(\'global.default.delete\') }}\n                    </sw-button>\n                </slot>\n            </template>\n        </sw-modal>\n    {% endblock %}\n{% endblock %}\n\n{% block sw_data_grid_slot_actions %}\n    <slot\n            name="detail-action"\n            v-bind="{ item }"\n    >\n        <sw-context-menu-item\n                v-if="detailRoute"\n                v-tooltip="{\n            message: $tc(\'sw-privileges.tooltip.warning\'),\n            disabled: allowEdit || allowView,\n            showOnDisabledElements: true,\n            zIndex: 9050,\n        }"\n                class="sw-entity-listing__context-menu-edit-action"\n                :disabled="!allowEdit && !allowView"\n                :router-link="{ name: detailRoute, params: { id: item.id } }"\n        >\n            {{ detailPageLinkText }}\n        </sw-context-menu-item>\n    </slot>\n\n    <slot\n            name="more-actions"\n            v-bind="{ item }"\n    ></slot>\n\n    <slot\n            name="delete-action"\n            v-bind="{ item, showDelete, allowDelete }"\n    >\n        <sw-context-menu-item\n                v-tooltip.bottom="{\n            message: $tc(\'sw-privileges.tooltip.warning\'),\n            disabled: allowDelete,\n            showOnDisabledElements: true,\n            zIndex: 9050,\n        }"\n                :disabled="!allowDelete"\n                class="sw-entity-listing__context-menu-edit-delete"\n                variant="danger"\n                @click="showDelete(item.id)"\n        >\n            {{ $tc(\'global.default.delete\') }}\n        </sw-context-menu-item>\n\n        <sw-context-menu-item\n                class="sw-entity-listing__context-menu-edit-test"\n                variant="info"\n        >\n            Test\n        </sw-context-menu-item>\n    </slot>\n{% endblock %}\n\n{% block sw_data_grid_slot_action_modals %}\n    <sw-modal\n            v-if="deleteId === item.id"\n            :title="$tc(\'global.default.warning\')"\n            variant="small"\n            @modal-close="closeModal"\n    >\n        <p class="sw-listing__confirm-delete-text">\n            <slot\n                    name="delete-confirm-text"\n                    v-bind="{ item }"\n            >\n                {{ $tc(\'global.entity-components.deleteMessage\') }}\n            </slot>\n        </p>\n\n        <template #modal-footer>\n            <slot\n                    name="delete-modal-footer"\n                    v-bind="{ item }"\n            >\n                <slot\n                        name="delete-modal-cancel"\n                        v-bind="{ item }"\n                >\n                    <sw-button\n                            size="small"\n                            @click="closeModal"\n                    >\n                        {{ $tc(\'global.default.cancel\') }}\n                    </sw-button>\n                </slot>\n\n                <slot\n                        name="delete-modal-delete-item"\n                        v-bind="{ item }"\n                >\n                    <sw-button\n                            variant="danger"\n                            size="small"\n                            @click="deleteItem(item.id)"\n                    >\n                        {{ $tc(\'global.default.delete\') }}\n                    </sw-button>\n                </slot>\n            </slot>\n        </template>\n    </sw-modal>\n{% endblock %}\n\n{% block sw_data_grid_select_item_checkbox %}\n    <sw-checkbox-field\n        v-if="canDelete(item)"\n        :disabled="!isRecordSelectable(item)"\n        :value="isSelected(item[itemIdentifierProperty])"\n        @update:value="selectItem($event, item)"\n    />\n{% endblock %}\n\n\n{% block sw_data_grid_table %}\n    <table\n        ref="table"\n        class="sw-data-grid__table"\n    >\n\n        {% block sw_data_grid_header %}\n            <thead\n                v-if="showHeader"\n                class="sw-data-grid__header"\n            >\n\n            {% block sw_data_grid_header_row %}\n                <tr class="sw-data-grid__row">\n\n                    {% block sw_data_grid_header_cell_selection %}\n                        <th\n                            v-if="showSelection"\n                            class="sw-data-grid__cell sw-data-grid__cell--header sw-data-grid__cell--selection"\n                        >\n                            {% block sw_data_grid_header_cell_selection_content %}\n                                <div class="sw-data-grid__cell-content">\n                                    {% block sw_data_grid_select_all_checkbox %}\n                                        <sw-checkbox-field\n                                            v-if="records && records.length > 0"\n                                            :disabled="isSelectAllDisabled"\n                                            class="sw-data-grid__select-all"\n                                            :value="allSelectedChecked"\n                                            @update:value="selectAll"\n                                        />\n                                    {% endblock %}\n                                </div>\n                            {% endblock %}\n                        </th>\n                    {% endblock %}\n\n                    {% block sw_data_grid_header_columns %}\n                        <th\n                                v-for="(column, columnIndex) in currentColumns"\n                                v-show="column.visible"\n                                :key="`${column.property}-${columnIndex}`"\n                                ref="column"\n                                class="sw-data-grid__cell sw-data-grid__cell--header sw-data-grid__cell--property"\n                                :class="getHeaderCellClasses(column, columnIndex)"\n                                :style="{ width: column.width, minWidth: column.width }"\n                                @click="onClickHeaderCell($event, column)"\n                        >\n\n                            {% block sw_data_grid_header_columns_content %}\n                                <div class="sw-data-grid__cell-content">\n\n                                    <slot\n                                            :name="`column-label-${column.property}`"\n                                            v-bind="{ column, columnIndex }"\n                                    >\n\n                                        {% block sw_data_grid_header_columns_icon %}\n                                            <sw-icon\n                                                    v-if="column.iconLabel"\n                                                    :name="column.iconLabel"\n                                            >\n                                                {{ $te(column.label) ? $tc(column.label) : column.label }}\n                                            </sw-icon>\n                                        {% endblock %}\n\n                                        {% block sw_data_grid_header_columns_label %}\n                                            <template v-else>\n                                                {{ $te(column.label) ? $tc(column.label) : column.label }}\n                                            </template>\n                                        {% endblock %}\n                                    </slot>\n\n                                    {% block sw_data_grid_column_actions %}\n                                        <sw-context-button\n                                                v-if="allowColumnEdit && !isInlineEditActive"\n                                                class="sw-data-grid__action-edit-column"\n                                        >\n                                            {% block sw_data_grid_column_actions_hide %}\n                                                <sw-context-menu-item\n                                                        :disabled="column.primary"\n                                                        variant="danger"\n                                                        @click="hideColumn(columnIndex)"\n                                                >\n                                                    {{ $tc(\'global.sw-data-grid.labelColumnHide\') }}\n                                                </sw-context-menu-item>\n                                            {% endblock %}\n                                        </sw-context-button>\n                                    {% endblock %}\n\n                                    {% block sw_data_grid_sort_indicator %}\n                                        <span\n                                                v-if="column.sortable && currentSortBy === column.dataIndex"\n                                                class="sw-data-grid__sort-indicator"\n                                        >\n                                {% block sw_data_grid_sort_indicator_transition %}\n                                    <transition\n                                            name="sort-indicator"\n                                            mode="out-in"\n                                    >\n                                        {% block sw_data_grid_sort_indicator_icon_asc %}\n                                            <sw-icon\n                                                v-if="currentSortDirection === \'ASC\'"\n                                                key="ASC"\n                                                name="solid-long-arrow-up"\n                                                size="20px"\n                                            />\n                                        {% endblock %}\n\n                                        {% block sw_data_grid_sort_indicator_icon_desc %}\n                                            <sw-icon\n                                                v-else\n                                                key="DESC"\n                                                name="solid-long-arrow-down"\n                                                size="20px"\n                                            />\n                                        {% endblock %}\n                                </transition>\n                                {% endblock %}\n                            </span>\n                                    {% endblock %}\n                                </div>\n                            {% endblock %}\n\n                            {% block sw_data_grid_header_columns_resize %}\n                                <span\n                                        v-if="column.allowResize"\n                                        class="sw-data-grid__cell-resize"\n                                        @mousedown="onStartResize($event, column, columnIndex)"\n                                ></span>\n                            {% endblock %}\n                        </th>\n                    {% endblock %}\n\n                    {% block sw_data_grid_header_cell_spacer %}\n                        <th\n                                v-if="hasResizeColumns"\n                                aria-hidden="true"\n                                class="sw-data-grid__cell sw-data-grid__cell--header sw-data-grid__cell-spacer"\n                        >\n                            <div class="sw-data-grid__cell-content"></div>\n                        </th>\n                    {% endblock %}\n\n                    {% block sw_data_grid_header_cell_actions %}\n                        <th\n                                v-if="showActions"\n                                class="sw-data-grid__cell sw-data-grid__cell--header sw-data-grid__cell--actions sw-data-grid__cell-settings"\n                                :class="{ \'is--loading\': loading }"\n                        >\n                            {% block sw_data_grid_header_cell_actions_content %}\n                                <div class="sw-data-grid__cell-content">\n                                    {% block sw_data_grid_settings %}\n                                        <sw-data-grid-settings\n                                                v-if="showSettings"\n                                                :columns="currentColumns"\n                                                :compact="compact"\n                                                :previews="previews"\n                                                :enable-previews="hasPreviewSlots"\n                                                :disabled="isInlineEditActive"\n                                                @change-compact-mode="onChangeCompactMode"\n                                                @change-preview-images="onChangePreviews"\n                                                @change-column-visibility="onChangeColumnVisibility"\n                                                @change-column-order="onChangeColumnOrder"\n                                        >\n                                            {% block sw_data_grid_settings_additional_settings %}\n                                                <template #additionalSettings>\n                                                    {% block sw_data_grid_settings_additional_settings_inner %}\n                                                        <slot name="additionalSettings"></slot>\n                                                    {% endblock %}\n                                                </template>\n                                            {% endblock %}\n                                        </sw-data-grid-settings>\n\n                                        {% block sw_data_grid_settings_custom_settings %}\n                                            <slot name="customSettings">\n                                                {% block sw_data_grid_settings_custom_settings_slot %}{% endblock %}\n                                            </slot>\n                                        {% endblock %}\n                                    {% endblock %}\n                                </div>\n                            {% endblock %}\n                        </th>\n                    {% endblock %}\n                </tr>\n            {% endblock %}\n            </thead>\n        {% endblock %}\n\n        {% block sw_data_grid_body %}\n            <tbody\n                    v-if="!loading"\n                    class="sw-data-grid__body"\n            >\n\n            {% block sw_data_grid_body_row %}\n                <tr\n                        v-for="(item, itemIndex) in records"\n                        :key="item.id"\n                        class="sw-data-grid__row"\n                        :class="getRowClasses(item, itemIndex)"\n                >\n\n                    {% block sw_data_grid_body_cell_selection %}\n                        <td\n                                v-if="showSelection"\n                                class="sw-data-grid__cell sw-data-grid__cell--selection"\n                        >\n                            <slot\n                                    name="selection-content"\n                                    v-bind="{ item, isSelected, isRecordSelectable, selectItem, itemIdentifierProperty }"\n                            >\n                                {% block sw_data_grid_body_cell_selection_content %}\n                                    <div class="sw-data-grid__cell-content">\n                                        {% block sw_data_grid_select_item_checkbox %}\n                                            <sw-checkbox-field\n                                                v-if="canDelete(item)"\n                                                :disabled="!isRecordSelectable(item)"\n                                                :value="isSelected(item[itemIdentifierProperty])"\n                                                @update:value="selectItem($event, item)"\n                                            />\n                                        {% endblock %}\n                                    </div>\n                                {% endblock %}\n                            </slot>\n                        </td>\n                    {% endblock %}\n\n                    {% block sw_data_grid_body_columns %}\n                        <td\n                                v-for="(column, columnIndex) in currentColumns"\n                                v-show="column.visible"\n                                :key="`${item.id}-${columnIndex}`"\n                                class="sw-data-grid__cell"\n                                :class="getCellClasses(column)"\n                                @dblclick="onDbClickCell(item)"\n                        >\n\n                            {% block sw_data_grid_body_columns_content %}\n                                <div class="sw-data-grid__cell-content">\n\n                                    {% block sw_data_grid_preview_slot %}\n                                        <slot\n                                                v-if="previews && !isInlineEdit(item)"\n                                                :name="`preview-${column.property}`"\n                                                v-bind="{ item, column, compact }"\n                                        ></slot>\n                                    {% endblock %}\n\n                                    {% block sw_data_grid_columns_slot %}\n                                        <slot\n                                                :name="`column-${column.property}`"\n                                                v-bind="{ item, itemIndex, column, columnIndex, compact, isInlineEdit: (isInlineEdit(item) && column.hasOwnProperty(\'inlineEdit\')) }"\n                                        >\n                                            <template v-if="column.inlineEdit === \'boolean\'">\n                                                {% block sw_data_grid_columns_boolean %}\n                                                    <sw-data-grid-column-boolean\n                                                            v-model:value="item[column.property]"\n                                                            :is-inline-edit="isInlineEdit(item) && column.hasOwnProperty(\'inlineEdit\')"\n                                                    />\n                                                {% endblock %}\n                                            </template>\n                                            <template v-else>\n                                                {% block sw_data_grid_columns_inline_edit %}\n                                                    <template v-if="isInlineEdit(item) && column.hasOwnProperty(\'inlineEdit\')">\n                                                        {% block sw_data_grid_columns_render_inline_edit %}\n                                                            <sw-data-grid-inline-edit\n                                                                :column="column"\n                                                                :compact="compact"\n                                                                :value="item[column.property]"\n                                                                @update:value="item[column.property] = $event"\n                                                            />\n                                                        {% endblock %}\n                                                    </template>\n                                                {% endblock %}\n\n                                                {% block sw_data_grid_columns_value %}\n                                                    <template v-else>\n                                                        {% block sw_data_grid_columns_render_router_link %}\n                                                            <router-link\n                                                                    v-if="column.routerLink"\n                                                                    class="sw-data-grid__cell-value"\n                                                                    :to="{ name: column.routerLink, params: { id: item.id } }"\n                                                            >\n                                                                {{ renderColumn(item, column) }}\n                                                            </router-link>\n                                                        {% endblock %}\n                                                        {% block sw_data_grid_columns_render_value %}\n                                                            <span\n                                                                    v-else\n                                                                    class="sw-data-grid__cell-value"\n                                                            >\n                                            {{ renderColumn(item, column) }}\n                                        </span>\n                                                        {% endblock %}\n                                                    </template>\n                                                {% endblock %}\n                                            </template>\n                                        </slot>\n                                    {% endblock %}\n                                </div>\n                            {% endblock %}\n                        </td>\n                    {% endblock %}\n\n                    {% block sw_data_grid_body_cell_spacer %}\n                        <td\n                                v-if="hasResizeColumns"\n                                aria-hidden="true"\n                                class="sw-data-grid__cell sw-data-grid__cell-spacer"\n                                @dblclick="onDbClickCell(item)"\n                        >\n                            <div class="sw-data-grid__cell-content"></div>\n                        </td>\n                    {% endblock %}\n\n                    {% block sw_data_grid_body_cell_actions %}\n                        <td\n                                v-if="showActions"\n                                class="sw-data-grid__cell sw-data-grid__cell--actions"\n                        >\n                            {% block sw_data_grid_body_cell_actions_content %}\n                                <div class="sw-data-grid__cell-content">\n\n                                    {% block sw_data_grid_inline_edit_actions %}\n                                        <template v-if="isInlineEditActive && currentInlineEditId === item[itemIdentifierProperty]">\n\n                                            {% block sw_data_grid_inline_edit_actions_cancel %}\n                                                <sw-button\n                                                        class="sw-data-grid__inline-edit-cancel"\n                                                        size="x-small"\n                                                        :title="$tc(\'global.default.cancel\')"\n                                                        :aria-label="$tc(\'global.default.cancel\')"\n                                                        square\n                                                        @click="onClickCancelInlineEdit(item)"\n                                                >\n                                                    {% block sw_data_grid_inline_edit_actions_cancel_icon %}\n                                                        <sw-icon\n                                                                name="small-default-x-line-small"\n                                                                size="14px"\n                                                        />\n                                                    {% endblock %}\n                                                </sw-button>\n                                            {% endblock %}\n\n                                            {% block sw_data_grid_inline_edit_actions_save %}\n                                                <sw-button\n                                                        class="sw-data-grid__inline-edit-save"\n                                                        variant="primary"\n                                                        size="x-small"\n                                                        :title="$tc(\'global.default.save\')"\n                                                        :aria-label="$tc(\'global.default.save\')"\n                                                        square\n                                                        @click="onClickSaveInlineEdit(item)"\n                                                >\n                                                    {% block sw_data_grid_inline_edit_actions_save_icon %}\n                                                        <sw-icon\n                                                                name="small-default-checkmark-line-small"\n                                                                size="14px"\n                                                        />\n                                                    {% endblock %}\n                                                </sw-button>\n                                            {% endblock %}\n                                        </template>\n                                    {% endblock %}\n\n                                    {% block sw_data_grid_body_cell_actions_menu %}\n                                        <sw-context-button\n                                                v-else\n                                                class="sw-data-grid__actions-menu"\n                                        >\n                                            <slot\n                                                    name="actions"\n                                                    :item="item"\n                                                    :itemIndex="itemIndex"\n                                            >\n                                                {% block sw_data_grid_slot_actions %}{% endblock %}\n                                            </slot>\n                                        </sw-context-button>\n                                    {% endblock %}\n\n                                    {% block sw_data_grid_body_cell_action_modals %}\n                                        <slot\n                                                name="action-modals"\n                                                :item="item"\n                                        >\n                                            {% block sw_data_grid_slot_action_modals %}{% endblock %}\n                                        </slot>\n                                    {% endblock %}\n                                </div>\n                            {% endblock %}\n                        </td>\n                    {% endblock %}\n                </tr>\n            {% endblock %}\n            </tbody>\n        {% endblock %}\n\n        {% block sw_data_grid_skeleton %}\n            <sw-data-grid-skeleton\n                    v-else\n                    :show-selection="showSelection"\n                    :show-actions="showActions"\n                    :current-columns="currentColumns"\n                    :has-resize-columns="hasResizeColumns"\n                    :item-amount="skeletonItemAmount"\n                    class="sw-data-grid__body"\n            />\n        {% endblock %}\n    </table>\n{% endblock %}\n',props:{items:{type:Array,required:!0},itemIdentifierProperty:{type:String,required:!1,default:"id"},preSelection:{type:Object,required:!1,default:null},isGroupedView:{type:Boolean,required:!1,default:!1},jobTypes:{type:Array,required:!1,default:()=>[]}},data(){return{records:this.items,selection:{...this.preSelection||{}},successItems:!1,pendingItems:!1,errorItems:!1,reloadInterval:null}},computed:{jobRepository(){return this.repositoryFactory.create("nosto_scheduler_job")}},methods:{canDelete(e){return -1!==["error","succeed"].indexOf(e.status)},selectAll(e){this.selection={},this.records.forEach(t=>{this.isSelected(t[this.itemIdentifierProperty])!==e&&this.selectItem(e,t)}),this.$emit("select-all-items",this.selection)},selectItem(e,t){if(!this.canDelete(t))return;let n=this.selection,s=t[this.itemIdentifierProperty];e?this.selection[s]=t:!e&&n[s]&&delete this.selection[s],this.$emit("select-item",this.selection,t,e)}}});let{Component:t}=Shopware;t.register("nosto-job-status-badge",{template:'<sw-color-badge rounded\n                :variant="variant"\n                :class="additionalClass"\n                style="margin-right: 10px; margin-top: 3px;">\n</sw-color-badge>\n\n',props:{status:{type:String,required:!0}},computed:{additionalClass(){return"running"===this.status?"--pulse":""},variant(){switch(this.status){case"error":return"error";case"succeed":case"running":return"success";default:return""}}}});class s{static sortMessages(e){return e.forEach(e=>{e.messages=e.messages.sort((e,t)=>e.createdAt>t.createdAt?1:e.createdAt<t.createdAt?-1:0)}),e}}n(266);let{Component:o,Mixin:a}=Shopware,{Criteria:i}=Shopware.Data;o.register("nosto-job-listing-index",{template:'{% block nosto_entity_listing_base %}\n  <div class="nosto-entity-listing-wrapper">\n    <div class="nosto-job-listing-actions-bar">\n      <div class="action-item">\n        {% block nosto_scheduler_job_view_mode %}\n          <sw-select-field v-model:value="jobDisplayType" :label="$tc(\'job-listing.page.listing.index.display-mode\')">\n            <option v-for="option in jobDisplayMode" :value="option.value">{{ option.name }}</option>\n          </sw-select-field>\n\n          <sw-select-field v-if="jobDisplayType !== \'list\'" v-model:value="sortType" :label="$tc(\'job-listing.page.listing.index.group-by\')">\n              <option value="status">{{ $tc(\'job-listing.page.listing.index.status\') }}</option>\n              <option value="type">{{ $tc(\'job-listing.page.listing.index.job-type\') }}</option>\n          </sw-select-field>\n\n          <sw-datepicker\n            :label="$tc(\'job-listing.page.listing.index.date-from\')"\n            v-if="jobDisplayType == \'grouped\'"\n            v-model:value="groupCreationDate.fromDate"\n          />\n\n          <sw-datepicker\n            :label="$tc(\'job-listing.page.listing.index.date-to\')"\n            v-if="jobDisplayType == \'grouped\'"\n            v-model:value="groupCreationDate.toDate"\n          />\n\n        {% endblock %}\n      </div>\n      <div class="cation-item">\n        {% block nosto_scheduler_job_auto_load_switcher %}\n          <sw-switch-field\n            v-model:value="autoLoadIsActive"\n            class="job-listing-auto-loading-switch"\n            :label="$tc(\'job-listing.page.listing.index.auto-load\')"\n          />\n        {% endblock %}\n      </div>\n    </div>\n\n    {% block nosto_job_charts %}\n      <nosto-scheduler-charts ref="jobCharts"\n                           v-if="jobDisplayType === \'chart\'"\n                           :jobTypes="jobTypes"\n                           :sortType="sortType"></nosto-scheduler-charts>\n    {% endblock %}\n\n    {% block nosto_job_grouped_component %}\n\n      <nosto-grouped-view v-if="jobDisplayType === \'grouped\'"\n                       ref="jobGroups"\n                       :groupCreationDate="groupCreationDate"\n                       :jobTypes="jobTypes"\n                       :sortType="sortType">\n      </nosto-grouped-view>\n    {% endblock %}\n\n    {% block nosto_job_list_grid %}\n      <nosto-entity-listing\n              v-if="jobItems && jobDisplayType === \'list\'"\n              :items="jobItems"\n              :repository="jobRepository"\n              :is-loading="isLoading"\n              :showSelection="true"\n              :allowColumnEdit="false"\n              :allowDelete="true"\n              :allowEdit="false"\n              :jobTypes="jobTypes"\n              :isGroupedView="isGroupedView"\n              sortDirection="DESC"\n              @page-change="pageChange"\n              :columns="columns">\n        <template #column-status="{ item }">\n          {% block nosto_job_list_grid_job_status_link %}\n            <template>\n              <nosto-job-status-badge :status="item.status"></nosto-job-status-badge>\n              {{ $tc(\'job-listing.page.listing.grid.job-status.\' + item.status) }}\n            </template>\n          {% endblock %}\n        </template>\n        <template #column-name="{ item }">\n          {% block nosto_job_list_grid_job_name_link %}\n            {{ item.name }}\n          {% endblock %}\n        </template>\n        <template #column-startedAt="{ item }">\n          {% block nosto_job_list_grid_job_started_date %}\n            {{ formatDate(item.startedAt) }}\n          {% endblock %}\n        </template>\n        <template #column-finishedAt="{ item }">\n          {% block nosto_job_list_grid_job_finished_date %}\n            {{ formatDate(item.finishedAt) }}\n          {% endblock %}\n        </template>\n        <template #column-createdAt="{ item }">\n          {% block nosto_job_list_grid_job_created_date %}\n            {{ formatDate(item.createdAt) }}\n          {% endblock %}\n        </template>\n        <template class="sub-jobs-column" #column-subJobs="{ item }">\n          {% block nosto_job_list_grid_job_sub_jobs %}\n            <div :class="item.subJobs.length > 0 ? \'has-subjobs\' : \'\'"\n                 class="sub-jobs-counters-container jobs-info-counter">\n              <div class="count-container" v-if="item.subJobs">\n                            <span class="info-container">\n                                <span class="count" v-html="getChildrenCount(item, \'succeed\')"></span>\n                            </span>\n                <nosto-job-status-badge status="succeed"></nosto-job-status-badge>\n              </div>\n\n              <div class="count-container" v-if="item.subJobs">\n                            <span class="warning-container">\n                                <span class="count" v-html="getChildrenCount(item, \'pending\')"></span>\n                            </span>\n                <nosto-job-status-badge status="pending"></nosto-job-status-badge>\n              </div>\n\n              <div class="count-container" v-if="item.subJobs">\n                            <span class="error-counter">\n                                <span class="count" v-html="getChildrenCount(item, \'error\')"></span>\n                            </span>\n                <nosto-job-status-badge status="error"></nosto-job-status-badge>\n              </div>\n            </div>\n          {% endblock %}\n          <sw-button v-if="item.subJobs.length > 0"\n                     class="sub-job-show-modal"\n                     size="small"\n                     variant="primary"\n                     :disabled="item.subJobs.length <= 0"\n                     @click="showSubJobs(item.id)">\n            <sw-icon name="regular-cog" color="#fff" :small="true" :decorative="true"></sw-icon>\n              {{ $tc(\'job-listing.page.listing.index.show-sub-jobs\') }}\n          </sw-button>\n        </template>\n        <template #column-messages="{ item }">\n          {% block nosto_job_list_grid_job_messages %}\n            <div :class="item.messages.length > 0 ? \'has-messages\' : \'\'"\n                 class="message-counters-container jobs-info-counter">\n              <div class="count-container" v-if="item.messages">\n                            <span class="info-counter">\n                                <span class="count" v-html="getMessagesCount(item, \'info\')"></span>\n                            </span>\n                <sw-icon :small="true" name="regular-info-circle" color="#3498db"></sw-icon>\n              </div>\n\n              <div class="count-container" v-if="item.messages">\n                            <span class="warning-counter">\n                                <span class="count" v-html="getMessagesCount(item, \'warning\')"></span>\n                            </span>\n                <sw-icon :small="true" name="regular-exclamation-triangle" color="#f39c12"></sw-icon>\n              </div>\n\n              <div class="count-container" v-if="item.messages">\n                            <span class="error-counter">\n                                <span class="count" v-html="getMessagesCount(item, \'error\')"></span>\n                            </span>\n                <sw-icon :small="true" name="regular-times-hexagon" color="#c0392b"></sw-icon>\n              </div>\n            </div>\n            <sw-button v-if="item.messages.length > 0"\n                       class="job-messages-show-modal"\n                       size="small"\n                       variant="primary"\n                       :disabled="item.messages.length <= 0"\n                       @click="showJobMessages(item)">\n              <sw-icon name="regular-envelope" color="#fff" :small="true" :decorative="true"></sw-icon>\n                {{ $tc(\'job-listing.page.listing.index.show-job-messages\') }}\n            </sw-button>\n          {% endblock %}\n        </template>\n        <template #actions="{ item }">\n          <sw-context-menu-item :disabled="item.status !== \'error\'"\n                                @click="rescheduleJob(item.id)">\n            {{ $tc(\'job-listing.actions.reschedule-job.button.label\') }}\n          </sw-context-menu-item>\n          <sw-context-menu-item class="sw-context-menu-item--danger"\n                                :disabled="!canDelete(item)"\n                                @click="onDeleteJob(item.id)">\n            {{ $tc(\'job-listing.actions.delete-job.button.label\') }}\n          </sw-context-menu-item>\n        </template>\n      </nosto-entity-listing>\n    {% endblock %}\n\n    {% block nosto_entity_listing_job_subs_modal %}\n      <sw-modal class="nosto-job-sub-jobs-modal" v-if="showJobSubsModal" :title="$tc(\'job-listing.page.listing.grid.column.child-jobs\')"\n                @modal-close="showJobSubsModal = false">\n        <nosto-job-sub-jobs v-if="currentJobID" :jobId="currentJobID">\n\n        </nosto-job-sub-jobs>\n        <template #modal-footer>\n          <sw-button variant="primary"\n                     @click="showJobSubsModal = false">\n              {{ $tc(\'job-listing.page.listing.index.close\') }}\n          </sw-button>\n        </template>\n      </sw-modal>\n    {% endblock %}\n\n    {% block nosto_entity_listing_job_messages_modal %}\n      <sw-modal class="nosto-job-messages-modal" v-if="showMessagesModal"\n                :title="$tc(\'job-listing.page.listing.grid.column.messages\')"\n                @modal-close="showMessagesModal = false">\n        {% block job_messages_listing %}\n          <div v-if="currentJobMessages" class="job_list_grid_job_messages-information" style="width:100%;">\n            <div class="messages-content" v-for="item in currentJobMessages">\n              <sw-alert class="nosto-alert"\n                        v-if="item.type == \'info-message\'"\n                        variant="info"\n                        appearance="default"\n                        :showIcon="true"\n                        :closable="false">\n                {{ item.message }}\n              </sw-alert>\n              <sw-alert class="nosto-alert"\n                        v-if="item.type == \'error-message\'"\n                        variant="error"\n                        appearance="default"\n                        :showIcon="true"\n                        :closable="false">\n                {{ item.message }}\n              </sw-alert>\n              <sw-alert class="nosto-alert"\n                        v-if="item.type == \'warning-message\'"\n                        variant="warning"\n                        appearance="default"\n                        :showIcon="true"\n                        :closable="false">\n                {{ item.message }}\n              </sw-alert>\n            </div>\n          </div>\n        {% endblock %}\n        <template #modal-footer>\n          <sw-button variant="primary"\n                     @click="showMessagesModal = false">\n              {{ $tc(\'job-listing.page.listing.index.close\') }}\n          </sw-button>\n        </template>\n      </sw-modal>\n    {% endblock %}\n  </div>\n{% endblock %}\n',inject:["NostoRescheduleService","repositoryFactory","filterFactory","feature"],mixins:[a.getByName("notification"),a.getByName("nosto-scheduler-utils")],props:{isGroupedView:{type:Boolean,required:!1,default:!1},jobTypes:{type:Array,required:!1,default:()=>[]},filterCriteria:{type:Array,required:!1,default:()=>[]}},data(){return{jobItems:null,isLoading:!1,reloadInterval:null,showJobInfoModal:!1,showJobSubsModal:!1,currentJobID:null,showMessagesModal:!1,currentJobMessages:null,groupCreationDate:{},sortType:"status",jobDisplayType:null,autoLoad:!1,autoLoadIsActive:!1,autoReloadInterval:6e4}},computed:{jobRepository(){return this.repositoryFactory.create("nosto_scheduler_job")},messageRepository(){return this.repositoryFactory.create("nosto_scheduler_job_message")},columns(){return[{property:"name",label:this.$tc("job-listing.page.listing.grid.column.name"),allowResize:!0,width:"250px"},{property:"status",label:this.$tc("job-listing.page.listing.grid.column.status"),allowResize:!0,width:"150px"},{property:"startedAt",label:this.$tc("job-listing.page.listing.grid.column.started-at"),allowResize:!0,width:"170px",sortable:!0},{property:"finishedAt",label:this.$tc("job-listing.page.listing.grid.column.finished-at"),allowResize:!0,width:"170px"},{property:"createdAt",label:this.$tc("job-listing.page.listing.grid.column.created-at"),allowResize:!0,width:"170px"},{property:"subJobs",label:this.$tc("job-listing.page.listing.grid.column.child-jobs"),allowResize:!0,width:"250px",visible:!0,sortable:!1},{property:"messages",label:this.$tc("job-listing.page.listing.grid.column.messages"),allowResize:!0,width:"250px",visible:!0,sortable:!1}]},jobDisplayMode(){return[{name:this.$tc("job-listing.page.listing.index.list"),value:"list"},{name:this.$tc("job-listing.page.listing.index.grouped"),value:"grouped"},{name:this.$tc("job-listing.page.listing.index.chart"),value:"chart"}]}},watch:{autoLoadIsActive(){this._handleAutoReload(this.autoLoadIsActive)},jobDisplayType(){this.stopAutoLoading(),this.$emit("job-display-type-changed",this.jobDisplayType)},filterCriteria(){this.filterCriteriaChanged(this.filterCriteria)}},created(){this.createdComponent()},beforeDestroy(){clearInterval(this.reloadInterval)},methods:{createdComponent(){this.jobDisplayType="list",this.getList()},filterCriteriaChanged(e){this.getList(e)},_handleAutoReload(e){e&&this.autoReloadInterval>0?"list"===this.jobDisplayType?this.reloadInterval=setInterval(()=>{this.updateList()},this.autoReloadInterval):"grouped"===this.jobDisplayType?this.reloadInterval=setInterval(()=>{this.$refs.jobGroups.initGroupedView()},this.autoReloadInterval):"chart"===this.jobDisplayType&&(this.reloadInterval=setInterval(()=>{this.$refs.jobCharts.initChartData()},this.autoReloadInterval)):clearInterval(this.reloadInterval)},pageChange(){this.autoLoadIsActive=!1,clearInterval(this.reloadInterval)},getLinkParams(e){return{id:e.id,backPath:this.$route.name}},updateList(e){let t=new i;return t.addFilter(i.equals("parentId",null)),t.addSorting(i.sort("createdAt","DESC",!1)),t.addAssociation("messages"),t.addAssociation("subJobs"),e&&e.forEach(e=>{t.addFilter(e)}),this.jobTypes!==[]&&t.addFilter(i.equalsAny("type",this.jobTypes)),this.jobRepository.search(t,Shopware.Context.api).then(e=>{this.jobItems=s.sortMessages(e)})},getMessagesCount(e,t){return e.messages.filter(e=>e.type===`${t}-message`).length},getChildrenCount(e,t){return e.subJobs.filter(e=>e.status===t).length},getList(e){this.isLoading=!0,this.updateList(e).then(()=>{this.isLoading=!1})},onRefresh(e){return"grouped"===this.jobDisplayType?this.$refs.jobGroups.onRefresh():"chart"===this.jobDisplayType?this.$refs.jobCharts.onRefresh():this.getList(e)},canDelete(e){return -1!==["error","succeed"].indexOf(e.status)},onDeleteJob(e){this.jobRepository.delete(e,Shopware.Context.api).then(()=>{this.updateList()})},rescheduleJob(e){this.NostoRescheduleService.rescheduleJob(e).then(()=>{this.createNotificationSuccess({message:"Job has been rescheduled successfully."}),this.updateList()}).catch(()=>{this.createNotificationError({message:"Unable reschedule job."})})},showSubJobs(e){this.currentJobID=e,this.showJobSubsModal=!0},showJobMessages(e){this.currentJobMessages=e.messages,this.showMessagesModal=!0},stopAutoLoading(){this.autoLoadIsActive=!1,clearInterval(this.reloadInterval)}}});var l=JSON.parse('{"job-listing":{"general":{"title":"Job Listing Pages","description":"job-listing"},"menu":{"title":"Job Listing"},"page":{"listing":{"title":"Job Listing","description":"List of Jobs","index":{"display-mode":"Display Mode","list":"List","grouped":"Grouped","chart":"Chart","group-by":"Group by","status":"Status","job-type":"Job Type","date-from":"Date from","date-to":"Date to","auto-load":"Auto load","child-jobs":"Child Jobs","messages":"Messages","show-sub-jobs":"Show sub jobs","show-job-messages":"Show Job Messages","close":"Close","loading":"Loading..."},"grouped-view":{"job-info":"Job info","job-messages":"Job Messages","sub-jobs":"Sub jobs"},"grid":{"job-status":{"succeed":"Success","error":"Failed","pending":"Pending","running":"Running"},"column":{"type":"Type","status":"Status","name":"Name","started-at":"Started at","finished-at":"Finished at","created-at":"Created at","child-jobs":"Child Jobs","messages":"Messages","show-sub-jobs":"Show sub jobs","show-job-messages":"Show Job Messages","close":"Close"},"message-modal":{"label":"Job Messages"}}},"detail":{"textHeadline":"Job","jobChildrenTitle":"Job Children"}},"actions":{"reschedule-job":{"button":{"label":"Reschedule Job"}},"delete-job":{"button":{"label":"Delete Job"}},"view-job":{"button":{"label":"View Job"}},"show-messages":{"button":{"label":"Show Messages"}}}}}'),r=JSON.parse('{"job-listing":{"general":{"title":"\xdcbersicht der Jobs","description":"Job \xdcbersicht"},"menu":{"title":"Job \xdcbersicht"},"page":{"listing":{"title":"Job \xdcbersicht","description":"Liste der Jobs","index":{"display-mode":"Anzeigemodus","list":"\xdcbersicht","grouped":"Gruppiert","chart":"Diagramm","group-by":"Gruppiere nach","status":"Status","job-type":"Job Typ","date-from":"Datum von","date-to":"Datum bis","auto-load":"Automatisches Laden","child-jobs":"Kinder-Jobs","messages":"Meldungen","show-sub-jobs":"Sub-Jobs anzeigen","show-job-messages":"Meldungen zu Jobs anzeigen","close":"Schlie\xdfen","loading":"Wird geladen..."},"grouped-view":{"job-info":"Job-Die Info","job-messages":"Job-Meldungen","sub-jobs":"Sub-Jobs"},"grid":{"job-status":{"succeed":"erfolgreich","error":"fehlgeschlagen","pending":"ausstehend","running":"in Bearbeitung"},"column":{"type":"Typ","status":"Status","name":"Name","started-at":"Gestartet um","finished-at":"Fertig um","created-at":"Beendet um","child-jobs":"Kinder-Jobs","messages":"Meldungen","show-sub-jobs":"Unterjobs anzeigen","show-job-messages":"Meldungen zu Jobs anzeigen","close":"Schlie\xdfen"},"message-modal":{"label":"Job-Meldungen"}}},"detail":{"textHeadline":"Job","jobChildrenTitle":"Kinder-Jobs"}},"actions":{"reschedule-job":{"button":{"label":"Umplanen Job"}},"delete-job":{"button":{"label":"Job l\xf6schen"}},"view-job":{"button":{"label":"Job anzeigen"}},"show-messages":{"button":{"label":"Meldungen anzeigen"}}}}}');let{Module:d}=Shopware;d.register("nosto-job-listing",{type:"plugin",title:"job-listing.general.title",description:"job-listing.general.description",color:"#F88962",icon:"default-avatar-multiple",snippets:{"en-GB":l,"de-DE":r},routes:{detail:{path:"detail/:id/back/:backPath",props:{default:e=>({jobId:e.params.id})}}}});let c=Shopware.Classes.ApiService;var u=class extends c{constructor(e,t,n="nosto-job"){super(e,t,n)}rescheduleJob(e){let t=this.getBasicHeaders();return this.httpClient.post(`_action/${this.getApiBasePath()}/reschedule`,{params:{jobId:e},headers:t}).then(e=>c.handleResponse(e))}};let{Application:b}=Shopware,m=b.getContainer("init");b.addServiceProvider("NostoRescheduleService",e=>new u(m.httpClient,e.loginService));let{Component:g,Mixin:p}=Shopware,{Criteria:h}=Shopware.Data;g.register("nosto-job-info",{template:'{% block nosto_job_info_base %}\n    <sw-card-section v-if="jobItem">\n        {% block job_info_overview_columns %}\n            <sw-container\n                    columns="repeat(auto-fit, minmax(250px, 1fr))"\n                    gap="30px 30px">\n                {% block job_info_overview_left_column %}\n                    <sw-description-list\n                            columns="1fr"\n                            grid="1fr">\n                        {% block job_info_overview_name %}\n                            <dt>{{ $tc(\'job-listing.page.listing.grid.column.name\') }}</dt>\n                            <dd>\n                                <sw-order-inline-field\n                                    v-if="jobItem.name"\n                                    :display-value="jobItem.name"\n                                    :value="jobItem.name"\n                                    :editable="false"\n                                />\n                            </dd>\n                        {% endblock %}\n                        {% block job_info_overview_status %}\n                            <dt>{{ $tc(\'job-listing.page.listing.grid.column.status\') }}</dt>\n                            <dd>\n                                <template>\n                                    <nosto-job-status-badge :status="jobItem.status">\n                                    </nosto-job-status-badge>\n                                    {{ $tc(\'job-listing.page.listing.grid.job-status.\' + jobItem.status) }}\n                                </template>\n                            </dd>\n                        {% endblock %}\n                        {% block job_info_overview_startedAt %}\n                            <dt>{{ $tc(\'job-listing.page.listing.grid.column.started-at\') }}</dt>\n                            <dd>\n                                <sw-order-inline-field\n                                    v-if="jobItem.startedAt"\n                                    :display-value="formatDate(jobItem.startedAt)"\n                                    :value="formatDate(jobItem.startedAt)"\n                                    :editable="false"\n                                />\n                            </dd>\n                        {% endblock %}\n                    </sw-description-list>\n                {% endblock %}\n                {% block nosto_job_info_overview_right_column %}\n                    <sw-description-list\n                            columns="1fr"\n                            grid="1fr" class="nosto-job-user-card__summary-vertical">\n                        {% block job_detail_base_overview_type %}\n                            <dt>{{ $tc(\'job-listing.page.listing.grid.column.type\') }}</dt>\n                            <dd>\n                                <sw-order-inline-field\n                                    v-if="jobItem.type"\n                                    :display-value="jobItem.type"\n                                    :value="jobItem.type"\n                                    :editable="false"\n                                />\n                            </dd>\n                        {% endblock %}\n                        {% block job_info_overview_createdAt %}\n                            <dt>{{ $tc(\'job-listing.page.listing.grid.column.created-at\') }}</dt>\n                            <dd>\n                                <sw-order-inline-field\n                                    v-if="jobItem.createdAt"\n                                    :display-value="formatDate(jobItem.createdAt)"\n                                    :value="formatDate(jobItem.startedAt)"\n                                    :editable="false"\n                                />\n                            </dd>\n                        {% endblock %}\n                        {% block job_info_overview_finishedAt %}\n                            <dt>{{ $tc(\'job-listing.page.listing.grid.column.finished-at\') }}</dt>\n                            <dd>\n                                <sw-order-inline-field\n                                    v-if="jobItem.finishedAt"\n                                    :display-value="formatDate(jobItem.finishedAt)"\n                                    :value="formatDate(jobItem.finishedAt)"\n                                    :editable="false"\n                                />\n                            </dd>\n                        {% endblock %}\n                    </sw-description-list>\n                {% endblock %}\n            </sw-container>\n        {% endblock %}\n    </sw-card-section>\n{% endblock %}\n',inject:["NostoRescheduleService","repositoryFactory"],mixins:[p.getByName("notification"),p.getByName("nosto-scheduler-utils")],props:{jobId:{type:String,required:!1,default:null}},data(){return{jobItem:null}},computed:{jobRepository(){return this.repositoryFactory.create("nosto_scheduler_job")}},created(){this.initPageData()},methods:{initPageData(){this.jobRepository.get(this.jobId,Shopware.Context.api,new h).then(e=>{this.jobItem=e})}}}),n(951);let{Component:_,Mixin:w}=Shopware,{Criteria:f}=Shopware.Data;_.register("nosto-job-sub-jobs",{template:'{% block nosto_job_sub_jobs_base %}\n    <div class="sub-jobs-container">\n        <div class="sub-job-container" v-if="subJobs">\n            {% block job_children_listing %}\n                <nosto-entity-listing\n                        v-if="subJobs"\n                        :items="subJobs"\n                        :data-source="subJobs"\n                        :repository="jobRepository"\n                        :showSelection="false"\n                        :allowColumnEdit="false"\n                        :compactMode="false"\n                        :allowDelete="false"\n                        :allowEdit="false"\n                        :columns="jobChildrenColumns">\n                    <template #column-name="{ item }">\n                        {% block job_list_grid_job_name_link %}\n                            {{ item.name }}\n                        {% endblock %}\n                    </template>\n                    <template #column-status="{ item }">\n                        {% block job_list_grid_job_status_link %}\n                            <template>\n                                <nosto-job-status-badge :status="item.status"></nosto-job-status-badge>\n                                {{ $tc(\'job-listing.page.listing.grid.job-status.\' + item.status) }}\n                            </template>\n                        {% endblock %}\n                    </template>\n\n                    <template #column-startedAt="{ item }">\n                        {% block job_list_grid_job_started_at %}\n                            {{ formatDate(item.startedAt) }}\n                        {% endblock %}\n                    </template>\n                    <template #column-finishedAt="{ item }">\n                        {% block job_list_grid_job_finished_at %}\n                            {{ formatDate(item.finishedAt) }}\n                        {% endblock %}\n                    </template>\n                    <template #column-createdAt="{ item }">\n                        {% block job_list_grid_job_created_at %}\n                            {{ formatDate(item.createdAt) }}\n                        {% endblock %}\n                    </template>\n                    <template #column-messages="{ item }">\n                        {% block sub_job_show_messages_button %}\n                            <div :class="item.messages.length > 0 ? \'has-messages\' : \'\'" class="message-counters-container jobs-info-counter">\n                                <div class="count-container" v-if="item.messages">\n                            <span class="info-counter">\n                                <span class="count" v-html="getMessagesCount(item, \'info\')"></span>\n                            </span>\n                                    <sw-icon :small="true" name="regular-info-circle" color="#3498db"></sw-icon>\n                                </div>\n\n                                <div class="count-container" v-if="item.messages">\n                            <span class="warning-counter">\n                                <span class="count" v-html="getMessagesCount(item, \'warning\')"></span>\n                            </span>\n                                    <sw-icon :small="true" name="regular-exclamation-triangle" color="#f39c12"></sw-icon>\n                                </div>\n\n                                <div class="count-container" v-if="item.messages">\n                            <span class="error-counter">\n                                <span class="count" v-html="getMessagesCount(item, \'error\')"></span>\n                            </span>\n                                    <sw-icon :small="true" name="regular-times-hexagon" color="#c0392b"></sw-icon>\n                                </div>\n                            </div>\n                            <sw-button v-if="item.messages.length > 0"\n                                       class="job-messages-show-modal"\n                                       size="small"\n                                       variant="primary"\n                                       :disabled="item.messages.length <= 0"\n                                       @click="showMessageModal(item.messages)">\n                                <sw-icon name="regular-envelope" color="#fff" :small="true" :decorative="true"></sw-icon>\n                                {{ $tc(\'job-listing.actions.show-messages.button.label\') }}\n                            </sw-button>\n                        {% endblock %}\n                    </template>\n                    <template #actions="{ item }">\n                        <sw-context-menu-item :disabled="item.status !== \'error\'"\n                                              @click="rescheduleJob(item.id)">\n                            {{ $tc(\'job-listing.actions.reschedule-job.button.label\') }}\n                        </sw-context-menu-item>\n                        <sw-context-menu-item v-if="item.messages"\n                                              :disabled="item.messages.length <= 0"\n                                              @click="showMessageModal(item.messages)">\n                            {{ $tc(\'job-listing.actions.show-messages.button.label\') }}\n                        </sw-context-menu-item>\n                    </template>\n                </nosto-entity-listing>\n            {% endblock %}\n        </div>\n        <div v-else>\n            {{ $tc(\'job-listing.page.listing.index.loading\') }}\n        </div>\n        <sw-modal class="nosto-job-messages-modal" v-if="showMessagesModal" :title="$tc(\'job-listing.page.listing.grid.column.messages\')"\n                  @modal-close="showMessagesModal = false">\n            {% block job_messages_listing %}\n                <div v-if="currentJobMessages" class="job_list_grid_job_messages-information" style="width:100%;">\n                    <div class="messages-content" v-for="item in currentJobMessages">\n                        <sw-alert class="nosto-alert"\n                                v-if="item.type == \'info-message\'"\n                                variant="info"\n                                appearance="default"\n                                :showIcon="true"\n                                :closable="false">\n                            {{ item.message }}\n                        </sw-alert>\n                        <sw-alert class="nosto-alert"\n                                v-if="item.type == \'error-message\'"\n                                variant="error"\n                                appearance="default"\n                                :showIcon="true"\n                                :closable="false">\n                            {{ item.message }}\n                        </sw-alert>\n                        <sw-alert class="nosto-alert"\n                                v-if="item.type == \'warning-message\'"\n                                variant="warning"\n                                appearance="default"\n                                :showIcon="true"\n                                :closable="false">\n                            {{ item.message }}\n                        </sw-alert>\n                    </div>\n                </div>\n            {% endblock %}\n            <template #modal-footer>\n                <sw-button variant="primary"\n                           @click="showMessagesModal = false">\n                    {{ $tc(\'job-listing.page.listing.index.close\') }}\n                </sw-button>\n            </template>\n        </sw-modal>\n    </div>\n{% endblock %}\n',inject:["NostoRescheduleService","repositoryFactory"],mixins:[w.getByName("notification"),w.getByName("nosto-scheduler-utils")],props:{jobId:{type:String,required:!1,default:null}},data(){return{subJobs:null,showMessagesModal:!1,currentJobMessages:null}},computed:{jobRepository(){return this.repositoryFactory.create("nosto_scheduler_job")},jobChildrenColumns(){return[{property:"name",dataIndex:"name",label:this.$tc("job-listing.page.listing.grid.column.name"),allowResize:!1,inlineEdit:!0,width:"200px"},{property:"status",dataIndex:"status",label:this.$tc("job-listing.page.listing.grid.column.status"),allowResize:!1,inlineEdit:!0,width:"100px"},{property:"startedAt",dataIndex:"startedAt",label:this.$tc("job-listing.page.listing.grid.column.started-at"),allowResize:!1,inlineEdit:!0,width:"150px",sortable:!0},{property:"finishedAt",dataIndex:"finishedAt",label:this.$tc("job-listing.page.listing.grid.column.finished-at"),allowResize:!0,inlineEdit:!0,width:"150px"},{property:"createdAt",dataIndex:"createdAt",label:this.$tc("job-listing.page.listing.grid.column.created-at"),allowResize:!0,inlineEdit:!0,width:"150px"},{property:"messages",dataIndex:"messages",label:"Messages",allowResize:!0,inlineEdit:!1,width:"250px",sortable:!1}]}},created(){this.initModalData()},methods:{initModalData(){let e=new f;e.addFilter(f.equals("parentId",this.jobId)),e.addSorting(f.sort("createdAt","DESC",!1)),e.addAssociation("messages"),this.jobRepository.search(e,Shopware.Context.api).then(e=>{this.subJobs=s.sortMessages(e)})},rescheduleJob(e){this.NostoRescheduleService.rescheduleJob(e).then(()=>{this.createNotificationSuccess({message:"Job has been rescheduled successfully."}),this.initPageData()}).catch(()=>{this.createNotificationError({message:"Unable reschedule job."})})},showMessageModal(e){this.currentJobMessages=e,this.showMessagesModal=!0},getMessagesCount(e,t){return e.messages.filter(e=>e.type===`${t}-message`).length}}}),n(461);let{Component:v}=Shopware,{Criteria:j}=Shopware.Data;v.register("nosto-scheduler-charts",{template:'{% block nosto_job_charts_base %}\n<div class="nosto-scheduler-charts">\n    <div class="sw-dashboard-statistics__card-headline-select">\n        <sw-select-field\n                v-model:value="statisticDateRanges.value"\n                class="charts-date-range"\n                size="small">\n            <option\n                    v-for="(value, option) in statisticDateRanges.options"\n                    :key="option"\n                    :value="option">\n                {{ $tc(`sw-dashboard.monthStats.dateRanges.${option}`) }}\n            </option>\n        </sw-select-field>\n    </div>\n    <sw-chart\n            type="area"\n            :series="chartSeries"\n            :options="chartOptionsCount"\n            :fill-empty-values="getTimeUnitInterval"\n            :fillEmptyDates="false"\n            :sort="true"\n    />\n</div>\n{% endblock %}\n',inject:["repositoryFactory"],mixins:["notification"],props:{jobTypes:{type:Array,required:!1,default:()=>[]},sortType:{type:String,required:!0,default:()=>"status"}},data(){return{items:null,statisticDateRanges:{value:"30Days",options:{"30Days":30,"14Days":14,"7Days":7,"24Hours":24,yesterday:1}},chartSeries:[],colors:{0:"#FF8C00",1:"#0044ee",2:"#9400D3",3:"#FFD700",4:"#008000",5:"#40E0D0",6:"#00BFFF",7:"#209d90",8:"#C71585",9:"#000000",10:"#F4A460"}}},computed:{jobRepository(){return this.repositoryFactory.create("nosto_scheduler_job")},getTimeUnitInterval(){let e=this.statisticDateRanges.value;return"yesterday"===e||"24Hours"===e?"hour":"day"},dateAgo(){let e=new Date,t=this.statisticDateRanges.value,n=this.statisticDateRanges.options[t]??0;return"24Hours"===t?e.setHours(e.getHours()-n):(e.setDate(e.getDate()-n),e.setHours(0,0,0,0)),e},chartOptionsCount(){return{title:{text:"Jobs",style:{fontSize:"16px",fontWeight:"600"}},xaxis:{type:"datetime",min:this.dateAgo.getTime(),labels:{datetimeUTC:!1}},yaxis:{min:0,tickAmount:3,labels:{formatter:e=>parseInt(e,10)}}}}},watch:{sortType(){this.initChartData()}},created(){this.initChartData()},beforeDestroy(){clearInterval(this.reloadInterval)},methods:{initChartData(){let e=new j;return e.addFilter(j.equals("parentId",null)),e.setLimit(500),this.jobTypes!==[]&&e.addFilter(j.equalsAny("type",this.jobTypes)),this.jobRepository.search(e,Shopware.Context.api).then(e=>{this.items=e,"status"===this.sortType?this.createStatusChartSeries(e):"type"===this.sortType&&this.createTypeChartSeries(e)})},createTypeChartSeries(e){this.chartSeries=e.reduce((e,t,n)=>{let s=this.parseDate(t.createdAt),o=e.find(e=>e.name===t.name),a={x:s,y:1};if(o){let e=o.data.findIndex(e=>e.x===s);-1===e?o.data.push(a):o.data[e].y+=1}else e.push({name:t.name,data:[a],color:this.colors[n]?this.colors[n]:this.getRandomColor(n)});return e},[])},createStatusChartSeries(e){this.chartSeries=[{name:this.$tc("job-listing.page.listing.grid.job-status.succeed"),data:this.getDataByItemStatus(e,"succeed"),color:"#37d046"},{name:this.$tc("job-listing.page.listing.grid.job-status.error"),data:this.getDataByItemStatus(e,"error"),color:"#de294c"},{name:this.$tc("job-listing.page.listing.grid.job-status.pending"),data:this.getDataByItemStatus(e,"pending"),color:"#d1d9e0"}]},getDataByItemStatus(e,t){return e.filter(e=>e.status===t).reduce((e,t)=>{let n=this.parseDate(t.createdAt),s=e.findIndex(e=>e.x===n);return -1!==s?e[s].y+=1:e.push({x:n,y:1}),e},[])},getRandomColor(){let e=(1048575e6*Math.random()).toString(16);return`#${e.slice(0,6)}`},statusCharts(){return[{name:this.$tc("job-listing.page.listing.grid.job-status.succeed"),data:[],color:"#37d046"},{name:this.$tc("job-listing.page.listing.grid.job-status.error"),data:[],color:"#de294c"},{name:this.$tc("job-listing.page.listing.grid.job-status.pending"),data:[],color:"#d1d9e0"}]},parseDate(e){return new Date((e=e.substring(0,e.lastIndexOf("T")+1)).replace(/-/g,"/").replace("T"," ")).valueOf()},onRefresh(){this.initChartData()}}}),n(158);let{Component:y,Mixin:k}=Shopware,{Criteria:I}=Shopware.Data;y.register("nosto-grouped-view",{template:'{% block nosto_grouped_view_base %}\n    <div class="nosto-grouped-view-container" v-if="groupedItems" :isLoading="isLoading">\n        <div class="nosto-grouped-view-wrapper"\n             v-for="group in groupedItems">\n            <sw-collapse :class="`is-${group.type}`">\n                <template #header>{{ group.title }} <span class="amount">({{ group.items.total }})</span></template>\n                <template #content>\n                    <nosto-entity-listing\n                            :items="group.items"\n                            :repository="jobRepository"\n                            :is-loading="isLoading"\n                            :showSelection="true"\n                            :allowColumnEdit="false"\n                            :allowDelete="true"\n                            :allowEdit="false"\n                            :page="1"\n                            :jobTypes="jobTypes"\n                            :columns="columns">\n                        <template #column-status="{ item }">\n                            {% block nosto_job_list_grid_job_status_link %}\n                                <template>\n                                    <nosto-job-status-badge :status="item.status"></nosto-job-status-badge>\n                                    {{ $tc(\'job-listing.page.listing.grid.job-status.\' + item.status) }}\n                                </template>\n                            {% endblock %}\n                        </template>\n                        <template #column-name="{ item }">\n                            {% block nosto_job_list_grid_job_name_link %}\n                                {{ item.name }}\n                            {% endblock %}\n                        </template>\n                        <template #column-startedAt="{ item }">\n                            {% block nosto_job_list_grid_job_started_date %}\n                                {{ formatDate(item.startedAt) }}\n                            {% endblock %}\n                        </template>\n                        <template #column-finishedAt="{ item }">\n                            {% block nosto_job_list_grid_job_finished_date %}\n                                {{ formatDate(item.finishedAt) }}\n                            {% endblock %}\n                        </template>\n                        <template #column-createdAt="{ item }">\n                            {% block nosto_job_list_grid_job_created_date %}\n                                {{ formatDate(item.createdAt) }}\n                            {% endblock %}\n                        </template>\n                        <template class="sub-jobs-column" #column-subJobs="{ item }">\n                            {% block nosto_job_list_grid_job_sub_jobs %}\n                                <div :class="item.subJobs.length > 0 ? \'has-subjobs\' : \'\'"\n                                     class="sub-jobs-counters-container jobs-info-counter"\n                                >\n                                    <div class="count-container" v-if="item.subJobs">\n                                        <span class="info-container">\n                                            <span class="count" v-html="getChildrenCount(item, \'succeed\')"></span>\n                                        </span>\n                                        <nosto-job-status-badge status="succeed"></nosto-job-status-badge>\n                                    </div>\n\n                                    <div class="count-container" v-if="item.subJobs">\n                                        <span class="warning-container">\n                                            <span class="count" v-html="getChildrenCount(item, \'pending\')"></span>\n                                        </span>\n                                        <nosto-job-status-badge status="pending"></nosto-job-status-badge>\n                                    </div>\n\n                                    <div class="count-container" v-if="item.subJobs">\n                                        <span class="error-counter">\n                                            <span class="count" v-html="getChildrenCount(item, \'error\')"></span>\n                                        </span>\n                                        <nosto-job-status-badge status="error"></nosto-job-status-badge>\n                                    </div>\n                                </div>\n                            {% endblock %}\n                            <sw-button v-if="item.subJobs.length > 0" class="sub-job-show-modal" size="small" variant="primary"\n                                       :disabled="item.subJobs.length <= 0" @click="showSubJobs(item.id)">\n                                <sw-icon name="regular-cog" color="#fff" :small="true" :decorative="true"></sw-icon>\n                                {{ $tc(\'job-listing.page.listing.grid.column.show-sub-jobs\') }}\n                            </sw-button>\n                        </template>\n                        <template #column-messages="{ item }">\n                            {% block nosto_job_list_grid_job_messages %}\n                                <div :class="item.messages.length > 0 ? \'has-messages\' : \'\'"\n                                     class="message-counters-container jobs-info-counter">\n                                    <div class="count-container" v-if="item.messages">\n                                        <span class="info-counter">\n                                            <span class="count" v-html="getMessagesCount(item, \'info\')"></span>\n                                        </span>\n                                        <sw-icon :small="true" name="regular-info-circle" color="#3498db"></sw-icon>\n                                    </div>\n\n                                    <div class="count-container" v-if="item.messages">\n                                        <span class="warning-counter">\n                                            <span class="count" v-html="getMessagesCount(item, \'warning\')"></span>\n                                        </span>\n                                        <sw-icon :small="true" name="regular-exclamation-triangle" color="#f39c12"></sw-icon>\n                                    </div>\n\n                                    <div class="count-container" v-if="item.messages">\n                                        <span class="error-counter">\n                                            <span class="count" v-html="getMessagesCount(item, \'error\')"></span>\n                                        </span>\n                                        <sw-icon :small="true" name="regular-times-hexagon" color="#c0392b"></sw-icon>\n                                    </div>\n                                </div>\n                                <sw-button v-if="item.messages.length > 0" class="job-messages-show-modal" size="small"\n                                           variant="primary" :disabled="item.messages.length <= 0"\n                                           @click="showJobMessages(item)">\n                                    <sw-icon name="regular-envelope" color="#fff" :small="true"\n                                             :decorative="true"></sw-icon>\n                                    Show job messages\n                                </sw-button>\n                            {% endblock %}\n                        </template>\n                        <template #actions="{ item }">\n                            <sw-context-menu-item :disabled="item.status !== \'error\'"\n                                                  @click="rescheduleJob(item.id)">\n                                {{ $tc(\'job-listing.actions.reschedule-job.button.label\') }}\n                            </sw-context-menu-item>\n                            <sw-context-menu-item class="sw-context-menu-item--danger"\n                                                  :disabled="!canDelete(item)"\n                                                  @click="onDeleteJob(item.id)">\n                                {{ $tc(\'job-listing.actions.delete-job.button.label\') }}\n                            </sw-context-menu-item>\n                        </template>\n                    </nosto-entity-listing>\n                </template>\n            </sw-collapse>\n        </div>\n        {% block nosto_entity_listing_job_info_modal %}\n            <sw-modal class="nosto-job-info-modal" v-if="showJobInfoModal" :title="$tc(\'job-listing.page.listing.grouped-view.job-info\')"\n                      @modal-close="showJobInfoModal = false">\n                <nosto-job-info v-if="currentJobID" :jobId="currentJobID">\n\n                </nosto-job-info>\n                <template #modal-footer>\n                    <sw-button variant="primary"\n                               @click="showJobInfoModal = false">\n                        {{ $tc(\'job-listing.page.listing.index.close\') }}\n                    </sw-button>\n                </template>\n            </sw-modal>\n        {% endblock %}\n\n        {% block nosto_entity_listing_job_subs_modal %}\n            <sw-modal class="nosto-job-sub-jobs-modal" v-if="showJobSubsModal" :title="$tc(\'job-listing.page.listing.grouped-view.sub-jobs\')"\n                      @modal-close="showJobSubsModal = false">\n                <nosto-job-sub-jobs v-if="currentJobID" :jobId="currentJobID">\n\n                </nosto-job-sub-jobs>\n                <template #modal-footer>\n                    <sw-button variant="primary"\n                               @click="showJobSubsModal = false">\n                        {{ $tc(\'job-listing.page.listing.index.close\') }}\n                    </sw-button>\n                </template>\n            </sw-modal>\n        {% endblock %}\n\n        {% block nosto_entity_listing_job_messages_modal %}\n            <sw-modal class="nosto-job-messages-modal" v-if="showMessagesModal" :title="$tc(\'job-listing.page.listing.grouped-view.job-messages\')"\n                      @modal-close="showMessagesModal = false">\n                {% block job_messages_listing %}\n                    <div v-if="currentJobMessages" class="job_list_grid_job_messages-information" style="width:100%;">\n                        <div class="messages-content" v-for="item in currentJobMessages">\n                            <sw-alert class="nosto-alert"\n                                      v-if="item.type == \'info-message\'"\n                                      variant="info"\n                                      appearance="default"\n                                      :showIcon="true"\n                                      :closable="false">\n                                {{ item.message }}\n                            </sw-alert>\n                            <sw-alert class="nosto-alert"\n                                      v-if="item.type == \'error-message\'"\n                                      variant="error"\n                                      appearance="default"\n                                      :showIcon="true"\n                                      :closable="false">\n                                {{ item.message }}\n                            </sw-alert>\n                            <sw-alert class="nosto-alert"\n                                      v-if="item.type == \'warning-message\'"\n                                      variant="warning"\n                                      appearance="default"\n                                      :showIcon="true"\n                                      :closable="false">\n                                {{ item.message }}\n                            </sw-alert>\n                        </div>\n                    </div>\n                {% endblock %}\n                <template #modal-footer>\n                    <sw-button variant="primary"\n                               @click="showMessagesModal = false">\n                        {{ $tc(\'job-listing.page.listing.index.close\') }}\n                    </sw-button>\n                </template>\n            </sw-modal>\n        {% endblock %}\n    </div>\n{% endblock %}\n',inject:["repositoryFactory"],mixins:[k.getByName("notification"),k.getByName("nosto-scheduler-utils")],props:{jobTypes:{type:Array,required:!1,default:()=>[]},groupCreationDate:{type:Object,required:!1,default:()=>{}},sortType:{type:String,required:!0,default:()=>"status"}},data(){return{groupedItems:[],isLoading:!1,showJobInfoModal:!1,showJobSubsModal:!1,currentJobID:null,showMessagesModal:!1,currentJobMessages:null}},computed:{jobRepository(){return this.repositoryFactory.create("nosto_scheduler_job")},messageRepository(){return this.repositoryFactory.create("nosto_scheduler_job_message")},jobMessagesColumns(){return[{property:"message",dataIndex:"message",label:this.$tc("job-listing.page.listing.grid.column.message"),allowResize:!1,align:"left",width:"90px"}]},columns(){return[{property:"name",label:this.$tc("job-listing.page.listing.grid.column.name"),allowResize:!0,width:"500px"},{property:"status",label:this.$tc("job-listing.page.listing.grid.column.status"),allowResize:!0,width:"150px"},{property:"startedAt",label:this.$tc("job-listing.page.listing.grid.column.started-at"),allowResize:!0,width:"170px"},{property:"finishedAt",label:this.$tc("job-listing.page.listing.grid.column.finished-at"),allowResize:!0,width:"170px"},{property:"createdAt",label:this.$tc("job-listing.page.listing.grid.column.created-at"),allowResize:!0,width:"170px"},{property:"subJobs",label:this.$tc("job-listing.page.listing.grid.column.child-jobs"),allowResize:!0,width:"250px",visible:!0,sortable:!1},{property:"messages",label:this.$tc("job-listing.page.listing.grid.column.messages"),allowResize:!0,width:"350px",visible:!0,sortable:!1}]}},watch:{sortType(){this.groupedItems=[],this.initGroupedView()},groupCreationDate:{handler(){this.groupedItems=[],this.initGroupedView()},deep:!0}},created(){this.initGroupedView()},beforeDestroy(){clearInterval(this.reloadInterval)},methods:{initGroupedView(){this.isLoading=!0;let e=new I;return e.addFilter(I.equals("parentId",null)),e.addSorting(I.sort("createdAt","DESC",!1)),e.addAssociation("messages"),e.addAssociation("subJobs"),e.limit=null,this.jobTypes!==[]&&e.addFilter(I.equalsAny("type",this.jobTypes)),this.groupCreationDate.fromDate&&e.addFilter(I.range("createdAt",{gte:this.groupCreationDate.fromDate})),this.groupCreationDate.toDate&&e.addFilter(I.range("createdAt",{lte:this.groupCreationDate.toDate})),this.jobRepository.search(e,Shopware.Context.api).then(e=>{this.sortJobs(e)})},sortJobs(e){this.groupedItemsTypes=[],this.groupedItems=[],e.forEach(e=>{-1===this.groupedItemsTypes.findIndex(t=>t.title===e[this.sortType])&&this.groupedItemsTypes.push({title:e[this.sortType]})}),this.getJobsByType(this.groupedItemsTypes)},getJobsByType(e){return e.forEach(e=>{let t=new I;t.addFilter(I.equals("parentId",null)),t.addSorting(I.sort("createdAt","DESC",!1)),t.addAssociation("messages"),t.addAssociation("subJobs"),this.groupCreationDate.fromDate&&t.addFilter(I.range("createdAt",{gte:this.groupCreationDate.fromDate})),this.groupCreationDate.toDate&&t.addFilter(I.range("createdAt",{lte:this.groupCreationDate.toDate})),this.jobTypes!==[]&&t.addFilter(I.equalsAny("type",this.jobTypes)),"status"===this.sortType&&t.addFilter(I.equals("status",e.title)),"type"===this.sortType&&t.addFilter(I.equals("type",e.title)),this.jobRepository.search(t,Shopware.Context.api).then(t=>{let n="status"===this.sortType?e.title.toUpperCase():t[0].name,o="status"===this.sortType?this.$tc(`job-listing.page.listing.grid.job-status.${e.title}`):t[0].name;this.groupedItems.push({title:o,type:n,items:s.sortMessages(t)})})}),this.isLoading=!1,this.groupedItems},getMessagesCount(e,t){return e.messages.filter(e=>e.type===`${t}-message`).length},getChildrenCount(e,t){return e.subJobs.filter(e=>e.status===t).length},onRefresh(){this.initGroupedView()},canDelete(e){return -1!==["error","succeed"].indexOf(e.status)},onDeleteJob(e){this.jobRepository.delete(e,Shopware.Context.api).then(()=>{this.updateList()})},rescheduleJob(e){this.NostoRescheduleService.rescheduleJob(e).then(()=>{this.createNotificationSuccess({message:"Job has been rescheduled successfully."}),this.updateList()}).catch(()=>{this.createNotificationError({message:"Unable reschedule job."})})},showJobInfo(e){this.currentJobID=e,this.showJobInfoModal=!0},showSubJobs(e){this.currentJobID=e,this.showJobSubsModal=!0},showJobMessages(e){this.currentJobMessages=e.messages,this.showMessagesModal=!0}}})}()})();
\ No newline at end of file

From e9b174e543bb9ce33129d24d5a514d188a6a64dc Mon Sep 17 00:00:00 2001
From: Tobias Graml <tobias.graml@nosto.com>
Date: Mon, 15 Apr 2024 10:13:54 +0200
Subject: [PATCH 5/5] Fix linting

---
 .../app/administration/src/mixins/nosto-scheduler-utils.js  | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/Resources/app/administration/src/mixins/nosto-scheduler-utils.js b/src/Resources/app/administration/src/mixins/nosto-scheduler-utils.js
index 05ba4c8..9138dfd 100644
--- a/src/Resources/app/administration/src/mixins/nosto-scheduler-utils.js
+++ b/src/Resources/app/administration/src/mixins/nosto-scheduler-utils.js
@@ -3,7 +3,7 @@ const { Mixin, Utils } = Shopware;
 Mixin.register('nosto-scheduler-utils', {
     methods: {
         formatDate(date) {
-            return Utils.format.date(date)
-        }
-    }
+            return Utils.format.date(date);
+        },
+    },
 });