gemma: client/src/usermanagement/Users.vue annotate

annotate client/src/usermanagement/Users.vue @ 1191:b23622905a3f

switched entirely to sass instead of scss for cleaner code/less lines, just removed all ; and {}

author	Markus Kottlaender <markus@intevation.de>
date	Fri, 16 Nov 2018 14:37:07 +0100
parents	2fda33d55d81
children	3372cf2a55c7

rev	line source
585 ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	1 <template>
629 8278b2fb0c33 refac: UI refactorization Thomas Junk <thomas.junk@intevation.de> parents: 585 diff changeset	2 <div class="main d-flex flex-column">
8278b2fb0c33 refac: UI refactorization Thomas Junk <thomas.junk@intevation.de> parents: 585 diff changeset	3 <div class="d-flex content flex-column">
8278b2fb0c33 refac: UI refactorization Thomas Junk <thomas.junk@intevation.de> parents: 585 diff changeset	4 <div class="d-flex flex-row">
8278b2fb0c33 refac: UI refactorization Thomas Junk <thomas.junk@intevation.de> parents: 585 diff changeset	5 <div :class="userlistStyle">
8278b2fb0c33 refac: UI refactorization Thomas Junk <thomas.junk@intevation.de> parents: 585 diff changeset	6 <div class="card">
8278b2fb0c33 refac: UI refactorization Thomas Junk <thomas.junk@intevation.de> parents: 585 diff changeset	7 <div class="card-header shadow-sm text-white bg-info mb-3">
8278b2fb0c33 refac: UI refactorization Thomas Junk <thomas.junk@intevation.de> parents: 585 diff changeset	8 Users
8278b2fb0c33 refac: UI refactorization Thomas Junk <thomas.junk@intevation.de> parents: 585 diff changeset	9 </div>
8278b2fb0c33 refac: UI refactorization Thomas Junk <thomas.junk@intevation.de> parents: 585 diff changeset	10 <div class="card-body">
8278b2fb0c33 refac: UI refactorization Thomas Junk <thomas.junk@intevation.de> parents: 585 diff changeset	11 <table id="datatable" :class="tableStyle">
8278b2fb0c33 refac: UI refactorization Thomas Junk <thomas.junk@intevation.de> parents: 585 diff changeset	12 <thead>
8278b2fb0c33 refac: UI refactorization Thomas Junk <thomas.junk@intevation.de> parents: 585 diff changeset	13 <tr>
8278b2fb0c33 refac: UI refactorization Thomas Junk <thomas.junk@intevation.de> parents: 585 diff changeset	14 <th scope="col" @click="sortBy('user')">
8278b2fb0c33 refac: UI refactorization Thomas Junk <thomas.junk@intevation.de> parents: 585 diff changeset	15 <span>Username
8278b2fb0c33 refac: UI refactorization Thomas Junk <thomas.junk@intevation.de> parents: 585 diff changeset	16 <i v-if="sortCriterion=='user'" class="fa fa-angle-down"></i>
8278b2fb0c33 refac: UI refactorization Thomas Junk <thomas.junk@intevation.de> parents: 585 diff changeset	17 </span>
8278b2fb0c33 refac: UI refactorization Thomas Junk <thomas.junk@intevation.de> parents: 585 diff changeset	18 </th>
8278b2fb0c33 refac: UI refactorization Thomas Junk <thomas.junk@intevation.de> parents: 585 diff changeset	19 <th scope="col" @click="sortBy('country')">
8278b2fb0c33 refac: UI refactorization Thomas Junk <thomas.junk@intevation.de> parents: 585 diff changeset	20 <span>Country
8278b2fb0c33 refac: UI refactorization Thomas Junk <thomas.junk@intevation.de> parents: 585 diff changeset	21 <i v-if="sortCriterion=='country'" class="fa fa-angle-down"></i>
8278b2fb0c33 refac: UI refactorization Thomas Junk <thomas.junk@intevation.de> parents: 585 diff changeset	22 </span>
8278b2fb0c33 refac: UI refactorization Thomas Junk <thomas.junk@intevation.de> parents: 585 diff changeset	23 </th>
8278b2fb0c33 refac: UI refactorization Thomas Junk <thomas.junk@intevation.de> parents: 585 diff changeset	24 <th scope="col" @click="sortBy('email')">
8278b2fb0c33 refac: UI refactorization Thomas Junk <thomas.junk@intevation.de> parents: 585 diff changeset	25 <span>Email
8278b2fb0c33 refac: UI refactorization Thomas Junk <thomas.junk@intevation.de> parents: 585 diff changeset	26 <i v-if="sortCriterion=='email'" class="fa fa-angle-down"></i>
8278b2fb0c33 refac: UI refactorization Thomas Junk <thomas.junk@intevation.de> parents: 585 diff changeset	27 </span>
8278b2fb0c33 refac: UI refactorization Thomas Junk <thomas.junk@intevation.de> parents: 585 diff changeset	28 </th>
8278b2fb0c33 refac: UI refactorization Thomas Junk <thomas.junk@intevation.de> parents: 585 diff changeset	29 <th scope="col" @click="sortBy('role')">
8278b2fb0c33 refac: UI refactorization Thomas Junk <thomas.junk@intevation.de> parents: 585 diff changeset	30 <span>Role
8278b2fb0c33 refac: UI refactorization Thomas Junk <thomas.junk@intevation.de> parents: 585 diff changeset	31 <i v-if="sortCriterion=='role'" class="fa fa-angle-down"></i>
8278b2fb0c33 refac: UI refactorization Thomas Junk <thomas.junk@intevation.de> parents: 585 diff changeset	32 </span>
8278b2fb0c33 refac: UI refactorization Thomas Junk <thomas.junk@intevation.de> parents: 585 diff changeset	33 </th>
8278b2fb0c33 refac: UI refactorization Thomas Junk <thomas.junk@intevation.de> parents: 585 diff changeset	34 <th scope="col"></th>
8278b2fb0c33 refac: UI refactorization Thomas Junk <thomas.junk@intevation.de> parents: 585 diff changeset	35 </tr>
8278b2fb0c33 refac: UI refactorization Thomas Junk <thomas.junk@intevation.de> parents: 585 diff changeset	36 </thead>
8278b2fb0c33 refac: UI refactorization Thomas Junk <thomas.junk@intevation.de> parents: 585 diff changeset	37 <tbody>
8278b2fb0c33 refac: UI refactorization Thomas Junk <thomas.junk@intevation.de> parents: 585 diff changeset	38 <tr v-for="user in users" :key="user.user" @click="selectUser(user.user)">
8278b2fb0c33 refac: UI refactorization Thomas Junk <thomas.junk@intevation.de> parents: 585 diff changeset	39 <td>{{ user.user }}</td>
8278b2fb0c33 refac: UI refactorization Thomas Junk <thomas.junk@intevation.de> parents: 585 diff changeset	40 <td>{{ user.country }}</td>
8278b2fb0c33 refac: UI refactorization Thomas Junk <thomas.junk@intevation.de> parents: 585 diff changeset	41 <td>{{ user.email}}</td>
8278b2fb0c33 refac: UI refactorization Thomas Junk <thomas.junk@intevation.de> parents: 585 diff changeset	42 <td>
8278b2fb0c33 refac: UI refactorization Thomas Junk <thomas.junk@intevation.de> parents: 585 diff changeset	43 <i v-tooltip="user.roleLabel" :class="{
585 ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	44 fa:true,
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	45 icon:true,
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	46 'fa-user':user.role==='waterway_user',
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	47 'fa-star':user.role=='sys_admin',
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	48 'fa-adn':user.role==='waterway_admin'}"></i>
629 8278b2fb0c33 refac: UI refactorization Thomas Junk <thomas.junk@intevation.de> parents: 585 diff changeset	49 </td>
8278b2fb0c33 refac: UI refactorization Thomas Junk <thomas.junk@intevation.de> parents: 585 diff changeset	50 <td>
8278b2fb0c33 refac: UI refactorization Thomas Junk <thomas.junk@intevation.de> parents: 585 diff changeset	51 <i @click="deleteUser(user.user)" class="icon fa fa-trash-o"></i>
8278b2fb0c33 refac: UI refactorization Thomas Junk <thomas.junk@intevation.de> parents: 585 diff changeset	52 </td>
8278b2fb0c33 refac: UI refactorization Thomas Junk <thomas.junk@intevation.de> parents: 585 diff changeset	53 </tr>
8278b2fb0c33 refac: UI refactorization Thomas Junk <thomas.junk@intevation.de> parents: 585 diff changeset	54 </tbody>
8278b2fb0c33 refac: UI refactorization Thomas Junk <thomas.junk@intevation.de> parents: 585 diff changeset	55 </table>
8278b2fb0c33 refac: UI refactorization Thomas Junk <thomas.junk@intevation.de> parents: 585 diff changeset	56 </div>
8278b2fb0c33 refac: UI refactorization Thomas Junk <thomas.junk@intevation.de> parents: 585 diff changeset	57 <div class="d-flex flex-row pagination">
8278b2fb0c33 refac: UI refactorization Thomas Junk <thomas.junk@intevation.de> parents: 585 diff changeset	58 <i @click=" prevPage " v-if="this.currentPage!=1 " class="backwards btn btn-sm btn-light align-self-center pages fa fa-caret-left "></i> {{this.currentPage}} / {{this.pages}}
8278b2fb0c33 refac: UI refactorization Thomas Junk <thomas.junk@intevation.de> parents: 585 diff changeset	59 <i @click="nextPage " class="forwards btn btn-sm btn-light align-self-center pages fa fa-caret-right "></i>
8278b2fb0c33 refac: UI refactorization Thomas Junk <thomas.junk@intevation.de> parents: 585 diff changeset	60 </div>
8278b2fb0c33 refac: UI refactorization Thomas Junk <thomas.junk@intevation.de> parents: 585 diff changeset	61 <div class="adduser ">
8278b2fb0c33 refac: UI refactorization Thomas Junk <thomas.junk@intevation.de> parents: 585 diff changeset	62 <button @click="addUser " class="btn btn-info pull-right shadow-sm ">Add User</button>
8278b2fb0c33 refac: UI refactorization Thomas Junk <thomas.junk@intevation.de> parents: 585 diff changeset	63 </div>
8278b2fb0c33 refac: UI refactorization Thomas Junk <thomas.junk@intevation.de> parents: 585 diff changeset	64 </div>
8278b2fb0c33 refac: UI refactorization Thomas Junk <thomas.junk@intevation.de> parents: 585 diff changeset	65 </div>
8278b2fb0c33 refac: UI refactorization Thomas Junk <thomas.junk@intevation.de> parents: 585 diff changeset	66 <Userdetail v-if="isUserDetailsVisible "></Userdetail>
585 ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	67 </div>
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	68 </div>
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	69 </div>
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	70 </template>
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	71
1191 b23622905a3f switched entirely to sass instead of scss Markus Kottlaender <markus@intevation.de> parents: 1139 diff changeset	72 <style lang="sass" scoped>
b23622905a3f switched entirely to sass instead of scss Markus Kottlaender <markus@intevation.de> parents: 1139 diff changeset	73 @import "../application/assets/tooltip.scss"
585 ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	74
1191 b23622905a3f switched entirely to sass instead of scss Markus Kottlaender <markus@intevation.de> parents: 1139 diff changeset	75 .main
b23622905a3f switched entirely to sass instead of scss Markus Kottlaender <markus@intevation.de> parents: 1139 diff changeset	76 height: 100vh
b23622905a3f switched entirely to sass instead of scss Markus Kottlaender <markus@intevation.de> parents: 1139 diff changeset	77
b23622905a3f switched entirely to sass instead of scss Markus Kottlaender <markus@intevation.de> parents: 1139 diff changeset	78 .backwards
b23622905a3f switched entirely to sass instead of scss Markus Kottlaender <markus@intevation.de> parents: 1139 diff changeset	79 margin-right: 0.5rem
585 ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	80
1191 b23622905a3f switched entirely to sass instead of scss Markus Kottlaender <markus@intevation.de> parents: 1139 diff changeset	81 .forwards
b23622905a3f switched entirely to sass instead of scss Markus Kottlaender <markus@intevation.de> parents: 1139 diff changeset	82 margin-left: 0.5rem
585 ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	83
1191 b23622905a3f switched entirely to sass instead of scss Markus Kottlaender <markus@intevation.de> parents: 1139 diff changeset	84 .content
b23622905a3f switched entirely to sass instead of scss Markus Kottlaender <markus@intevation.de> parents: 1139 diff changeset	85 margin-top: $large-offset
b23622905a3f switched entirely to sass instead of scss Markus Kottlaender <markus@intevation.de> parents: 1139 diff changeset	86 margin-left: auto
b23622905a3f switched entirely to sass instead of scss Markus Kottlaender <markus@intevation.de> parents: 1139 diff changeset	87 margin-right: auto
585 ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	88
1191 b23622905a3f switched entirely to sass instead of scss Markus Kottlaender <markus@intevation.de> parents: 1139 diff changeset	89 .adduser
b23622905a3f switched entirely to sass instead of scss Markus Kottlaender <markus@intevation.de> parents: 1139 diff changeset	90 margin-right: $offset
b23622905a3f switched entirely to sass instead of scss Markus Kottlaender <markus@intevation.de> parents: 1139 diff changeset	91 padding-bottom: $offset
585 ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	92
1191 b23622905a3f switched entirely to sass instead of scss Markus Kottlaender <markus@intevation.de> parents: 1139 diff changeset	93 .icon
b23622905a3f switched entirely to sass instead of scss Markus Kottlaender <markus@intevation.de> parents: 1139 diff changeset	94 font-size: large
585 ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	95
1191 b23622905a3f switched entirely to sass instead of scss Markus Kottlaender <markus@intevation.de> parents: 1139 diff changeset	96 .userlist
b23622905a3f switched entirely to sass instead of scss Markus Kottlaender <markus@intevation.de> parents: 1139 diff changeset	97 margin-top: $topbarheight
b23622905a3f switched entirely to sass instead of scss Markus Kottlaender <markus@intevation.de> parents: 1139 diff changeset	98 margin-right: $offset
b23622905a3f switched entirely to sass instead of scss Markus Kottlaender <markus@intevation.de> parents: 1139 diff changeset	99 min-width: 520px
b23622905a3f switched entirely to sass instead of scss Markus Kottlaender <markus@intevation.de> parents: 1139 diff changeset	100 height: 100%
585 ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	101
1191 b23622905a3f switched entirely to sass instead of scss Markus Kottlaender <markus@intevation.de> parents: 1139 diff changeset	102 .pagination
b23622905a3f switched entirely to sass instead of scss Markus Kottlaender <markus@intevation.de> parents: 1139 diff changeset	103 margin-left: auto
b23622905a3f switched entirely to sass instead of scss Markus Kottlaender <markus@intevation.de> parents: 1139 diff changeset	104 margin-right: auto
b23622905a3f switched entirely to sass instead of scss Markus Kottlaender <markus@intevation.de> parents: 1139 diff changeset	105
b23622905a3f switched entirely to sass instead of scss Markus Kottlaender <markus@intevation.de> parents: 1139 diff changeset	106 .userlistsmall
b23622905a3f switched entirely to sass instead of scss Markus Kottlaender <markus@intevation.de> parents: 1139 diff changeset	107 width: 30vw
585 ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	108
1191 b23622905a3f switched entirely to sass instead of scss Markus Kottlaender <markus@intevation.de> parents: 1139 diff changeset	109 .userlistextended
b23622905a3f switched entirely to sass instead of scss Markus Kottlaender <markus@intevation.de> parents: 1139 diff changeset	110 width: 70vw
585 ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	111
1191 b23622905a3f switched entirely to sass instead of scss Markus Kottlaender <markus@intevation.de> parents: 1139 diff changeset	112 .table
b23622905a3f switched entirely to sass instead of scss Markus Kottlaender <markus@intevation.de> parents: 1139 diff changeset	113 width: 90% !important
b23622905a3f switched entirely to sass instead of scss Markus Kottlaender <markus@intevation.de> parents: 1139 diff changeset	114 margin: auto
585 ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	115
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	116 .table th,
1191 b23622905a3f switched entirely to sass instead of scss Markus Kottlaender <markus@intevation.de> parents: 1139 diff changeset	117 .pages
b23622905a3f switched entirely to sass instead of scss Markus Kottlaender <markus@intevation.de> parents: 1139 diff changeset	118 cursor: pointer
585 ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	119
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	120 .table th,
1191 b23622905a3f switched entirely to sass instead of scss Markus Kottlaender <markus@intevation.de> parents: 1139 diff changeset	121 td
b23622905a3f switched entirely to sass instead of scss Markus Kottlaender <markus@intevation.de> parents: 1139 diff changeset	122 font-size: 0.9rem
b23622905a3f switched entirely to sass instead of scss Markus Kottlaender <markus@intevation.de> parents: 1139 diff changeset	123 border-top: 0px !important
b23622905a3f switched entirely to sass instead of scss Markus Kottlaender <markus@intevation.de> parents: 1139 diff changeset	124 text-align: left
b23622905a3f switched entirely to sass instead of scss Markus Kottlaender <markus@intevation.de> parents: 1139 diff changeset	125 padding: 0.5rem !important
585 ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	126
1191 b23622905a3f switched entirely to sass instead of scss Markus Kottlaender <markus@intevation.de> parents: 1139 diff changeset	127 .table td
b23622905a3f switched entirely to sass instead of scss Markus Kottlaender <markus@intevation.de> parents: 1139 diff changeset	128 font-size: 0.9rem
b23622905a3f switched entirely to sass instead of scss Markus Kottlaender <markus@intevation.de> parents: 1139 diff changeset	129 cursor: pointer
585 ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	130
1191 b23622905a3f switched entirely to sass instead of scss Markus Kottlaender <markus@intevation.de> parents: 1139 diff changeset	131 tr span
b23622905a3f switched entirely to sass instead of scss Markus Kottlaender <markus@intevation.de> parents: 1139 diff changeset	132 display: flex
585 ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	133 </style>
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	134
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	135 <script>
1019 ca628dce90dd Licensing information added Thomas Junk <thomas.junk@intevation.de> parents: 629 diff changeset	136 /*
ca628dce90dd Licensing information added Thomas Junk <thomas.junk@intevation.de> parents: 629 diff changeset	137 * This is Free Software under GNU Affero General Public License v >= 3.0
ca628dce90dd Licensing information added Thomas Junk <thomas.junk@intevation.de> parents: 629 diff changeset	138 * without warranty, see README.md and license for details.
ca628dce90dd Licensing information added Thomas Junk <thomas.junk@intevation.de> parents: 629 diff changeset	139 *
ca628dce90dd Licensing information added Thomas Junk <thomas.junk@intevation.de> parents: 629 diff changeset	140 * SPDX-License-Identifier: AGPL-3.0-or-later
ca628dce90dd Licensing information added Thomas Junk <thomas.junk@intevation.de> parents: 629 diff changeset	141 * License-Filename: LICENSES/AGPL-3.0.txt
ca628dce90dd Licensing information added Thomas Junk <thomas.junk@intevation.de> parents: 629 diff changeset	142 *
ca628dce90dd Licensing information added Thomas Junk <thomas.junk@intevation.de> parents: 629 diff changeset	143 * Copyright (C) 2018 by via donau
ca628dce90dd Licensing information added Thomas Junk <thomas.junk@intevation.de> parents: 629 diff changeset	144 * – Österreichische Wasserstraßen-Gesellschaft mbH
ca628dce90dd Licensing information added Thomas Junk <thomas.junk@intevation.de> parents: 629 diff changeset	145 * Software engineering by Intevation GmbH
ca628dce90dd Licensing information added Thomas Junk <thomas.junk@intevation.de> parents: 629 diff changeset	146 *
ca628dce90dd Licensing information added Thomas Junk <thomas.junk@intevation.de> parents: 629 diff changeset	147 * Author(s):
ca628dce90dd Licensing information added Thomas Junk <thomas.junk@intevation.de> parents: 629 diff changeset	148 * Thomas Junk <thomas.junk@intevation.de>
ca628dce90dd Licensing information added Thomas Junk <thomas.junk@intevation.de> parents: 629 diff changeset	149 */
585 ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	150 import Userdetail from "./Userdetail";
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	151 import store from "../store";
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	152 import { mapGetters } from "vuex";
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	153 import { displayError } from "../application/lib/errors.js";
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	154
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	155 export default {
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	156 name: "userview",
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	157 data() {
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	158 return {
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	159 sortCriterion: "user",
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	160 pageSize: 10,
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	161 currentPage: 1
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	162 };
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	163 },
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	164 components: {
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	165 Userdetail
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	166 },
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	167 computed: {
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	168 ...mapGetters("usermanagement", ["isUserDetailsVisible"]),
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	169 ...mapGetters("application", ["sidebarCollapsed"]),
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	170 users() {
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	171 let users = [...this.$store.getters["usermanagement/users"]];
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	172 users.sort((a, b) => {
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	173 if (
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	174 a[this.sortCriterion].toLowerCase() <
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	175 b[this.sortCriterion].toLowerCase()
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	176 )
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	177 return -1;
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	178 if (
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	179 a[this.sortCriterion].toLowerCase() >
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	180 b[this.sortCriterion].toLowerCase()
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	181 )
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	182 return 1;
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	183 return 0;
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	184 });
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	185 const start = (this.currentPage - 1) * this.pageSize;
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	186 return users.slice(start, start + this.pageSize);
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	187 },
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	188 pages() {
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	189 let users = [...this.$store.getters["usermanagement/users"]];
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	190 return Math.ceil(users.length / this.pageSize);
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	191 },
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	192 tableStyle() {
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	193 return {
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	194 table: true,
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	195 "table-hover": true,
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	196 "table-sm": this.isUserDetailsVisible,
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	197 fadeIn: true,
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	198 animated: true
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	199 };
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	200 },
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	201 userlistStyle() {
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	202 return {
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	203 userlist: true,
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	204 shadow: true,
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	205 userlistsmall: this.isUserDetailsVisible,
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	206 userlistextended: !this.isUserDetailsVisible
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	207 };
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	208 }
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	209 },
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	210 methods: {
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	211 tween() {},
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	212 nextPage() {
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	213 if (this.currentPage < this.pages) {
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	214 document.querySelector("#datatable").classList.add("fadeOut");
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	215 setTimeout(() => {
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	216 document.querySelector("#datatable").classList.remove("fadeOut");
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	217 this.currentPage += 1;
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	218 }, 10);
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	219 }
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	220 return;
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	221 },
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	222 prevPage() {
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	223 if (this.currentPage > 0) {
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	224 document.querySelector("#datatable").classList.add("fadeOut");
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	225 setTimeout(() => {
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	226 document.querySelector("#datatable").classList.remove("fadeOut");
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	227 this.currentPage -= 1;
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	228 }, 10);
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	229 }
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	230 return;
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	231 },
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	232 sortBy(criterion) {
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	233 this.sortCriterion = criterion;
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	234 },
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	235 deleteUser(name) {
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	236 this.$store
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	237 .dispatch("usermanagement/deleteUser", { name: name })
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	238 .then(() => {
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	239 this.submitted = false;
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	240 this.$store.dispatch("usermanagement/loadUsers").catch(error => {
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	241 const { status, data } = error.response;
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	242 displayError({
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	243 title: "Backend Error",
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	244 message: `${status}: ${data.message \|\| data}`
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	245 });
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	246 });
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	247 })
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	248 .catch(error => {
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	249 const { status, data } = error.response;
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	250 displayError({
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	251 title: "Backend Error",
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	252 message: `${status}: ${data.message \|\| data}`
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	253 });
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	254 });
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	255 },
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	256 addUser() {
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	257 this.$store.commit("usermanagement/clearCurrentUser");
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	258 this.$store.commit("usermanagement/setUserDetailsVisible");
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	259 },
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	260 selectUser(name) {
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	261 const user = this.$store.getters["usermanagement/getUserByName"](name);
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	262 this.$store.commit("usermanagement/setCurrentUser", user);
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	263 }
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	264 },
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	265 beforeRouteEnter(to, from, next) {
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	266 store
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	267 .dispatch("usermanagement/loadUsers")
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	268 .then(next)
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	269 .catch(error => {
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	270 const { status, data } = error.response;
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	271 displayError({
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	272 title: "Backend Error",
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	273 message: `${status}: ${data}`
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	274 });
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	275 });
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	276 },
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	277 beforeRouteLeave(to, from, next) {
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	278 store.commit("usermanagement/clearCurrentUser");
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	279 store.commit("usermanagement/setUserDetailsInvisible");
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	280 next();
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	281 }
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	282 };
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	283 </script>

Mercurial > gemma

annotate client/src/usermanagement/Users.vue @ 1191:b23622905a3f