src/templates/Security/confirma_ingreso.html.twig line 1

Open in your IDE?
  1. {% extends "layout_inicio.html.twig" %}
  3. {% block javascripts %}
  4.     {{ parent() }}
  6.     <script src="{{ asset('ace/js/bootbox.js') }}"></script>
  7.     
  8. {% endblock javascripts %}
  10. {% block jquery %}
  11.     {{ parent() }}
  12.     <script type="text/javascript">
  14.         $(function()
  15.         {
  16.             $('#frmConfirmaIngreso').submit(function(e){
  17.                 if ($('#password').val() != $('#confpassword').val())
  18.                 {   
  19.                     e.preventDefault();
  20.                     bootbox.dialog({
  21.                         message: "{{ 'seguridad.contrasena.confirmacion' | trans() }}", 
  22.                         buttons: {
  23.                             "success" : {
  24.                                 "label" : "OK",
  25.                                 "className" : "btn-sm btn-primary"
  26.                             }
  27.                         }
  28.                     });
  29.                 }
  30.             });
  31.         });
  32.         
  33.         function myFunction() {
  34.             var x = document.getElementById("password");
  35.             if (x.type === "password") {
  36.               x.type = "text";
  37.               document.getElementById('btnEye').className = 'ace-icon fa fa-eye green bigger-150';
  38.               
  39.             } else {
  40.               x.type = "password";
  41.               document.getElementById('btnEye').className = 'ace-icon fa fa-eye-slash green bigger-150';
  42.             }
  43.             
  44.             
  45.         }
  46.         
  47.         function myFunctionConf() {
  48.             var x = document.getElementById("confpassword");
  49.             if (x.type === "password") {
  50.               x.type = "text";
  51.               document.getElementById('btnEyeConf').className = 'ace-icon fa fa-eye green bigger-150';
  52.               
  53.             } else {
  54.               x.type = "password";
  55.               document.getElementById('btnEyeConf').className = 'ace-icon fa fa-eye-slash green bigger-150';
  56.             }
  57.             
  58.             
  59.         }
  60.         
  61.     </script>    
  62.     
  63. {% endblock jquery %}
  65. {% block content %} 
  67.     <div class="widget-box transparent">
  68.         <div class="widget-header widget-header-flat" style="text-align: center">
  69.             <h4 class="widget-title lighter">
  70.                 {{ mensaje }}
  71.             </h4>
  72.         </div>
  73.         <div class="widget-body" style="display: block;">
  74.             <div class="widget-main no-padding">
  75.                 <br> 
  76.                 <div class="row">
  77.                     <div class="col-xs-12">
  78.                         <div class="set-password">
  79.                             {% if error_pass is defined %}
  80.                                 <div class="alert alert-danger" style="text-align: center">
  81.                                     <strong>
  82.                                         <i class="ace-icon fa fa-info-circle bigger-150"></i>
  83.                                         {{ error_pass }}
  84.                                     </strong>
  85.                                     <br>
  86.                                 </div>
  87.                             {% endif %}
  88.                             <div class="alert alert-info" style="text-align: center">
  89.                                 <strong>
  90.                                     <i class="ace-icon fa fa-info-circle bigger-150"></i>
  91.                                     {{ 'seguridad.contrasena.inicio' | trans() }}
  92.                                 </strong>
  93.                                 <br><br>
  94.                                 {{ textoFuerzaPass | raw }}
  95.                                 <br>
  96.                             </div>
  97.                             <form class="form" name="frmConfirmaIngreso" id="frmConfirmaIngreso" action="{{ path('usuario_confirma_ingreso', {'usuario': usuario.id}) }}" method="post">
  98.                                 <table class="table table-bordered">
  99.                                     <tr>
  100.                                         <th style="width: 30%;">
  101.                                             <label>
  102.                                                 {% trans %}seguridad.autenticacion.nombre{% endtrans %}:
  103.                                             </label>
  104.                                         </th>
  105.                                         <td>
  106.                                             {{ usuario.nombreCompleto }}
  107.                                         </td>
  108.                                     </tr>
  109.                                     <tr>
  110.                                         <th style="width: 30%;">
  111.                                             <label>
  112.                                                 {% trans %}seguridad.autenticacion.user{% endtrans %}:
  113.                                             </label>
  114.                                         </th>
  115.                                         <td>
  116.                                             {{ usuario.username }}
  117.                                         </td>
  118.                                     </tr>
  119.                                     <tr>
  120.                                         <th style="width: 30%;">
  121.                                             <label class="required">
  122.                                                 {% trans %}seguridad.autenticacion.password{% endtrans %}:
  123.                                             </label>
  124.                                         </th>
  125.                                         <td colspan="2">
  126.                                             <input name="password" type="password" id="password" required="true" style="width:90%;">
  127.                                             <i class="ace-icon fa fa-eye-slash green bigger-150" id="btnEye" onclick="myFunction()">&nbsp;</i>
  128.                                         </td>
  129.                                     </tr>
  130.                                     <tr>
  131.                                         <th style="width: 30%;">
  132.                                             <label class="required">
  133.                                                 {% trans %}seguridad.autenticacion.repassword{% endtrans %}:
  134.                                             </label>
  135.                                         </th>
  136.                                         <td colspan="2">
  137.                                             <input name="confpassword" type="password" id="confpassword" required="true" style="width:90%;">
  138.                                             <i class="ace-icon fa fa-eye-slash green bigger-150" id="btnEyeConf" onclick="myFunctionConf()">&nbsp;</i>
  139.                                         </td>
  140.                                     </tr>
  141.                                 </table>
  142.                                 <table class="table table-bordered">
  143.                                     <tr>
  144.                                         <td colspan="3" style="text-align: center;">
  145.                                             <div class="hr hr-8 hr-dotted"></div>
  146.                                             <input class="btn" type="submit" value="{%trans%}botones.accept{% endtrans%}">
  147.                                         </td>
  148.                                     </tr>
  149.                                 </table>
  150.                             </form>
  151.                         </div>
  152.                     </div>
  153.                 </div>    
  154.             </div>                   
  155.         </div>                   
  156.     </div>
  157. {% endblock %}