Mercurial > gemma

diff 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
line wrap: on
line diff
--- a/client/src/components/admin/usermanagement/Userdetail.vue	Thu Nov 22 17:00:26 2018 +0100
+++ b/client/src/components/admin/usermanagement/Userdetail.vue	Fri Nov 23 10:24:29 2018 +0100
@@ -4,7 +4,7 @@
             <div class="card-header shadow-sm text-white bg-info mb-3">
                 {{ this.cardHeader }}
                 <span @click="closeDetailview" class="pull-right">
-                    <i class="fa fa-close"></i>
+                    <font-awesome-icon icon="times"></font-awesome-icon>
                 </span>
             </div>
             <div class="card-body">
@@ -15,7 +15,9 @@
                             <input type="user" :placeholder="userNamePlaceholder" class="form-control form-control-sm" id="user" aria-describedby="userHelp" v-model="currentUser.user">
                             <div v-show="errors.user" class="text-danger">
                                 <small>
-                                    <i class="fa fa-warning"></i> {{ errors.user }}</small>
+                                    <font-awesome-icon icon="exclamation-triangle"></font-awesome-icon>
+                                    {{ errors.user }}
+                                </small>
                             </div>
                         </div>
                         <div class="form-group row">
@@ -26,7 +28,9 @@
                             </select>
                             <div v-show="errors.country" class="text-danger">
                                 <small>
-                                    <i class="fa fa-warning"></i> {{ errors.country }}</small>
+                                    <font-awesome-icon icon="exclamation-triangle"></font-awesome-icon>
+                                    {{ errors.country }}
+                                </small>
                             </div>
                         </div>
                         <div class="form-group row">
@@ -34,7 +38,9 @@
                             <input type="email" v-on:change="validateEmailaddress" class="form-control form-control-sm" id="email" aria-describedby="emailHelp" v-model="currentUser.email">
                             <div v-show="errors.email" class="text-danger">
                                 <small>
-                                    <i class="fa fa-warning"></i> {{ errors.email }}</small>
+                                    <font-awesome-icon icon="exclamation-triangle"></font-awesome-icon>
+                                    {{ errors.email }}
+                                </small>
                             </div>
                         </div>
                         <div class="form-group row">
@@ -47,7 +53,9 @@
                             </select>
                             <div v-show="errors.role" class="text-danger">
                                 <small>
-                                    <i class="fa fa-warning"></i> {{ errors.role }}</small>
+                                    <font-awesome-icon icon="exclamation-triangle"></font-awesome-icon>
+                                    {{ errors.role }}
+                                </small>
                             </div>
                         </div>
                         <div class="form-group row">
@@ -61,7 +69,10 @@
                         <button type="submit" :disabled="submitted" class="shadow-sm btn btn-info pull-right">Submit</button>
                     </div>
                     <div v-if="currentUser.role !='waterway_user' " class="form-group row d-flex flex-row justify-content-start mailbutton">
-                        <a @click="sendTestMail" class="btn btn-light"><i class="fa fa-telegram"> Send testmail</i></a>
+                        <a @click="sendTestMail" class="btn btn-light">
+                            <font-awesome-icon icon="paper-plane"></font-awesome-icon>
+                            Send testmail
+                        </a>
                         <div v-if="mailsent">Mail was sent</div>
                     </div>
                 </form>