templates/login/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Login{% endblock %}
  5. {% block body %}
  6. <div class="h-vh-100 d-flex flex-align-stretch mh-100 bg-brandColor2">
  8.     <div class="pos-absolute v-center h-center">
  9.         <form class="login-form bg-white p-6 mx-auto border bd-default win-shadow"
  10.               data-role="validator"
  11.               data-clear-invalid="2000"
  12.               data-on-error-form="invalidForm"
  13.               method="post"  >
  14.             <span class="mif-vpn-lock mif-4x place-right" style="margin-top: -10px;"></span>
  15.             <h2 class="text-light">Login to 3DS tools</h2>
  16.             <hr class="thin mt-4 mb-4 bg-white">
  17.             <div class="form-group">
  18.                 <input type="text" name="user" data-role="input" data-prepend="<span class='mif-envelop'>" placeholder="Enter your email/login..." data-validate="required">
  19.             </div>
  20.             <div class="form-group">
  21.                 <input type="password" name="password" data-role="input" data-prepend="<span class='mif-key'>" placeholder="Enter your password..." data-validate="required minlength=6">
  22.             </div>
  23.             <div class="form-group mt-10">
  24.                 <!--input type="checkbox" name="remember" data-role="checkbox" data-caption="Remember me" class="place-right"-->
  25.                 <input type="submit" class="button" value="Log In"/>
  26.             </div>
  27.         </form>
  28.     </div>
  31.     <script>
  32.         function invalidForm(){
  33.             var form  = $(this);
  34.             form.addClass("ani-horizontal");
  35.             setTimeout(function(){
  36.                 form.removeClass("ani-horizontal");
  37.             }, 1000);
  38.         }
  40.         // function validateForm(){
  41.         //     $(".login-form").submit();
  42.         // }
  43.     </script>
  44. {% endblock %}