finished ##257

This commit is contained in:
Tim Gröger 2020-05-17 13:46:34 +02:00
parent 6dac646f97
commit 82610a011b
1 changed files with 38 additions and 9 deletions

View File

@ -132,10 +132,39 @@
</v-combobox> </v-combobox>
</v-col> </v-col>
<v-col v-bind:class="{ fulllineText: isFulllineText }"> <v-col v-bind:class="{ fulllineText: isFulllineText }">
<v-text-field outlined :value="computeStatus" readonly label="Mitgliedsstatus"/> <v-text-field
outlined
:value="computeStatus"
readonly
label="Mitgliedsstatus"
/>
</v-col> </v-col>
<v-col v-bind:class="{ fulllineText: isFulllineText }"> <v-col v-bind:class="{ fulllineText: isFulllineText }">
<v-text-field outlined :value="user.voting ? 'ja' : 'nein'" readonly label="Stimmrecht" /> <v-text-field
outlined
:value="user.voting ? 'ja' : 'nein'"
readonly
label="Stimmrecht"
/>
</v-col>
</v-row>
<v-row>
<v-col v-bind:class="{ fulllineText: isFulllineText }">
<v-combobox
chips
outlined
multiple
label="Arbeitsgruppen"
readonly
v-model="user.workgroups"
item-value="id"
item-text="name"
append-icon
>
<template v-slot:selection="data">
<v-chip>{{data.item.name}}</v-chip>
</template>
</v-combobox>
</v-col> </v-col>
</v-row> </v-row>
</v-card-text> </v-card-text>
@ -186,9 +215,8 @@ export default {
}, },
mounted() { mounted() {
this.$nextTick(function() { this.$nextTick(function() {
window.addEventListener('resize', this.getWindowWidth); window.addEventListener('resize', this.getWindowWidth)
this.getWindowWidth() this.getWindowWidth()
}) })
}, },
methods: { methods: {
@ -196,9 +224,9 @@ export default {
saveConfig: 'user/saveConfig', saveConfig: 'user/saveConfig',
getStatus: 'user/getStatus' getStatus: 'user/getStatus'
}), }),
getWindowWidth() { getWindowWidth() {
this.isFulllineText = document.documentElement.clientWidth <= 600; this.isFulllineText = document.documentElement.clientWidth <= 600
}, },
save() { save() {
let user = {} let user = {}
if (this.firstname) user.firstname = this.firstname if (this.firstname) user.firstname = this.firstname
@ -249,6 +277,7 @@ export default {
</script> </script>
<style scoped> <style scoped>
.fulllineText{ .fulllineText {
flex-basis: unset; flex-basis: unset;
}</style> }
</style>