Changeset 0320f1b in portal_2019 for js/handlerJSON.js

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

File:

• js/handlerJSON.js (modified) (9 diffs)

js/handlerJSON.js

@@ -2 +2 @@
  * Recibe el json (verificación de una firma pdf), lo introduce en una tabla y devuelve una un cadena de texto.
  */
+
 function manejoJsonPDF(json) {
   var fielJsonEs = {
@@ -55 +56 @@
   var signatures = ''; //variable que maneja las firmas
   var fields = ''; //variable que maneja los campos de la firma
-  var title = '<h2> Información de la firma electronica </h2> \n ';
-  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';
-  var footer = '</tbody> \n </table> \n </div> \n </div>';
+  var title = '<h2 class="text-dark pb-3"> Información de la firma electrónica </h2>';
+  var head =
+    `<div class="container-table">
+      <table class="display table table-striped table-bordered" >
+        <thead>
+          <tr class="font-weight-bold">
+            <th class="text-right border-bottom-0 font-weight-bold"> Campo </th>
+            <th class="text-left border-bottom-0 font-weight-bold"> Descripción </th>
+          </tr>
+        </thead>
+        <tbody>`;
+  var footer =
+        `</tbody>
+      </table>
+    </div>`;
   var html = title;
   var numsign = 0;
@@ -66 +79 @@
 
     if (idx == "error") {
-      html = '<h4> Extensión no soportada, verifique el archivo </h4>';
+      html = '<h2 class="text-danger"> Extensión no soportada, verifique el archivo </h2>';
       return(html);
     }
@@ -72 +85 @@
     if (idx == "numberOfSignatures") {
       numsign = obj;
-      html += '<h4>' + fielJsonEs[idx] + ': ' + obj +' </h4>\n <br><br>';
+      html += `<p class="text-left text-dark"> ${fielJsonEs[idx]}: ${obj} </p>`;
     }
 
@@ -85 +98 @@
 
   $.each(signatures, function(idx, obj) {
-    html += '<h4> Información de la firma: '+contsing+'<h4> \n';
+    html += '<p class="text-left text-dark pt-3"> Información de la firma <strong> Nro '+ contsing +'</strong><p>';
     html += head;
 
@@ -95 +108 @@
     $.each(fields, function(id, objx) {
       // Recorreo los campos de la firma
-      if(fielJsonEs[id]=='Nombre del firmante') {
-        html += '<tr>\n<td>'+'1'+'</td>\n<td>' + fielJsonEs[id] + '</td>\n<td>' + objx +' </td>\n</tr>\n';
+      if ( fielJsonEs[id] == 'Nombre del firmante' ) {
+        html += `<tr><td class="text-right"> ${fielJsonEs[id]} </td><td class="text-left"> ${objx} </td></tr>`;
       }
-      else if(fielJsonEs[id]=='Fecha en que se realiza la firma') {
-        html += '<tr>\n<td>'+'2'+'</td>\n<td>' + fielJsonEs[id] + '</td>\n<td>' + objx +'</td>\n</tr>\n';
+      else if (fielJsonEs[id]=='Fecha en que se realiza la firma') {
+        html += `<tr><td class="text-right"> ${fielJsonEs[id]} </td><td class="text-left"> ${objx} </td></tr>`;
       }
-      else if(fielJsonEs[id]=='Chequea la integridad de la firma') {
+      else if (fielJsonEs[id]=='Chequea la integridad de la firma') {
         if(objx == 'true') {
           objxEsp = 'verdadero';
@@ -107 +120 @@
           objxEsp='falso';
         }
-        html += '<tr>\n<td>'+'3'+'</td>\n<td>' + fielJsonEs[id] + '</td>\n<td>' + objxEsp +'</td>\n</tr>\n';
+        html += `<tr><td class="text-right"> ${fielJsonEs[id]} </td><td class="text-left"> ${objxEsp} </td></tr>`;
       }
-      else if(fielJsonEs[id]=='El certificado todavía está válido') {
+      else if( fielJsonEs[id] == 'El certificado todavía está válido' ) {
         if(objx == 'true') {
           objxEsp = 'verdadero';
@@ -115 +128 @@
           objxEsp='falso';
         }
-        html += '<tr>\n<td>'+'4'+'</td>\n<td>' + fielJsonEs[id] + '</td>\n<td>' + objxEsp +'</td>\n</tr>\n';
+        html += `<tr><td class="text-right"> ${fielJsonEs[id]} </td><td class="text-left"> ${objxEsp} </td></tr>`;
       }
       else if(fielJsonEs[id]=='Fecha de inicio de validez del certificado') {
-        html += '<tr>\n<td>'+'5'+'</td>\n<td>' + fielJsonEs[id] + '</td>\n<td>' + objx +' </td>\n</tr>\n';
+        html += `<tr><td class="text-right"> ${fielJsonEs[id]} </td><td class="text-left"> ${objx} </td></tr>`;
       }
       else if(fielJsonEs[id]=='Fecha de fin de validez del certificado') {
-        html += '<tr>\n<td>'+'6'+'</td>\n<td>' + fielJsonEs[id] + '</td>\n<td>' + objx +' </td>\n</tr>\n';
+        html += `<tr><td class="text-right"> ${fielJsonEs[id]} </td><td class="text-left"> ${objx} </td></tr>`;
       }
       else if(fielJsonEs[id]=='El certificado es válido en el momento de la firma') {
@@ -129 +142 @@
           objxEsp='falso';
         }
-        html += '<tr>\n<td>'+'7'+'</td>\n<td>' + fielJsonEs[id] + '</td>\n<td>' + objxEsp +'</td>\n</tr>\n';
+        html += `<tr><td class="text-right"> ${fielJsonEs[id]} </td><td class="text-left"> ${objxEsp} </td></tr>`;
       } else {
-        if(objx == 'true' ) {
-          htmltemp += '<tr>\n<td>'+contfiels+'</td>\n<td>' + fielJsonEs[id] + '</td>\n<td>' + 'verdadero' +' </td>\n</tr>\n';
+        if ( objx == 'true' ) {
+          htmltemp += `<tr><td class="text-right"> ${fielJsonEs[id]} </td><td class="text-left"> verdadero </td></tr>`;
         } else if(objx == 'false'){
-          htmltemp += '<tr>\n<td>'+contfiels+'</td>\n<td>' + fielJsonEs[id] + '</td>\n<td>' + 'falso' +' </td>\n</tr>\n';
+          htmltemp += `<tr><td class="text-right"> ${fielJsonEs[id]} </td><td class="text-left"> falso </td></tr>`;
         } else {
-          htmltemp += '<tr>\n<td>'+contfiels+'</td>\n<td>' + fielJsonEs[id] + '</td>\n<td>' + objx +' </td>\n</tr>\n';
+          htmltemp += `<tr><td class="text-right"> ${fielJsonEs[id]} </td><td class="text-left"> ${objx} </td></tr>`;
         }
           contfiels++;