Changeset 0320f1b in portal_2019 for js


Ignore:
Timestamp:
Oct 31, 2019, 2:59:49 PM (5 years ago)
Author:
Angelo Osorio <danielking.321@…>
Branches:
master, dev, portal
Children:
6460441
Parents:
26e6455
Message:

cambios en el frontend

Location:
js
Files:
3 edited

Legend:

Unmodified
Added
Removed

  • js/handlerJSON.js

    rbbe2084 r0320f1b  
    22 * Recibe el json (verificación de una firma pdf), lo introduce en una tabla y devuelve una un cadena de texto.
    33 */
     4
    45function manejoJsonPDF(json) {
    56  var fielJsonEs = {
    … …  
    5556  var signatures = ''; //variable que maneja las firmas
    5657  var fields = ''; //variable que maneja los campos de la firma
    57   var title = '<h2> Información de la firma electronica </h2> \n ';
    58   var head = '<div class=\'container\'> \n <table id=\' \' class=\'display table table-striped table-bordered\' cellspacing=\'0\' width=\'100%\' > \n <thead> \n <tr>\n <th>#</th>\n <th>Campo</th>\n <th>Descripción</th> \n </tr>\n </thead>\n <tbody> \n';
    59   var footer = '</tbody> \n </table> \n </div> \n </div>';
     58  var title = '<h2 class="text-dark pb-3"> Información de la firma electrónica </h2>';
     59  var head =
     60    `<div class="container-table">
     61      <table class="display table table-striped table-bordered" >
     62        <thead>
     63          <tr class="font-weight-bold">
     64            <th class="text-right border-bottom-0 font-weight-bold"> Campo </th>
     65            <th class="text-left border-bottom-0 font-weight-bold"> Descripción </th>
     66          </tr>
     67        </thead>
     68        <tbody>`;
     69  var footer =
     70        `</tbody>
     71      </table>
     72    </div>`;
    6073  var html = title;
    6174  var numsign = 0;
    … …  
    6679
    6780    if (idx == "error") {
    68       html = '<h4> Extensión no soportada, verifique el archivo </h4>';
     81      html = '<h2 class="text-danger"> Extensión no soportada, verifique el archivo </h2>';
    6982      return(html);
    7083    }
    … …  
    7285    if (idx == "numberOfSignatures") {
    7386      numsign = obj;
    74       html += '<h4>' + fielJsonEs[idx] + ': ' + obj +' </h4>\n <br><br>';
     87      html += `<p class="text-left text-dark"> ${fielJsonEs[idx]}: ${obj} </p>`;
    7588    }
    7689
    … …  
    8598
    8699  $.each(signatures, function(idx, obj) {
    87     html += '<h4> Información de la firma: '+contsing+'<h4> \n';
     100    html += '<p class="text-left text-dark pt-3"> Información de la firma <strong> Nro '+ contsing +'</strong><p>';
    88101    html += head;
    89102
    … …  
    95108    $.each(fields, function(id, objx) {
    96109      // Recorreo los campos de la firma
    97       if(fielJsonEs[id]=='Nombre del firmante') {
    98         html += '<tr>\n<td>'+'1'+'</td>\n<td>' + fielJsonEs[id] + '</td>\n<td>' + objx +' </td>\n</tr>\n';
     110      if ( fielJsonEs[id] == 'Nombre del firmante' ) {
     111        html += `<tr><td class="text-right"> ${fielJsonEs[id]} </td><td class="text-left"> ${objx} </td></tr>`;
    99112      }
    100       else if(fielJsonEs[id]=='Fecha en que se realiza la firma') {
    101         html += '<tr>\n<td>'+'2'+'</td>\n<td>' + fielJsonEs[id] + '</td>\n<td>' + objx +'</td>\n</tr>\n';
     113      else if (fielJsonEs[id]=='Fecha en que se realiza la firma') {
     114        html += `<tr><td class="text-right"> ${fielJsonEs[id]} </td><td class="text-left"> ${objx} </td></tr>`;
    102115      }
    103       else if(fielJsonEs[id]=='Chequea la integridad de la firma') {
     116      else if (fielJsonEs[id]=='Chequea la integridad de la firma') {
    104117        if(objx == 'true') {
    105118          objxEsp = 'verdadero';
    … …  
    107120          objxEsp='falso';
    108121        }
    109         html += '<tr>\n<td>'+'3'+'</td>\n<td>' + fielJsonEs[id] + '</td>\n<td>' + objxEsp +'</td>\n</tr>\n';
     122        html += `<tr><td class="text-right"> ${fielJsonEs[id]} </td><td class="text-left"> ${objxEsp} </td></tr>`;
    110123      }
    111       else if(fielJsonEs[id]=='El certificado todavía está válido') {
     124      else if( fielJsonEs[id] == 'El certificado todavía está válido' ) {
    112125        if(objx == 'true') {
    113126          objxEsp = 'verdadero';
    … …  
    115128          objxEsp='falso';
    116129        }
    117         html += '<tr>\n<td>'+'4'+'</td>\n<td>' + fielJsonEs[id] + '</td>\n<td>' + objxEsp +'</td>\n</tr>\n';
     130        html += `<tr><td class="text-right"> ${fielJsonEs[id]} </td><td class="text-left"> ${objxEsp} </td></tr>`;
    118131      }
    119132      else if(fielJsonEs[id]=='Fecha de inicio de validez del certificado') {
    120         html += '<tr>\n<td>'+'5'+'</td>\n<td>' + fielJsonEs[id] + '</td>\n<td>' + objx +' </td>\n</tr>\n';
     133        html += `<tr><td class="text-right"> ${fielJsonEs[id]} </td><td class="text-left"> ${objx} </td></tr>`;
    121134      }
    122135      else if(fielJsonEs[id]=='Fecha de fin de validez del certificado') {
    123         html += '<tr>\n<td>'+'6'+'</td>\n<td>' + fielJsonEs[id] + '</td>\n<td>' + objx +' </td>\n</tr>\n';
     136        html += `<tr><td class="text-right"> ${fielJsonEs[id]} </td><td class="text-left"> ${objx} </td></tr>`;
    124137      }
    125138      else if(fielJsonEs[id]=='El certificado es válido en el momento de la firma') {
    … …  
    129142          objxEsp='falso';
    130143        }
    131         html += '<tr>\n<td>'+'7'+'</td>\n<td>' + fielJsonEs[id] + '</td>\n<td>' + objxEsp +'</td>\n</tr>\n';
     144        html += `<tr><td class="text-right"> ${fielJsonEs[id]} </td><td class="text-left"> ${objxEsp} </td></tr>`;
    132145      } else {
    133         if(objx == 'true' ) {
    134           htmltemp += '<tr>\n<td>'+contfiels+'</td>\n<td>' + fielJsonEs[id] + '</td>\n<td>' + 'verdadero' +' </td>\n</tr>\n';
     146        if ( objx == 'true' ) {
     147          htmltemp += `<tr><td class="text-right"> ${fielJsonEs[id]} </td><td class="text-left"> verdadero </td></tr>`;
    135148        } else if(objx == 'false'){
    136           htmltemp += '<tr>\n<td>'+contfiels+'</td>\n<td>' + fielJsonEs[id] + '</td>\n<td>' + 'falso' +' </td>\n</tr>\n';
     149          htmltemp += `<tr><td class="text-right"> ${fielJsonEs[id]} </td><td class="text-left"> falso </td></tr>`;
    137150        } else {
    138           htmltemp += '<tr>\n<td>'+contfiels+'</td>\n<td>' + fielJsonEs[id] + '</td>\n<td>' + objx +' </td>\n</tr>\n';
     151          htmltemp += `<tr><td class="text-right"> ${fielJsonEs[id]} </td><td class="text-left"> ${objx} </td></tr>`;
    139152        }
    140153          contfiels++;

  • js/handlerJSONBDOC.js

    rbbe2084 r0320f1b  
    2121    signatureCountry:"País donde se realiza la firma"
    2222  };
    23 
    2423  var objVarVerifique = JSON.parse(json);
    2524  var signatures = ''; //variable que maneja las firmas
    2625  var fields = ''; //variable que maneja los campos de la firma
    27   var title = '<h2> Información de la firma electronica </h2> \n ';
    28   var head = '<div class=\'container\'> \n <table id=\' \' class=\'display table table-striped table-bordered\' cellspacing=\'0\' width=\'100%\' > \n <thead> \n <tr>\n <th>#</th>\n <th>Campo</th>\n <th>Descripción</th> \n </tr>\n </thead>\n <tbody> \n';
    29   var footer = '</tbody> \n </table> \n </div> \n </div>';
     26  var title = '<h2 class="text-dark pb-3"> Información de la firma electrónica </h2>';
     27  var head =
     28    `<div class="container-table">
     29      <table class="display table table-striped table-bordered" >
     30        <thead>
     31          <tr class="font-weight-bold">
     32            <th class="text-right border-bottom-0 font-weight-bold"> Campo </th>
     33            <th class="text-left border-bottom-0 font-weight-bold"> Descripción </th>
     34          </tr>
     35        </thead>
     36        <tbody>`;
     37  var footer =
     38        `</tbody>
     39      </table>
     40    </div>`;
    3041  var html = title;
    3142  var numsign = 0;
    … …  
    3647
    3748    if(idx == "error") {
    38       html = '<h4> Extensión no soportada, verifique el archivo </h4>';
     49      html = '<h2 class="text-danger"> Extensión no soportada, verifique el archivo </h2>';
    3950      return(html);
    4051    }
    … …  
    4253    if(idx == "numberOfSignatures"){
    4354      numsign = obj;
    44       html += '<h4>' + fielJsonEs[idx] + ': ' + obj +' </h4>\n <br><br>';
     55      html += `<p class="text-left text-dark"> ${fielJsonEs[idx]}: ${obj} </p>`;
    4556    }
    4657
    … …  
    5566
    5667  $.each(signatures, function(idx, obj) {
    57     html += '<h4> Información de la firma: '+contsing+'<h4> \n';
     68    html += '<p class="text-left text-dark pt-3"> Información de la firma <strong> Nro '+ contsing +'</strong><p>';
    5869    html += head;
    5970    // variable que indica el campo de la firma -- arranca en el campo 6 porque necesitamos que muestre de primero las 5
    … …  
    6475      // Recorreo los campos de la firma
    6576      if(fielJsonEs[id]=='Nombre del firmante') {
    66         html += '<tr>\n<td>'+'1'+'</td>\n<td>' + fielJsonEs[id] + '</td>\n<td>' + objx +' </td>\n</tr>\n';
     77        html += '<tr><td>' + fielJsonEs[id] + '</td><td>' + objx +' </td></tr>';
    6778      }
    6879      else if(fielJsonEs[id]=='Fecha y hora de la firma') {
    69         html += '<tr>\n<td>'+'2'+'</td>\n<td>' + fielJsonEs[id] + '</td>\n<td>' + objx +'     </td>\n</tr>\n';
     80        html += '<tr><td>' + fielJsonEs[id] + '</td><td>' + objx +'     </td></tr>';
    7081      }
    7182      else if(fielJsonEs[id]=='Firma válida') {
    … …  
    7586          objxEsp='falso';
    7687        }
    77         html += '<tr>\n<td>'+'3'+'</td>\n<td>' + fielJsonEs[id] + '</td>\n<td>' + objxEsp +'</td>\n</tr>\n';
     88        html += '<tr><td>' + fielJsonEs[id] + '</td><td>' + objxEsp +'</td></tr>';
    7889      }
    7990      else if(fielJsonEs[id]=='El certificado todavía está válido') {
    … …  
    8394          objxEsp='falso';
    8495        }
    85         html += '<tr>\n<td>'+'4'+'</td>\n<td>' + fielJsonEs[id] + '</td>\n<td>' + objxEsp +'</td>\n</tr>\n';
     96        html += '<tr><td>' + fielJsonEs[id] + '</td><td>' + objxEsp +'</td></tr>';
    8697      }
    8798      else {
    88         htmltemp += '<tr>\n<td>'+contfiels+'</td>\n<td>' + fielJsonEs[id] + '</td>\n<td>' + objx +' </td>\n</tr>\n';
     99        htmltemp += '<tr><td>' + fielJsonEs[id] + '</td><td>' + objx +' </td></tr>';
    89100        contfiels++;
    90101      }

  • js/partial-4.js

    rbbe2084 r0320f1b  
    3131        }
    3232        document.getElementById("respuestaVerificacion").innerHTML = html;
    33         $('table.display').dataTable();
    3433      },
    3534      error: function(response) {
    3635        //Que se ejecuta cuando finalice la petición de con error
    37         $("#respuestaVerificacion").html('Error...!!!');
     36        $("#respuestaVerificacion").html('¡Error!' + response);
    3837      }
    3938    });
Note: See TracChangeset for help on using the changeset viewer.