Mercurial > gemma

comparison client/src/views/Users.vue @ 375:112527683ee9

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Backed out changeset 2c58906649be
author Thomas Junk <thomas.junk@intevation.de>
date Fri, 10 Aug 2018 11:21:58 +0200
parents 7e7e978d1cac
children e42f42eb9353
comparison
equal deleted inserted replaced
374:650f0dca5608 375:112527683ee9
10 <div class="card" style="width: 85rem;"> 10 <div class="card" style="width: 85rem;">
11 <div class="card-header text-white bg-info mb-3"> 11 <div class="card-header text-white bg-info mb-3">
12 users 12 users
13 </div> 13 </div>
14 <div class="card-body"> 14 <div class="card-body">
15 <div class="accordion" v-for="user in this.users" v-bind:key="user.name"> 15 <table class="table table-hover">
16 <Userdetail :user="user"></Userdetail> 16 <thead>
17 </div> 17 <tr>
18 </div> 18 <th scope="col">Username</th>
19 <th scope="col">Country</th>
20 <th scope="col">Email</th>
21 <th scope="col">Role</th>
22 </tr>
23 </thead>
24 <tbody>
25 <tr v-for="user in users" :key="user.user" @click="selectUser(user.user)">
26 <td>{{ user.user }}</td>
27 <td>{{ user.country }}</td>
28 <td>{{ user.email}}</td>
29 <td>{{ user.role }}</td>
30 </tr>
31 </tbody>
32 </table>
33 </div>
19 </div> 34 </div>
20 </div> 35 </div>
36 <Userdetail v-bind:currentUser="currentUser"></Userdetail>
21 </div> 37 </div>
22 </div> 38 </div>
23 </div> 39 </div>
24 </template> 40 </template>
25 41
59 import { mapGetters } from "vuex"; 75 import { mapGetters } from "vuex";
60 import app from "../main"; 76 import app from "../main";
61 77
62 export default { 78 export default {
63 name: "userview", 79 name: "userview",
80 data() {
81 return {
82 currentUser: null
83 };
84 },
64 components: { 85 components: {
65 Sidebar, 86 Sidebar,
66 Userdetail 87 Userdetail
67 }, 88 },
68 computed: { 89 computed: {
69 ...mapGetters("usermanagement", ["users"]) 90 ...mapGetters("usermanagement", ["users"])
70 }, 91 },
71 methods: {}, 92 methods: {
93 selectUser(name) {
94 const user = this.$store.getters["usermanagement/getUserByName"](name);
95 this.currentUser = user;
96 }
97 },
72 beforeRouteEnter(to, from, next) { 98 beforeRouteEnter(to, from, next) {
73 store 99 store
74 .dispatch("usermanagement/loadUsers") 100 .dispatch("usermanagement/loadUsers")
75 .then(next) 101 .then(next)
76 .catch(error => { 102 .catch(error => {