summaryrefslogtreecommitdiffstats
path: root/webapp/src/components/ConfiguratorModuleAssign.vue
diff options
context:
space:
mode:
authorUdo Walter2019-02-26 02:39:09 +0100
committerUdo Walter2019-02-26 02:39:09 +0100
commit5e0e32ef49c1007c179fe8fd7b598a53f6e91143 (patch)
tree714da0789127fe607f28f15ebbe7331d5b5439ea /webapp/src/components/ConfiguratorModuleAssign.vue
parent[webapp] small ui fixes (diff)
downloadbas-5e0e32ef49c1007c179fe8fd7b598a53f6e91143.tar.gz
bas-5e0e32ef49c1007c179fe8fd7b598a53f6e91143.tar.xz
bas-5e0e32ef49c1007c179fe8fd7b598a53f6e91143.zip
[webapp] small tabbar design tweaks
Diffstat (limited to 'webapp/src/components/ConfiguratorModuleAssign.vue')
-rw-r--r--webapp/src/components/ConfiguratorModuleAssign.vue44
1 files changed, 27 insertions, 17 deletions
diff --git a/webapp/src/components/ConfiguratorModuleAssign.vue b/webapp/src/components/ConfiguratorModuleAssign.vue
index 6f6e61f..8c9ba83 100644
--- a/webapp/src/components/ConfiguratorModuleAssign.vue
+++ b/webapp/src/components/ConfiguratorModuleAssign.vue
@@ -21,27 +21,29 @@
<v-card style="overflow: hidden">
<v-card-title class="dialog-title elevation-3">
<div class="headline">{{ $t('title') }}</div>
- <v-subheader>asdf</v-subheader>
+ <div class="subheading text--secondary pa-2">{{ dialog.info.name }}</div>
</v-card-title>
- <v-card-text style="height: 100%;">
- <v-text-field prepend-icon="label" :label="$t('name')" color="primary" v-model="name"></v-text-field>
- <div class="body-1 script-heading"><v-icon>code</v-icon><span>{{ $t('script') }}</span></div>
- <codemirror class="script-editor" ref="editor" v-model="script"></codemirror>
+ <v-card-text class="dialog-content">
+ <data-table v-model="selectedGroups" :headers="groupHeaders" :items="groupList" slim></data-table>
</v-card-text>
<v-divider></v-divider>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn flat="flat" @click="setDialog({ show: false })">{{ $t('cancel') }}</v-btn>
- <v-btn :color="dialog.info.id ? 'primary' : 'success'" @click="saveEntry">{{ dialog.info.id ? $t('save') : $t('create') }}</v-btn>
+ <v-btn color="primary" @click="saveEntry">{{ $t('assign') }}</v-btn>
</v-card-actions>
</v-card>
</template>
<script>
+import DataTable from '@/components/DataTable'
import { mapState } from 'vuex'
export default {
name: 'ConfiguratorModuleEntry',
+ components: {
+ DataTable
+ },
data () {
return {
selectedGroups: [],
@@ -50,7 +52,19 @@ export default {
},
computed: {
...mapState('configurator', ['dialog']),
- ...mapState('groups', ['groupList', 'clientList'])
+ ...mapState('groups', ['groupList', 'clientList']),
+ groupHeaders () {
+ return [
+ { key: 'name', text: this.$t('name') },
+ { key: 'description', text: this.$t('description') }
+ ]
+ },
+ clientHeaders () {
+ return [
+ { key: 'name', text: this.$t('name') },
+ { key: 'ip', text: this.$t('ip') }
+ ]
+ }
},
watch: {
dialog: {
@@ -93,18 +107,14 @@ export default {
<style scoped>
.dialog-title {
z-index: 1;
-}
-
-.script-heading {
display: flex;
- align-items: center;
-}
-
-.script-heading > span {
- margin-left: 9px;
+ flex-direction: column;
+ align-items: flex-start;
}
-.script-editor {
- margin-top: 8px;
+.dialog-content {
+ height: 100%;
+ margin: 0;
+ padding: 0;
}
</style>