From e3d5d5b6258b9825a0362a3797bcaf70c63b25ae Mon Sep 17 00:00:00 2001
From: Angelina Filippova <linakirsanova@gmail.com>
Date: Sat, 5 Sep 2020 21:34:00 +0300
Subject: [PATCH] Add form for creating new tag

---
 src/lang/en.js            |  1 +
 src/views/users/index.vue | 22 ++++++++++++++++++++--
 2 files changed, 21 insertions(+), 2 deletions(-)

diff --git a/src/lang/en.js b/src/lang/en.js
index e0869332..68e6f84a 100644
--- a/src/lang/en.js
+++ b/src/lang/en.js
@@ -187,6 +187,7 @@ export default {
     search: 'Search',
     id: 'ID',
     name: 'Name',
+    label: 'Label',
     status: 'Status',
     local: 'Local',
     external: 'External',
diff --git a/src/views/users/index.vue b/src/views/users/index.vue
index 748314e2..94cb60b0 100644
--- a/src/views/users/index.vue
+++ b/src/views/users/index.vue
@@ -120,7 +120,18 @@
       :show-close="false"
       :title="$t('users.createCustomTag')"
       @open="resetForm">
-      <span/>
+      <el-form ref="customTagForm" :model="customTagForm" :label-width="isDesktop ? '120px' : '85px'">
+        <el-form-item :label="$t('users.name')" prop="name">
+          <el-input v-model="customTagForm.name" name="name" autofocus/>
+        </el-form-item>
+        <el-form-item :label="$t('users.label')" prop="label">
+          <el-input v-model="customTagForm.label" name="label"/>
+        </el-form-item>
+        <span slot="footer">
+          <el-button @click="closeCustomTagDialog">{{ $t('users.cancel') }}</el-button>
+          <el-button type="primary" @click="addCustomTag('customTagForm')">{{ $t('users.create') }}</el-button>
+        </span>
+      </el-form>
     </el-dialog>
     <div v-if="!loading" class="pagination">
       <el-pagination
@@ -166,7 +177,11 @@ export default {
       selectedUsers: [],
       createAccountDialogOpen: false,
       resetPasswordDialogOpen: false,
-      createCustomTagDialogOpen: false
+      createCustomTagDialogOpen: false,
+      customTagForm: {
+        name: '',
+        label: ''
+      }
     }
   },
   computed: {
@@ -218,6 +233,9 @@ export default {
     clearSelection() {
       this.$refs.usersTable.clearSelection()
     },
+    closeCustomTagDialog() {
+      this.createCustomTagDialogOpen = false
+    },
     closeResetPasswordDialog() {
       this.resetPasswordDialogOpen = false
       this.$store.dispatch('RemovePasswordToken')