vendor/pimcore/pimcore/bundles/AdminBundle/Resources/views/Admin/Login/login.html.twig line 1

Open in your IDE?
  1. {% extends '@PimcoreAdmin/Admin/Login/layout.html.twig' %}
  3. {% block content %}
  4. <div id="loginform">
  5.     <form id="form-element" method="post" action="{{ path('pimcore_admin_login_check', {'perspective' : app.request.get('perspective')|striptags}) }}">
  7.         {% if error is defined %}
  8.         <div class="text error">
  9.             {{ error|trans([],'admin')|raw }}
  10.         </div>
  11.         {% endif %}
  13.         <input type="text" name="username" autocomplete="username" placeholder="{{ 'username'|trans([], 'admin') }}" required autofocus>
  14.         <input type="password" name="password" autocomplete="current-password" placeholder="{{ 'password'|trans([], 'admin') }}" required>
  15.         <input type="hidden" name="csrfToken" id="csrfToken" value="{{ pimcore_csrf.getCsrfToken() }}">
  17.         <button type="submit">{{ 'login'|trans([], 'admin') }}</button>
  18.     </form>
  20.     <a href="{{ path('pimcore_admin_login_lostpassword') }}" class="lostpassword">{{ 'Forgot your password'|trans([], 'admin') }}?</a>
  21. </div>
  23. {% if not browserSupported %}
  24. <div id="browserinfo">
  25.     <div class="text">
  26.         {{ 'Your browser is not supported. Please install the latest version of one of the following browsers.'|trans([], 'admin') }}
  27.     </div>
  29.     <div class="text browserinfo">
  30.         <a href="https://www.google.com/chrome" target="_blank" rel="noopener noreferrer" title="Chrome"><img src="/bundles/pimcoreadmin/img/login/chrome.svg" alt="Chrome"/></a>
  31.         <a href="https://www.mozilla.org/firefox" target="_blank" rel="noopener noreferrer" title="Firefox"><img src="/bundles/pimcoreadmin/img/login/firefox.svg" alt="Firefox"/></a>
  32.         <a href="https://www.apple.com/safari" target="_blank" rel="noopener noreferrer" title="Safari"><img src="/bundles/pimcoreadmin/img/login/safari.svg" alt="Safari"/></a>
  33.         <a href="https://www.microsoft.com/edge" target="_blank" rel="noopener noreferrer" title="Edge"><img src="/bundles/pimcoreadmin/img/login/edge.svg" alt="Edge"/></a>
  34.     </div>
  36.     <a href="#" onclick="showLogin();">{{ 'Click here to proceed'|trans([], 'admin') }}</a>
  37. </div>
  39. <script type="text/javascript">
  40.     function showLogin() {
  41.         document.getElementById('loginform').style.display = 'block';
  42.         document.getElementById('browserinfo').style.display = 'none';
  43.     }
  44. </script>
  45. <style type="text/css">
  46.     #loginform {
  47.         display: none;
  48.     }
  49. </style>
  50. {% endif %}
  51. {% endblock %}
  53. {% block below_footer %}
  54. <script {{ pimcore_csp.getNonceHtmlAttribute()|raw }}>
  55.     {% if deeplink is not defined %}
  56.     // clear opened tabs store
  57.     localStorage.removeItem("pimcore_opentabs");
  58.     {% endif %}
  60.     // hide symfony toolbar by default
  61.     var symfonyToolbarKey = 'symfony/profiler/toolbar/displayState';
  62.     if(!window.localStorage.getItem(symfonyToolbarKey)) {
  63.         window.localStorage.setItem(symfonyToolbarKey, 'none');
  64.     }
  67.     // CSRF token refresh
  68.     var formElement = document.getElementById('form-element');
  69.     var csrfRefreshInProgress = false;
  70.     function refreshCsrfToken() {
  71.         csrfRefreshInProgress = true;
  72.         formElement.style.opacity = '0.3';
  73.         var request = new XMLHttpRequest();
  74.         request.open('GET', '{{ path("pimcore_admin_login_csrf_token") }}');
  75.         request.onload = function () {
  76.             if (this.status >= 200 && this.status < 400) {
  77.                 var res = JSON.parse(this.response);
  78.                 document.getElementById('csrfToken').setAttribute('value', res['csrfToken']);
  79.                 formElement.style.opacity = '1';
  80.                 csrfRefreshInProgress = false;
  81.             }
  82.         };
  83.         request.send();
  84.     }
  85.     document.addEventListener('visibilitychange', function(ev) {
  86.         if(document.visibilityState === 'visible') {
  87.             refreshCsrfToken();
  88.         }
  89.     });
  90.     window.setInterval(refreshCsrfToken, {{ csrfTokenRefreshInterval }});
  91.     formElement.addEventListener("submit", function(evt) {
  92.         if(csrfRefreshInProgress) {
  93.             evt.preventDefault();
  94.         }
  95.     }, true);
  97. </script>
  99. {{ pimcore_breach_attack_random_content() }}
  101. {% endblock %}