<div class="reset-password">
<div class="reset-password__container">
<form class="reset-password-form">
<div class="message--success">
<div class="message__container--disabled">
<span class="visually-hidden">Success message</span>
<div class="message__content">
<p class="message__text">Ihr Passwort wurde erfolgreich geändert. <a href="#">Zurück zur Übersicht</a>.</p>
</div>
<div class="message__close-button">
<button class="button-icon--icon-regular -icon-close" type="button" name="close-big-menu" value="yes">
<span class="visually-hidden">Schliessen</span>
</button>
</div>
</div>
</div>
<div class="dynamic-form">
<fieldset class="dynamic-form__fieldset--full-width">
<legend class="dynamic-form__fieldset-legend">Passwort zurücksetzen</legend>
<div class="dynamic-form__element">
<div class="text-field--light is-initialized">
<div class="text-field__wrapper">
<input class="text-field__input" id="password" type="password" name="password" required />
<label class="text-field__label" for="password">Passwort
*
</label>
</div>
</div>
</div>
<div class="dynamic-form__element">
<div class="text-field--light is-initialized">
<div class="text-field__wrapper">
<input class="text-field__input" id="password-repeat" type="password" name="password-repeat" required />
<label class="text-field__label" for="password-repeat">Passwort wiederholen
*
</label>
</div>
</div>
</div>
</fieldset>
<button class="button--primary-small" type="submit">Zurücksetzen</button>
</div>
</form>
</div>
</div>
{% include '@SharedComponents/modules/account-auth/templates/reset-password/reset-password.twig' %}
{
"accountAuthResetPassword": {
"resetPasswordForm": {
"variant": "full-width",
"fieldsets": [
{
"legend": "Passwort zurücksetzen",
"fields": [
{
"component": "text-field",
"variant": "light",
"id": "password",
"name": "password",
"label": "Passwort",
"required": true,
"value": "",
"disabled": false,
"type": "password",
"autocomplete": false
},
{
"component": "text-field",
"variant": "light",
"id": "password-repeat",
"name": "password-repeat",
"label": "Passwort wiederholen",
"required": true,
"value": "",
"disabled": false,
"type": "password",
"autocomplete": false
}
]
}
],
"submitButton": {
"type": "button",
"title": "Zurücksetzen",
"variant": "primary-small"
}
},
"message": {
"closeButton": {
"variant": "icon-regular",
"title": "Schliessen",
"icon": "close",
"type": "button",
"role": "button",
"name": "close-big-menu",
"value": "yes"
},
"variant": "success",
"isHidden": false,
"labels": {
"info": "Information message",
"error": "Error message",
"warning": "Warning message",
"success": "Success message"
},
"message": "Ihr Passwort wurde erfolgreich geändert. <a href=\"#\">Zurück zur Übersicht</a>.",
"container": false
}
}
}
import './reset-password.scss';
@import "~shared/base";
@import "~cando-cx-components-library/components/modules/account-auth/templates/reset-password/reset-password";
No notes defined.