templates/security/registry.html.twig line 1

Open in your IDE?
  1. {% extends 'security/base.html.twig' %}
  3. {% block estilos %}
  4.     html,
  5.     body {
  6.         height: 100%;
  7.     }
  8.     html {
  9.         display: table;
  10.         margin: auto;
  11.     }
  12.     body {
  13.         display: table-cell;
  14.         vertical-align: middle;
  15.     }
  16.     body {
  17.         background: #004c82;
  18.     }
  19.     .caja{
  20.         width: 800px;
  21.     }  
  22.     .card .card-title {
  23.         font-size: 18px;
  24.     }
  25.     .input-field {
  26.         position: relative;
  27.         margin-top: 0.5rem; 
  28.         margin-bottom: 0.5rem; 
  29.     }
  30.     @font-face {
  31.         font-family: 'icon-cdlmag';
  32.         src: url('{{ asset('icons/fontello/icon-cdlmag.eot') }}');
  33.         src: url('{{ asset('icons/fontello/icon-cdlmag.eot') }}') format('embedded-opentype'),
  34.             url('{{ asset('icons/fontello/icon-cdlmag.woff') }}') format('woff'),
  35.             url('{{ asset('icons/fontello/icon-cdlmag.ttf') }}') format('truetype'),
  36.             url('{{ asset('icons/fontello/icon-cdlmag.svg') }}') format('svg');
  37.         font-weight: normal;
  38.         font-style: normal;
  39.     }
  40.     .cdlmag-icon {
  41.         font-family: "icon-cdlmag";
  42.         font-weight: normal;
  43.         font-style: normal;
  44.         font-size: 24px;
  45.         line-height: 1;
  46.         letter-spacing: normal;
  47.         text-transform: none;
  48.         display: inline-block;
  49.         white-space: nowrap;
  50.         word-wrap: normal;
  51.         direction: ltr;
  52.         -webkit-font-feature-settings: 'liga';
  53.         -webkit-font-smoothing: antialiased;
  54.     }
  55.     @media (max-width: 600px) {
  56.         .caja {
  57.             width:auto;
  58.         }
  59.     }
  60. {% endblock %}
  62. {% block js_document_ready %}
  63.     // Inicializo dataPicker
  64.     inicializarDatePicker(
  65.         null,
  66.         [1960, {{ "now"|date("Y") }}],
  67.         new Date(),
  68.         false
  69.     );
  71.     // Inicializo selects y modal
  72.     $("select").formSelect();
  74.     var bt_descarga = $('#{{ form.descargarR.vars.id }}');
  75.     var bt_descarga_text;
  76.     bt_descarga.click(function (e) {
  77.         $(this).prop('disabled', true);
  78.         {# bt_descarga.prepend('<div class="preloader-wrapper small active"><div class="spinner-layer spinner-green-only"><div class="circle-clipper left"><div class="circle"></div></div><div class="gap-patch"><div class="circle"></div></div><div class="circle-clipper right"><div class="circle"></div></div></div></div>'); #}
  79.         bt_descarga_text = bt_descarga.html();
  80.         bt_descarga.html('<div class="progress"><div class="indeterminate valign-wrapper"></div></div>');
  82.         $.ajax({
  83.             url : '{{ path('aspirante_descarga_reglamento') }}',
  84.             type: 'POST',
  85.             {# type: $form.attr('method'), #}
  86.             {# data : data, #}
  87.             success: function(html) {
  88.                 descargarReglamento();
  89.                 $('#{{ form.tick.vars.id }}').val($(html).find('#{{ form.tick.vars.id }}').val());
  90.                 $('#bk_descarga').html($(html).find('#bk_descarga'));
  91.                 configurarRegistrarse();
  92.             }
  93.         })
  94.         .always(function() {
  95.             bt_descarga.html(bt_descarga_text);
  96.             bt_descarga.prop('disabled', false);
  97.         });
  98.         {# Deshabilito el submit #}
  99.         return false;
  100.     });
  101.     
  102. {% endblock %}
  104. {% block javascripts_base %}
  105.     function descargarReglamento() {
  106.         var url = '{{ asset('Reglamento_RIA_PODA.pdf', 'files') }}'; 
  107.         fileName = 'Reglamento_RIA_PODA.pdf';
  108.         downloadFile(url, fileName);
  109.     }
  111.     /**
  112.     * Download a file without browser popup warning
  113.     * @param {string} url The url of the file to download
  114.     * @param {string} filename Set a new filename for the downloaded file (optional)
  115.     */
  116.     const downloadFile = (url, filename = '') => {
  117.         if (filename.length === 0) filename = url.split('/').pop();
  118.         const req = new XMLHttpRequest();
  119.         req.open('GET', url, true);
  120.         req.responseType = 'blob';
  121.         req.onload = function () {
  122.             const blob = new Blob([req.response], {
  123.             type: 'application/pdf',
  124.             });
  126.             const isIE = false || !!document.documentMode;
  127.             if (isIE) {
  128.             window.navigator.msSaveBlob(blob, filename);
  129.             } else {
  130.             const windowUrl = window.URL || window.webkitURL;
  131.             const href = windowUrl.createObjectURL(blob);
  132.             const a = document.createElement('a');
  133.             a.setAttribute('download', filename);
  134.             a.setAttribute('href', href);
  135.             document.body.appendChild(a);
  136.             a.click();
  137.             document.body.removeChild(a);
  138.             }
  139.         };
  140.         req.send();
  141.     };
  142. {% endblock %}
  144. {% form_theme form _self %}
  145.     {% block form_row -%}
  146.         {{- form_widget(form) -}}
  147.         {{- form_label(form) -}}
  148.         {{- form_help(form) -}}
  149.         {{- form_errors(form) -}}
  150.     {%- endblock form_row %}
  152. {% block contenido %}
  153.     <div class="caja" >
  154.         
  155.         <div class="card">
  156.             <div class="card-content">
  157.                 <div class="row">
  158.                     <div class="input-field col s12 center">
  159.                         <img src="{{ asset('img/logo-nuevo.png', 'portal') }}" alt="" width="250px">
  160.                     </div>
  161.                 </div>
  163.                 <span class="card-title grey-text text-darken-4 center-align">
  164.                     PORTAL DIGITAL DE ASPIRANTES - PoDA<br/>
  165.                     Registro de Usuario
  166.                 </span>
  168.                 {{ form_start(form, {'attr': {'novalidate':'novalidate'}}) }}
  169.                     <div class="row">
  170.                         <div class="input-field col s12 m5">
  171.                             <i class=" cdlmag-icon icon-person-card_2dp prefix">&#xe800;</i>
  172.                             {{ form_row(form.apellidos) }}
  173.                         </div>
  174.                         <div class="input-field col s12 m5">
  175.                             <i class=" cdlmag-icon icon-person-card_2dp prefix">&#xe800;</i>
  176.                             {{ form_row(form.nombres) }}
  177.                         </div>
  178.                         <div class="input-field col s12 m2">
  179.                             {{ form_row(form.genero) }}
  180.                         </div>
  181.                     </div>
  182.                     <div class="row">
  183.                         <div class="input-field col s12 m4">
  184.                             <i class=" cdlmag-icon icon-person-card_2dp prefix">&#xe800;</i>
  185.                             {{ form_row(form.dni.first) }}
  186.                         </div>
  187.                         <div class="input-field col s12 m4">
  188.                             <i class=" cdlmag-icon icon-person-card_2dp prefix">&#xe800;</i>
  189.                             {{ form_row(form.dni.second) }}
  190.                         </div>
  191.                         <div class="input-field col s12 m4">
  192.                             <i class=" cdlmag-icon icon-person-card_2dp prefix">&#xe800;</i>
  193.                             {{ form_row(form.dni_tramite) }}
  194.                             <span class="helper-text" data-error="wrong" data-success="right"> 
  195.                                 <a class="activator"  href="#" id="2">Ayuda</a>
  196.                             </span>
  197.                         </div>
  198.                     </div>
  199.                     <div class="row">
  200.                         <div class="input-field col s12 m12">
  201.                             {{ form_widget(form.urldni) }}
  202.                             {{ form_label(form.urldni) }}
  203.                             {{ form_help(form.urldni) }}
  204.                         </div>
  205.                     </div>
  206.                     
  207.                     <fieldset style="color: rgba(0, 0, 0, 0.87); margin-bottom:15px;">
  208.                         <legend>Información de Matrícula</legend>
  209.                         <div class="row">
  210.                             <div class="input-field col s12 m6">
  211.                                 <i class="material-icons  prefix">portrait</i>
  212.                                 {{ form_row(form.matricula.colegio) }}
  213.                             </div>
  214.                             <div class="input-field col s12 m6">
  215.                                 <i class="material-icons  prefix">portrait</i>
  216.                                 {{ form_row(form.matricula.tomo) }}
  217.                             </div>
  218.                         </div>
  219.                         <div class="row">
  220.                             <div class="input-field col s12 m6">
  221.                                 <i class="material-icons  prefix">portrait</i>
  222.                                 {{ form_row(form.matricula.folio) }}
  223.                             </div>
  224.                             <div class="input-field col s12 m6">
  225.                                 <i class="material-icons  prefix">event</i>
  226.                                 {{ form_row(form.matricula.fechaMatriculacion) }}
  227.                             </div>
  228.                         </div>
  229.                         <div class="row">
  230.                             <div class="input-field col s12 m12">
  231.                                 {{ form_widget(form.matricula.urlConstanciaMatricula) }}
  232.                                 {{ form_label(form.matricula.urlConstanciaMatricula) }}
  233.                                 {{ form_help(form.matricula.urlConstanciaMatricula) }}
  234.                             </div>
  235.                         </div>
  236.                     </fieldset>
  238.                     <div class="row">
  239.                         <div class="input-field col s12 m6">
  240.                             <i class="material-icons  prefix">mail</i>
  241.                             {{ form_row(form.email_personal.first) }}
  242.                         </div>
  243.                         <div class="input-field col s12 m6">
  244.                             <i class="material-icons  prefix">mail</i>
  245.                             {{ form_row(form.email_personal.second) }}
  246.                         </div>
  247.                     </div>
  248.                     <div class="row">
  249.                         <div class="input-field col s12 m6">
  250.                             <i class="material-icons prefix">lock</i>
  251.                             {{ form_row(form.password.first) }}
  252.                         </div>
  253.                         <div class="input-field col s12 m6">
  254.                             <i class="material-icons prefix">lock</i>
  255.                             {{ form_row(form.password.second) }}
  256.                         </div>
  257.                     </div>
  259.                     <div class="row">
  260.                         <div class="col s12">
  261.                             <p> Para continuar deberá descargar el <b>Reglamento aplicable para el 
  262.                             Registro Integral de Antecedentes de Aspirantes a la Magistratura y 
  263.                             al Ministerio Público (RIA) y el Portal Digital de Aspirantes (PODA)</b>
  264.                             </p>
  265.                             <br>
  266.                         </div>
  267.                         <div class="col s12">
  268.                             {{ form_widget(form.descargarR, {'attr': {'class': "btn waves-effect waves-light identidad-color col s12 m8 offset-m2"}}) }}
  269.                         </div>
  270.                     </div>
  271.                     <span id="bk_descarga">
  272.                         {% if registroAspirante.tick %}
  274.                             <script type="text/javascript">
  275.                                 function configurarRegistrarse() {
  276.                                     var bt_registro = $('#{{ form.registrarse.vars.id }}');
  277.                                     bt_registro.prop('disabled', !$("#{{ form.aceptoTerminos.vars.id }}").is(":checked"));
  279.                                     bt_registro.click(function (e) {
  280.                                         $(this).prop('disabled', true);
  281.                                         bt_registro_text = bt_registro.html();
  282.                                         bt_registro.html('<div class="progress"><div class="indeterminate valign-wrapper"></div></div>');
  283.                                         $('form').submit();
  284.                                     });
  286.                                     $("#{{ form.aceptoTerminos.vars.id }}").click(function (e) {
  287.                                         bt_registro.prop('disabled', !$(this).is(":checked"));
  288.                                     });
  289.                                 }
  290.                             </script>
  292.                             <div class="row">
  293.                                 <div class="input-field col s12">
  294.                                     <p>
  295.                                         <label for ="{{ form.aceptoTerminos.vars.id }}">
  296.                                             {{ form_widget(form.aceptoTerminos) }}
  297.                                             <span class="blue-grey-text text-darken-4 ">He leído y acepto los términos del <b>Reglamento aplicable 
  298.                                             para el Registro Integral de Antecedentes de Aspirantes a la Magistratura y al 
  299.                                             Ministerio Público (RIA) y el Portal Digital de Aspirantes (PODA) </b>.</span>
  300.                                         </label>
  301.                                         {% if not form.aceptoTerminos.vars.valid %}
  302.                                             <div class="red-text ">
  303.                                                 {{ form.aceptoTerminos.vars.errors }}
  304.                                             </div>
  305.                                         {% endif %}
  306.                                     </p>
  307.                                 </div>
  308.                             </div>
  309.                             <div class="row margin">
  310.                                 <div class="col s12">
  311.                                     {{ form_widget(form.registrarse, {'attr': {'class': "btn waves-effect waves-light identidad-color col s12 boton_ingresar"}}) }}
  312.                                 </div>
  313.                             </div>
  314.                         {% endif %}
  315.                     </span>
  316.                 {{ form_end(form) }}
  317.             </div>
  319.             <div class="card-reveal" >
  320.                     <span class="card-title grey-text text-darken-4">AYUDA NÚMERO DE TRÁMITE <i class="material-icons right">close</i></span>
  321.                 <hr>
  322.                 <div class="row ">
  323.                     <div class="input-field col s12">
  324.                         <img src="{{ asset('img/nro-tramite.jpg') }}" />
  325.                     </div>
  326.                 </div>
  327.             </div>
  328.         </div>
  329.     </div>
  330. {% endblock %}