Mercurial > gemma
diff client/src/components/Userdetail.vue @ 356:dc8052b60485
feat: User detail card added
In order to edit user details a card was added below
the user listing. Currently only client side changes
are possible.
| author | Thomas Junk <thomas.junk@intevation.de> |
|---|---|
| date | Tue, 07 Aug 2018 18:00:35 +0200 |
| parents | |
| children | 2c58906649be |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/client/src/components/Userdetail.vue Tue Aug 07 18:00:35 2018 +0200 @@ -0,0 +1,58 @@ +<template> + <div class="userdetails card shadow" style="width: 35rem;"> + <div class="card" style="width: 35rem;"> + <div class="card-header text-white bg-info mb-3"> + {{ currentUser.user }} + </div> + <div class="card-body"> + <form> + <div class="form-group"> + <label for="country">Country</label> + <select v-model="currentUser.country"> + <option disabled value="">Please select one</option> + <option>AT</option> + <option>RO</option> + <option>BG</option> + </select> + </div> + <div class="form-group"> + <label for="email">Email address</label> + <input type="email" class="form-control" id="email" aria-describedby="emailHelp" v-model="currentUser.email"> + </div> + <div class="form-group"> + <label for="role">Role</label> + <select v-model="currentUser.role"> + <option disabled value="">Please select one</option> + <option value="sys_admin">Sysadmin</option> + <option value="waterway_admin">Waterway Admin</option> + <option value="waterway_user">Waterway User</option> + </select> + </div> + <button type="submit" class="btn btn-primary">Submit</button> + </form> + </div> + </div> + </div> +</template> + +<style lang="scss"> +@import "../assets/application.scss"; + +.userdetails { + margin-top: 20px; + width: 50vw; +} + +.shadow { + box-shadow: $basic-shadow-light !important; +} +</style> +<script> +export default { + name: "userdetail", + props: ["currentUser"], + data() {}, + computed: {}, + methods: {} +}; +</script>