fixing #249 - delete implemented

literakl · Feb 6, 2022 · 283bc7d · 283bc7d
1 parent 6ee2000
commit 283bc7d
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 0 deletions.
diff --git a/spa/src/modules/vuex/items.js b/spa/src/modules/vuex/items.js
@@ -218,5 +218,12 @@ export default {
       context.commit('CLEAR_CONTENT');
       return response.data;
     },
+    DELETE_SNIPPET: async (context, payload) => {
+      Vue.$log.debug('DELETE_SNIPPET');
+      const { itemId, code } = payload;
+      const response = await deleteApi('API',`/items/${itemId}/snippets/${code}`, {}, context);
+      context.commit('CLEAR_CONTENT');
+      return response.data;
+    },
   },
 };
diff --git a/spa/src/views/item/EditSnippets.vue b/spa/src/views/item/EditSnippets.vue
@@ -2,6 +2,14 @@
   <div class="pt-3 centerbox m-auto" v-if="item">
     <h2>{{ $t('page-title.snippets') }}</h2>
 
+    <div v-if="snippets" v-for="snippet in snippets" :key="snippet.code">
+      {{ snippet.code }}
+      {{ snippet.type }}
+      <b-button variant="post-btn" @click="deleteSnippet(snippet.code)">
+        {{ $t("generic.delete-button") }}
+      </b-button>
+    </div>
+
     <div class="field-area">
       <div>
         <label class="d-label">{{ $t('cms.snippets.code') }}</label>
@@ -243,6 +251,21 @@ export default {
         this.showError(result.errors);
       }
     },
+    async deleteSnippet(code) {
+      const body = {
+        itemId: this.item._id,
+        code,
+      };
+
+      this.errors = [];
+      let result = await this.$store.dispatch('DELETE_SNIPPET', body);
+      if (result.success) {
+        await this.$store.dispatch('FETCH_CONTENT', { slug: this.slug });
+        this.snippets = this.item.snippets;
+      } else {
+        this.showError(result.errors);
+      }
+    },
     showError(errors) {
       for (let i = 0; i < errors.length; i += 1) {
         this.errors.push(this.$t(errors[i].messageKey));