qbism/qb-admin-fe
1
0
Fork 0
forked from AkkomaGang/admin-fe
Code Issues Pull requests Packages Projects Releases Wiki Activity

Return select multiple filters

Browse source
This commit is contained in:
Angelina Filippova 2019-03-25 01:58:01 +03:00
parent b8b7e4b021
commit 28c2833583
2 changed files with 11 additions and 27 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
src/store/modules/users.js
View file

@ -42,8 +42,8 @@ const users = {
SET_SEARCH_QUERY: (state, query) => {
state.searchQuery = query
},
SET_USERS_FILTER: (state, filters) => {
state.filters = filters
SET_USERS_FILTER: (state, filter) => {
state.filters[filter] = !state.filters[filter]
}
},
actions: {
@ -72,15 +72,8 @@ const users = {
loadUsers(commit, page, response.data)
}
},
async ToggleUsersFilter({ commit, dispatch, state }, filters) {
const newFilters = Object.keys(state.filters).reduce((acc, filter) => {
if (filters.includes(filter)) {
return { ...acc, [filter]: true }
} else {
return { ...acc, [filter]: false }
}
}, {})
commit('SET_USERS_FILTER', newFilters)
async ToggleUsersFilter({ commit, dispatch, state }, filter) {
commit('SET_USERS_FILTER', filter)
// dispatch('SearchUsers', { query: state.searchQuery, page: 1 })
},
async ToggleRight({ commit, getters }, { user, right }) {

23
src/views/users/components/UsersFilter.vue
View file

@ -28,19 +28,19 @@ export default {
label: 'By user type',
options: [{
label: 'Local',
value: 'userType/showLocalUsersOnly'
value: 'showLocalUsersOnly'
}, {
label: 'External',
value: 'userType/showExternalUsersOnly'
value: 'showExternalUsersOnly'
}]
}, {
label: 'By status',
options: [{
label: 'Active',
value: 'userStatus/showActiveUsersOnly'
value: 'showActiveUsersOnly'
}, {
label: 'Deactivated',
value: 'userStatus/showDeactivatedUsersOnly'
value: 'showDeactivatedUsersOnly'
}]
}],
value: []
@ -52,18 +52,9 @@ export default {
}
},
methods: {
handleFilterToggle(value) {
const reversed = value.reverse()
const userTypeFilter = reversed.find(filter => filter.includes('userType'))
const userStatusFilter = reversed.find(filter => filter.includes('userStatus'))
const filters = [userTypeFilter, userStatusFilter].filter(item => item)
this.$data.value = filters
const filtersWithoutGroupnames = filters.reduce((acc, item) => {
const filter = item.split('/')[1]
acc.push(filter)
return acc
}, [])
this.$store.dispatch('ToggleUsersFilter', filtersWithoutGroupnames)
handleFilterToggle(filters) {
const currentFilter = filters[filters.length - 1]
this.$store.dispatch('ToggleUsersFilter', currentFilter)
}
}
}