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: []
}
},
--
GitLab