source: prototipo_portal_2018/prototipo/static/js/functions/BDOC/myInfoDataTableSignBDOC.js @ 9be8a48

Last change on this file since 9be8a48 was 9be8a48, checked in by José Sulbarán <jsulbaran@…>, 7 years ago

Se agrego la firma bdoc y se mejoro la firma pdf
  • Property mode set to 100644
File size: 12.2 KB
Line 
1
2function InfoContentSignBDOC(id){
3 
4
5  for (var i = 0; i < INFO_CHECK_BDOC.signatures.length; i++) {
6    if (INFO_CHECK_BDOC.signatures[i]['signatureId'] == ("S"+id)){
7
8            var html1 = ""; 
9
10            html1 += '<font style="font-size: 14pt">';
11            html1 += '<table  class="table table-hover" width="100%" id="data" >';
12            html1 += '<tr>';
13            html1 += '<td style="text-align: left" width="700"><b>Nombre del firmante:</b> </td>';
14            html1 += '<td style="text-align: left" width="500"><span> <font style="font-size: 10pt">'+INFO_CHECK_BDOC.signatures[i]['signerCertificateSubjectName']+'</font></span></td>';
15            html1 += '</tr>';
16            html1 += '<tr>';
17            html1 += '<td style="text-align: left"><b>Fecha y hora de la firma:</b> </td>';
18            html1 += '<td style="text-align: left"><span> '+INFO_CHECK_BDOC.signatures[i]['signatureSigningTime']+'</span></td>';
19            html1 += '</tr>';
20            html1 += '<tr>';
21            html1 += '<td style="text-align: left"><b>Firma válida:</b> </td>';
22            html1 += '<td style="text-align: left"><span> '+INFO_CHECK_BDOC.signatures[i]['isValid']+'</span></td>';
23            html1 += '</tr>';
24            html1 += '<tr>';
25            html1 += '<td style="text-align: left"><b>El certificado todavía está válido:</b> </td>';
26            html1 += '<td style="text-align: left"><span> '+INFO_CHECK_BDOC.signatures[i]['signerCertificateIsValid']+'</span></td>';
27            html1 += '</tr>';
28            html1 += '<tr>';
29            html1 += '<td style="text-align: left"><b>Código postal:</b> </td>';
30            html1 += '<td style="text-align: left"><span> '+(INFO_CHECK_BDOC.signatures[i]['signaturePostalCode']?INFO_CHECK_BDOC.signatures[i]['signaturePostalCode']:"Null")+'</span></td>';
31            html1 += '</tr>';
32            html1 += '<tr>';
33            html1 += '<td style="text-align: left"><b>Serial del certificado del firmante:</b> </td>';
34            html1 += '<td style="text-align: left"><span>' +INFO_CHECK_BDOC.signatures[i]['signerCertificateSerial']+'</span></td>';
35            html1 += '</tr>'; 
36            html1 += '<tr>';
37            html1 += '<td style="text-align: left" ><b>Perfil de la firma:</b> </td>';
38            html1 += '<td style="text-align: left" ><span> '+INFO_CHECK_BDOC.signatures[i]['signatureProfile']+'</span></td>';
39            html1 += '</tr>'; 
40            html1 += '<tr>';
41            html1 += '<td style="text-align: left" ><b>Estado donde se realiza la firma:</b> </td>';
42            html1 += '<td style="text-align: left"><span> '+(INFO_CHECK_BDOC.signatures[i]['signatureState']?INFO_CHECK_BDOC.signatures[i]['signatureState']:"Null")+'</span></td>';
43            html1 += '</tr>';
44            html1 += '<tr>';
45            html1 += '<td style="text-align: left"><b>Algoritmo de firma utilizado:</b> </td>';
46            html1 += '<td style="text-align: left"><span> '+INFO_CHECK_BDOC.signatures[i]['signatureMethod']+'</span></td>';
47            html1 += '</tr>';
48            html1 += '<tr>';
49            html1 += '<td style="text-align: left"><b>Identificador de la firma:</b> </td>';
50            html1 += '<td style="text-align: left"><span> '+INFO_CHECK_BDOC.signatures[i]['signatureId']+'</span></td>';
51            html1 += '</tr>';
52            html1 += '<tr>';
53            html1 += '<td style="text-align: left"><b>Emisor del certificado firmante:</b> </td>';
54            html1 += '<td style="text-align: left"><span> '+INFO_CHECK_BDOC.signatures[i]['signerCertificateIssuer']+'</span></td>';
55            html1 += '</tr>';
56            html1 += '<tr>';
57            html1 += '<td style="text-align: left"><b>Ciudad donde se realiza la firma:</b> </td>';
58            html1 += '<td style="text-align: left"><span> '+INFO_CHECK_BDOC.signatures[i]['signatureCity']+'</span></td>';
59            html1 += '</tr>';
60            html1 += '<tr>';
61            html1 += '<td style="text-align: left"><b>Excepción de validación:</b> </td>';
62            html1 += '<td style="text-align: left"><span>signature' +INFO_CHECK_BDOC.signatures[i]['signatureId']+'ValidationException1</span></td>';
63            html1 += '</tr>'; 
64            html1 += '<tr>';
65            html1 += '<td style="text-align: left" ><b>País donde se realiza la firma:</b> </td>';
66            html1 += '<td style="text-align: left" ><span> '+(INFO_CHECK_BDOC.signatures[i]['signatureCountry']?INFO_CHECK_BDOC.signatures[i]['signatureCountry']:"Null")+'</span></td>';
67            html1 += '</tr>';
68            html1 += '</table>';
69            html1 += '</font>';
70
71            $('div#Dialogo_SIGN-table').append(html1); 
72    }
73  }
74}
75
76function Dialog_SignBDOC(id){
77   document.getElementById("Dialogo_SignBdoc").innerHTML = '\
78    <style>\
79     .modal .modal-dialog { width: 80%; height: 80%, };\
80    </style>\
81       <div id="myModalVerificar" class="modal fade" role="dialog">\
82       <div class="modal-dialog">\
83         <div class="modal-content">\
84           <div id = "title" class="modal-header">\
85             <!--<button type="button" class="close" data-dismiss="modal">&times;</button>-->\
86             <h4 class="modal-title text-primary"><center>Información de la firma(S'+id+')</center></h4>\
87           </div>\
88           <div id = "body" class="modal-body">\
89             <br>\
90             <div id="Dialogo_SIGN-table"></div>\
91            </div>\
92            <div class="modal-footer">\
93              <button type="button" id="informacion" data-dismiss="modal">Close</button>\
94            </div>\
95          </div>\
96        </div>\
97    </div>';
98
99    InfoContentVerificarBDOC(id);
100 
101}
102
103
104function ColumnsDataTableSignBDOC(){
105     var columns = [
106                {title: "Nombre del firmante", data: "signerCertificateSubjectName"},
107                {title: "Fecha y hora de la firma", data: "signatureSigningTime"},         
108                {title: "Firma válida", data: "isValid"},
109                {title: "El certificado todavía está válido", data: "signerCertificateIsValid"},
110                {title: "Código postal", data: function(event){ 
111                                                        if(event.signaturePostalCode){
112                                                            return event.signaturePostalCode;
113                                                        }else{
114                                                            return "Null";
115                                                        }
116                                                }
117                },                       
118                {title: "Serial del certificado del firmante", data: "signerCertificateSerial"},
119                {title: "Perfil de la firma", data: "signatureProfile"},               
120                {title: "Estado donde se realiza la firma", data: function(event){ 
121                                                                        if(event.signatureState){
122                                                                            return event.signatureState;
123                                                                        }else{
124                                                                            return "Null";
125                                                                        }
126                                                                 }
127                },
128                {title: "Algoritmo de firma utilizado", data: "signatureMethod"},
129                {title: "Identificador de la firma", data: "signatureId"},
130                {title: "Emisor del certificado firmante", data: "signerCertificateIssuer"},
131                {title: "Ciudad donde se realiza la firma", data: "signatureCity"},
132                {title: "Excepción de validación", data: function(event){
133                                                          return "signature"+event.signatureId+"ValidationException1";
134                                                        }
135                },
136                {title: "País donde se realiza la firma", data: function(event){
137                                                                        if(event.signatureCountry){
138                                                                            return event.signatureCountry;
139                                                                        }else{
140                                                                            return "Null";
141                                                                        }
142                                                                 }
143                },
144                {title:"Información", data: function (data){
145                                                var conten = JSON.stringify(data.signatureId).split("S");                                                                                           
146                                                return '<button id="informacion" type="input" class="btn btn-success btn-sm" data-toggle="modal" data-target="#myModalVerificar" onclick="javascript:Dialog_SignBDOC('+parseInt(conten[1])+')">Info(<font color="red">'+data.signatureId+'</font>)</button>';
147                                           } 
148                }
149    ];
150
151    return columns;
152
153}
154
155
156
157
158function DataTableSignBDOC(response){
159
160    var columns = ColumnsDataTableSignBDOC();
161    var table = $("#myJsonBDOC").DataTable({   
162
163          language: {
164            "lengthMenu": "Mostrar _MENU_ registros",
165            "zeroRecords": "No hay resultados - Disculpe",
166            "info": "Mostrando pagina _PAGE_ de _PAGES_",
167            "search": "Buscar:", 
168            "infoEmpty": "No records available",
169            "infoFiltered": "(filtered from _MAX_ total records)",
170            "sLoadingRecords": "Cargando...",
171          },
172          columnDefs: [
173              {"className": "dt-center", "targets": "_all"}
174          ],                                 
175          order: [[ 1, 'desc' ]],       
176          data: response.signatures,
177          columns: columns,                           
178          dom: 'Bfrtip',
179          columnDefs: [
180              {               
181                "targets": [0,2,3,4,5,6,8,9,11,12 ],
182                "visible": false,
183                //"searchable": false
184              },
185           ],                           
186           buttons: [
187                {
188                    extend:    'pageLength',
189                    text:      'Mostrar Filas', 
190                    titleAttr: 'Mostrar Filas',
191                },
192                {
193                    extend:    'print',
194                    text:      'Imprimir',
195                    title:     'Contenido de la Firma',
196                    message:   'Datos de la Firma',
197                    titleAttr: 'Imprimir',
198                    exportOptions: {
199                      columns: [ 0,1,2,3,4,5,6,7,8,9,10,11,12,13]
200                    } 
201                },
202                {
203                    extend:    'excelHtml5',
204                    text:      'XLXS',
205                    title:     'Contenido de la Firma',
206                    titleAttr: 'Excel',
207                    message: 'Datos de la Firma',
208                    exportOptions: {
209                      columns: [ 0,1,2,3,4,5,6,7,8,9,10,11,12,13]
210                    }
211                },
212                {
213                    extend:    'csvHtml5',
214                    text:      'CSV',
215                    title:     'Contenido de la Firma',
216                    titleAttr: 'CSV',
217                    exportOptions: {
218                      columns: [ 0,1,2,3,4,5,6,7,8,9,10,11,12,13]
219                    }
220                },
221                {
222                    extend:    'pdfHtml5',
223                    text:      'PDF',
224                    titleAttr: 'PDF',
225                    title:     'Contenido de la Firma',                   
226                    download: 'open',
227                    customize: function (doc){
228                       doc.defaultStyle.fontSize = 3;
229                       doc.styles.tableHeader.fontSize = 4;
230                       doc.styles.tableHeader.fillColor = "#0085a1";
231                    },
232                    //orientation: 'landscape',
233                    pageSize: 'A3',
234                    exportOptions: {
235                      columns: [ 0,1,2,3,4,5,6,7,8,9,10,11,12,13]
236                   
237                    }
238                }               
239          ]           
240      });
241   
242    return table;
243
244}
Note: See TracBrowser for help on using the repository browser.