gemma: client/src/components/Login.vue annotate

annotate client/src/components/Login.vue @ 3044:c71373594719

client: map: prepared store to hold multiple map objects This will be necessary to sync maps, toggle layers per map, etc. Therefore the methods to move the map (moveToExtent, etc.) became actions instead of mutations.

author	Markus Kottlaender <markus@intevation.de>
date	Sat, 13 Apr 2019 16:02:06 +0200
parents	1b8bb4f89227
children	7126fdc5779a

rev	line source
2846 b42d10120cad client: fixed router redirects when not logged in Markus Kottlaender <markus@intevation.de> parents: 1613 diff changeset	1 <template>
1361 ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors Fadi Abbud <fadi.abbud@intevation.de> parents: 1360 diff changeset	2 <div class="d-flex flex-column login bg-white shadow">
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors Fadi Abbud <fadi.abbud@intevation.de> parents: 1360 diff changeset	3 <div class="m-5">
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors Fadi Abbud <fadi.abbud@intevation.de> parents: 1360 diff changeset	4 <!-- logo section -->
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors Fadi Abbud <fadi.abbud@intevation.de> parents: 1360 diff changeset	5 <div class="d-flex flex-row justify-content-center mb-3">
1613 f2d24dceecc7 refac: cleanup import paths Thomas Junk <thomas.junk@intevation.de> parents: 1480 diff changeset	6 <div class="logo mr-3"><img src="@/assets/logo.png" /></div>
1361 ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors Fadi Abbud <fadi.abbud@intevation.de> parents: 1360 diff changeset	7 <div class="title">
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors Fadi Abbud <fadi.abbud@intevation.de> parents: 1360 diff changeset	8 <h1>{{ appTitle }}</h1>
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors Fadi Abbud <fadi.abbud@intevation.de> parents: 1360 diff changeset	9 </div>
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors Fadi Abbud <fadi.abbud@intevation.de> parents: 1360 diff changeset	10 </div>
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors Fadi Abbud <fadi.abbud@intevation.de> parents: 1360 diff changeset	11 <!-- end logo section -->
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors Fadi Abbud <fadi.abbud@intevation.de> parents: 1360 diff changeset	12 <form class="loginform mx-auto" @submit.prevent="login">
1480 9b81ac91a43e fix: linting Thomas Junk <thomas.junk@intevation.de> parents: 1449 diff changeset	13 <div
9b81ac91a43e fix: linting Thomas Junk <thomas.junk@intevation.de> parents: 1449 diff changeset	14 id="alert"
9b81ac91a43e fix: linting Thomas Junk <thomas.junk@intevation.de> parents: 1449 diff changeset	15 :style="errorMessageStyle"
9b81ac91a43e fix: linting Thomas Junk <thomas.junk@intevation.de> parents: 1449 diff changeset	16 :class="errorMessageClass"
9b81ac91a43e fix: linting Thomas Junk <thomas.junk@intevation.de> parents: 1449 diff changeset	17 role="alert"
9b81ac91a43e fix: linting Thomas Junk <thomas.junk@intevation.de> parents: 1449 diff changeset	18 >
1361 ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors Fadi Abbud <fadi.abbud@intevation.de> parents: 1360 diff changeset	19 <span>{{ errorMessage }}</span>
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors Fadi Abbud <fadi.abbud@intevation.de> parents: 1360 diff changeset	20 </div>
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors Fadi Abbud <fadi.abbud@intevation.de> parents: 1360 diff changeset	21 <div class="input-group mb-3">
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors Fadi Abbud <fadi.abbud@intevation.de> parents: 1360 diff changeset	22 <input
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors Fadi Abbud <fadi.abbud@intevation.de> parents: 1360 diff changeset	23 type="text"
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors Fadi Abbud <fadi.abbud@intevation.de> parents: 1360 diff changeset	24 v-model="user"
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors Fadi Abbud <fadi.abbud@intevation.de> parents: 1360 diff changeset	25 id="inputUsername"
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors Fadi Abbud <fadi.abbud@intevation.de> parents: 1360 diff changeset	26 class="form-control shadow-sm"
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors Fadi Abbud <fadi.abbud@intevation.de> parents: 1360 diff changeset	27 :placeholder="usernameLabel"
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors Fadi Abbud <fadi.abbud@intevation.de> parents: 1360 diff changeset	28 required
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors Fadi Abbud <fadi.abbud@intevation.de> parents: 1360 diff changeset	29 autofocus
1480 9b81ac91a43e fix: linting Thomas Junk <thomas.junk@intevation.de> parents: 1449 diff changeset	30 />
1361 ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors Fadi Abbud <fadi.abbud@intevation.de> parents: 1360 diff changeset	31 </div>
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors Fadi Abbud <fadi.abbud@intevation.de> parents: 1360 diff changeset	32 <div class="input-group mb-3">
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors Fadi Abbud <fadi.abbud@intevation.de> parents: 1360 diff changeset	33 <input
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors Fadi Abbud <fadi.abbud@intevation.de> parents: 1360 diff changeset	34 :type="isPasswordVisible"
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors Fadi Abbud <fadi.abbud@intevation.de> parents: 1360 diff changeset	35 v-model="password"
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors Fadi Abbud <fadi.abbud@intevation.de> parents: 1360 diff changeset	36 id="inputPassword"
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors Fadi Abbud <fadi.abbud@intevation.de> parents: 1360 diff changeset	37 class="form-control shadow-sm"
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors Fadi Abbud <fadi.abbud@intevation.de> parents: 1360 diff changeset	38 :placeholder="passwordLabel"
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors Fadi Abbud <fadi.abbud@intevation.de> parents: 1360 diff changeset	39 :required="!showPasswordReset"
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors Fadi Abbud <fadi.abbud@intevation.de> parents: 1360 diff changeset	40 :disabled="showPasswordReset"
1480 9b81ac91a43e fix: linting Thomas Junk <thomas.junk@intevation.de> parents: 1449 diff changeset	41 />
1361 ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors Fadi Abbud <fadi.abbud@intevation.de> parents: 1360 diff changeset	42 <div class="input-group-append">
1480 9b81ac91a43e fix: linting Thomas Junk <thomas.junk@intevation.de> parents: 1449 diff changeset	43 <span
9b81ac91a43e fix: linting Thomas Junk <thomas.junk@intevation.de> parents: 1449 diff changeset	44 class="input-group-text disabled"
9b81ac91a43e fix: linting Thomas Junk <thomas.junk@intevation.de> parents: 1449 diff changeset	45 id="basic-addon2"
9b81ac91a43e fix: linting Thomas Junk <thomas.junk@intevation.de> parents: 1449 diff changeset	46 @click="showPassword"
9b81ac91a43e fix: linting Thomas Junk <thomas.junk@intevation.de> parents: 1449 diff changeset	47 >
9b81ac91a43e fix: linting Thomas Junk <thomas.junk@intevation.de> parents: 1449 diff changeset	48 <font-awesome-icon icon="eye" v-if="!readablePassword" />
9b81ac91a43e fix: linting Thomas Junk <thomas.junk@intevation.de> parents: 1449 diff changeset	49 <font-awesome-icon icon="eye-slash" v-if="readablePassword" />
1361 ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors Fadi Abbud <fadi.abbud@intevation.de> parents: 1360 diff changeset	50 </span>
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors Fadi Abbud <fadi.abbud@intevation.de> parents: 1360 diff changeset	51 </div>
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors Fadi Abbud <fadi.abbud@intevation.de> parents: 1360 diff changeset	52 </div>
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors Fadi Abbud <fadi.abbud@intevation.de> parents: 1360 diff changeset	53 <button
1480 9b81ac91a43e fix: linting Thomas Junk <thomas.junk@intevation.de> parents: 1449 diff changeset	54 v-if="showPasswordReset == false"
1361 ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors Fadi Abbud <fadi.abbud@intevation.de> parents: 1360 diff changeset	55 class="btn btn-primary btn-block shadow-sm"
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors Fadi Abbud <fadi.abbud@intevation.de> parents: 1360 diff changeset	56 :disabled="submitted \|\| showPasswordReset"
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors Fadi Abbud <fadi.abbud@intevation.de> parents: 1360 diff changeset	57 type="submit"
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors Fadi Abbud <fadi.abbud@intevation.de> parents: 1360 diff changeset	58 >
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors Fadi Abbud <fadi.abbud@intevation.de> parents: 1360 diff changeset	59 <translate>Login</translate>
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors Fadi Abbud <fadi.abbud@intevation.de> parents: 1360 diff changeset	60 </button>
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors Fadi Abbud <fadi.abbud@intevation.de> parents: 1360 diff changeset	61 <div v-if="showPasswordReset" class="passwordreset">
1480 9b81ac91a43e fix: linting Thomas Junk <thomas.junk@intevation.de> parents: 1449 diff changeset	62 <button
9b81ac91a43e fix: linting Thomas Junk <thomas.junk@intevation.de> parents: 1449 diff changeset	63 class="btn btn-block btn-info"
9b81ac91a43e fix: linting Thomas Junk <thomas.junk@intevation.de> parents: 1449 diff changeset	64 type="button"
9b81ac91a43e fix: linting Thomas Junk <thomas.junk@intevation.de> parents: 1449 diff changeset	65 @click="resetPassword"
9b81ac91a43e fix: linting Thomas Junk <thomas.junk@intevation.de> parents: 1449 diff changeset	66 >
1361 ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors Fadi Abbud <fadi.abbud@intevation.de> parents: 1360 diff changeset	67 <translate>Request password reset!</translate>
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors Fadi Abbud <fadi.abbud@intevation.de> parents: 1360 diff changeset	68 </button>
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors Fadi Abbud <fadi.abbud@intevation.de> parents: 1360 diff changeset	69 <div class="pull-right">
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors Fadi Abbud <fadi.abbud@intevation.de> parents: 1360 diff changeset	70 <a href="#" @click.prevent="togglePasswordReset">
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors Fadi Abbud <fadi.abbud@intevation.de> parents: 1360 diff changeset	71 <translate>back to login</translate>
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors Fadi Abbud <fadi.abbud@intevation.de> parents: 1360 diff changeset	72 </a>
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors Fadi Abbud <fadi.abbud@intevation.de> parents: 1360 diff changeset	73 </div>
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors Fadi Abbud <fadi.abbud@intevation.de> parents: 1360 diff changeset	74 </div>
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors Fadi Abbud <fadi.abbud@intevation.de> parents: 1360 diff changeset	75 <div v-else class="pull-right">
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors Fadi Abbud <fadi.abbud@intevation.de> parents: 1360 diff changeset	76 <a href="#" @click.prevent="togglePasswordReset">
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors Fadi Abbud <fadi.abbud@intevation.de> parents: 1360 diff changeset	77 <translate>Forgot password</translate>
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors Fadi Abbud <fadi.abbud@intevation.de> parents: 1360 diff changeset	78 </a>
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors Fadi Abbud <fadi.abbud@intevation.de> parents: 1360 diff changeset	79 </div>
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors Fadi Abbud <fadi.abbud@intevation.de> parents: 1360 diff changeset	80 </form>
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	81
1361 ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors Fadi Abbud <fadi.abbud@intevation.de> parents: 1360 diff changeset	82 <!-- bottom logo section -->
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors Fadi Abbud <fadi.abbud@intevation.de> parents: 1360 diff changeset	83 <div class="mb-3 secondary-logo mx-auto mb-auto">
1480 9b81ac91a43e fix: linting Thomas Junk <thomas.junk@intevation.de> parents: 1449 diff changeset	84 <img :src="secondaryLogo" />
1361 ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors Fadi Abbud <fadi.abbud@intevation.de> parents: 1360 diff changeset	85 </div>
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	86 </div>
2846 b42d10120cad client: fixed router redirects when not logged in Markus Kottlaender <markus@intevation.de> parents: 1613 diff changeset	87 </div>
b42d10120cad client: fixed router redirects when not logged in Markus Kottlaender <markus@intevation.de> parents: 1613 diff changeset	88 </template>
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	89
1449 bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1362 diff changeset	90 <style lang="scss" scoped>
bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1362 diff changeset	91 .login {
bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1362 diff changeset	92 min-width: 375px;
bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1362 diff changeset	93 min-height: 500px;
bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1362 diff changeset	94 @extend %fully-centered;
bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1362 diff changeset	95 }
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	96
1449 bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1362 diff changeset	97 .loginform {
bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1362 diff changeset	98 max-width: 375px;
bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1362 diff changeset	99 }
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	100
1449 bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1362 diff changeset	101 .alert {
bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1362 diff changeset	102 padding: 0.5rem;
bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1362 diff changeset	103 }
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	104
1449 bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1362 diff changeset	105 .secondary-logo {
bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1362 diff changeset	106 max-width: 375px;
bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1362 diff changeset	107 }
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	108
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	109 /* avoid IE and Edge show a password reveal as we do our own */
1449 bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1362 diff changeset	110 input[type="password"]::-ms-reveal {
bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1362 diff changeset	111 display: none;
bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1362 diff changeset	112 }
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	113 </style>
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	114
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	115 <script>
1362 ca33ad696594 remove the first empyty lines Fadi Abbud <fadi.abbud@intevation.de> parents: 1361 diff changeset	116 /* This is Free Software under GNU Affero General Public License v >= 3.0
1360 3fee649d3d5d add headers for licensing to some client files Fadi Abbud <fadi.abbud@intevation.de> parents: 1272 diff changeset	117 * 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: 1360 diff changeset	118 *
1360 3fee649d3d5d add headers for licensing to some client files Fadi Abbud <fadi.abbud@intevation.de> parents: 1272 diff changeset	119 * SPDX-License-Identifier: AGPL-3.0-or-later
3fee649d3d5d add headers for licensing to some client files Fadi Abbud <fadi.abbud@intevation.de> parents: 1272 diff changeset	120 * 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: 1360 diff changeset	121 *
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors Fadi Abbud <fadi.abbud@intevation.de> parents: 1360 diff changeset	122 * Copyright (C) 2018 by via donau
1360 3fee649d3d5d add headers for licensing to some client files Fadi Abbud <fadi.abbud@intevation.de> parents: 1272 diff changeset	123 * – Österreichische Wasserstraßen-Gesellschaft mbH
3fee649d3d5d add headers for licensing to some client files Fadi Abbud <fadi.abbud@intevation.de> parents: 1272 diff changeset	124 * 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: 1360 diff changeset	125 *
1360 3fee649d3d5d add headers for licensing to some client files Fadi Abbud <fadi.abbud@intevation.de> parents: 1272 diff changeset	126 * Author(s):
3fee649d3d5d add headers for licensing to some client files Fadi Abbud <fadi.abbud@intevation.de> parents: 1272 diff changeset	127 * Markus Kottländer <markus@intevation.de >
3fee649d3d5d add headers for licensing to some client files Fadi Abbud <fadi.abbud@intevation.de> parents: 1272 diff changeset	128 */
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	129 import { mapState } from "vuex";
2985 1b8bb4f89227 client: removed .js and .vue extention from imports Markus Kottlaender <markus@intevation.de> parents: 2846 diff changeset	130 import { HTTP } from "@/lib/http";
1b8bb4f89227 client: removed .js and .vue extention from imports Markus Kottlaender <markus@intevation.de> parents: 2846 diff changeset	131 import { displayError } from "@/lib/errors";
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	132
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	133 const UNAUTHORIZED = 401;
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	134
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	135 export default {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	136 name: "login",
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	137 data() {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	138 return {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	139 user: "",
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	140 password: "",
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	141 submitted: false,
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	142 loginFailed: false,
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	143 passwordJustResetted: false,
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	144 readablePassword: false,
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	145 showPasswordReset: false,
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	146 usernameToReset: ""
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	147 };
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	148 },
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	149 computed: {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	150 errorMessage() {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	151 if (this.loginFailed) return this.$gettext("Login failed");
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	152 if (this.passwordJustResetted)
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	153 return this.$gettext("Password reset requested!");
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	154 return "&npsp;";
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	155 },
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	156 passwordLabel() {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	157 return this.$gettext("Enter passphrase");
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	158 },
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	159 usernameLabel() {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	160 return this.$gettext("Enter username");
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	161 },
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	162 isPasswordVisible() {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	163 return this.readablePassword ? "text" : "password";
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	164 },
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	165 errorMessageStyle() {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	166 if (this.loginFailed \|\| this.passwordJustResetted) {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	167 return "visibility:visible";
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	168 }
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	169 return "visibility:hidden";
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	170 },
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	171 errorMessageClass() {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	172 let result = {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	173 "mb-3": true,
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	174 errormessage: true,
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	175 alert: true
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 if (this.loginFailed) {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	178 result["alert-danger"] = true;
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	179 }
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	180 if (this.passwordJustResetted) {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	181 result["alert-info"] = true;
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	182 }
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	183 return result;
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	184 },
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	185 ...mapState("application", ["appTitle", "secondaryLogo"])
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	186 },
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	187 methods: {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	188 login() {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	189 this.submitted = true;
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	190 this.passwordJustResetted = false;
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	191 const { user, password } = this;
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	192 this.$store
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	193 .dispatch("user/login", { user, password })
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	194 .then(() => {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	195 this.loginFailed = false;
2846 b42d10120cad client: fixed router redirects when not logged in Markus Kottlaender <markus@intevation.de> parents: 1613 diff changeset	196 this.$router.push(localStorage.getItem("tempRoute") \|\| "/");
b42d10120cad client: fixed router redirects when not logged in Markus Kottlaender <markus@intevation.de> parents: 1613 diff changeset	197 localStorage.removeItem("tempRoute");
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	198 })
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	199 .catch(error => {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	200 this.loginFailed = true;
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	201 this.submitted = false;
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	202 const { status, data } = error.response;
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	203 if (status !== UNAUTHORIZED) {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	204 //Unauthorized is handled in alert-div
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	205 displayError({
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	206 title: "Backend Error",
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	207 message: `${status}: ${data.message \|\| data}`
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 }
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 showPassword() {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	213 // disallowing toggle when in reset mode
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	214 if (this.showPasswordReset) return;
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	215 this.readablePassword = !this.readablePassword;
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 togglePasswordReset() {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	218 this.passwordJustResetted = false;
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	219 this.showPasswordReset = !this.showPasswordReset;
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	220 this.loginFailed = false;
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	221 },
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	222 resetPassword() {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	223 if (this.user) {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	224 HTTP.post("/users/passwordreset", { user: this.user }).catch(error => {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	225 const { status, data } = error.response;
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	226 displayError({
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	227 title: "Backend Error",
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	228 message: `${status}: ${data.message \|\| data}`
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	229 });
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	230 });
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	231 this.togglePasswordReset();
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	232 this.passwordJustResetted = true;
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	233 }
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	234 }
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	235 }
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	236 };
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	237 </script>

Mercurial > gemma

annotate client/src/components/Login.vue @ 3044:c71373594719