feat: create functionality to save current tags to tag collection

Rule-34 · Mar 1, 2021 · baf0cc0 · baf0cc0
1 parent 517648d
commit baf0cc0
Show file tree

Hide file tree

Showing 2 changed files with 48 additions and 4 deletions.
diff --git a/components/pages/posts/navigation/search/Search.vue b/components/pages/posts/navigation/search/Search.vue
@@ -155,6 +155,7 @@
     <transition name="page">
       <SearchTagCollections
         v-if="tagCollections.isActive"
+        :search-tags="search.tags"
         @toggleTagCollections="toggleTagCollections"
         @mergeToSearchTags="mergeSearchTags"
       />

diff --git a/components/pages/posts/navigation/search/SearchTagCollections.vue b/components/pages/posts/navigation/search/SearchTagCollections.vue
@@ -55,8 +55,18 @@
         </section>
 
         <!-- CTA -->
-        <footer class="text-center">
-          <NuxtLink class="text-sm" to="/premium">Create more</NuxtLink>
+        <footer class="space-y-1 text-sm text-center">
+          <NuxtLink to="/premium">Create more</NuxtLink>
+
+          <p class="text-xs text-default-text-muted">Or</p>
+
+          <button
+            class="text-sm color-util"
+            type="button"
+            @click="saveSearchTagsToTagCollection"
+          >
+            Create from current tags
+          </button>
         </footer>
       </menu>
     </div>
@@ -75,12 +85,26 @@ export default {
     Error,
   },
 
+  props: {
+    searchTags: {
+      type: Array,
+      default() {
+        return []
+      },
+    },
+  },
+
   computed: {
     ...mapGetters('user', ['getTagCollections']),
   },
 
   methods: {
     ...mapActions('booru', ['tagsManager']),
+    ...mapActions('user', ['customTagCollectionsManager']),
+
+    toggleTagCollections() {
+      this.$emit('toggleTagCollections')
+    },
 
     addTagCollectionToTags(tagCollectionIndex) {
       this.$emit(
@@ -91,8 +115,27 @@ export default {
       this.toggleTagCollections()
     },
 
-    toggleTagCollections() {
-      this.$emit('toggleTagCollections')
+    saveSearchTagsToTagCollection() {
+      if (!this.searchTags.length) {
+        return
+      }
+
+      const tagCollectionName = prompt(
+        'Choose a name for the new Tag Collection.'
+      )
+
+      if (!tagCollectionName) {
+        alert('Wrong input, only text please.')
+        return
+      }
+
+      this.customTagCollectionsManager({
+        operation: 'add',
+        value: {
+          name: tagCollectionName,
+          tags: this.searchTags,
+        },
+      })
     },
   },
 }