From 2d70096f51496a40d2d23100e735b1bfc4a8dead Mon Sep 17 00:00:00 2001
From: Angelina Filippova <linakirsanova@gmail.com>
Date: Thu, 3 Sep 2020 00:28:56 +0300
Subject: [PATCH] Add dropdown item and dialog window for creating custom tag

---
 src/lang/en.js                                |  3 ++-
 .../users/components/ModerationDropdown.vue   |  6 ++++++
 .../users/components/MultipleUsersMenu.vue    |  6 ++++++
 src/views/users/index.vue                     | 20 ++++++++++++++++---
 4 files changed, 31 insertions(+), 4 deletions(-)

diff --git a/src/lang/en.js b/src/lang/en.js
index d51fa0e1..e0869332 100644
--- a/src/lang/en.js
+++ b/src/lang/en.js
@@ -276,7 +276,8 @@ export default {
     person: 'Person',
     enableTagPolicy: 'Enable MRF TagPolicy to manage user tags',
     confirmEnablingTagPolicy: 'Are you sure you want to add TagPolicy to the list of enabled MRF policies?',
-    enableTagPolicySuccessMessage: 'MRF TagPolicy was enabled'
+    enableTagPolicySuccessMessage: 'MRF TagPolicy was enabled',
+    createCustomTag: 'Create custom tag'
   },
   statuses: {
     statuses: 'Statuses',
diff --git a/src/views/users/components/ModerationDropdown.vue b/src/views/users/components/ModerationDropdown.vue
index d54efe43..e049792d 100644
--- a/src/views/users/components/ModerationDropdown.vue
+++ b/src/views/users/components/ModerationDropdown.vue
@@ -110,6 +110,12 @@
         {{ $t('users.disableAnySubscription') }}
         <i v-if="user.tags.includes('mrf_tag:disable-any-subscription')" class="el-icon-check"/>
       </el-dropdown-item>
+      <el-dropdown-item
+        v-if="user.local && tagPolicyEnabled"
+        icon="el-icon-plus"
+        @click.native="$emit('open-custom-tag-dialog')">
+        {{ $t('users.createCustomTag') }}
+      </el-dropdown-item>
       <el-dropdown-item
         v-if="!tagPolicyEnabled"
         divided
diff --git a/src/views/users/components/MultipleUsersMenu.vue b/src/views/users/components/MultipleUsersMenu.vue
index bdf65006..081b91c2 100644
--- a/src/views/users/components/MultipleUsersMenu.vue
+++ b/src/views/users/components/MultipleUsersMenu.vue
@@ -139,6 +139,12 @@
           </el-button-group>
         </div>
       </el-dropdown-item>
+      <el-dropdown-item
+        v-if="tagPolicyEnabled"
+        icon="el-icon-plus"
+        @click.native="$emit('open-custom-tag-dialog')">
+        {{ $t('users.createCustomTag') }}
+      </el-dropdown-item>
       <el-dropdown-item
         v-if="!tagPolicyEnabled"
         divided
diff --git a/src/views/users/index.vue b/src/views/users/index.vue
index 9504b299..748314e2 100644
--- a/src/views/users/index.vue
+++ b/src/views/users/index.vue
@@ -25,7 +25,8 @@
       </el-button>
       <multiple-users-menu
         :selected-users="selectedUsers"
-        @apply-action="clearSelection"/>
+        @apply-action="clearSelection"
+        @open-custom-tag-dialog="openCustomTagDialog"/>
     </div>
     <new-account-dialog
       :dialog-form-visible="createAccountDialogOpen"
@@ -102,7 +103,8 @@
             v-if="propertyExists(scope.row, 'nickname')"
             :user="scope.row"
             :page="'users'"
-            @open-reset-token-dialog="openResetPasswordDialog"/>
+            @open-reset-token-dialog="openResetPasswordDialog"
+            @open-custom-tag-dialog="openCustomTagDialog"/>
           <el-button v-else type="text" disabled>
             {{ $t('users.moderation') }}
             <i v-if="isDesktop" class="el-icon-arrow-down el-icon--right"/>
@@ -113,6 +115,13 @@
     <reset-password-dialog
       :reset-password-dialog-open="resetPasswordDialogOpen"
       @close-reset-token-dialog="closeResetPasswordDialog"/>
+    <el-dialog
+      :visible.sync="createCustomTagDialogOpen"
+      :show-close="false"
+      :title="$t('users.createCustomTag')"
+      @open="resetForm">
+      <span/>
+    </el-dialog>
     <div v-if="!loading" class="pagination">
       <el-pagination
         :total="usersCount"
@@ -156,7 +165,8 @@ export default {
       search: '',
       selectedUsers: [],
       createAccountDialogOpen: false,
-      resetPasswordDialogOpen: false
+      resetPasswordDialogOpen: false,
+      createCustomTagDialogOpen: false
     }
   },
   computed: {
@@ -235,6 +245,9 @@ export default {
     handleSelectionChange(value) {
       this.$data.selectedUsers = value
     },
+    openCustomTagDialog() {
+      this.createCustomTagDialogOpen = true
+    },
     openResetPasswordDialog() {
       this.resetPasswordDialogOpen = true
     },
@@ -244,6 +257,7 @@ export default {
     regReason(reason) {
       return reason && reason.length > 0
     },
+    resetForm() {},
     showDeactivatedButton(id) {
       return this.$store.state.user.id !== id
     }