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

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Access Portal{% endblock %}
  5. {% block stylesheets %}
  6. {% endblock %}
  8. {% block body %}
  10.     {% include 'Portal/Alerts/flash-alerts.html.twig' %}
  12.     <div class="hero__container">
  13.         <div class="hero__container__right">
  14.             <div class="login__container">
  16.                 {% if check_if_javascript_is_enabled == 'yes' %}
  17.                     <noscript>
  18.                         <h1 class="medium-text-center form-error is-visible error__box">
  19.                             Attention: JavaScript is disabled on this internet browser. This is required for the Portal to run properly. Follow these instructions to enable JavaScript:<br />
  20.                             <a target="_blank" href="/technical_guides/77870d35-effb-902f-2c29-5b8564a84f7e">How to Enable JavaScript.</a>
  21.                             </h1>
  22.                     </noscript>
  23.                 {% endif %}
  25.                 {% if check_if_cookie_is_enabled == 'yes' %}
  26.                     <h1 class="medium-text-center form-error error__box" id="cookie-message">
  27.                         Attention: Cookies are disabled on this internet browser. This is required for the Portal to run properly. Follow these instructions to enable Cookies:<br />
  28.                         <a target="_blank" href="/technical_guides/246641be-56fe-59b0-cd4b-5b85a2fac447">How to Enable Cookies.</a>
  29.                     </h1>
  30.                 {% endif %}
  32.                 {% if check_browser_compatible == 'no' %}
  33.                     <h1 class="is-visible new_error__box"><b>
  34.                         <h3>Attention</h3>
  35.                         This browser is not supported by the Access Portal. To ensure a successful experience with our systems, please use one of the following browsers to log in:
  36.                         <br><br>
  37.                         <ul>
  38.                             <li><a href="https://www.google.com/intl/en/chrome/" target="_blank">Chrome</a></li>
  39.                             <li><a href="https://www.apple.com/safari/" target="_blank">Safari</a></li>
  40.                             <li><a href="https://www.mozilla.org/en-US/firefox/new/" target="_blank">Mozilla</a></li>
  41.                         </ul></b>
  42.                     </h1>
  43.                 {% else %}
  45.                 <div class="login__container--icon">
  46.                     <span class="login__title"><img src="/bundles/portal/images/access_logo_1.png?version=2"></span>
  47.                 </div>
  48.                 {% set refererUrl = app.request.getRequestUri()|split("referer_url=") %}
  49.                 {% set url = (refererUrl[1] is defined) ? refererUrl[1]  : "" %}
  50.                 <form action="{{ path('login', {'referer_url': url }) }}" method="post" class="login__container--form">
  51.                     <input class="input" id="username" name="_username" placeholder="username" type="text" onkeyup="trimSpaces()" value="{{ lastUserName }}"></input>
  52.                     <input class="input" type="password" name="_password" id="password" placeholder="password"></input>
  53.                     <button class="button button--primary button--wide" type="submit">Log In</button>
  54.                     <a href="{{ path('reset-password') }}" class="link">Forgot your password?</a>
  55.                     <a target=_blank href="https://fhi360.atlassian.net/servicedesk/customer/portal/3/create/10260" class="link">New user? Request an account here.</a>
  56.                 </form>
  58.                 {% endif %}
  62.             </div>
  63.         </div>
  64.         
  65.     </div>
  66. {% endblock %}
  68. {% block javascripts %}
  69. {{ parent() }}
  70. <script type='text/javascript'>
  71. (function(){
  72.     $( document ).ready(function() {
  73.     $(".button--primary").css("background-color","#002d62");
  74.       $('.alert').addClass('animate');
  75.       
  76.       $('.alert__close').click(function(el){
  77.           $(el.target).closest('.alert').hide();
  78.       });
  80.         {% if check_if_cookie_is_enabled == 'yes' %}
  81.             if(navigator.cookieEnabled == false){
  82.                 $('#cookie-message').addClass('is-visible');
  83.              }
  84.         {% endif %}
  85.         
  86.     });    
  87. })();
  89. function trimSpaces() {
  90.     var x = document.getElementById("username");
  91.     x.value = x.value.replace(/\s+/g, '');
  92. }
  93. </script>
  94. {% endblock %}