Refactor props and data property naming in CButtonSubmit and eveywher…

…e it's used to match current naming conventions

client/web/compose/src/components/Admin/EditorToolbar.vue

@@ -14,7 +14,7 @@
         <b-button
           data-test-id="button-back-without-save"
           variant="link"
-          :disabled="buttonProcessing"
+          :disabled="processing"
           class="text-dark back mr-auto"
           @click="$emit('back')"
         >
@@ -37,7 +37,7 @@
         <c-input-confirm
           v-if="!hideDelete"
           v-b-tooltip.hover
-          :disabled="disableDelete || buttonProcessing"
+          :disabled="disableDelete || processing"
           size="lg"
           size-confirm="lg"
           variant="danger"
@@ -50,9 +50,9 @@
         <c-button-submit
           v-if="!hideClone"
           data-test-id="button-clone"
-          :disabled="disableClone || buttonCloneProcessing"
+          :disabled="disableClone || processingClone"
           :title="cloneTooltip"
-          :processing="buttonCloneProcessing"
+          :processing="processingClone"
           :variant="'light'"
           :button-text="$t('label.saveAsCopy')"
           :button-size="'lg'"
@@ -62,8 +62,8 @@
         <c-button-submit
           v-if="!hideSave"
           data-test-id="button-save-and-close"
-          :disabled="disableSave || buttonSaveAndCloseProcessing"
-          :processing="buttonSaveAndCloseProcessing"
+          :disabled="disableSave || processingSaveAndClose"
+          :processing="processingSaveAndClose"
           :variant="'light'"
           :button-text="$t('label.saveAndClose')"
           :button-size="'lg'"
@@ -73,8 +73,8 @@
         <c-button-submit
           v-if="!hideSave"
           data-test-id="button-save"
-          :disabled="disableSave || buttonSaveProcessing"
-          :processing="buttonSaveProcessing"
+          :disabled="disableSave || processingSave"
+          :processing="processingSave"
           :button-text="$t('label.save')"
           :button-size="'lg'"
           class="ml-2"
