summaryrefslogtreecommitdiffstats
path: root/webapp/src/components/PermissionModuleRoleList.vue
diff options
context:
space:
mode:
authorChristian Hofmaier2018-08-10 02:28:51 +0200
committerChristian Hofmaier2018-08-10 02:28:51 +0200
commit79966027428a7d9e1425c63777647e53c9167066 (patch)
treebe23858c24b4ffedd19a6ec188fc5eb87a9c6090 /webapp/src/components/PermissionModuleRoleList.vue
parent[server/config] Add server configs. (diff)
downloadbas-79966027428a7d9e1425c63777647e53c9167066.tar.gz
bas-79966027428a7d9e1425c63777647e53c9167066.tar.xz
bas-79966027428a7d9e1425c63777647e53c9167066.zip
[permissions] Add recursive group selection + tables changed to search tables
Role Table has now a new column recursiveGroups to display if recursive selection is wanted Roles and Permissions can now have longer descriptions Data-Tables are now Udos Search-Tables
Diffstat (limited to 'webapp/src/components/PermissionModuleRoleList.vue')
-rw-r--r--webapp/src/components/PermissionModuleRoleList.vue29
1 files changed, 12 insertions, 17 deletions
diff --git a/webapp/src/components/PermissionModuleRoleList.vue b/webapp/src/components/PermissionModuleRoleList.vue
index 067f161..3eade73 100644
--- a/webapp/src/components/PermissionModuleRoleList.vue
+++ b/webapp/src/components/PermissionModuleRoleList.vue
@@ -20,38 +20,29 @@
<template>
<div>
<v-card>
- <v-data-table
- :headers="headers"
- :items="roles"
- item-key="id"
- hide-actions
- select-all
- :value="selectedRoles"
- @input="$store.commit('permissions/setSelectedRoles', $event)"
- >
+ <component-search-table :value="selectedRoles" @input="$store.commit('permissions/setSelectedRoles', $event)" :headers="headers" :items="roles" 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>{{ props.item.id }}</td>
- <td>{{ props.item.name }}</td>
- <td>{{ props.item.descr }}</td>
+ <td>{{ props.data.item.id }}</td>
+ <td>{{ props.data.item.name }}</td>
+ <td>{{ props.data.item.descr }}</td>
<td>
<v-layout>
- <v-btn flat icon color="primary" @click.stop="$store.commit('permissions/editRole', props.item.id)">
+ <v-btn flat icon color="primary" @click.stop="$store.commit('permissions/editRole', props.data.item.id)">
<v-icon>edit</v-icon>
</v-btn>
</v-layout>
</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/setDialog', true )" :disabled="selectedRoles.length === 0">
@@ -66,9 +57,13 @@
<script>
import { mapState } from 'vuex'
+import ComponentSearchTable from '@/components/ComponentSearchTable'
export default {
name: 'PermissionModuleRoleList',
+ components: {
+ ComponentSearchTable
+ },
data () {
return {
headers: [