templates/bundles/EasyAdminBundle/page/login.html.twig line 1

Open in your IDE?
  1. {# @var ea \EasyCorp\Bundle\EasyAdminBundle\Context\AdminContext #}
  2. {# This template checks for 'ea' variable existence because it can
  3.    be used in a EasyAdmin Dashboard controller, where 'ea' is defined
  4.    or from any other Symfony controller, where 'ea' is not defined #}
  5. {% extends ea is defined ? ea.templatePath('layout') : '@EasyAdmin/page/login_minimal.html.twig' %}
  6. {% trans_default_domain ea is defined ? ea.i18n.translationDomain : (translation_domain is defined ? translation_domain ?? 'messages') %}
  8. {% block body_class 'page-login' %}
  9. {% block page_title %}{{ page_title is defined ? page_title|raw : (ea is defined ? ea.dashboardTitle|raw : '') }}{% endblock %}
  11. {% block wrapper_wrapper %}
  12.     {% set page_title = block('page_title') %}
  13.     {% set _username_label = username_label is defined ? username_label|trans : 'login_page.username'|trans({}, 'EasyAdminBundle') %}
  14.     {% set _password_label = password_label is defined ? password_label|trans : 'login_page.password'|trans({}, 'EasyAdminBundle') %}
  15.     {% set _forgot_password_label = forgot_password_label is defined ? forgot_password_label|trans : 'login_page.forgot_password'|trans({}, 'EasyAdminBundle') %}
  16.     {% set _remember_me_label = remember_me_label is defined ? remember_me_label|trans : 'login_page.remember_me'|trans({}, 'EasyAdminBundle') %}
  17.     {% set _sign_in_label = sign_in_label is defined ? sign_in_label|trans : 'login_page.sign_in'|trans({}, 'EasyAdminBundle') %}
  19.     {% include '@EasyAdmin/flash_messages.html.twig' %}
  20.     <div class="login-wrapper mt-5 mt-lg-1">
  21.         <header class="main-header">
  22.             <div id="header-logo">
  23.                 {% block header_logo %}
  24.                     {% if page_title %}
  25.                         {% if ea is defined %}
  26.                             <a class="logo {{ page_title|length > 14 ? 'logo-long' }}" title="{{ page_title|striptags }}" href="{{ path(ea.dashboardRouteName) }}">
  27.                                 {{ page_title|raw }}
  28.                             </a>
  29.                         {% else %}
  30.                             <div class="logo {{ page_title|length > 14 ? 'logo-long' }}">
  31.                                 {{ page_title|raw }}
  32.                             </div>
  33.                         {% endif %}
  34.                     {% endif %}
  35.                 {% endblock header_logo %}
  36.             </div>
  37.         </header>
  39.         <section class="content">
  41.             {% if error|default(false) %}
  42.                 <div class="w-100 alert alert-danger rounded mb-3">
  43.                     <i class="fas fa-times-circle mr-1"></i>
  44.                     {{ error.messageKey|trans(error.messageData, 'security') }}
  45.                 </div>
  46.             {% endif %}
  48.             <form method="post" action="{{ action|default('') }}">
  49.                 {% if csrf_token_intention|default(false) %}
  50.                     <input type="hidden" name="_csrf_token" value="{{ csrf_token(csrf_token_intention) }}">
  51.                 {% endif %}
  53.                 <input type="hidden" name="{{ target_path_parameter|default('_target_path') }}" value="{{ target_path|default(ea is defined ? path(ea.dashboardRouteName) : '/') }}" />
  55.                 <div class="form-group">
  56.                     <label class="form-control-label required" for="username">{{ _username_label }}</label>
  57.                     <div class="form-widget">
  58.                         <input type="text" id="username" name="{{ username_parameter|default('_username') }}" class="form-control" value="{{ last_username|default('') }}" required autofocus autocomplete="username">
  59.                     </div>
  60.                 </div>
  62.                 <div class="form-group">
  63.                     <label class="form-control-label required" for="password">{{ _password_label }}</label>
  64.                     <div class="form-widget">
  65.                         <input type="password" id="password" name="{{ password_parameter|default('_password') }}" class="form-control" required autocomplete="current-password">
  66.                     </div>
  68.                     {% if forgot_password_enabled|default(false) %}
  69.                         <div class="form-text">
  70.                             <a href="{{ forgot_password_path|default('#') }}">{{ _forgot_password_label }}</a>
  71.                         </div>
  72.                     {% endif %}
  73.                 </div>
  75.                 {% if remember_me_enabled|default(false) %}
  76.                     <div class="form-group">
  77.                         <input class="form-check-input" type="checkbox" id="remember_me" name="{{ remember_me_parameter|default('_remember_me') }}" {{ remember_me_checked|default(false) ? 'checked' }}>
  78.                         <label class="form-check-label" for="remember_me">
  79.                             {{ _remember_me_label }}
  80.                         </label>
  81.                     </div>
  82.                 {% endif %}
  84.                 <div class="form-group">
  85.                     <button type="submit" class="btn btn-primary btn-lg btn-block" onclick="this.form.submit(); this.disabled=true;">{{ _sign_in_label }}</button>
  86.                 </div>                
  87.             </form>
  88.           
  89.             <script type="text/javascript">
  90.                 const loginForm = document.querySelector('form');
  91.                 loginForm.addEventListener('submit', function () {
  92.                     loginForm.querySelector('button[type="submit"]').setAttribute('disabled', 'disabled');
  93.                 }, false);
  94.             </script>
  95.         </section>      
  96.         <div class="row my-2">
  97.             <div class="col-md-12">  
  98.                 <span>OR</span>
  99.             </div>
  100.         </div>
  101.         <section class="content">
  102.             <div class="row">
  103.                 <div class="col-md-12">
  104.                     <a class="btn btn-lg btn-google btn-block btn-outline-primary w-100" href="{{ path('hwi_oauth_service_redirect', {'service': 'google' }) }}">
  105.                         <i class="fab fa-google"></i>
  106.                         <span> Login Con Google</span>
  107.                     </a>
  108.                 </div>                
  109.                 {# <div class="col-md-12 mt-2">
  110.                     <a class="btn btn-lg btn-google btn-block btn-outline w-100" href="{{ path('hwi_oauth_service_redirect', {'service': 'google' }) }}">
  111.                         <i class="fab fa-facebook"></i>
  112.                         <span> Login Con Facebook</span>
  113.                     </a>
  114.                 </div> #}
  115.             </div>
  116.         </section>
  117.     </div>
  118. {% endblock %}