FFWEB-2711:Add loader for export button

Add loader for export button - it will prevent to execute several exports at the same time

CHANGELOG.md

@@ -2,6 +2,7 @@
 ## Unreleased
 ### Add
 - Add refresh export cache button
+- Add loader for export button
 ### Fix
 - Fix problem with autowire EntityRepository and SalesChannelRepository for Shopware 6.4
 

src/Resources/app/administration/src/module/ui-feed-export/component/ui-feed-export-form/index.js

@@ -15,6 +15,7 @@ Component.register('ui-feed-export-form', {
             typeSelectOptions: [],
             isCacheDisable: false,
             isLoadingCache: false,
+            isLoadingExport: false,
         }
     },
 
@@ -65,6 +66,11 @@ Component.register('ui-feed-export-form', {
                 message: this.$tc('ui-feed-export.component.export_form.alert_error.text')
             })
         },
+        errorNotValidParams() {
+            this.createNotificationError({
+                message: this.$tc('ui-feed-export.component.export_form.alert_not_valid_params.text')
+            })
+        },
         successRefreshCacheWindow() {
             this.createNotificationSuccess({
                 message: this.$tc('ui-feed-export.component.export_form.refresh_cache_success.text')
@@ -75,18 +81,36 @@ Component.register('ui-feed-export-form', {
                 message: this.$tc('ui-feed-export.component.export_form.refresh_cache_error.text')
             })
         },
+        validateParams(params) {
+             if (params.salesChannelValue === null ||
+                 params.salesChannelLanguageValue === null ||
+                 params.exportTypeValue === null ) {
+                 return false;
+             }
+
+             return true;
+        },
         getFeedExportFile(url) {
-            const httpClient = Shopware.Service('syncService').httpClient;
-            const basicHeaders = {
-                Authorization: `Bearer ${Shopware.Context.api.authToken.access}`,
-                'Content-Type': 'application/json'
-            };
             const params = {
                 salesChannelValue: this.salesChannelValue,
                 salesChannelLanguageValue: this.salesChannelLanguageValue,
                 exportTypeValue: this.exportTypeValue
             };
 
+            if (!this.validateParams(params)) {
+                this.errorNotValidParams();
+
+                return;
+            }
+
+            this.isLoadingExport = true;
+            const httpClient = Shopware.Service('syncService').httpClient;
+            const basicHeaders = {
+                Authorization: `Bearer ${Shopware.Context.api.authToken.access}`,
+                'Content-Type': 'application/json'
+            };
+
+
             httpClient
                 .get(url, {
                     headers: basicHeaders,
@@ -98,6 +122,8 @@ Component.register('ui-feed-export-form', {
                     } else {
                         this.errorFeedGenerationWindow();
                     }
+
+                    this.isLoadingExport = false;
                 });
         },
         refreshExportCache(url) {

src/Resources/app/administration/src/module/ui-feed-export/component/ui-feed-export-form/ui-feed-export-form.html.twig

@@ -26,6 +26,8 @@
 
     </sw-container>
     <sw-button @click="getFeedExportFile('_action/fact-finder/generate-feed')"
+               :isLoading="isLoadingExport"
+               :disabled="isLoadingExport"
                variant="success"
                block="true"
                size="large">

src/Resources/app/administration/src/module/ui-feed-export/snippet/de-DE.json

@@ -16,11 +16,14 @@
           "title": "Refresh cache Export"
         },
         "alert_success": {
-          "text": "Integration process has been started"
+          "text": "Export has been generated"
         },
         "alert_error": {
           "text": "An error occurred during integration process"
         },
+        "alert_not_valid_params": {
+          "text": "Please choose export parameters"
+        },
         "refresh_cache_success": {
           "text": "Export cache has been refreshed"
         },

src/Resources/app/administration/src/module/ui-feed-export/snippet/en-GB.json

@@ -16,14 +16,17 @@
           "title": "Refresh cache Export"
         },
         "alert_success": {
-          "text": "Integration process has been started"
+          "text": "Export has been generated"
         },
         "alert_error": {
           "text": "An error occurred during integration process"
         },
         "export_type": {
           "label": "Select export type"
         },
+        "alert_not_valid_params": {
+          "text": "Please choose export parameters"
+        },
         "refresh_cache_success": {
           "text": "Export cache has been refreshed"
         },