templates/Exchange/Security/login.html.twig line 1

Open in your IDE?
  1. {% extends 'exchange.html.twig' %}
  2. {% block body %}
  4.     {% if app.request.hasPreviousSession %}
  5.         {% for type, messages in app.session.flashbag.all() %}
  6.             {% for message in messages %}
  7.                 <div class="flash-{{ type }}">
  8.                     {{ message }}
  9.                 </div>
  10.             {% endfor %}
  11.         {% endfor %}
  12.     {% endif %}
  14.     <div>
  16.         {% include 'Exchange/Default/header.html.twig' %}
  17.         <div class="login__background">
  18.             <div class="login__container">
  19.                 <div class="login__container--icon">
  20.                     <span class="login__title">The English Access Scholarship Program Participant Portal</span>
  21.                 </div>
  22.                 <form action="" method="post">
  23.                     <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}" />
  24.                     <div class="formgroup">
  25.                         <label for="username">Email Address</label>
  26.                         <input class="form-control" type="text" id="username" name="username" required="required" />
  27.                     </div>
  29.                     <div class="formgroup">
  30.                         <label for="password">Password</label>
  31.                         <input class="form-control" type="password" id="password" name="password" required="required" />
  32.                         {% if error %}
  33.                             <br><div class="error">&#9888; {{ error.messageKey|trans(error.messageData, 'security') }}</div>
  34.                         {% endif %}
  35.                     </div>
  36.                     <input type="hidden" name="bypass" id="bypass" />
  37.                     <input class="btn btn-success login__btn" type="submit" id="_submit" name="_submit" value="Log In" />
  39.                 </form>
  40.             </div>
  41.         </div>
  43.         {% include 'Exchange/Default/footer.html.twig' %}
  45.     </div>
  47. {% endblock %}
  49. {% block javascripts %}
  50.     <script type="application/javascript">
  51.         $(document).ready(function(){
  52.             //randomly load the background image based on the list
  53.             var images = ['exchange-login-background.jpg', 'exchange-login-background-2.jpg'];
  54.             $('.login__background').css({'background-image': 'url(/images/exchanges/' + images[Math.floor(Math.random() * images.length)] + ')'});
  55.         });
  56.     </script>
  57. {%  endblock %}