templates/security/login.html.twig line 98

Open in your IDE?
  1. {% extends 'notloggedin.html.twig' %}
  3. {% block stylesheets %}
  4.     <style>
  5.         html,
  6.         body {
  7.           height: 100%;
  8.         }
  10.         body {
  11.           display: -ms-flexbox;
  12.           display: flex;
  13.           -ms-flex-align: center;
  14.           align-items: center;
  15.           padding-top: 40px;
  16.           padding-bottom: 40px;
  17.           background-color: #f5f5f5;
  18.         }
  20.         .form-signin {
  21.           width: 100%;
  22.           max-width: 330px;
  23.           padding: 15px;
  24.           margin: auto;
  25.         }
  26.         .form-signin .checkbox {
  27.           font-weight: 400;
  28.         }
  29.         .form-signin .form-control {
  30.           position: relative;
  31.           box-sizing: border-box;
  32.           height: auto;
  33.           padding: 10px;
  34.           font-size: 16px;
  35.         }
  36.         .form-signin .form-control:focus {
  37.           z-index: 2;
  38.         }
  39.         .form-signin input[type="email"] {
  40.           margin-bottom: -1px;
  41.           border-bottom-right-radius: 0;
  42.           border-bottom-left-radius: 0;
  43.         }
  44.         .form-signin input[type="password"] {
  45.           margin-bottom: 10px;
  46.           border-top-left-radius: 0;
  47.           border-top-right-radius: 0;
  48.         }
  50.               .bd-placeholder-img {
  51.                 font-size: 1.125rem;
  52.                 text-anchor: middle;
  53.                 -webkit-user-select: none;
  54.                 -moz-user-select: none;
  55.                 -ms-user-select: none;
  56.                 user-select: none;
  57.               }
  59.               @media (min-width: 768px) {
  60.                 .bd-placeholder-img-lg {
  61.                   font-size: 3.5rem;
  62.                 }
  63.               }
  64.               
  65.     </style>
  66. {% endblock %}
  68. {% block body %}
  70.     <body class="text-center">
  71.         <form method="post" class="form-signin">
  73.             <img class="mb-3" width="200" src="{{ asset('/public/uploads/' ~ logo) }}" >
  74.             <h1 class="h3 mb-3 mt-3 font-weight-normal">Inloggen</h1>
  75.             
  76.             <label for="inputUsername" class="sr-only">Gebruikersnaam</label>
  77.             <input type="text" value="{{ last_username }}" name="username" id="inputUsername" class="form-control" placeholder="Gebruikersnaam" required autofocus>
  78.             
  79.             <label for="inputPassword" class="sr-only">Wachtwoord</label>
  80.             <input type="password" id="inputPassword" name="password" class="form-control" placeholder="Wachtwoord" required>
  81.             
  82.             <input type="hidden" name="_csrf_token"
  83.                    value="{{ csrf_token('authenticate') }}"
  84.             >
  85.             
  86.              {#
  87.             <div class="checkbox mb-3">
  88.             <label>
  89.               <input type="checkbox" value="remember-me"> Remember me
  90.             </label>
  91.             </div>
  92.              #}
  93.             <button class="btn btn-lg btn-primary btn-block" type="submit">Inloggen</button>
  94.                         {% if error %}
  95.                 <div class="alert alert-danger mt-3">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
  96.             {% endif %}
  98.             {% if app.user %}
  99.                 <div class="mt-3 alert alert-danger" role="alert">
  100.                     Je bent al ingelogd als {{ app.user.username }}, <a href="{{ path('app_logout') }}">klik hier om uit te loggen</a>
  101.                 </div>
  102.             {% endif %}
  103.             
  104.             <p class="mt-5 mb-3 text-muted">&copy; Twente PC 2020 - {{ "now"|date("Y") }}</p>
  105.         </form>
  106.     </body>
  109. {% endblock %}