templates/login/password-lost.html.twig line 1

  1. {# templates/login/index.html.twig #}
  2. {% extends 'base.html.twig' %}
  4. {% block title %} - Passwort vergessen {% endblock %}
  6. {% block body %}
  8. <div class="container sm:px-10">
  9.     <div class="block xl:grid grid-cols-2 gap-4">
  10.         <!-- BEGIN: Login Info -->
  11.         <div class="hidden xl:flex flex-col min-h-screen">
  12.             <div class="my-auto">
  13.                 <div class="-intro-x text-white font-medium text-3xl leading-tight {% if is_granted('ROLE_ADMIN') %} customText {% else %} loadText {% endif %}" data-key="login-0">
  14.                     {{ texte["login-0"]|raw }}
  15.                 </div>
  16.                 <div class="-intro-x text-white font-medium text-4xl leading-tight mt-10">
  17.                     Hier können Sie Ihr
  18.                     <br>
  19.                     Passwort zurücksetzen.
  20.                 </div>
  21.             </div>
  22.         </div>
  23.         <!-- END: Login Info -->
  24.         <!-- BEGIN: Login Form -->
  25.         <div class="h-screen xl:h-auto flex py-5 xl:py-0 my-10 xl:my-0">
  26.             <div class="my-auto mx-auto xl:ml-20 bg-white dark:bg-darkmode-600 xl:bg-transparent px-5 sm:px-8 py-8 xl:p-0 rounded-md shadow-md xl:shadow-none w-full sm:w-3/4 lg:w-2/4 xl:w-auto">
  28.                 <img id="logo" alt="/" class="w-32" src="{% if app.session.get('logo') %}/customerdata/{{ app.session.get('logo') }}{% else %}/images/logo-msu-farbig.svg{% endif %}">
  30.                 {% if newpassword is not defined %}
  31.                     <form action="/passwort-vergessen/" method="post" class="mt-10">
  32.                     <h2 class="intro-x font-bold text-2xl xl:text-3xl text-center xl:text-left">
  33.                     Bitte geben Sie Ihre Mailadresse ein.
  34.                     </h2>
  35.                     <p class="font-normal mt-5 mb-5">Sie erhalten eine Mail mit einem Link zum Zurücksetzen des Passwortes.</p>
  37.                     <div class="intro-x mt-8">
  38.                         <input type="text" class="intro-x login__input form-control py-3 px-4 block" id="email" name="email" placeholder="Email">
  39.                     </div>
  40.                     <div class="intro-x mt-5 xl:mt-8 text-center xl:text-left">
  41.                         <button class="btn btn-primary py-3 px-4 w-full xl:w-32 xl:mr-3 align-top" id="passwortvergessen">Absenden</button>
  42.                     </div>
  43.                     </form>
  44.                     <div class="intro-x mt-2 text-center xl:text-left">
  45.                         <a href="/"><button class="btn btn-secondary py-3 px-4 w-full xl:w-32 xl:mr-3 align-top">zur Startseite</button></a>
  46.                     </div>
  47.                 {% endif %}
  49.                 {% if info is defined and info is not empty %}
  50.                     <div class="alert alert-secondary show flex items-center mb-2 mt-2" role="alert">
  51.                         <i data-lucide="mail" class="w-6 h-6 mr-2"></i> {{ info }}
  52.                     </div>
  53.                 {% endif %}
  55.                 {% if error is defined and error is not empty%}
  57.                     <div class="alert alert-danger show flex items-center mb-2 mt-2" role="alert">
  58.                         <i data-lucide="info" class="w-6 h-6 mr-2"></i> {{ error }}
  59.                     </div>
  61.                 {% endif %}
  63.                 {% if newpassword is defined %}
  65.                         <h2 class="intro-x font-bold text-2xl xl:text-3xl text-center xl:text-left">
  66.                             Bitte geben Sie Ihr neues Passwort ein.
  67.                         </h2>
  69.                         <div class="mb-20">
  70.                             <div class="text-muted font-weight-bold mt-5 mb-5">Bitte geben Sie Ihr neues Passwort ein.</div>
  71.                         </div>
  73.                         <form class="form" method="post" action="/passwort-vergessen/" id="formpasswortvergessen">
  74.                             <div class="form-group mb-5">
  75.                                 <input type="hidden" name="newhash" value="{{ newpassword }}" />
  76.                                 <input class="intro-x login__input form-control py-3 px-4 block" type="password" id="newpassword" placeholder="Passwort" name="password-first" />
  77.                             </div>
  78.                             <div class="form-group mb-5">
  79.                                 <input class="intro-x login__input form-control py-3 px-4 block" type="password" id="newpasswordrepeat" placeholder="Passwort wiederholen" name="password-second" />
  80.                             </div>
  81.                             <div class="intro-x mt-2 text-center xl:text-left">
  82.                                 <button class="btn btn-primary py-3 px-4 w-full xl:w-32 xl:mr-3 align-top" id="newpasswordbutton">Speichern</button>
  83.                             </div>
  84.                         </form>
  85.                     <div class="intro-x mt-2 text-center xl:text-left">
  86.                         <a href="/"><button class="btn btn-secondary py-3 px-4 w-full xl:w-32 xl:mr-3 align-top">zur Startseite</button></a>
  87.                     </div>
  89.                         <div class="form-inline mt-5 alert-info full-width" style="display: none;">
  90.                             <div class="alert alert-danger show flex items-center mb-2" role="alert"> <i data-lucide="alert-triangle" class="w-6 h-6 mr-2"></i>
  91.                                 <span class="passwordalert"></span>
  92.                             </div>
  93.                         </div>
  94.                     <!--end::Login Sign in form-->
  95.                 {% endif %}
  97.                 <div class="intro-x mt-10 xl:mt-24 text-slate-600 dark:text-slate-500 text-center xl:text-left">
  98.                     <a href="{% if barrierefreiheit is defined and barrierefreiheit is not empty %} {{barrierefreiheit}} {% endif %}" class="text-primary dark:text-slate-200 mr-5"> Barrierefreiheit </a>
  99.                     <a href="{% if datenschutz is defined and datenschutz is not empty %} {{datenschutz}} {% endif %}" class="text-primary dark:text-slate-200 mr-5"> Datenschutz </a>
  100.                     <a href="{% if impressum is defined and impressum is not empty %} {{impressum}} {% endif %}" class="text-primary dark:text-slate-200"> Impressum </a>
  101.                 </div>
  103.             </div>
  105.         </div>
  106.         <!-- END: Login Form -->
  108.     </div>
  109. </div>
  111. {% endblock %}
  113. {% block scripts %}
  114.     <script src="{{ asset('/js/passwort.js')}}"></script>
  115. {% endblock %}