gemma: client/src/components/usermanagement/Userdetail.vue annotate

annotate client/src/components/usermanagement/Userdetail.vue @ 1701:f4bd67daaaff

feat: force login on invalid session Redirect user to login when session becomes invalid. Prototypical implementation for importqueue.

author	Thomas Junk <thomas.junk@intevation.de>
date	Mon, 07 Jan 2019 12:13:52 +0100
parents	16fb9667ddf8
children	a08e0f532304

rev	line source
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	1 <template>
1529 a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	2 <div class="userdetails mt-3 shadow fadeIn animated card">
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	3 <h6
a679f765d7b0 layout 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"
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	5 >
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	6 {{ this.cardHeader }}
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	7 <span @click="closeDetailview" class="closebutton">
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	8 <font-awesome-icon icon="times"></font-awesome-icon>
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	9 </span>
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	10 </h6>
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	11 <div class="card-body">
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	12 <form @submit.prevent="save" class="ml-3">
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	13 <div class="formfields">
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	14 <div v-if="currentUser.isNew" class="form-group row">
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	15 <label for="user"> <translate>Username</translate> </label>
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	16 <input
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	17 type="user"
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	18 :placeholder="userNamePlaceholder"
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	19 class="form-control form-control-sm"
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	20 id="user"
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	21 aria-describedby="userHelp"
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	22 v-model="currentUser.user"
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	23 />
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	24 <div v-show="errors.user" class="text-danger">
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	25 <small>
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	26 <font-awesome-icon
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	27 icon="exclamation-triangle"
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	28 ></font-awesome-icon>
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	29 {{ errors.user }}
a679f765d7b0 layout 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 a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	32 </div>
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	33 <div class="form-group row">
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	34 <label for="country"> <translate>Country</translate> </label>
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	35 <select
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	36 class="form-control form-control-sm"
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	37 v-on:change="validateCountry"
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	38 v-model="currentUser.country"
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	39 >
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	40 <option disabled value>
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	41 <translate>Please select one</translate>
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	42 </option>
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	43 <option
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	44 v-for="country in countries"
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	45 v-bind:value="country"
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	46 v-bind:key="country"
a679f765d7b0 layout 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 a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	49 </select>
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	50 <div v-show="errors.country" class="text-danger">
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	51 <small>
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	52 <font-awesome-icon
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	53 icon="exclamation-triangle"
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	54 ></font-awesome-icon>
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	55 {{ errors.country }}
a679f765d7b0 layout 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 a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	59 <div class="form-group row">
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	60 <label for="email"> <translate>Email address</translate> </label>
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	61 <input
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	62 type="email"
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	63 v-on:change="validateEmailaddress"
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	64 class="form-control form-control-sm"
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	65 id="email"
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	66 aria-describedby="emailHelp"
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	67 v-model="currentUser.email"
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	68 />
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	69 <div v-show="errors.email" class="text-danger">
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	70 <small>
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	71 <font-awesome-icon
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	72 icon="exclamation-triangle"
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	73 ></font-awesome-icon>
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	74 {{ errors.email }}
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	75 </small>
a679f765d7b0 layout 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 a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	78 <div class="form-group row">
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	79 <label for="role"> <translate>Role</translate> </label>
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	80 <select
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	81 class="form-control form-control-sm"
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	82 v-on:change="validateRole"
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	83 v-model="currentUser.role"
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	84 >
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	85 <option disabled value>
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	86 <translate>Please select one</translate>
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	87 </option>
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	88 <option value="sys_admin">
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	89 <translate>Sysadmin</translate>
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	90 </option>
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	91 <option value="waterway_admin">
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	92 <translate>Waterway Admin</translate>
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	93 </option>
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	94 <option value="waterway_user">
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	95 <translate>Waterway User</translate>
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	96 </option>
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	97 </select>
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	98 <div v-show="errors.role" class="text-danger">
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	99 <small>
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	100 <font-awesome-icon
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	101 icon="exclamation-triangle"
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	102 ></font-awesome-icon>
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	103 {{ errors.role }}
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	104 </small>
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	105 </div>
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	106 </div>
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	107 <div class="form-group row">
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	108 <PasswordField
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	109 @fieldchange="passwordChanged"
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	110 :placeholder="passwordPlaceholder"
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	111 :label="passwordLabel"
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	112 :passworderrors="errors.password"
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	113 ></PasswordField>
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	114 </div>
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	115 <div class="form-group row">
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	116 <PasswordField
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	117 @fieldchange="passwordReChanged"
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	118 :placeholder="passwordRePlaceholder"
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	119 :label="passwordReLabel"
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	120 :passworderrors="errors.passwordre"
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	121 ></PasswordField>
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	122 </div>
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	123 </div>
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	124 <div>
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	125 <button
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	126 type="submit"
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	127 :disabled="submitted"
a679f765d7b0 layout 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 a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	130 <translate>Submit</translate>
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	131 </button>
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	132 </div>
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	133 <div
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	134 v-if="currentUser.role != 'waterway_user'"
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	135 class="form-group row d-flex flex-row justify-content-start mailbutton"
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	136 >
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	137 <a @click="sendTestMail" class="btn btn-light">
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	138 <font-awesome-icon icon="paper-plane"></font-awesome-icon>
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	139 <translate>Send testmail</translate>
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	140 </a>
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	141 <div v-if="mailsent"><translate>Mail was sent</translate></div>
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	142 </div>
a679f765d7b0 layout 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 a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	149 .submit-button {
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	150 position: absolute;
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	151 right: $offset;
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	152 bottom: $offset;
a679f765d7b0 layout 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 a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	156 position: absolute;
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	157 left: $large-offset;
a679f765d7b0 layout 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 a679f765d7b0 layout 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 a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	166 height: 600px;
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	167 margin-top: $offset;
a679f765d7b0 layout Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	168 margin-left: $offset;
a679f765d7b0 layout 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 */
1613 f2d24dceecc7 refac: cleanup import paths Thomas Junk <thomas.junk@intevation.de> parents: 1558 diff changeset	191 import { HTTP } from "@/lib/http";
f2d24dceecc7 refac: cleanup import paths Thomas Junk <thomas.junk@intevation.de> parents: 1558 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
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	195 const emptyErrormessages = () => {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	196 return {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	197 email: "",
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	198 country: "",
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	199 role: "",
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	200 password: "",
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	201 passwordre: ""
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	202 };
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 const isEmailValid = email => {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	206 /**
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 * 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	209 * cf. types.go
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	210 *
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 // eslint-disable-next-line
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	213 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	214 email
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	215 );
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 const violatedPasswordRules = password => {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	219 return (
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	220 // rules according to issue 70
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	221 password.length < 7 \|\|
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	222 /\W/.test(password) == false \|\|
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	223 /\d/.test(password) == false
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	224 );
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 export default {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	228 name: "userdetail",
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	229 components: {
1669 16fb9667ddf8 refac: use dynamic imports for components Thomas Junk <thomas.junk@intevation.de> parents: 1613 diff changeset	230 PasswordField: () => import("./Passwordfield")
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	231 },
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	232 data() {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	233 return {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	234 mailsent: false,
1460 3d5aea677345 merge Fadi Abbud <fadi.abbud@intevation.de> parents: 1455 diff changeset	235 passwordLabel: this.$gettext("Password"),
3d5aea677345 merge Fadi Abbud <fadi.abbud@intevation.de> parents: 1455 diff changeset	236 passwordReLabel: this.$gettext("Repeat Password"),
3d5aea677345 merge Fadi Abbud <fadi.abbud@intevation.de> parents: 1455 diff changeset	237 passwordPlaceholder: this.$gettext("password"),
3d5aea677345 merge Fadi Abbud <fadi.abbud@intevation.de> parents: 1455 diff changeset	238 passwordRePlaceholder: this.$gettext("password again"),
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	239 password: "",
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	240 passwordre: "",
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	241 currentUser: {},
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	242 path: null,
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	243 submitted: false,
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	244 errors: {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	245 email: "",
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	246 country: "",
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	247 role: "",
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	248 password: "",
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	249 passwordre: ""
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	250 }
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 mounted() {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	254 this.currentUser = { ...this.user };
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	255 this.path = this.user.name;
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	256 },
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	257 watch: {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	258 user() {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	259 this.currentUser = { ...this.user };
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	260 this.path = this.user.name;
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	261 this.clearPassword();
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	262 this.clearErrors();
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	263 }
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 computed: {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	266 cardHeader() {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	267 if (this.currentUser.isNew) return "N.N";
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	268 return this.currentUser.user;
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	269 },
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	270 userNamePlaceholder() {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	271 if (this.currentUser.isNew) return "N.N";
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	272 return "";
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	273 },
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	274 ...mapState("application", ["countries"]),
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	275 user() {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	276 return this.$store.getters["usermanagement/currentUser"];
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	277 },
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	278 isFormValid() {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	279 return (
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	280 isEmailValid(this.currentUser.email) &&
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	281 this.currentUser.country &&
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	282 this.password === this.passwordre &&
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	283 (this.password === "" \|\| !violatedPasswordRules(this.password))
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	284 );
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 methods: {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	288 sendTestMail() {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	289 if (this.mailsent) return;
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	290 HTTP.get("/testmail/" + this.currentUser.user, {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	291 headers: {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	292 "X-Gemma-Auth": localStorage.getItem("token"),
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	293 "Content-type": "text/xml; charset=UTF-8"
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	294 }
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 .then(() => {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	297 this.mailsent = true;
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	298 })
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	299 .catch(error => {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	300 this.loginFailed = true;
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	301 this.submitted = false;
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	302 const { status, data } = error.response;
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	303 displayError({
1460 3d5aea677345 merge Fadi Abbud <fadi.abbud@intevation.de> parents: 1455 diff changeset	304 title: this.$gettext("Backend Error"),
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	305 message: `${status}: ${data.message \|\| data}`
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	306 });
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 passwordChanged(value) {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	310 this.password = value;
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	311 this.validatePassword();
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	312 },
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	313 passwordReChanged(value) {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	314 this.passwordre = value;
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	315 this.validatePassword();
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	316 },
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	317 clearErrors() {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	318 this.errors = emptyErrormessages();
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	319 },
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	320 clearPassword() {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	321 this.password = "";
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	322 this.passwordre = "";
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	323 },
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	324 closeDetailview() {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	325 this.$store.commit("usermanagement/clearCurrentUser");
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	326 this.$store.commit("usermanagement/setUserDetailsInvisible");
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	327 },
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	328 validateCountry() {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	329 this.errors.country = this.currentUser.country
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	330 ? ""
1460 3d5aea677345 merge Fadi Abbud <fadi.abbud@intevation.de> parents: 1455 diff changeset	331 : this.$gettext("Please choose a country");
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	332 },
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	333 validateRole() {
1460 3d5aea677345 merge Fadi Abbud <fadi.abbud@intevation.de> parents: 1455 diff changeset	334 this.errors.role = this.currentUser.role
3d5aea677345 merge Fadi Abbud <fadi.abbud@intevation.de> parents: 1455 diff changeset	335 ? ""
3d5aea677345 merge Fadi Abbud <fadi.abbud@intevation.de> parents: 1455 diff changeset	336 : this.$gettext("Please choose a role");
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	337 },
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	338 validatePassword() {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	339 this.errors.passwordre =
1460 3d5aea677345 merge Fadi Abbud <fadi.abbud@intevation.de> parents: 1455 diff changeset	340 this.password === this.passwordre
3d5aea677345 merge Fadi Abbud <fadi.abbud@intevation.de> parents: 1455 diff changeset	341 ? ""
3d5aea677345 merge Fadi Abbud <fadi.abbud@intevation.de> parents: 1455 diff changeset	342 : this.$gettext("Passwords do not match!");
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	343 this.errors.password =
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	344 this.password === "" \|\| !violatedPasswordRules(this.password)
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	345 ? ""
1460 3d5aea677345 merge Fadi Abbud <fadi.abbud@intevation.de> parents: 1455 diff changeset	346 : this.$gettext(
3d5aea677345 merge Fadi Abbud <fadi.abbud@intevation.de> parents: 1455 diff changeset	347 "Password should at least be 8 char long including 1 digit and 1 special char like $"
3d5aea677345 merge Fadi Abbud <fadi.abbud@intevation.de> parents: 1455 diff changeset	348 );
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	349 },
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	350 validateEmailaddress() {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	351 this.errors.email = isEmailValid(this.currentUser.email)
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	352 ? ""
1460 3d5aea677345 merge Fadi Abbud <fadi.abbud@intevation.de> parents: 1455 diff changeset	353 : this.$gettext("invalid email");
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	354 },
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	355 validate() {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	356 this.validateCountry();
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	357 this.validateRole();
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	358 this.validatePassword();
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	359 this.validateEmailaddress();
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	360 },
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	361 save() {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	362 this.validate();
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	363 if (!this.isFormValid) return;
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	364 if (this.password) this.currentUser.password = this.password;
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	365 this.submitted = true;
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	366 this.$store
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	367 .dispatch("usermanagement/saveCurrentUser", {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	368 path: this.user.user,
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	369 user: this.currentUser
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	370 })
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	371 .then(() => {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	372 this.submitted = false;
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	373 this.$store.dispatch("usermanagement/loadUsers").catch(error => {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	374 const { status, data } = error.response;
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	375 displayError({
1460 3d5aea677345 merge Fadi Abbud <fadi.abbud@intevation.de> parents: 1455 diff changeset	376 title: this.$gettext("Backend Error"),
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	377 message: `${status}: ${data.message \|\| data}`
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	378 });
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 .catch(error => {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	382 this.submitted = false;
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	383 const { status, data } = error.response;
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	384 displayError({
1460 3d5aea677345 merge Fadi Abbud <fadi.abbud@intevation.de> parents: 1455 diff changeset	385 title: this.$gettext("Error while saving user"),
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	386 message: `${status}: ${data.message \|\| data}`
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	387 });
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 </script>

Mercurial > gemma

annotate client/src/components/usermanagement/Userdetail.vue @ 1701:f4bd67daaaff