templates/login.html.twig line 1

Open in your IDE?
  1. {% extends 'base_login.html.twig' %}
  3. {% block title %}Rewamp Console - Login{% endblock %}
  5. {% block body %}
  6.     <div class="login-wrap">
  7.         <div class="inner">
  8.             <div>
  9.                 <img src="/img/logo-rewamp-300.png" alt="Rewamp" class="rewamp-logo">
  10.                 <h4 class="login-title">Login</h4>
  12.             </div>
  13.             <form method="post" class="login-form" role="form">
  14.                 <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
  15.                 <div class="form-group">
  16.                     <div class="md-field">
  17.                         <input id="_username" type="text" name="_username" class="form-control" value="{{ last_username }}" v-model="username" placeholder=" " tabindex="1" autocomplete="username">
  18.                         <label for="_username">Username</label>
  19.                     </div>
  20.                 </div>
  21.                 <div class="form-group">
  22.                     <div class="md-field hide-show-password">
  23.                         <input id="password" :type="passwordType" name="_password" class="form-control" v-model="password" placeholder=" " tabindex="2" autocomplete="current-password">
  24.                         <label for="password">Password</label>
  25.                         <i class="fas fa-eye" id="password-eye" @click="togglePasswordType()" :class="{'fa-eye-slash':passwordType=='text'}"></i>
  26.                     </div>
  27.                 </div>
  28.                 <div class="form-group">
  29.                     <button class="btn btn-green btn-login" type="submit" :disabled="!validFields" tabindex="3">Entra</button>
  30.                 </div>
  31.             </form>
  32.             {% if error %}
  33.                 <p class="alert alert-danger" style="width: 320px; margin: 40px auto;">{{ error.messageKey|trans(error.messageData, 'security') }}</p>
  34.             {% endif %}
  35.             <p><a href="{{ path('reset_password') }}" class="link-reset" tabindex="4">Password dimenticata? Ripristina la password</a></p>
  36.         </div>
  37.     </div>
  38. {% endblock %}
  40. {% block javascripts %}
  41.     <script>
  42.         var app = new Vue({
  43.             el: '#app',
  44.             data: {
  45.                 username: '{{ last_username }}',
  46.                 password: '',
  47.                 passwordType: 'password',
  48.             },
  49.             methods: {
  50.                 togglePasswordType() {
  51.                     this.passwordType = this.passwordType === 'password' ? 'text' : 'password';
  52.                 },
  53.             },
  54.             computed: {
  55.                 validFields() {
  56.                     return this.username && this.password;
  57.                 },
  58.             },
  59.         });
  60.     </script>
  61. {% endblock %}