summaryrefslogtreecommitdiffstats
path: root/webapp/src/components/PermissionModuleRoleList.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/PermissionModuleRoleList.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/PermissionModuleRoleList.vue')
-rw-r--r--webapp/src/components/PermissionModuleRoleList.vue40
1 files changed, 11 insertions, 29 deletions
diff --git a/webapp/src/components/PermissionModuleRoleList.vue b/webapp/src/components/PermissionModuleRoleList.vue
index 3eade73..5478060 100644
--- a/webapp/src/components/PermissionModuleRoleList.vue
+++ b/webapp/src/components/PermissionModuleRoleList.vue
@@ -20,29 +20,11 @@
<template>
<div>
<v-card>
- <component-search-table :value="selectedRoles" @input="$store.commit('permissions/setSelectedRoles', $event)" :headers="headers" :items="roles" 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.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.data.item.id)">
- <v-icon>edit</v-icon>
- </v-btn>
- </v-layout>
- </td>
- </tr>
- </template>
- </component-search-table>
+ <data-table :value="selectedRoles" @input="$store.commit('permissions/setSelectedRoles', $event)" :headers="headers" :items="roles">
+ <div slot="action" slot-scope="row">
+ <v-btn flat icon color="primary" @click.stop="$store.commit('permissions/editRole', row.item.id)"><v-icon>edit</v-icon></v-btn>
+ </div>
+ </data-table>
</v-card>
<div class="text-xs-right">
<v-btn color="error" flat @click="$store.commit('permissions/setDialog', true )" :disabled="selectedRoles.length === 0">
@@ -57,20 +39,20 @@
<script>
import { mapState } from 'vuex'
-import ComponentSearchTable from '@/components/ComponentSearchTable'
+import DataTable from '@/components/DataTable'
export default {
name: 'PermissionModuleRoleList',
components: {
- ComponentSearchTable
+ DataTable
},
data () {
return {
headers: [
- { text: this.$t('id'), value: 'id' },
- { text: this.$t('name'), value: 'name' },
- { text: this.$t('description'), value: 'descr' },
- { sortable: false }
+ { text: this.$t('id'), key: 'id' },
+ { text: this.$t('name'), key: 'name' },
+ { text: this.$t('description'), key: 'descr' },
+ { sortable: false, key: 'action' }
]
}
},