<div class="set-password">
    <div class="set-password__container">
        <form class="reset-password-form">
            <div class="message--error">
                <div class="message__container--disabled">
                    <span class="visually-hidden">Error message</span>
                    <div class="message__content">
                        <p class="message__text">Bitte überprüfen Sie Ihre Eingabe.</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 setzen</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">Speichern</button>
            </div>
        </form>
    </div>
</div>
{% include '@SharedComponents/modules/account-auth/templates/set-password/set-password.twig' %}
{
  "accountAuthSetPassword": {
    "resetPasswordForm": {
      "variant": "full-width",
      "fieldsets": [
        {
          "legend": "Passwort setzen",
          "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": "Speichern",
        "variant": "primary-small"
      }
    },
    "message": {
      "closeButton": {
        "variant": "icon-regular",
        "title": "Schliessen",
        "icon": "close",
        "type": "button",
        "role": "button",
        "name": "close-big-menu",
        "value": "yes"
      },
      "variant": "error",
      "isHidden": false,
      "labels": {
        "info": "Information message",
        "error": "Error message",
        "warning": "Warning message",
        "success": "Success message"
      },
      "message": "Bitte überprüfen Sie Ihre Eingabe.",
      "container": false
    }
  }
}
  • Content:
    @import "~shared/base";
    @import "~cando-cx-components-library/components/modules/account-auth/templates/set-password/set-password";
  • URL: /components/raw/set-password-template/set-password.scss
  • Filesystem Path: src/components/modules/account-auth/templates/set-password/set-password.scss
  • Size: 131 Bytes

No notes defined.