annotate client/src/components/usermanagement/Userdetail.vue @ 1558:0ded4c56978e

refac: component filestructure. remove admin/map hierarchy
author Thomas Junk <thomas.junk@intevation.de>
date Wed, 12 Dec 2018 09:22:20 +0100
parents client/src/components/admin/usermanagement/Userdetail.vue@a679f765d7b0
children f2d24dceecc7
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
1 <template>
1529
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
2 <div class="userdetails mt-3 shadow fadeIn animated card">
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
3 <h6
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
4 class="mb-0 py-2 px-3 border-bottom d-flex text-info align-items-center"
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
5 >
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
6 {{ this.cardHeader }}
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
7 <span @click="closeDetailview" class="closebutton">
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
8 <font-awesome-icon icon="times"></font-awesome-icon>
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
9 </span>
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
10 </h6>
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
11 <div class="card-body">
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
12 <form @submit.prevent="save" class="ml-3">
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
13 <div class="formfields">
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
14 <div v-if="currentUser.isNew" class="form-group row">
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
15 <label for="user"> <translate>Username</translate> </label>
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
16 <input
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
17 type="user"
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
18 :placeholder="userNamePlaceholder"
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
19 class="form-control form-control-sm"
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
20 id="user"
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
21 aria-describedby="userHelp"
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
22 v-model="currentUser.user"
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
23 />
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
24 <div v-show="errors.user" class="text-danger">
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
25 <small>
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
26 <font-awesome-icon
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
27 icon="exclamation-triangle"
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
28 ></font-awesome-icon>
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
29 {{ errors.user }}
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
30 </small>
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
31 </div>
1529
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
32 </div>
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
33 <div class="form-group row">
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
34 <label for="country"> <translate>Country</translate> </label>
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
35 <select
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
36 class="form-control form-control-sm"
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
37 v-on:change="validateCountry"
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
38 v-model="currentUser.country"
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
39 >
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
40 <option disabled value>
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
41 <translate>Please select one</translate>
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
42 </option>
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
43 <option
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
44 v-for="country in countries"
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
45 v-bind:value="country"
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
46 v-bind:key="country"
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
47 >{{ country }}</option
1361
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1299
diff changeset
48 >
1529
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
49 </select>
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
50 <div v-show="errors.country" class="text-danger">
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
51 <small>
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
52 <font-awesome-icon
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
53 icon="exclamation-triangle"
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
54 ></font-awesome-icon>
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
55 {{ errors.country }}
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
56 </small>
1361
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1299
diff changeset
57 </div>
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1299
diff changeset
58 </div>
1529
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
59 <div class="form-group row">
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
60 <label for="email"> <translate>Email address</translate> </label>
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
61 <input
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
62 type="email"
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
63 v-on:change="validateEmailaddress"
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
64 class="form-control form-control-sm"
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
65 id="email"
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
66 aria-describedby="emailHelp"
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
67 v-model="currentUser.email"
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
68 />
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
69 <div v-show="errors.email" class="text-danger">
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
70 <small>
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
71 <font-awesome-icon
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
72 icon="exclamation-triangle"
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
73 ></font-awesome-icon>
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
74 {{ errors.email }}
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
75 </small>
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
76 </div>
1361
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1299
diff changeset
77 </div>
1529
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
78 <div class="form-group row">
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
79 <label for="role"> <translate>Role</translate> </label>
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
80 <select
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
81 class="form-control form-control-sm"
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
82 v-on:change="validateRole"
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
83 v-model="currentUser.role"
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
84 >
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
85 <option disabled value>
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
86 <translate>Please select one</translate>
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
87 </option>
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
88 <option value="sys_admin">
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
89 <translate>Sysadmin</translate>
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
90 </option>
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
91 <option value="waterway_admin">
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
92 <translate>Waterway Admin</translate>
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
93 </option>
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
94 <option value="waterway_user">
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
95 <translate>Waterway User</translate>
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
96 </option>
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
97 </select>
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
98 <div v-show="errors.role" class="text-danger">
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
99 <small>
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
100 <font-awesome-icon
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
101 icon="exclamation-triangle"
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
102 ></font-awesome-icon>
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
103 {{ errors.role }}
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
104 </small>
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
105 </div>
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
106 </div>
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
107 <div class="form-group row">
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
108 <PasswordField
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
109 @fieldchange="passwordChanged"
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
110 :placeholder="passwordPlaceholder"
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
111 :label="passwordLabel"
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
112 :passworderrors="errors.password"
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
113 ></PasswordField>
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
114 </div>
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
115 <div class="form-group row">
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
116 <PasswordField
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
117 @fieldchange="passwordReChanged"
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
118 :placeholder="passwordRePlaceholder"
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
119 :label="passwordReLabel"
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
120 :passworderrors="errors.passwordre"
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
121 ></PasswordField>
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
122 </div>
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
123 </div>
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
124 <div>
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
125 <button
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
126 type="submit"
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
127 :disabled="submitted"
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
128 class="shadow-sm btn btn-info submit-button"
1361
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1299
diff changeset
129 >
1529
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
130 <translate>Submit</translate>
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
131 </button>
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
132 </div>
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
133 <div
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
134 v-if="currentUser.role != 'waterway_user'"
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
135 class="form-group row d-flex flex-row justify-content-start mailbutton"
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
136 >
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
137 <a @click="sendTestMail" class="btn btn-light">
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
138 <font-awesome-icon icon="paper-plane"></font-awesome-icon>
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
139 <translate>Send testmail</translate>
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
140 </a>
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
141 <div v-if="mailsent"><translate>Mail was sent</translate></div>
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
142 </div>
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
143 </form>
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
144 </div>
1361
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1299
diff changeset
145 </div>
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
146 </template>
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
147
1449
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1416
diff changeset
148 <style lang="scss" scoped>
1529
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
149 .submit-button {
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
150 position: absolute;
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
151 right: $offset;
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
152 bottom: $offset;
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
153 }
1449
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1416
diff changeset
154 .mailbutton {
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1416
diff changeset
155 width: 12vw;
1529
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
156 position: absolute;
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
157 left: $large-offset;
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
158 bottom: 0;
1449
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1416
diff changeset
159 }
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
160
1449
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1416
diff changeset
161 .formfields {
1529
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
162 width: 60%;
1449
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1416
diff changeset
163 }
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
164
1449
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1416
diff changeset
165 .userdetails {
1529
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
166 height: 600px;
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
167 margin-top: $offset;
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
168 margin-left: $offset;
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
169 margin-right: $offset;
1449
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1416
diff changeset
170 }
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
171
1449
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1416
diff changeset
172 form {
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1416
diff changeset
173 font-size: $smaller;
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1416
diff changeset
174 }
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
175 </style>
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
176
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
177 <script>
1362
ca33ad696594 remove the first empyty lines
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1361
diff changeset
178 /* This is Free Software under GNU Affero General Public License v >= 3.0
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
179 * without warranty, see README.md and license for details.
1361
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1299
diff changeset
180 *
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
181 * SPDX-License-Identifier: AGPL-3.0-or-later
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
182 * License-Filename: LICENSES/AGPL-3.0.txt
1361
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1299
diff changeset
183 *
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1299
diff changeset
184 * Copyright (C) 2018 by via donau
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
185 * – Österreichische Wasserstraßen-Gesellschaft mbH
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
186 * Software engineering by Intevation GmbH
1361
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1299
diff changeset
187 *
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
188 * Author(s):
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
189 * Thomas Junk <thomas.junk@intevation.de>
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
190 */
1558
0ded4c56978e refac: component filestructure. remove admin/map hierarchy
Thomas Junk <thomas.junk@intevation.de>
parents: 1529
diff changeset
191 import { HTTP } from "../../lib/http";
0ded4c56978e refac: component filestructure. remove admin/map hierarchy
Thomas Junk <thomas.junk@intevation.de>
parents: 1529
diff changeset
192 import { displayError } from "../../lib/errors.js";
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
193 import { mapState } from "vuex";
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
194 import PasswordField from "./Passwordfield";
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
195
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
196 const emptyErrormessages = () => {
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
197 return {
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
198 email: "",
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
199 country: "",
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
200 role: "",
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
201 password: "",
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
202 passwordre: ""
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
203 };
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
204 };
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
205
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
206 const isEmailValid = email => {
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
207 /**
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
208 *
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
209 * For convenience purposes the same regex used as in the go code
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
210 * cf. types.go
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
211 *
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
212 */
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
213 // eslint-disable-next-line
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
214 return /(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:(2(5[0-5]|[0-4][0-9])|1[0-9][0-9]|[1-9]?[0-9]))\.){3}(?:(2(5[0-5]|[0-4][0-9])|1[0-9][0-9]|[1-9]?[0-9])|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)\])/.test(
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
215 email
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
216 );
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
217 };
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
218
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
219 const violatedPasswordRules = password => {
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
220 return (
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
221 // rules according to issue 70
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
222 password.length < 7 ||
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
223 /\W/.test(password) == false ||
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
224 /\d/.test(password) == false
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
225 );
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
226 };
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
227
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
228 export default {
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
229 name: "userdetail",
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
230 components: {
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
231 PasswordField
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
232 },
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
233 data() {
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
234 return {
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
235 mailsent: false,
1460
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1455
diff changeset
236 passwordLabel: this.$gettext("Password"),
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1455
diff changeset
237 passwordReLabel: this.$gettext("Repeat Password"),
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1455
diff changeset
238 passwordPlaceholder: this.$gettext("password"),
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1455
diff changeset
239 passwordRePlaceholder: this.$gettext("password again"),
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
240 password: "",
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
241 passwordre: "",
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
242 currentUser: {},
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
243 path: null,
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
244 submitted: false,
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
245 errors: {
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
246 email: "",
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
247 country: "",
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
248 role: "",
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
249 password: "",
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
250 passwordre: ""
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
251 }
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
252 };
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
253 },
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
254 mounted() {
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
255 this.currentUser = { ...this.user };
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
256 this.path = this.user.name;
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
257 },
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
258 watch: {
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
259 user() {
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
260 this.currentUser = { ...this.user };
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
261 this.path = this.user.name;
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
262 this.clearPassword();
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
263 this.clearErrors();
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
264 }
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
265 },
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
266 computed: {
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
267 cardHeader() {
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
268 if (this.currentUser.isNew) return "N.N";
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
269 return this.currentUser.user;
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
270 },
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
271 userNamePlaceholder() {
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
272 if (this.currentUser.isNew) return "N.N";
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
273 return "";
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
274 },
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
275 ...mapState("application", ["countries"]),
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
276 user() {
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
277 return this.$store.getters["usermanagement/currentUser"];
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
278 },
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
279 isFormValid() {
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
280 return (
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
281 isEmailValid(this.currentUser.email) &&
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
282 this.currentUser.country &&
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
283 this.password === this.passwordre &&
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
284 (this.password === "" || !violatedPasswordRules(this.password))
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
285 );
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
286 }
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
287 },
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
288 methods: {
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
289 sendTestMail() {
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
290 if (this.mailsent) return;
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
291 HTTP.get("/testmail/" + this.currentUser.user, {
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
292 headers: {
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
293 "X-Gemma-Auth": localStorage.getItem("token"),
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
294 "Content-type": "text/xml; charset=UTF-8"
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
295 }
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
296 })
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
297 .then(() => {
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
298 this.mailsent = true;
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
299 })
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
300 .catch(error => {
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
301 this.loginFailed = true;
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
302 this.submitted = false;
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
303 const { status, data } = error.response;
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
304 displayError({
1460
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1455
diff changeset
305 title: this.$gettext("Backend Error"),
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
306 message: `${status}: ${data.message || data}`
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
307 });
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
308 });
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
309 },
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
310 passwordChanged(value) {
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
311 this.password = value;
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
312 this.validatePassword();
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
313 },
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
314 passwordReChanged(value) {
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
315 this.passwordre = value;
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
316 this.validatePassword();
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
317 },
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
318 clearErrors() {
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
319 this.errors = emptyErrormessages();
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
320 },
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
321 clearPassword() {
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
322 this.password = "";
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
323 this.passwordre = "";
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
324 },
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
325 closeDetailview() {
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
326 this.$store.commit("usermanagement/clearCurrentUser");
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
327 this.$store.commit("usermanagement/setUserDetailsInvisible");
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
328 },
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
329 validateCountry() {
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
330 this.errors.country = this.currentUser.country
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
331 ? ""
1460
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1455
diff changeset
332 : this.$gettext("Please choose a country");
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
333 },
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
334 validateRole() {
1460
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1455
diff changeset
335 this.errors.role = this.currentUser.role
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1455
diff changeset
336 ? ""
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1455
diff changeset
337 : this.$gettext("Please choose a role");
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
338 },
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
339 validatePassword() {
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
340 this.errors.passwordre =
1460
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1455
diff changeset
341 this.password === this.passwordre
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1455
diff changeset
342 ? ""
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1455
diff changeset
343 : this.$gettext("Passwords do not match!");
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
344 this.errors.password =
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
345 this.password === "" || !violatedPasswordRules(this.password)
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
346 ? ""
1460
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1455
diff changeset
347 : this.$gettext(
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1455
diff changeset
348 "Password should at least be 8 char long including 1 digit and 1 special char like $"
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1455
diff changeset
349 );
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
350 },
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
351 validateEmailaddress() {
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
352 this.errors.email = isEmailValid(this.currentUser.email)
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
353 ? ""
1460
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1455
diff changeset
354 : this.$gettext("invalid email");
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
355 },
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
356 validate() {
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
357 this.validateCountry();
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
358 this.validateRole();
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
359 this.validatePassword();
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
360 this.validateEmailaddress();
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
361 },
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
362 save() {
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
363 this.validate();
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
364 if (!this.isFormValid) return;
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
365 if (this.password) this.currentUser.password = this.password;
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
366 this.submitted = true;
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
367 this.$store
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
368 .dispatch("usermanagement/saveCurrentUser", {
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
369 path: this.user.user,
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
370 user: this.currentUser
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
371 })
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
372 .then(() => {
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
373 this.submitted = false;
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
374 this.$store.dispatch("usermanagement/loadUsers").catch(error => {
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
375 const { status, data } = error.response;
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
376 displayError({
1460
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1455
diff changeset
377 title: this.$gettext("Backend Error"),
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
378 message: `${status}: ${data.message || data}`
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
379 });
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
380 });
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
381 })
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
382 .catch(error => {
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
383 this.submitted = false;
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
384 const { status, data } = error.response;
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
385 displayError({
1460
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1455
diff changeset
386 title: this.$gettext("Error while saving user"),
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
387 message: `${status}: ${data.message || data}`
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
388 });
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
389 });
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
390 }
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
391 }
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
392 };
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
393 </script>