Mercurial > gemma
view client/src/components/admin/usermanagement/Passwordfield.vue @ 1362:ca33ad696594
remove the first empyty lines
* remove the first empyty line in the license hearders to client files
author | Fadi Abbud <fadi.abbud@intevation.de> |
---|---|
date | Mon, 26 Nov 2018 11:42:47 +0100 |
parents | ea3a89a1813a |
children | 9b81ac91a43e |
line wrap: on
line source
<template> <div> <label for="password">{{this.label}}</label> <div class="d-flex d-row"> <input :type="isPasswordVisible" @change="fieldChanged" class="form-control" :placeholder="placeholder" :required="required" > <span class="input-group-text" @click="showPassword"> <font-awesome-icon :icon="readablePassword ? 'eye-slash' : 'eye'"></font-awesome-icon> </span> </div> <div v-show="passworderrors" class="text-danger"> <small> <font-awesome-icon icon="exclamation-triangle"></font-awesome-icon> {{ this.passworderrors}} </small> </div> </div> </template> <style> /* FIXME does not work here, unclear why, so added to Login.vue input[type="password"]::-ms-reveal { display: none; } */ </style> <script> /* This is Free Software under GNU Affero General Public License v >= 3.0 * without warranty, see README.md and license for details. * * SPDX-License-Identifier: AGPL-3.0-or-later * License-Filename: LICENSES/AGPL-3.0.txt * * Copyright (C) 2018 by via donau * – Österreichische Wasserstraßen-Gesellschaft mbH * Software engineering by Intevation GmbH * * Author(s): * Thomas Junk <thomas.junk@intevation.de> */ export default { name: "passwordfield", props: ["model", "placeholder", "label", "passworderrors", "required"], data() { return { password: "", readablePassword: false }; }, methods: { showPassword() { this.readablePassword = !this.readablePassword; }, fieldChanged(e) { this.$emit("fieldchange", e.target.value); } }, computed: { isPasswordVisible() { return this.readablePassword ? "text" : "password"; } } }; </script>