Add modal footer buttons

cortezaproject · Aug 21, 2023 · 5919908 · 5919908
1 parent 95cf245
commit 5919908
Showing 1 changed file with 29 additions and 4 deletions.
diff --git a/client/web/compose/src/views/Admin/Pages/Edit.vue b/client/web/compose/src/views/Admin/Pages/Edit.vue
@@ -694,14 +694,32 @@
     <b-modal
       v-model="showIconModal"
       :title="$t('icon.configure')"
-      :ok-title="$t('label.saveAndClose')"
       size="lg"
       label-class="text-primary"
-      cancel-variant="link"
       no-fade
-      @close="closeIconModal"
-      @ok="saveIconModal"
     >
+      <template #modal-footer>
+        <b-button
+          variant="link"
+          class="text-primary"
+          @click="closeIconModal"
+        >
+          {{ $t('general:label.cancel') }}
+        </b-button>
+        <b-button
+          :disabled="selectedAttachmentID"
+          variant="danger"
+          @click="deleteIcon"
+        >
+          {{ $t('general:label.delete') }}
+        </b-button>
+        <b-button
+          variant="primary"
+          @click="saveIconModal"
+        >
+          {{ $t('general:label.saveAndClose') }}
+        </b-button>
+      </template>
       <b-form-group
         :label="$t('icon.upload')"
         label-class="text-primary"
@@ -1279,6 +1297,13 @@ export default {
       this.roles = {}
       this.checkboxLabel = {}
     },
+
+    deleteIcon () {
+      if (this.selectedAttachmentID) {
+        // study altered logic
+        // pass ID or whatever BE needs to del icon
+      }
+    },
   },
 }
 </script>