Mercurial > gemma
changeset 364:c63200982ce7
fix: fix broken collapse for user menu
author | Thomas Junk <thomas.junk@intevation.de> |
---|---|
date | Thu, 09 Aug 2018 10:13:09 +0200 |
parents | 45d4399f6c15 |
children | 765e056ab4e8 1a2ef18e464d |
files | client/src/components/Userdetail.vue |
diffstat | 1 files changed, 16 insertions(+), 8 deletions(-) [+] |
line wrap: on
line diff
--- a/client/src/components/Userdetail.vue Wed Aug 08 18:14:31 2018 +0200 +++ b/client/src/components/Userdetail.vue Thu Aug 09 10:13:09 2018 +0200 @@ -2,7 +2,7 @@ <div class="userdetail card"> <div @click="showDetails" class="card-header bg-light" id="headingOne"> <h5 class="mb-0"> - <div class="btn" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne"> + <div class="btn" data-toggle="collapse" :data-target="datatarget" aria-expanded="true" aria-controls="collapseOne"> <div class="d-flex d-flex-row"> <div class="name">Name: {{this.user.user}}</div> <div class="mail">Email: {{this.user.email}}</div> @@ -12,7 +12,7 @@ </div> </h5> </div> - <div id="collapseOne" :class="collapseStyle" aria-labelledby="headingOne" data-parent="#accordion"> + <div :id="target" class="collapse" aria-labelledby="headingOne" data-parent="#accordion"> <div class="card-body"> <div> <form class="details" @submit.prevent="editUser"> @@ -36,6 +36,14 @@ <option value="waterway_user">Waterway User</option> </select> </div> + <div class="form-group"> + <label for="password">Password</label> + <input class="form-control" id="password" v-model="currentUser.password"> + </div> + <div class="form-group"> + <label for="passwordre">Password Repeat</label> + <input class="form-control" id="passwordre" v-model="currentUser.passwordre"> + </div> <button class="btn btn-primary pull-right">Submit</button> </form> </div> @@ -70,16 +78,16 @@ props: ["user"], data() { return { - currentUser: Object.assign({}, this.user), + currentUser: Object.assign({ password: "", passwordre: "" }, this.user), show: false }; }, computed: { - collapseStyle() { - return { - collapse: true, - show: this.show - }; + datatarget() { + return "#" + this.currentUser.user; + }, + target() { + return this.currentUser.user; } }, methods: {