summaryrefslogtreecommitdiffstats
path: root/webapp/src/components/PermissionModuleUserList.vue
diff options
context:
space:
mode:
Diffstat (limited to 'webapp/src/components/PermissionModuleUserList.vue')
-rw-r--r--webapp/src/components/PermissionModuleUserList.vue28
1 files changed, 11 insertions, 17 deletions
diff --git a/webapp/src/components/PermissionModuleUserList.vue b/webapp/src/components/PermissionModuleUserList.vue
index 1a28304..4222ba1 100644
--- a/webapp/src/components/PermissionModuleUserList.vue
+++ b/webapp/src/components/PermissionModuleUserList.vue
@@ -20,30 +20,20 @@
<template>
<div>
<v-card>
- <v-data-table
- :headers="headers"
- :items="users"
- item-key="id"
- hide-actions
- select-all
- :value="selectedUsers"
- @input="$store.commit('permissions/setSelectedUsers', $event)"
- >
+ <component-search-table :value="selectedUsers" @input="$store.commit('permissions/setSelectedUsers', $event)" :headers="headers" :items="users" select-all>
<template slot="items" slot-scope="props">
- <tr @click="props.selected = !props.selected">
+ <tr :style="props.color" @click="props.data.selected = !props.data.selected">
<td>
<v-checkbox
color="primary"
- v-model="props.selected"
+ v-model="props.data.selected"
hide-details
- @click.native.stop
></v-checkbox>
</td>
- <td hidden>{{ props.item.id }}</td>
- <td>{{ props.item.username }}</td>
- <td>{{ props.item.name }}</td>
+ <td>{{ props.data.item.username }}</td>
+ <td>{{ props.data.item.name }}</td>
<td>
- <template v-for="role in props.item.roles">
+ <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>
@@ -52,7 +42,7 @@
</td>
</tr>
</template>
- </v-data-table>
+ </component-search-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">
@@ -67,9 +57,13 @@
<script>
import { mapState } from 'vuex'
+import ComponentSearchTable from '@/components/ComponentSearchTable'
export default {
name: 'PermissionModuleUserList',
+ components: {
+ ComponentSearchTable
+ },
data () {
return {
headers: [