summaryrefslogtreecommitdiffstats
path: root/webapp/src/components/GroupModuleClientList.vue
diff options
context:
space:
mode:
authorUdo Walter2018-08-02 01:42:30 +0200
committerUdo Walter2018-08-02 01:42:30 +0200
commitb311735e97bedd764f2e6d43afe8d24bb4fb67a1 (patch)
treebcaf99471f341dde57e31a20634341756b45ef0c /webapp/src/components/GroupModuleClientList.vue
parent[groups] add client edit functionality (diff)
downloadbas-b311735e97bedd764f2e6d43afe8d24bb4fb67a1.tar.gz
bas-b311735e97bedd764f2e6d43afe8d24bb4fb67a1.tar.xz
bas-b311735e97bedd764f2e6d43afe8d24bb4fb67a1.zip
[groups] add create functionality
Diffstat (limited to 'webapp/src/components/GroupModuleClientList.vue')
-rw-r--r--webapp/src/components/GroupModuleClientList.vue72
1 files changed, 31 insertions, 41 deletions
diff --git a/webapp/src/components/GroupModuleClientList.vue b/webapp/src/components/GroupModuleClientList.vue
index 20ae332..c5bc312 100644
--- a/webapp/src/components/GroupModuleClientList.vue
+++ b/webapp/src/components/GroupModuleClientList.vue
@@ -8,47 +8,37 @@
</i18n>
<template>
- <div>
- <v-card>
- <v-data-table stlye="width: 100px"
- :headers="headers"
- :items="clients"
- item-key="id"
- hide-actions
- select-all
- v-model="selected"
- >
- <template slot="items" slot-scope="props">
- <tr @click="loadClient(props.item.id)">
- <td class="narrow-td">
- <v-checkbox
- color="primary"
- v-model="props.selected"
- hide-details
- @click.native.stop
- ></v-checkbox>
- </td>
- <td class="narrow-td">{{ props.item.id }}</td>
- <td>{{ props.item.name }}</td>
- <td>{{ props.item.ip }}</td>
- <td>{{ props.item.mac }}</td>
- <td>{{ props.item.uuid }}</td>
- <td class="narrow-td">
- <v-btn class="next-arrow" icon><v-icon>keyboard_arrow_right</v-icon></v-btn>
- </td>
- </tr>
- </template>
- </v-data-table>
- </v-card>
- <div v-if="tabIndex > 0" class="text-xs-right">
- <v-btn flat color="error"><v-icon left>remove_circle_outline</v-icon>Remove selected clients</v-btn>
- <v-btn flat color="success"><v-icon left>add_circle_outline</v-icon>Add clients</v-btn>
- </div>
- <div v-else class="text-xs-right">
- <v-btn flat color="error"><v-icon left>delete</v-icon>Delete selected clients</v-btn>
- <v-btn flat color="success"><v-icon left>create</v-icon>Create client</v-btn>
- </div>
- </div>
+ <v-card>
+ <v-data-table stlye="width: 100px"
+ :headers="headers"
+ :items="clients"
+ item-key="id"
+ hide-actions
+ select-all
+ v-model="selected"
+ >
+ <template slot="items" slot-scope="props">
+ <tr @click="loadClient(props.item.id)">
+ <td class="narrow-td">
+ <v-checkbox
+ color="primary"
+ v-model="props.selected"
+ hide-details
+ @click.native.stop
+ ></v-checkbox>
+ </td>
+ <td class="narrow-td">{{ props.item.id }}</td>
+ <td>{{ props.item.name }}</td>
+ <td>{{ props.item.ip }}</td>
+ <td>{{ props.item.mac }}</td>
+ <td>{{ props.item.uuid }}</td>
+ <td class="narrow-td">
+ <v-btn class="next-arrow" icon><v-icon>keyboard_arrow_right</v-icon></v-btn>
+ </td>
+ </tr>
+ </template>
+ </v-data-table>
+ </v-card>
</template>
<script>