templates/juki/HitsoCommonBundle/Front/User/login.html.twig line 1

Open in your IDE?
  1. {% extends 'HitsoCommonBundle::layout.html.twig' %}
  2. {% trans_default_domain 'front' %}
  4. {% block stylesheets %}
  5.     {{ parent() }}
  6.     <link rel="stylesheet" href="{{ asset('juki/source/css/sign-critical.css') }}">
  7.     <link rel="preload" as="style" href="{{ preload(asset('juki/source/css/sign-critical.css')) }}">
  8.     <link rel="preload" href="{{ preload(asset('juki/source/css/sign.css')) }}" as="style" onload="this.onload=null;this.rel='stylesheet'">
  9. {% endblock %}
  11. {% block body_class %}{{ parent() }} page--sign{% endblock %}
  13. {% block content %}
  14.     <main class="main">
  15.         <section class="sign">
  16.             <div class="sign__header section--center">
  17.                 <h1 class="sign__header-title section-title section-title--h1">
  18.                     {{ 'common.security.heading'|trans }}
  19.                 </h1>
  21.                 <p class="section-lead">
  22.                     {{ 'common.security.lead'|trans }}
  23.                 </p>
  24.             </div>
  26.             {% if error %}
  27.                 <div class="alert alert--danger ">
  28.                     {{ error.messageKey|trans(error.messageData, 'security') }}
  29.                 </div>
  30.             {% endif %}
  32.             <form class="sign__form" id="signInForm" action="{{ path('login_check') }}" method="post" v-cloak>
  33.                 <div class="field" :class="{'field--error' : errors.email}">
  34.                     <label class="field-label">
  35.                         {{ 'common.security.login'|trans }}
  36.                     </label>
  37.                     <input type="email" name="_username" class="field-item" v-model="fields.email" @change="checkEmail($event, 'email')" value="{{ lastUsername }}" />
  38.                     <span class="field-msg" v-if="errors.email">${ errors.email }</span>
  39.                 </div>
  41.                 <div class="field" :class="{'field--error' : errors.password}">
  42.                     <label class="field-label">
  43.                         {{ 'common.security.password'|trans }}
  44.                     </label>
  46.                     <div class="field__password">
  47.                         <input :type="passwordVisible ? 'text' : 'password'" name="_password" class="field-item" v-model="fields.password" @change="checkLength($event, 'password', [3, 12])" current-password />
  48.                         <span class="field__password-show" @click="showPassword"></span>
  49.                     </div>
  51.                     <span class="field-msg" v-if="errors.password">${ errors.password }</span>
  52.                 </div>
  53.                 <a href="{{ path('password_reset') }}" class="sign__form-recovery">{{ 'common.button.password_forgotten'|trans }}</a>
  55.                 <button name="_submit" class="sign__form-submit btn btn--secondary">{{ 'common.button.login'|trans }}</button>
  57.                 <p class="sign__form-info">
  58.                     {{ 'common.label.register'|trans }} <a href="{{ path('register') }}" class="text-primary">{{ 'common.button.register'|trans }}</a>
  59.                 </p>
  60.             </form>
  61.         </section>
  62.     </main>
  63. {% endblock %}
  65. {% block footer_javascripts %}
  66.     {{ parent() }}
  67.     <script src="{{ asset('juki/source/js/sign_in.js') }}" defer></script>
  68. {% endblock %}