Mercurial > gemma

comparison client/src/components/admin/usermanagement/Userdetail.vue @ 1299:2738a6ae9ad8

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
fontawesome 4 -> 5 An icon was not displayed on a specific system/environment. No clue why... good moment to switch to version 5 of fontawesome
author Markus Kottlaender <markus@intevation.de>
date Fri, 23 Nov 2018 10:24:29 +0100
parents bc55ffaeb639
children ea3a89a1813a
comparison
equal deleted inserted replaced
1296:99c039e86624 1299:2738a6ae9ad8
2 <div class="userdetails h-100 mt-3 mr-auto shadow fadeIn animated"> 2 <div class="userdetails h-100 mt-3 mr-auto shadow fadeIn animated">
3 <div class="card"> 3 <div class="card">
4 <div class="card-header shadow-sm text-white bg-info mb-3"> 4 <div class="card-header shadow-sm text-white bg-info mb-3">
5 {{ this.cardHeader }} 5 {{ this.cardHeader }}
6 <span @click="closeDetailview" class="pull-right"> 6 <span @click="closeDetailview" class="pull-right">
7 <i class="fa fa-close"></i> 7 <font-awesome-icon icon="times"></font-awesome-icon>
8 </span> 8 </span>
9 </div> 9 </div>
10 <div class="card-body"> 10 <div class="card-body">
11 <form @submit.prevent="save" class="ml-3"> 11 <form @submit.prevent="save" class="ml-3">
12 <div class="formfields"> 12 <div class="formfields">
13 <div v-if="currentUser.isNew" class="form-group row"> 13 <div v-if="currentUser.isNew" class="form-group row">
14 <label for="user">Username</label> 14 <label for="user">Username</label>
15 <input type="user" :placeholder="userNamePlaceholder" class="form-control form-control-sm" id="user" aria-describedby="userHelp" v-model="currentUser.user"> 15 <input type="user" :placeholder="userNamePlaceholder" class="form-control form-control-sm" id="user" aria-describedby="userHelp" v-model="currentUser.user">
16 <div v-show="errors.user" class="text-danger"> 16 <div v-show="errors.user" class="text-danger">
17 <small> 17 <small>
18 <i class="fa fa-warning"></i> {{ errors.user }}</small> 18 <font-awesome-icon icon="exclamation-triangle"></font-awesome-icon>
19 {{ errors.user }}
20 </small>
19 </div> 21 </div>
20 </div> 22 </div>
21 <div class="form-group row"> 23 <div class="form-group row">
22 <label for="country">Country</label> 24 <label for="country">Country</label>
23 <select class="form-control form-control-sm" v-on:change="validateCountry" v-model="currentUser.country"> 25 <select class="form-control form-control-sm" v-on:change="validateCountry" v-model="currentUser.country">
24 <option disabled value="">Please select one</option> 26 <option disabled value="">Please select one</option>
25 <option v-for="country in countries" v-bind:value="country" v-bind:key="country">{{country}}</option> 27 <option v-for="country in countries" v-bind:value="country" v-bind:key="country">{{country}}</option>
26 </select> 28 </select>
27 <div v-show="errors.country" class="text-danger"> 29 <div v-show="errors.country" class="text-danger">
28 <small> 30 <small>
29 <i class="fa fa-warning"></i> {{ errors.country }}</small> 31 <font-awesome-icon icon="exclamation-triangle"></font-awesome-icon>
32 {{ errors.country }}
33 </small>
30 </div> 34 </div>
31 </div> 35 </div>
32 <div class="form-group row"> 36 <div class="form-group row">
33 <label for="email">Email address</label> 37 <label for="email">Email address</label>
34 <input type="email" v-on:change="validateEmailaddress" class="form-control form-control-sm" id="email" aria-describedby="emailHelp" v-model="currentUser.email"> 38 <input type="email" v-on:change="validateEmailaddress" class="form-control form-control-sm" id="email" aria-describedby="emailHelp" v-model="currentUser.email">
35 <div v-show="errors.email" class="text-danger"> 39 <div v-show="errors.email" class="text-danger">
36 <small> 40 <small>
37 <i class="fa fa-warning"></i> {{ errors.email }}</small> 41 <font-awesome-icon icon="exclamation-triangle"></font-awesome-icon>
42 {{ errors.email }}
43 </small>
38 </div> 44 </div>
39 </div> 45 </div>
40 <div class="form-group row"> 46 <div class="form-group row">
41 <label for="role">Role</label> 47 <label for="role">Role</label>
42 <select class="form-control form-control-sm" v-on:change="validateRole" v-model="currentUser.role"> 48 <select class="form-control form-control-sm" v-on:change="validateRole" v-model="currentUser.role">
45 <option value="waterway_admin">Waterway Admin</option> 51 <option value="waterway_admin">Waterway Admin</option>
46 <option value="waterway_user">Waterway User</option> 52 <option value="waterway_user">Waterway User</option>
47 </select> 53 </select>
48 <div v-show="errors.role" class="text-danger"> 54 <div v-show="errors.role" class="text-danger">
49 <small> 55 <small>
50 <i class="fa fa-warning"></i> {{ errors.role }}</small> 56 <font-awesome-icon icon="exclamation-triangle"></font-awesome-icon>
57 {{ errors.role }}
58 </small>
51 </div> 59 </div>
52 </div> 60 </div>
53 <div class="form-group row"> 61 <div class="form-group row">
54 <PasswordField @fieldchange="passwordChanged" :placeholder="passwordPlaceholder" :label="passwordLabel" :passworderrors="errors.password"></PasswordField> 62 <PasswordField @fieldchange="passwordChanged" :placeholder="passwordPlaceholder" :label="passwordLabel" :passworderrors="errors.password"></PasswordField>
55 </div> 63 </div>
59 </div> 67 </div>
60 <div> 68 <div>
61 <button type="submit" :disabled="submitted" class="shadow-sm btn btn-info pull-right">Submit</button> 69 <button type="submit" :disabled="submitted" class="shadow-sm btn btn-info pull-right">Submit</button>
62 </div> 70 </div>
63 <div v-if="currentUser.role !='waterway_user' " class="form-group row d-flex flex-row justify-content-start mailbutton"> 71 <div v-if="currentUser.role !='waterway_user' " class="form-group row d-flex flex-row justify-content-start mailbutton">
64 <a @click="sendTestMail" class="btn btn-light"><i class="fa fa-telegram"> Send testmail</i></a> 72 <a @click="sendTestMail" class="btn btn-light">
73 <font-awesome-icon icon="paper-plane"></font-awesome-icon>
74 Send testmail
75 </a>
65 <div v-if="mailsent">Mail was sent</div> 76 <div v-if="mailsent">Mail was sent</div>
66 </div> 77 </div>
67 </form> 78 </form>
68 </div> 79 </div>
69 </div> 80 </div>