From d67f4505116ef09bf8e86f6d3d9eeb5d92259160 Mon Sep 17 00:00:00 2001
From: Angelina Filippova <linakirsanova@gmail.com>
Date: Wed, 27 Mar 2019 03:33:35 +0500
Subject: [PATCH] Change rendering approach in users filters

---
 src/views/users/components/UsersFilter.vue | 35 +++++-----------------
 1 file changed, 7 insertions(+), 28 deletions(-)

diff --git a/src/views/users/components/UsersFilter.vue b/src/views/users/components/UsersFilter.vue
index aaaccb34..7da7a0dd 100644
--- a/src/views/users/components/UsersFilter.vue
+++ b/src/views/users/components/UsersFilter.vue
@@ -7,15 +7,13 @@
     multiple
     class="select-field"
     @change="toggleFilters">
-    <el-option-group
-      v-for="group in filters"
-      :key="group.label"
-      :label="group.label">
-      <el-option
-        v-for="item in group.options"
-        :key="item.value"
-        :label="item.label"
-        :value="item.value"/>
+    <el-option-group :label="$t('usersFilter.byUserType')">
+      <el-option value="local">{{ $t('usersFilter.local') }}</el-option>
+      <el-option value="external">{{ $t('usersFilter.external') }}</el-option>
+    </el-option-group>
+    <el-option-group :label="$t('usersFilter.byStatus')">
+      <el-option value="active">{{ $t('usersFilter.active') }}</el-option>
+      <el-option value="deactivated">{{ $t('usersFilter.deactivated') }}</el-option>
     </el-option-group>
   </el-select>
 </template>
@@ -24,25 +22,6 @@
 export default {
   data() {
     return {
-      filters: [{
-        label: this.$i18n.t('usersFilter.byUserType'),
-        options: [{
-          label: this.$i18n.t('usersFilter.local'),
-          value: 'local'
-        }, {
-          label: this.$i18n.t('usersFilter.external'),
-          value: 'external'
-        }]
-      }, {
-        label: this.$i18n.t('usersFilter.byStatus'),
-        options: [{
-          label: this.$i18n.t('usersFilter.active'),
-          value: 'active'
-        }, {
-          label: this.$i18n.t('usersFilter.deactivated'),
-          value: 'deactivated'
-        }]
-      }],
       value: []
     }
   },