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

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>
  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 %}