summaryrefslogtreecommitdiffstats
path: root/webapp/src/components/PermissionModuleUserList.vue
diff options
context:
space:
mode:
authorChristian Hofmaier2019-02-15 16:14:30 +0100
committerChristian Hofmaier2019-02-15 16:14:30 +0100
commit3b245c0998714c5f79defd0f756ae83002273c17 (patch)
tree31cfdfde706b62880a93812d1348a0513713c734 /webapp/src/components/PermissionModuleUserList.vue
parentImplement Middlware for Permission Manager (diff)
downloadbas-3b245c0998714c5f79defd0f756ae83002273c17.tar.gz
bas-3b245c0998714c5f79defd0f756ae83002273c17.tar.xz
bas-3b245c0998714c5f79defd0f756ae83002273c17.zip
[permissionmanager]Integrate new data-table + api format
Diffstat (limited to 'webapp/src/components/PermissionModuleUserList.vue')
-rw-r--r--webapp/src/components/PermissionModuleUserList.vue43
1 files changed, 15 insertions, 28 deletions
diff --git a/webapp/src/components/PermissionModuleUserList.vue b/webapp/src/components/PermissionModuleUserList.vue
index 4222ba1..276b4af 100644
--- a/webapp/src/components/PermissionModuleUserList.vue
+++ b/webapp/src/components/PermissionModuleUserList.vue
@@ -20,29 +20,16 @@
<template>
<div>
<v-card>
- <component-search-table :value="selectedUsers" @input="$store.commit('permissions/setSelectedUsers', $event)" :headers="headers" :items="users" select-all>
- <template slot="items" slot-scope="props">
- <tr :style="props.color" @click="props.data.selected = !props.data.selected">
- <td>
- <v-checkbox
- color="primary"
- v-model="props.data.selected"
- hide-details
- ></v-checkbox>
- </td>
- <td>{{ props.data.item.username }}</td>
- <td>{{ props.data.item.name }}</td>
- <td>
- <template v-for="role in props.data.item.roles">
- <v-tooltip bottom :key="role.id">
- <v-chip small slot="activator">{{ role.name }}</v-chip>
- <span>{{ role.descr }}</span>
- </v-tooltip>
- </template>
- </td>
- </tr>
- </template>
- </component-search-table>
+ <data-table :value="selectedUsers" @input="$store.commit('permissions/setSelectedUsers', $event)" :headers="headers" :items="users">
+ <div slot="roles" slot-scope="row">
+ <template v-for="role in row.item.roles">
+ <v-tooltip bottom :key="role.id">
+ <v-chip small slot="activator">{{ role.name }}</v-chip>
+ <span>{{ role.descr }}</span>
+ </v-tooltip>
+ </template>
+ </div>
+ </data-table>
</v-card>
<div class="text-xs-right">
<v-btn color="error" flat @click="$store.commit('permissions/grantRevoke', { show: true, grant: false } )" :disabled="selectedUsers.length === 0">
@@ -57,19 +44,19 @@
<script>
import { mapState } from 'vuex'
-import ComponentSearchTable from '@/components/ComponentSearchTable'
+import DataTable from '@/components/DataTable'
export default {
name: 'PermissionModuleUserList',
components: {
- ComponentSearchTable
+ DataTable
},
data () {
return {
headers: [
- { text: this.$t('username'), value: 'username' },
- { text: this.$t('name'), value: 'name' },
- { text: this.$t('roles'), value: 'id' }
+ { text: this.$t('username'), key: 'username' },
+ { text: this.$t('name'), key: 'name' },
+ { text: this.$t('roles'), key: 'roles' }
]
}
},