@@ -101,22 +101,22 @@ export default {
   inheritAttrs: true,
 
   props: {
-    buttonProcessing: {
+    processing: {
       type: Boolean,
       default: false,
     },
 
-    buttonSaveProcessing: {
+    processingSave: {
       type: Boolean,
       default: false,
     },
 
-    buttonSaveAndCloseProcessing: {
+    processingSaveAndClose: {
       type: Boolean,
       default: false,
     },
 
-    buttonCloneProcessing: {
+    processingClone: {
       type: Boolean,
       default: false,
     },

client/web/compose/src/components/Namespaces/Reminders/Edit.vue

@@ -123,7 +123,7 @@
       <c-button-submit
         data-test-id="button-save"
         :disabled="disableSave"
-        :processing="buttonSaveProcessing"
+        :processing="processingSave"
         :button-text="$t('label.save')"
         @submit="$emit('save', reminder)"
       />
@@ -167,7 +167,7 @@ export default {
       default: false,
     },
 
-    buttonSaveProcessing: {
+    processingSave: {
       type: Boolean,
       default: false,
     },

client/web/compose/src/components/Namespaces/Reminders/index.vue

@@ -14,7 +14,7 @@
       :edit="edit"
       :users="users"
       :disable-save="disableSave"
-      :button-save-processing="buttonSaveProcessing"
+      :processing-save="processingSave"
       class="flex-fill"
       @dismiss="onDismiss"
       @back="onCancel()"
@@ -40,7 +40,7 @@ export default {
       reminders: [],
       edit: null,
       disableSave: false,
-      buttonSaveProcessing: false,
+      processingSave: false,
     }
   },
 
@@ -81,7 +81,7 @@ export default {
 
     onSave (r) {
       this.disableSave = true
-      this.buttonSaveProcessing = true
+      this.processingSave = true
       const endpoint = r.reminderID && r.reminderID !== NoID ? 'reminderUpdate' : 'reminderCreate'
 
       this.$SystemAPI[endpoint](r).then(() => {
@@ -91,7 +91,7 @@ export default {
         this.$Reminder.prefetch()
       }).finally(() => {
         this.disableSave = false
-        this.buttonSaveProcessing = false
+        this.processingSave = false
       })
     },
 

client/web/compose/src/mixins/pages.js

@@ -4,7 +4,7 @@ import { fetchID } from 'corteza-webapp-compose/src/lib/block'
 export default {
   data () {
     return {
-      buttonCloneProcessing: false,
+      processingClone: false,
     }
   },
 
@@ -24,7 +24,7 @@ export default {
     },
 
     handleClone () {
-      this.buttonCloneProcessing = true
+      this.processingClone = true
       const { namespaceID = NoID } = this.namespace
       const pattern = /\([0-9]+\)/
 
@@ -85,7 +85,7 @@ export default {
           this.$router.push({ name: this.$route.name, params: { pageID } })
         })
         .catch(this.toastErrorHandler(this.$t('notification:page.cloneFailed')))
-        .finally(() => { this.buttonCloneProcessing = false })
+        .finally(() => { this.processingClone = false })
     },
 
     cloneLayouts (pageID) {

client/web/compose/src/views/Admin/Charts/Edit.vue

@@ -271,7 +271,7 @@
                 >
                   <b-button
                     :title="$t('edit.loadData')"
-                    :disabled="buttonProcessing || !reportsValid"
+                    :disabled="processing || !reportsValid"
                     variant="outline-light"
                     size="lg"
                     class="d-flex align-items-center text-primary ml-auto border-0 px-2 mt-2 mr-2"
@@ -297,9 +297,9 @@
 
     <portal to="admin-toolbar">
       <editor-toolbar
-        :button-processing="buttonProcessing"
-        :button-save-processing="buttonSaveProcessing"
-        :button-save-and-close-processing="buttonSaveAndCloseProcessing"
+        :processing="processing"
+        :processing-save="processingSave"
+        :processing-save-and-close="processingSaveAndClose"
         :hide-delete="hideDelete"
         :hide-save="hideSave"
         hide-clone
@@ -374,9 +374,9 @@ export default {
     return {
       chart: undefined,
       initialChartState: undefined,
-      buttonProcessing: false,
-      buttonSaveProcessing: false,
-      buttonSaveAndCloseProcessing: false,
+      processing: false,
+      processingSave: false,
+      processingSaveAndClose: false,
 
       editReportIndex: undefined,
       checkboxLabel: {
@@ -605,7 +605,7 @@ export default {
     },
 
     update () {
-      this.buttonProcessing = true
+      this.processing = true
       this.$refs.chart.updateChart()
     },
 
@@ -614,16 +614,16 @@ export default {
     }, 300),
 
     onUpdated () {
-      this.buttonProcessing = false
+      this.processing = false
     },
 
     handleSave ({ closeOnSuccess = false } = {}) {
-      this.buttonProcessing = true
+      this.processing = true
 
       if (closeOnSuccess) {
-        this.buttonSaveAndCloseProcessing = true
+        this.processingSaveAndClose = true
       } else {
-        this.buttonSaveProcessing = true
+        this.processingSave = true
       }
 
       /**
@@ -646,13 +646,13 @@ export default {
         })
           .catch(this.toastErrorHandler(this.$t('notification:chart.saveFailed')))
           .finally(() => {
-            this.buttonProcessing = false
+            this.processing = false
 
             if (closeOnSuccess) {
-              this.buttonSaveAndCloseProcessing = false
+              this.processingSaveAndClose = false
               return
             }
-            this.buttonSaveProcessing = false
+            this.processingSave = false
           })
       } else {
         this.updateChart(c).then((chart) => {
@@ -665,26 +665,26 @@ export default {
         })
           .catch(this.toastErrorHandler(this.$t('notification:chart.saveFailed')))
           .finally(() => {
-            this.buttonProcessing = false
+            this.processing = false
 
             if (closeOnSuccess) {
-              this.buttonSaveAndCloseProcessing = false
+              this.processingSaveAndClose = false
               return
             }
-            this.buttonSaveProcessing = false
+            this.processingSave = false
           })
       }
     },
 
     handleDelete () {
-      this.buttonProcessing = true
+      this.processing = true
 
       this.deleteChart(this.chart).then(() => {
         this.toastSuccess(this.$t('notification:chart.deleted'))
         this.$router.push({ name: 'admin.charts' })
       })
         .catch(this.toastErrorHandler(this.$t('notification:chart.deleteFailed')))
-        .finally(() => { this.buttonProcessing = false })
+        .finally(() => { this.processing = false })
     },
 
     redirect () {