templates/front/quotation/quotation_login.html.twig line 1

Open in your IDE?
  1. {% extends "front/_common/_base.html.twig" %}
  3. {% block linkcanonical %}
  4.     <link rel="canonical" href="{{ absolute_url(path('quotation_login')) }}">
  5. {% endblock %}
  7. {% block cssadicional %}{% endblock %}
  9. {% block classbody %}{% endblock %}
  11. {% block content %}
  12.     <section class="login_banner">
  13.         <div class="login_banner_content ww_center">
  14.             <h1 class="login_banner_title">Solicitud de Cotización</h1>
  15.         </div>
  16.     </section>
  17.     <section class="login_form">
  18.         <div class="login_form_content ww_center">
  19.             <div class="login_form_fields">
  20.                 <h2 class="login_form_title">Identifiquese para acceder</h2>
  21.                 <form method="POST" id="form_login" novalidate>
  22.                     <div class="login_form_up">
  23.                         <div class="field_placeholder">
  24.                             <label for="form_document" class="field_subtitle">DNI / RUC <span>*</span></label>
  25.                             <input type="text" name="document" id="form_document" placeholder="Ingresar aquí tu DNI o RUC *" class="validate[required] soloNumber">
  26.                         </div>
  27.                         <div class="login_form_wrap">
  28.                             <div class="login_form_error" id="document_error" style="display: none;">
  29.                                 <p>El DNI no es válido.</p>
  30.                             </div>
  31.                             <a href="{{ path('quotation_register') }}" class="login_form_register"> Registrate aquí</a>
  32.                         </div>
  33.                     </div>
  34.                     <div class="field_check_center">
  35.                         <div class="field_check">
  36.                             <input type="checkbox" id="b2ccamiones_checkbox" class="validate[required]" name="">
  37.                             <label for="b2ccamiones_checkbox" class="field_check_text">
  38.                                 <span class="field_check_icon"></span>
  39.                                 <p>He leído y acepto las <a href="{{ path('data_protection_policies') }}" target="_blank">Políticas de privacidad</a></p>
  40.                             </label>
  41.                         </div>
  42.                     </div>
  43.                     <div class="field_button">
  44.                         <button class="btn btn_blue btnFormLogin">Ingresar</button>
  45.                     </div>
  46.                 </form>
  47.             </div>
  48.         </div>
  49.     </section>
  50. {% endblock %}
  52. {% block jsfinal %}
  53.     <script src="{{ asset('static/js/validationform/jquery.validationEngine-es.js') }}"></script>
  54.     <script src="{{ asset('static/js/validationform/staff.validationEngine.js') }}"></script>
  55.     <script>
  56.         $(function () {
  57.             $('.soloNumber').keypress(validateNumber);
  59.             function validateNumber(event) {
  60.                 const key = window.event ? event.keyCode : event.which;
  61.                 if (event.keyCode === 8 || event.keyCode === 46) {
  62.                     return true;
  63.                 } else {
  64.                     return !(key < 48 || key > 57);
  65.                 }
  66.             }
  68.             $("form").validationEngine('attach', {
  69.                 promptPosition: "topLeft",
  70.                 autoHidePrompt: true,
  71.                 autoHideDelay: 3000,
  72.                 binded: false,
  73.                 scroll: false
  74.             });
  76.             $('.btnFormLogin').on('click', function (event) {
  77.                 event.preventDefault();
  78.                 const valid = $("#form_login").validationEngine('validate');
  79.                 if (valid) {
  80.                     $("#form_login").submit();
  81.                 }
  82.             });
  83.         });
  84.     </script>
  85. {% endblock %}