templates/Press/Includes/pressLoginOverlay.html.twig line 1

Open in your IDE?
  1. <div class="js-nav__overlay main-navbar__overlay  main-navbar__overlay--full-height" id="loginOverlay"
  2.      aria-hidden="true">
  4.     <button class="main-navbar__overlay-close js-nav__toggle-overlay"
  5.             aria-label="{{ 'sr.Hide Overlay'|trans }}"
  6.             title="{{ 'sr.Hide Overlay'|trans }}"
  7.             data-nav-overlay-target="#loginOverlay">
  8.         <span class="icon icon-close main-navbar__overlay-close__icon" aria-hidden="true"></span>
  9.         <span class="main-navbar__overlay-close__text">{{ 'nav.schliessen'|trans }}</span>
  10.     </button>
  12.     <div class="js-nav__render-templates" style="min-height: 1px;">
  13.         <template class="js-render-template__template">
  14.             <div class="main-navbar__overlay-container main-navbar__overlay-container--narrow">
  16.                 <div class="h3 letter-spacing--5 mb-3 text-center font-decorative text-white text-uppercase">{{ 'nav.Login'|trans }}</div>
  18.                 <div class="row">
  19.                     <div class="col-md-6 mx-auto">
  20.                         <form action="/404" data-action="{{ path('press-login') }}" class="js-action-changer js-form-validation">
  21.                             {{ include('Form/Includes/form-control.html.twig', {
  22.                                 id: 'email',
  23.                                 name: 'email',
  24.                                 value: params['email'] is defined ? params['email'] : '',
  25.                                 inputModifier: 'js-floating-label',
  26.                                 inputWrapperModifier: 'position-relative',
  27.                                 labelModifier: 'floating-label',
  28.                                 label: 'nav.E-Mail'|trans,
  29.                                 type: 'email',
  30.                                 required: true,
  31.                             }) }}
  33.                             {{ include('Form/Includes/form-control.html.twig', {
  34.                                 id: 'password',
  35.                                 name: 'password',
  36.                                 inputModifier: 'js-floating-label',
  37.                                 inputWrapperModifier: 'position-relative',
  38.                                 labelModifier: 'floating-label',
  39.                                 label: 'nav.Passwort'|trans,
  40.                                 type: 'password',
  41.                                 required: true,
  42.                             }) }}
  44.                             <button type="submit" class="btn btn-primary-light btn-block">
  45.                                 {{ 'nav.Anmelden'|trans }}
  46.                             </button>
  48.                             <div class="text-center mt-3">
  49.                                 {% if elements_debug_mode() %}
  50.                                     <a href="{{ path('press-pw-forgotten') }}">{{ 'nav.Passwort vergessen?'|trans }}</a>
  51.                                 {% else %}
  52.                                     <a href="mailto:{{ document.property('pressRecoveryEmailAddress') }}?subject={{ document.property('pressRecoverySubject') }}&body={{ document.property('pressRecoveryBody') }}" class="link--white link text-underline">{{ 'nav.Passwort vergessen?'|trans }}</a>
  53.                                 {% endif %}
  54.                             </div>
  55.                         </form>
  57.                         <div class="mt-5">
  58.                             <div class="h3 letter-spacing--5 text-center font-decorative text-white text-uppercase">
  59.                                 {{ 'nav.Noch kein Konto?'|trans }}</div>
  61.                             <a href="{{ siteConfig.pressRegistration }}" class="btn btn-outline-white btn-block mt-3">
  62.                                 {{ 'nav.Jetzt registrieren'|trans }}
  63.                             </a>
  64.                         </div>
  65.                     </div>
  66.                 </div>
  69.             </div>
  70.         </template>
  71.     </div>
  72. </div>