WIP

cortezaproject · Oct 18, 2023 · 6e87e9e · 6e87e9e
1 parent 8621be1
commit 6e87e9e
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 18 deletions.
diff --git a/client/web/compose/src/views/Admin/Pages/Edit.vue b/client/web/compose/src/views/Admin/Pages/Edit.vue
@@ -723,32 +723,34 @@
       :title="$t('icon.configure')"
       size="lg"
       label-class="text-primary"
+      footer-class="d-flex justify-content-between"
       no-fade
     >
       <template #modal-footer>
-        <b-button
-          variant="link"
-          class="text-primary"
-          @click="closeIconModal"
-        >
-          {{ $t('general:label.cancel') }}
-        </b-button>
         <c-input-confirm
-          :disabled="attachments && !selectedAttachmentID"
-          :tooltip="$t('icon.tooltip.delete')"
+          :disabled="(attachments && !selectedAttachmentID) || processing"
           size="md"
           variant="danger"
           class="py-1"
           @confirmed="deleteIcon"
         >
-          {{ $t('general:label.delete') }}
+          {{ $t('icon.delete') }}
         </c-input-confirm>
-        <b-button
-          variant="primary"
-          @click="saveIconModal"
-        >
-          {{ $t('general:label.saveAndClose') }}
-        </b-button>
+        <div>
+          <b-button
+            variant="link"
+            class="text-primary"
+            @click="closeIconModal"
+          >
+            {{ $t('general:label.cancel') }}
+          </b-button>
+          <b-button
+            variant="primary"
+            @click="saveIconModal"
+          >
+            {{ $t('general:label.saveAndClose') }}
+          </b-button>
+        </div>
       </template>
       <b-form-group
         :label="$t('icon.upload')"
@@ -1265,6 +1267,7 @@ export default {
               this.attachments.push({ ...a, src })
             })
           }
+          // debugger
         })
         .catch(this.toastErrorHandler(this.$t('notification:page.iconFetchFailed')))
     },
@@ -1361,17 +1364,27 @@ export default {
     },
 
     deleteIcon () {
+      // debugger
+      this.processing = true
+
       return this.$ComposeAPI.iconDelete({ iconID: this.selectedAttachmentID })
         .then(() => {
           this.fetchAttachments().then(() => {
             this.setCurrentIcon()
           })
         })
         .catch(this.toastErrorHandler(this.$t('notification:page.iconUndeleteFailed')))
+        .finally(() => {
+          this.processing = false
+        })
     },
 
     setCurrentIcon () {
       this.selectedAttachmentID = (this.attachments.find(a => a.url === this.icon.src) || {}).attachmentID
+
+      if (!this.selectedAttachmentID) {
+        this.icon = {}
+      }
     },
   },
 }

diff --git a/locale/en/corteza-webapp-compose/page.yaml b/locale/en/corteza-webapp-compose/page.yaml
@@ -77,8 +77,7 @@ icon:
   page: Page icon
   upload: Upload icon
   list: Uploaded icons
-  tooltip:
-    delete: Delete selected icon
+  delete: Delete selected icon
 url:
   label: Or add URL to icon
 import: 'Import page(s):'