Mercurial > gemma

comparison client/src/components/Userdetail.vue @ 374:650f0dca5608

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Backed out changeset c63200982ce7
author Thomas Junk <thomas.junk@intevation.de>
date Fri, 10 Aug 2018 11:21:34 +0200
parents 7e7e978d1cac
children 112527683ee9
comparison
equal deleted inserted replaced
373:7e7e978d1cac 374:650f0dca5608
1 <template> 1 <template>
2 <div class="userdetail card"> 2 <div class="userdetail card">
3 <div @click="showDetails" class="card-header bg-light" id="headingOne"> 3 <div @click="showDetails" class="card-header bg-light" id="headingOne">
4 <h5 class="mb-0"> 4 <h5 class="mb-0">
5 <div class="btn" data-toggle="collapse" :data-target="datatarget" aria-expanded="true" aria-controls="collapseOne"> 5 <div class="btn" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
6 <div class="d-flex d-flex-row"> 6 <div class="d-flex d-flex-row">
7 <div class="name">Name: {{this.user.user}}</div> 7 <div class="name">Name: {{this.user.user}}</div>
8 <div class="mail">Email: {{this.user.email}}</div> 8 <div class="mail">Email: {{this.user.email}}</div>
9 <div class="country">Country: {{this.user.country}}</div> 9 <div class="country">Country: {{this.user.country}}</div>
10 <div class="role">Role: {{this.user.role}}</div> 10 <div class="role">Role: {{this.user.role}}</div>
11 </div> 11 </div>
12 </div> 12 </div>
13 </h5> 13 </h5>
14 </div> 14 </div>
15 <div :id="target" class="collapse" aria-labelledby="headingOne" data-parent="#accordion"> 15 <div id="collapseOne" :class="collapseStyle" aria-labelledby="headingOne" data-parent="#accordion">
16 <div class="card-body"> 16 <div class="card-body">
17 <div> 17 <div>
18 <form class="details" @submit.prevent="editUser"> 18 <form class="details" @submit.prevent="editUser">
19 <div class="form-group"><label for="user">User</label><input class="form-control" id="user" v-model="currentUser.user"></div> 19 <div class="form-group"><label for="user">User</label><input class="form-control" id="user" v-model="currentUser.user"></div>
20 <div class="form-group"><label for="email">Email</label><input class="form-control" id="email" v-model="currentUser.email"></div> 20 <div class="form-group"><label for="email">Email</label><input class="form-control" id="email" v-model="currentUser.email"></div>
33 <option disabled value="">Please select one</option> 33 <option disabled value="">Please select one</option>
34 <option value="sys_admin">Sysadmin</option> 34 <option value="sys_admin">Sysadmin</option>
35 <option value="waterway_admin">Waterway Admin</option> 35 <option value="waterway_admin">Waterway Admin</option>
36 <option value="waterway_user">Waterway User</option> 36 <option value="waterway_user">Waterway User</option>
37 </select> 37 </select>
38 </div>
39 <div class="form-group">
40 <label for="password">Password</label>
41 <input class="form-control" id="password" v-model="currentUser.password">
42 </div>
43 <div class="form-group">
44 <label for="passwordre">Password Repeat</label>
45 <input class="form-control" id="passwordre" v-model="currentUser.passwordre">
46 </div> 38 </div>
47 <button class="btn btn-primary pull-right">Submit</button> 39 <button class="btn btn-primary pull-right">Submit</button>
48 </form> 40 </form>
49 </div> 41 </div>
50 </div> 42 </div>
76 export default { 68 export default {
77 name: "userdetail", 69 name: "userdetail",
78 props: ["user"], 70 props: ["user"],
79 data() { 71 data() {
80 return { 72 return {
81 currentUser: Object.assign({ password: "", passwordre: "" }, this.user), 73 currentUser: Object.assign({}, this.user),
82 show: false 74 show: false
83 }; 75 };
84 }, 76 },
85 computed: { 77 computed: {
86 datatarget() { 78 collapseStyle() {
87 return "#" + this.currentUser.user; 79 return {
88 }, 80 collapse: true,
89 target() { 81 show: this.show
90 return this.currentUser.user; 82 };
91 } 83 }
92 }, 84 },
93 methods: { 85 methods: {
94 editUser() { 86 editUser() {
95 HTTP.put("/users/" + this.user.user, { 87 HTTP.put("/users/" + this.user.user, {