summaryrefslogtreecommitdiffstats
path: root/webapp/src/components/GroupModuleGroupList.vue
diff options
context:
space:
mode:
Diffstat (limited to 'webapp/src/components/GroupModuleGroupList.vue')
-rw-r--r--webapp/src/components/GroupModuleGroupList.vue31
1 files changed, 6 insertions, 25 deletions
diff --git a/webapp/src/components/GroupModuleGroupList.vue b/webapp/src/components/GroupModuleGroupList.vue
index 896eeaa..88add11 100644
--- a/webapp/src/components/GroupModuleGroupList.vue
+++ b/webapp/src/components/GroupModuleGroupList.vue
@@ -24,25 +24,7 @@
<template>
<div>
<v-card>
- <component-search-table v-model="selected" :headers="headers" :items="groups" select-all :loading="loading">
- <template slot="items" slot-scope="row">
- <tr :style="row.color" @click="row.data.selected = !row.data.selected" @dblclick="loadGroup(row.data.item)">
- <td class="narrow-td">
- <v-checkbox
- color="primary"
- v-model="row.data.selected"
- hide-details
- ></v-checkbox>
- </td>
- <td class="narrow-td">{{ row.data.item.id }}</td>
- <td>{{ row.data.item.name }}</td>
- <td>{{ row.data.item.description }}</td>
- <td class="narrow-td">
- <v-btn class="next-arrow" icon @click.stop="loadGroup(row.data.item)"><v-icon>keyboard_arrow_right</v-icon></v-btn>
- </td>
- </tr>
- </template>
- </component-search-table>
+ <data-table v-model="selected" :headers="headers" :items="groups" :loading="loading" />
</v-card>
<div v-if="tabIndex === 0" class="text-xs-right">
<v-btn flat color="error" @click="deleteSelected" :disabled="selected.length === 0">
@@ -60,14 +42,14 @@
</template>
<script>
-import ComponentSearchTable from '@/components/ComponentSearchTable'
+import DataTable from '@/components/DataTable'
import { mapMutations } from 'vuex'
export default {
name: 'GroupModuleGroupList',
props: ['tabIndex', 'groupId', 'groups'],
components: {
- ComponentSearchTable
+ DataTable
},
data () {
return {
@@ -77,10 +59,9 @@ export default {
computed: {
headers () {
return [
- { text: this.$t('id'), value: 'id' },
- { text: this.$t('name'), value: 'name' },
- { text: this.$t('description'), value: 'description' },
- { sortable: false }
+ { text: this.$t('id'), key: 'id', width: '100px' },
+ { text: this.$t('name'), key: 'name' },
+ { text: this.$t('description'), key: 'description' }
]
},
loading () {