Mercurial > gemma
diff client/src/components/admin/usermanagement/Usermanagement.vue @ 1361:ea3a89a1813a
remove trailing whitespace, add headers for Makefile, add the missed authors
* remove trailing whitespace for some cleint files
* add headers for licensing to Makefile
* add the missed authors in the header to Systemconfiguration.vue file
author | Fadi Abbud <fadi.abbud@intevation.de> |
---|---|
date | Mon, 26 Nov 2018 11:11:13 +0100 |
parents | 2738a6ae9ad8 |
children | ca33ad696594 |
line wrap: on
line diff
--- a/client/src/components/admin/usermanagement/Usermanagement.vue Mon Nov 26 10:04:47 2018 +0100 +++ b/client/src/components/admin/usermanagement/Usermanagement.vue Mon Nov 26 11:11:13 2018 +0100 @@ -1,84 +1,79 @@ <template> - <div class="main d-flex flex-row"> - <div :class="spacerStyle"></div> - <div class="d-flex content flex-column"> - <div class="d-flex flex-row"> - <div :class="userlistStyle"> - <div class="card"> - <div class="card-header shadow-sm text-white bg-info mb-3"> - Users - </div> - <div class="card-body"> - <table id="datatable" :class="tableStyle"> - <thead> - <tr> - <th scope="col" @click="sortBy('user')"> - <span>Username - <font-awesome-icon v-if="sortCriterion=='user'" icon="angle-down"></font-awesome-icon> - </span> - </th> - <th scope="col" @click="sortBy('country')"> - <span>Country - <font-awesome-icon v-if="sortCriterion=='country'" icon="angle-down"></font-awesome-icon> - </span> - </th> - <th scope="col" @click="sortBy('email')"> - <span>Email - <font-awesome-icon v-if="sortCriterion=='email'" icon="angle-down"></font-awesome-icon> - </span> - </th> - <th scope="col" @click="sortBy('role')"> - <span>Role - <font-awesome-icon v-if="sortCriterion=='role'" icon="angle-down"></font-awesome-icon> - </span> - </th> - <th scope="col"></th> - </tr> - </thead> - <tbody> - <tr v-for="user in users" :key="user.user" @click="selectUser(user.user)"> - <td>{{ user.user }}</td> - <td>{{ user.country }}</td> - <td>{{ user.email}}</td> - <td> - <font-awesome-icon - :icon="roleIcon(user.role)" - @click="deleteUser(user.user)" - ></font-awesome-icon> - </td> - <td> - <font-awesome-icon icon="trash" @click="deleteUser(user.user)"></font-awesome-icon> - </td> - </tr> - </tbody> - </table> - </div> - <div class="d-flex mx-auto align-items-center"> - <button - @click="prevPage" - v-if="this.currentPage !== 1" - class="mr-2 btn btn-sm btn-light align-self-center" - > - <font-awesome-icon icon="angle-left"></font-awesome-icon> - </button> - {{this.currentPage}} / {{this.pages}} - <button - @click="nextPage" - v-if="this.currentPage !== this.pages" - class="ml-2 btn btn-sm btn-light align-self-center" - > - <font-awesome-icon icon="angle-right"></font-awesome-icon> - </button> - </div> - <div class="mr-3 pb-3"> - <button @click="addUser " class="btn btn-info pull-right shadow-sm ">Add User</button> - </div> - </div> - </div> - <Userdetail v-if="isUserDetailsVisible "></Userdetail> + <div class="main d-flex flex-row"> + <div :class="spacerStyle"></div> + <div class="d-flex content flex-column"> + <div class="d-flex flex-row"> + <div :class="userlistStyle"> + <div class="card"> + <div class="card-header shadow-sm text-white bg-info mb-3">Users</div> + <div class="card-body"> + <table id="datatable" :class="tableStyle"> + <thead> + <tr> + <th scope="col" @click="sortBy('user')"> + <span>Username + <font-awesome-icon v-if="sortCriterion=='user'" icon="angle-down"></font-awesome-icon> + </span> + </th> + <th scope="col" @click="sortBy('country')"> + <span>Country + <font-awesome-icon v-if="sortCriterion=='country'" icon="angle-down"></font-awesome-icon> + </span> + </th> + <th scope="col" @click="sortBy('email')"> + <span>Email + <font-awesome-icon v-if="sortCriterion=='email'" icon="angle-down"></font-awesome-icon> + </span> + </th> + <th scope="col" @click="sortBy('role')"> + <span>Role + <font-awesome-icon v-if="sortCriterion=='role'" icon="angle-down"></font-awesome-icon> + </span> + </th> + <th scope="col"></th> + </tr> + </thead> + <tbody> + <tr v-for="user in users" :key="user.user" @click="selectUser(user.user)"> + <td>{{ user.user }}</td> + <td>{{ user.country }}</td> + <td>{{ user.email}}</td> + <td> + <font-awesome-icon :icon="roleIcon(user.role)" @click="deleteUser(user.user)"></font-awesome-icon> + </td> + <td> + <font-awesome-icon icon="trash" @click="deleteUser(user.user)"></font-awesome-icon> + </td> + </tr> + </tbody> + </table> </div> + <div class="d-flex mx-auto align-items-center"> + <button + @click="prevPage" + v-if="this.currentPage !== 1" + class="mr-2 btn btn-sm btn-light align-self-center" + > + <font-awesome-icon icon="angle-left"></font-awesome-icon> + </button> + {{this.currentPage}} / {{this.pages}} + <button + @click="nextPage" + v-if="this.currentPage !== this.pages" + class="ml-2 btn btn-sm btn-light align-self-center" + > + <font-awesome-icon icon="angle-right"></font-awesome-icon> + </button> + </div> + <div class="mr-3 pb-3"> + <button @click="addUser " class="btn btn-info pull-right shadow-sm">Add User</button> + </div> + </div> </div> + <Userdetail v-if="isUserDetailsVisible "></Userdetail> + </div> </div> + </div> </template> <style scoped lang="sass"> @@ -151,14 +146,14 @@ /* * This is Free Software under GNU Affero General Public License v >= 3.0 * without warranty, see README.md and license for details. - * + * * SPDX-License-Identifier: AGPL-3.0-or-later * License-Filename: LICENSES/AGPL-3.0.txt - * - * Copyright (C) 2018 by via donau + * + * Copyright (C) 2018 by via donau * – Österreichische Wasserstraßen-Gesellschaft mbH * Software engineering by Intevation GmbH - * + * * Author(s): * Thomas Junk <thomas.junk@intevation.de> */