Paso a modo Produccion

.gitignore

@@ -1,2 +1,3 @@
 test/
 node_modules/
+src/public/files/

src/app.js

@@ -5,7 +5,7 @@ const mysql = require('mysql');
 const cloud_file = require('express-fileupload');
 const myConecction = require('express-myconnection');
 
-var puerto = 3001
+var puerto = 3001;
 
 const app = express();
 //importando rutas
@@ -21,7 +21,7 @@ app.set('views',path.join(__dirname, 'views'));
 //app.set('vistas',path.join(__dirname, 'vistas'));
 
 //middlewares
-
+app.use(express.static(__dirname+'/public'));//para usar la carpeta public *js*css*img
 app.use(morgan('dev'));
 app.use(myConecction(mysql,{
   //host:'192.168.10.50',
@@ -37,7 +37,7 @@ app.use(express.urlencoded({limit:'25mb',extended:false}));
 //
 //app.use(cloud_file);
 app.use(cloud_file({
-  limits: { fileSize: 50 * 1024 * 1024 },
+  limits: { fileSize: 50000 * 1024 * 1024 },
 }));
 
 //rutas

src/controladores/controlador_Items.js

@@ -1,4 +1,5 @@
 const controlador = {};
+const fs = require('fs');
 
 controlador.verItemsJson = (req, res) => {
   req.getConnection((err, conn) => {
@@ -174,6 +175,13 @@ controlador.app_consultaItemsPrecios = (req,res) => {
       where grupo_precio = ? and (nombre like ? or descripcion like ?)`
       ,[grupo,item,item],(err,rows)=>{
       //res.json(rows);
+      //if(err) return res.status(500).send("Error en Consulta de Items");
+      rows.map(
+        dat => {
+          //console.log(var_b64(dat.imagen));
+          //fs.writeFileSync(path.join(__dirname,"../img/db_img"+image.codigo_prdcto+".png"),image.imagen);
+        }
+      )
       res.json(rows);
       console.log(err);
       //res.render('clientesV',{    data:rows     });
@@ -181,6 +189,21 @@ controlador.app_consultaItemsPrecios = (req,res) => {
   });
 };
 
+let blob_b64 = (blob) =>{
+  return new Promise((resolve,reject)=>{
+    const reader = new FileReader();
+    reader.readAsDataURL(blob);
+    reader.onloadend = () => {
+      resolve(reader.result);
+    }
+  })
+};
+
+var_b64 = (blob) => {
+    const reader = new FileReader();
+    return reader.readAsDataURL(blob);
+};
+
 //********* CONSULTA ADICIONALES X MODIFICAR ********//
 controlador.cierresCaja = (req, res) => {
   req.getConnection((err, conn) => {

src/controladores/controlador_cloud.js

@@ -25,11 +25,11 @@ const procesarPath = (path) => {
 const fs = require('fs');
 function leer_dir(dir){
   var json = [];
-  var files = fs.readdirSync(dirPath);
+  var files = fs.readdirSync(dirPath,{ withFileTypes: true });
   files.forEach(function(arch,idx){
-    json.push({"indice": idx, "archivo": arch});
+    json.push({"indice": idx, "archivo": arch.name,"link":"files/"+arch});
+    //console.log(arch.name);
   });
-  //console.log(json);
   return json;
 }
 

src/public/css/cloud.css

@@ -3,15 +3,26 @@ body{
   color: rgb(255, 255, 255);
 }
 .files{
-  background: rgba(100, 100, 100, 0.5);
-  margin: 10px;
-  padding: 5px;
 }
 .info{
   font-family: sigma_font;
   font-size: 20px;
-  margin-left: 10px;
 }
 .upload{
-  margin: 2px;
+
+}
+
+.icon {
+  width: 2em;
+  height: 2em;
+}
+#titulo{
+  color: rgb(0, 0, 0);
+}
+#rep-video{
+  width: 600;
+  height:400;
+}
+#ctrl_audio{
+  margin-top: -60px;
 }

src/public/img/archivo_desc.eps

@@ -0,0 +1,134 @@
+%!PS-Adobe-3.0 EPSF-3.0
+%%Creator: cairo 1.16.0 (https://cairographics.org)
+%%CreationDate: Wed Mar 23 02:33:13 2022
+%%Pages: 1
+%%DocumentData: Clean7Bit
+%%LanguageLevel: 2
+%%BoundingBox: 0 1 4001 4001
+%%EndComments
+%%BeginProlog
+50 dict begin
+/q { gsave } bind def
+/Q { grestore } bind def
+/cm { 6 array astore concat } bind def
+/w { setlinewidth } bind def
+/J { setlinecap } bind def
+/j { setlinejoin } bind def
+/M { setmiterlimit } bind def
+/d { setdash } bind def
+/m { moveto } bind def
+/l { lineto } bind def
+/c { curveto } bind def
+/h { closepath } bind def
+/re { exch dup neg 3 1 roll 5 3 roll moveto 0 rlineto
+      0 exch rlineto 0 rlineto closepath } bind def
+/S { stroke } bind def
+/f { fill } bind def
+/f* { eofill } bind def
+/n { newpath } bind def
+/W { clip } bind def
+/W* { eoclip } bind def
+/BT { } bind def
+/ET { } bind def
+/BDC { mark 3 1 roll /BDC pdfmark } bind def
+/EMC { mark /EMC pdfmark } bind def
+/cairo_store_point { /cairo_point_y exch def /cairo_point_x exch def } def
+/Tj { show currentpoint cairo_store_point } bind def
+/TJ {
+  {
+    dup
+    type /stringtype eq
+    { show } { -0.001 mul 0 cairo_font_matrix dtransform rmoveto } ifelse
+  } forall
+  currentpoint cairo_store_point
+} bind def
+/cairo_selectfont { cairo_font_matrix aload pop pop pop 0 0 6 array astore
+    cairo_font exch selectfont cairo_point_x cairo_point_y moveto } bind def
+/Tf { pop /cairo_font exch def /cairo_font_matrix where
+      { pop cairo_selectfont } if } bind def
+/Td { matrix translate cairo_font_matrix matrix concatmatrix dup
+      /cairo_font_matrix exch def dup 4 get exch 5 get cairo_store_point
+      /cairo_font where { pop cairo_selectfont } if } bind def
+/Tm { 2 copy 8 2 roll 6 array astore /cairo_font_matrix exch def
+      cairo_store_point /cairo_font where { pop cairo_selectfont } if } bind def
+/g { setgray } bind def
+/rg { setrgbcolor } bind def
+/d1 { setcachedevice } bind def
+/cairo_data_source {
+  CairoDataIndex CairoData length lt
+    { CairoData CairoDataIndex get /CairoDataIndex CairoDataIndex 1 add def }
+    { () } ifelse
+} def
+/cairo_flush_ascii85_file { cairo_ascii85_file status { cairo_ascii85_file flushfile } if } def
+/cairo_image { image cairo_flush_ascii85_file } def
+/cairo_imagemask { imagemask cairo_flush_ascii85_file } def
+%%EndProlog
+%%BeginSetup
+%%EndSetup
+%%Page: 1 1
+%%BeginPageSetup
+%%PageBoundingBox: 0 1 4001 4001
+%%EndPageSetup
+q 0 1 4001 4000 rectclip
+1 0 0 -1 0 4001 cm q
+1 g
+0 -0.004 4000.004 4000.004 re f
+0.980392 g
+699.223 273.559 m 699.223 3726.43 l 3300.781 3726.43 l 3300.781 1041.527
+ l 2532.812 273.559 l 699.223 273.559 l f
+0.901961 g
+2533.199 274.57 m 3297.781 1039.129 l 2533.199 1039.129 l 2533.199 274.57
+ l f
+0.737255 0.705882 0.690196 rg
+699.223 2668.32 2601.559 1058.109 re f
+0.501961 g
+714.223 3711.438 m 3285.785 3711.438 l 3285.785 1047.73 l 2526.594 288.562
+ l 714.223 288.562 l h
+3315.785 3741.438 m 684.223 3741.438 l 684.223 258.562 l 2539.035 258.562
+ l 2543.418 262.949 l 3315.785 1035.312 l 3315.785 3741.438 l f
+2548.203 1024.129 m 3261.562 1024.129 l 2548.203 310.766 l h
+3297.785 1054.133 m 2533.211 1054.133 l 2524.926 1054.133 2518.223 1047.43
+ 2518.223 1039.121 c 2518.223 274.566 l 2518.223 268.508 2521.871 263.02
+ 2527.473 260.703 c 2533.074 258.383 2539.523 259.668 2543.816 263.961 c
+ 3308.391 1028.535 l 3312.66 1032.828 3313.969 1039.281 3311.652 1044.879
+ c 3309.309 1050.48 3303.848 1054.133 3297.785 1054.133 c f
+1 g
+1634.059 3197.379 m 1634.059 3309.648 1543.051 3400.672 1430.766 3400.672
+ c 1318.484 3400.672 1227.469 3309.648 1227.469 3197.379 c 1227.469 3085.102
+ 1318.484 2994.082 1430.766 2994.082 c 1543.051 2994.082 1634.059 3085.102
+ 1634.059 3197.379 c f
+2203.305 3197.379 m 2203.305 3309.648 2112.277 3400.668 2000.004 3400.668
+ c 1887.719 3400.668 1796.707 3309.648 1796.707 3197.379 c 1796.707 3085.098
+ 1887.719 2994.078 2000.004 2994.078 c 2112.277 2994.078 2203.305 3085.098
+ 2203.305 3197.379 c f
+2772.531 3197.379 m 2772.531 3309.648 2681.516 3400.668 2569.234 3400.668
+ c 2456.957 3400.668 2365.938 3309.648 2365.938 3197.379 c 2365.938 3085.102
+ 2456.957 2994.078 2569.234 2994.078 c 2681.516 2994.078 2772.531 3085.102
+ 2772.531 3197.379 c f
+0.737255 0.705882 0.690196 rg
+1835.594 2000.172 m 2115.375 2000.172 l 2115.375 2279.945 l 1835.594 2279.945
+ l h
+1858.066 1680.559 m 1873.715 1634.273 1892.777 1594.781 1915.246 1562.105
+ c 1937.703 1529.434 1967.316 1491.324 2004.074 1447.766 c 2033.332 1413.707
+ 2056.148 1384.965 2072.488 1361.457 c 2088.844 1337.988 2102.613 1312.109
+ 2113.852 1283.859 c 2125.074 1255.629 2130.703 1224.812 2130.703 1191.465
+ c 2130.703 1190.438 l 2130.703 1144.152 2119.285 1108.238 2096.488 1082.715
+ c 2073.672 1057.172 2041.512 1044.41 1999.984 1044.41 c 1959.156 1044.41
+ 1927.324 1058.555 1904.527 1086.805 c 1881.707 1115.055 1869.965 1154.703
+ 1869.297 1205.75 c 1869.297 1206.777 l 1579.305 1206.777 l 1579.305 1205.75
+ l 1582.695 1115.902 1601.418 1039.156 1635.465 975.484 c 1669.496 911.855
+ 1717.305 863.355 1778.926 829.992 c 1840.527 796.645 1913.875 779.953 1998.98
+ 779.953 c 2087.461 779.953 2163.379 794.926 2226.672 824.875 c 2289.988
+ 854.844 2338.129 898.242 2371.16 955.078 c 2404.172 1011.914 2420.688 1080.504
+ 2420.688 1160.824 c 2420.688 1161.852 l 2420.688 1214.262 2413.355 1261.574
+ 2398.738 1303.773 c 2384.082 1345.988 2366.062 1382.91 2344.609 1414.559
+ c 2323.176 1446.227 2294.75 1482.812 2259.348 1524.336 c 2226 1564.496 
+2199.945 1598.199 2181.238 1625.422 c 2162.508 1652.664 2146.688 1684.133
+ 2133.746 1719.871 c 2120.809 1755.605 2114.348 1794.918 2114.348 1837.805
+ c 1834.578 1837.805 l 1834.578 1779.273 1842.395 1726.863 1858.066 1680.559
+ c f
+Q Q
+showpage
+%%Trailer
+end
+%%EOF

src/public/img/etiquetas_bar.html

@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html lang="es" dir="ltr">
+  <head>
+    <meta charset="utf-8">
+    <title></title>
+    <style type="text/css">
+      body{
+        background: rgba(0, 0, 0, 0.8);
+      }
+      .etiqueta{
+        background: rgb(255, 255, 255);
+        width: 34mm;
+        height: 25mm;
+      }
+      .titulo{
+        text-align: center;
+      }
+      .codigo{
+        align-items: center;
+      }
+      .codigo img{
+        display:block;
+        margin:auto;
+      }
+      .precio{
+        display: flex;
+        font-size: 18px;
+        margin-top: 4px;
+      }
+      .p1{
+        left: 0px;
+        margin: auto;
+        font-weight: bold;
+      }
+      .p2{
+        right: 0px;
+        margin: auto;
+      }
+      /*1mm = 3,779 527 559 055 1 Pixel [px]
+      34mm = 128px
+      25mm = 94px
+      */
+    </style>
+  </head>
+  <body>
+    <div class="etiqueta">
+      <div class="titulo">Nombre Producto</div>
+      <div class="codigo">
+        <img src="bar_generado.png" alt="Codigo Barra" height="48" width="96"/>
+      </div>
+      <div class="precio">
+        <div class="p1"> $15.23</div>
+        <div class="p2"> $15.23</div>
+      </div>
+    </div>
+  </body>
+</html>

src/public/js/api_consulta.js

@@ -0,0 +1,17 @@
+function consulta_ruc() {
+    var numeroruc = document.getElementById('cli_ciRuc').value;
+    //console.log(numeroruc);
+    if (numeroruc !== "" && numeroruc.length > 9) {
+        var url = "https://bot-sigma.ngrok.io/busquedaSRI?ruc=" + numeroruc;
+        axios.get(url).then(function (res) {
+                    var json = res.data;
+                    txt_nom = document.getElementById('cli_nombre').value = json.nombre;
+                    txt_dir = document.getElementById('Direccion').value = json.direccion;
+                    //txt_tel = document.getElementById('txt_telf').value = arr[1];
+                    //txt_mai = document.getElementById('txt_mail').value = arr[1];
+                });
+    }else{
+        alert("Identificacion de Usuario No valida");
+        document.getElementById('cli_ciRuc').focus();
+    }
+}

src/public/plantilla_mail/fact_mail.html

@@ -0,0 +1,85 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Notificacion Docmento Electrónico</title>
+  </head>
+  <body>
+    <div><div class="zVKDv" has-hovered="true" style="height: 71px; width: 100%;"><div class="UKD6M"><button type="button" class="ms-Button ms-Button--icon oD_UD root-260" title="Mostrar tamaño original" aria-label="Mostrar tamaño original" data-is-focusable="true"><span class="ms-Button-flexContainer flexContainer-163" data-automationid="splitbuttonprimary"><i data-icon-name="FullScreen" aria-hidden="true" class="ms-Icon root-89 css-171 ms-Button-icon icon-165" style="font-family: controlIcons;"></i></span></button></div><table bgcolor="#F2F2F2" width="100%" border="0" cellspacing="0" cellpadding="0" id="x_x_x_backgroundTable" min-scale="0.6803571428571429" style="transform: scale(0.680357, 0.680357); transform-origin: left top;">
+<tbody><tr>
+<td><table align="center" width="560" height="100" border="0" cellspacing="0" cellpadding="0">
+<tbody><tr height="100">
+<td width="220" style="background-color:white;margin:0;padding:0;"><img data-imagetype="AttachmentByCid" originalsrc="cid:imagen" data-custom="AQMkADAwATNiZmYAZC04ZDAzLWQxZWEtMDACLTAwCgBGAAAD7sIy94NUt0G8pCf4coAzaAcAa%2FQopPjR7kS9Ji6%2BpeVzIgAAAgEMAAAAa%2FQopPjR7kS9Ji6%2BpeVzIgAFV%2BLlhAAAAAESABAAqqehs%2BLGR0uCie0snY3fKg%3D%3D" naturalheight="0" naturalwidth="0" src="https://attachment.outlook.live.net/owa/MSA%3Apablinux%40hotmail.es/service.svc/s/GetAttachmentThumbnail?id=AQMkADAwATNiZmYAZC04ZDAzLWQxZWEtMDACLTAwCgBGAAAD7sIy94NUt0G8pCf4coAzaAcAa%2FQopPjR7kS9Ji6%2BpeVzIgAAAgEMAAAAa%2FQopPjR7kS9Ji6%2BpeVzIgAFV%2BLlhAAAAAESABAAqqehs%2BLGR0uCie0snY3fKg%3D%3D&amp;thumbnailType=2&amp;isc=1&amp;token=eyJhbGciOiJSUzI1NiIsImtpZCI6IkZBRDY1NDI2MkM2QUYyOTYxQUExRThDQUI3OEZGMUIyNzBFNzA3RTkiLCJ0eXAiOiJKV1QiLCJ4NXQiOiItdFpVSml4cThwWWFvZWpLdDRfeHNuRG5CLWsifQ.eyJvcmlnaW4iOiJodHRwczovL291dGxvb2subGl2ZS5jb20iLCJ1YyI6IjVhNzJlYWZlNjQ4OTRkNTFhMGRkMTZhMWM0MmI2ZDZiIiwidmVyIjoiRXhjaGFuZ2UuQ2FsbGJhY2suVjEiLCJhcHBjdHhzZW5kZXIiOiJPd2FEb3dubG9hZEA4NGRmOWU3Zi1lOWY2LTQwYWYtYjQzNS1hYWFhYWFhYWFhYWEiLCJpc3NyaW5nIjoiV1ciLCJhcHBjdHgiOiJ7XCJtc2V4Y2hwcm90XCI6XCJvd2FcIixcInB1aWRcIjpcIjEwNTU1MjA2NDM2MDA4NzRcIixcInNjb3BlXCI6XCJPd2FEb3dubG9hZFwiLFwib2lkXCI6XCIwMDAzYmZmZC04ZDAzLWQxZWEtMDAwMC0wMDAwMDAwMDAwMDBcIixcInByaW1hcnlzaWRcIjpcIlMtMS0yODI3LTI0NTc1Ny0yMzY1ODM3ODAyXCJ9IiwibmJmIjoxNjU2NzgwNTc0LCJleHAiOjE2NTY3ODExNzQsImlzcyI6IjAwMDAwMDAyLTAwMDAtMGZmMS1jZTAwLTAwMDAwMDAwMDAwMEA4NGRmOWU3Zi1lOWY2LTQwYWYtYjQzNS1hYWFhYWFhYWFhYWEiLCJhdWQiOiIwMDAwMDAwMi0wMDAwLTBmZjEtY2UwMC0wMDAwMDAwMDAwMDAvYXR0YWNobWVudC5vdXRsb29rLmxpdmUubmV0QDg0ZGY5ZTdmLWU5ZjYtNDBhZi1iNDM1LWFhYWFhYWFhYWFhYSIsImhhcHAiOiJvd2EifQ.dZP2C6gP76e1DnzjuA_H6vuaDyxqjdsrqOAzJvome9pD-vj2MHzTaxM8rvBXm1sSsxO4lX1hJW882kfj0mVnPa3-G1d1Tui76W_Sb5SJq2_uE98qgGPm7WlotCyCgMVO0thYhkJ0QHnrRF5R2PabBkUtcqRbz0ArH5CUP_4eY2ymRr6HR_ocoBSOu1Kvp8spxkkX7IVPmOZsF2DBWH-xW78ruuuJzhyDuSwb54EvGOiTielcifd1Tw_whFsvKlzB151185uCJVyfDVZOVHefNO05D2UMhsiCwm-PcesogJTG9NCKV7WuNRbBxmtMec_cZzPS6gfaVzzaQ_RmEENuVQ&amp;X-OWA-CANARY=l8M-M4sJM0ChCZ29k_7hemCpZ0hLXNoYv2OTV6bXHhR-a_GOTuy3W3H2DL4y_sRSz_Y75dHQX6I.&amp;owa=outlook.live.com&amp;scriptVer=20220617005.06&amp;animation=true" width="220" height="100" crossorigin="use-credentials" style="cursor: pointer; min-height: auto; min-width: auto;" class="ADIae"></td>
+<td bgcolor="#295289" width="340" height="100" style="color:white;font-size:20px;font-family:Arial,sans-serif;text-align:right;padding-right:15px;line-height:10px;">Notificación Electrónica </td></tr></tbody></table></td></tr></tbody></table></div><div class="zVKDv" style="height: 324px; width: 100%;"><div class="UKD6M"><button type="button" class="ms-Button ms-Button--icon oD_UD root-260" title="Mostrar tamaño original" aria-label="Mostrar tamaño original" data-is-focusable="true"><span class="ms-Button-flexContainer flexContainer-163" data-automationid="splitbuttonprimary"><i data-icon-name="FullScreen" aria-hidden="true" class="ms-Icon root-89 css-171 ms-Button-icon icon-165" style="font-family: controlIcons;"></i></span></button></div><table bgcolor="#F2F2F2" width="100%" border="0" cellspacing="0" cellpadding="0" id="x_x_x_backgroundTable" min-scale="0.6637630662020906" style="transform: scale(0.663763, 0.663763); transform-origin: left top;">
+<tbody><tr>
+<td><table align="center" width="550" border="0" cellspacing="0" cellpadding="0">
+<tbody><tr>
+<td bgcolor="#F6F4F5" width="100%" style="padding:7px;"><table align="center" width="550" border="0" cellspacing="0" cellpadding="0">
+<tbody><tr>
+<td align="left" bgcolor="white" style="color:#333333;font-size:12px;font-family:Arial,sans-serif;text-align:left;padding-top:10px;padding-right:30px;padding-left:30px;line-height:22px;"><strong>Fecha: lunes, 27 de junio de 2022 19:02:31 </strong></td></tr>
+<tr>
+<td align="left" bgcolor="white" style="color:#333333;font-size:12px;font-family:Arial,sans-serif;text-align:left;padding-top:10px;padding-right:30px;padding-left:30px;line-height:16px;"><strong>Estimado/a:</strong> &nbsp; ZAMBRANO RENDON KLEBER ADALBERTO()</td></tr>
+<tr>
+<td align="left" bgcolor="white" style="color:#333333;font-size:12px;font-family:Arial,sans-serif;text-align:justify;padding-top:10px;padding-right:30px;padding-left:30px;line-height:22px;">Su FACTURA ELECTRÓNICA se ha realizado con éxito.</td></tr>
+<tr>
+<td align="left" bgcolor="white" style="color:#333333;font-size:12px;font-family:Arial,sans-serif;text-align:left;padding-top:0;padding-right:30px;padding-left:30px;line-height:22px;"><table align="center" width="500" border="0" cellspacing="0" cellpadding="0" style="border-collapse:collapse;border:1px solid #F6F4F5;">
+<tbody><tr>
+<td align="left" bgcolor="#F6F4F5" colspan="2" style="color:#333333;font-size:12px;font-family:Arial,sans-serif;text-align:center;padding:10px 40px;line-height:16px;"><strong>DETALLE DE LA FACTURA ELECTRÓNICA</strong> </td></tr>
+<tr>
+<td align="left" bgcolor="white" width="40%" style="color:#333333;font-size:12px;font-family:Arial,sans-serif;text-align:right;padding-top:10px;padding-right:3px;padding-left:20px;line-height:16px;"><strong>Numero de Documento:</strong> </td>
+<td align="left" bgcolor="white" width="60%" style="color:#333333;font-size:12px;font-family:Arial,sans-serif;text-align:left;padding-top:10px;padding-right:20px;padding-left:3px;line-height:16px;">002-002-000002011</td></tr>
+<tr>
+<td align="left" bgcolor="white" width="40%" style="color:#333333;font-size:12px;font-family:Arial,sans-serif;text-align:right;padding-top:10px;padding-right:3px;padding-left:20px;line-height:16px;"><strong>Clave de Acceso:</strong> </td>
+<td align="left" bgcolor="white" width="60%" style="color:#333333;font-size:12px;font-family:Arial,sans-serif;text-align:left;padding-top:10px;padding-right:20px;padding-left:3px;line-height:16px;">2706202201171484698500120020020000020110000246219</td></tr>
+<tr>
+<td align="right" bgcolor="white" width="40%" style="color:#333333;font-size:12px;font-family:Arial,sans-serif;text-align:right;padding-top:10px;padding-right:3px;padding-left:20px;line-height:16px;"><strong>Valor: </strong></td>
+<td align="left" bgcolor="white" width="60%" style="color:#333333;font-size:12px;font-family:Arial,sans-serif;text-align:left;padding-top:10px;padding-right:20px;padding-left:3px;line-height:16px;">$&nbsp;48.75</td></tr></tbody></table></td></tr>
+<tr>
+<td align="left" bgcolor="white" style="color:#333333;font-size:12px;font-family:Arial,sans-serif;text-align:left;padding-top:10px;padding-right:30px;padding-left:30px;line-height:16px;"></td></tr>
+<tr>
+<td align="left" bgcolor="white" style="color:#333333;font-size:12px;font-family:Arial,sans-serif;text-align:left;padding-top:10px;padding-right:30px;padding-left:30px;line-height:22px;"><table align="center" width="500" border="0" cellspacing="0" cellpadding="0" style="border-collapse:collapse;border:1px solid #F6F4F5;">
+<tbody><tr>
+<td align="left" bgcolor="#F6F4F5" colspan="2" style="color:#333333;font-size:12px;font-family:Arial,sans-serif;text-align:center;padding:10px 40px;line-height:16px;"><strong>INFORMACIÓN ADICIONAL </strong></td></tr>
+<tr>
+<td align="left" bgcolor="white" width="40%" style="color:#333333;font-size:12px;font-family:Arial,sans-serif;text-align:right;padding-top:10px;padding-right:3px;padding-left:20px;line-height:16px;"><strong>Vendedor:</strong> </td>
+<td align="left" bgcolor="white" width="60%" style="color:#333333;font-size:12px;font-family:Arial,sans-serif;text-align:left;padding-top:10px;padding-right:20px;padding-left:3px;line-height:16px;">OBANDO LOAIZA ELIZABETH DEL ROCIO(ELIZABETH) </td></tr>
+<tr>
+<td align="left" bgcolor="white" width="40%" style="color:#333333;font-size:12px;font-family:Arial,sans-serif;text-align:right;padding-top:10px;padding-right:3px;padding-left:20px;line-height:16px;"><strong>Email:</strong> </td>
+<td align="left" bgcolor="white" width="60%" style="color:#333333;font-size:12px;font-family:Arial,sans-serif;text-align:left;padding-top:10px;padding-right:20px;padding-left:3px;line-height:16px;">malicha_santo@hotmail.com</td></tr>
+<tr>
+<td align="right" bgcolor="white" width="40%" style="color:#333333;font-size:12px;font-family:Arial,sans-serif;text-align:right;padding-top:10px;padding-right:3px;padding-left:20px;line-height:16px;"><strong>Teléfono: </strong></td>
+<td align="left" bgcolor="white" width="60%" style="color:#333333;font-size:12px;font-family:Arial,sans-serif;text-align:left;padding-top:10px;padding-right:20px;padding-left:3px;line-height:16px;">0992186472 </td></tr></tbody></table></td></tr>
+<tr>
+<td align="left" bgcolor="white" style="color:#333333;font-size:12px;font-family:Arial,sans-serif;text-align:left;padding-top:10px;padding-right:30px;padding-left:30px;line-height:16px;">Gracias por utilizar nuestro servicio<br aria-hidden="true">
+<br aria-hidden="true">
+Atentamente,<br aria-hidden="true">
+<strong>DISBAR</strong> </td></tr>
+<tr>
+<td align="left" bgcolor="white" style="color:#333333;font-size:12px;font-family:Arial,sans-serif;text-align:left;padding-top:10px;padding-right:30px;padding-left:30px;line-height:16px;">Adjunto encontrarás el <strong>XML</strong> y <strong>RIDE</strong> que te servirá para declaración tributaria </td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></div><div class="zVKDv" style="height: 41px; width: 100%;"><div class="UKD6M"><button type="button" class="ms-Button ms-Button--icon oD_UD root-260" title="Mostrar tamaño original" aria-label="Mostrar tamaño original" data-is-focusable="true"><span class="ms-Button-flexContainer flexContainer-163" data-automationid="splitbuttonprimary"><i data-icon-name="FullScreen" aria-hidden="true" class="ms-Icon root-89 css-171 ms-Button-icon icon-165" style="font-family: controlIcons;"></i></span></button></div><table bgcolor="#F2F2F2" width="100%" border="0" cellspacing="0" cellpadding="0" id="x_x_x_backgroundTable" min-scale="0.6803571428571429" style="transform: scale(0.680357, 0.680357); transform-origin: left top;">
+<tbody><tr>
+<td><table align="center" width="550" border="0" cellspacing="0" cellpadding="0">
+<tbody><tr>
+<td width="100%"><table align="center" bgcolor="#0F265C" width="560" border="0" cellspacing="0" cellpadding="0">
+<tbody><tr>
+<td bgcolor="#295289" style="color:white;font-size:9px;font-family:Arial,sans-serif;text-align:justify;padding:10px 20px;line-height:10px;"><strong>DISBAR</strong> <br aria-hidden="true">
+<br aria-hidden="true">
+<strong>Dirección (Matriz):</strong> Km. 3 Recinto San Pablo de Chila, Via a San Jacinto del Búa s/n Margen Derecho.<strong> | Sucursal: </strong><strong>| Teléfono: </strong>Contact: 0997599620 / E-mail: proaluc.jpo@gmail.com</td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></div><div class="zVKDv" style="height: 40px; width: 100%;"><div class="UKD6M"><button type="button" class="ms-Button ms-Button--icon oD_UD root-260" title="Mostrar tamaño original" aria-label="Mostrar tamaño original" data-is-focusable="true"><span class="ms-Button-flexContainer flexContainer-163" data-automationid="splitbuttonprimary"><i data-icon-name="FullScreen" aria-hidden="true" class="ms-Icon root-89 css-171 ms-Button-icon icon-165" style="font-family: controlIcons;"></i></span></button></div><table bgcolor="#F2F2F2" width="100%" border="0" cellspacing="0" cellpadding="0" id="x_x_x_backgroundTable" min-scale="0.6803571428571429" style="transform: scale(0.680357, 0.680357); transform-origin: left top;">
+<tbody><tr>
+<td><table align="center" width="550" border="0" cellspacing="0" cellpadding="0">
+<tbody><tr>
+<td width="100%"><table align="center" bgcolor="#F2F2F2" width="560" border="0" cellspacing="0" cellpadding="0"></table></td></tr></tbody></table></td></tr></tbody></table></div><div class="zVKDv" style="height: 40px; width: 100%;"><div class="UKD6M"><button type="button" class="ms-Button ms-Button--icon oD_UD root-260" title="Mostrar tamaño original" aria-label="Mostrar tamaño original" data-is-focusable="true"><span class="ms-Button-flexContainer flexContainer-163" data-automationid="splitbuttonprimary"><i data-icon-name="FullScreen" aria-hidden="true" class="ms-Icon root-89 css-171 ms-Button-icon icon-165" style="font-family: controlIcons;"></i></span></button></div><table bgcolor="#F2F2F2" width="100%" border="0" cellspacing="0" cellpadding="0" id="x_x_x_backgroundTable" min-scale="0.6803571428571429" style="transform: scale(0.680357, 0.680357); transform-origin: left top;">
+<tbody><tr>
+<td><table align="center" width="550" border="0" cellspacing="0" cellpadding="0">
+<tbody><tr>
+<td width="100%"><table align="center" bgcolor="#0F265C" width="560" border="0" cellspacing="0" cellpadding="0">
+<tbody><tr>
+<td align="center">
+<div><img data-imagetype="External" src="https://anfibius.net/extras/publicidadAnfibius.jpg" width="560" border="0" style="display:block;text-decoration:none;border-style:none;outline:none;"> </div></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></div><div class="zVKDv" style="height: 40px; width: 100%;"><div class="UKD6M"><button type="button" class="ms-Button ms-Button--icon oD_UD root-260" title="Mostrar tamaño original" aria-label="Mostrar tamaño original" data-is-focusable="true"><span class="ms-Button-flexContainer flexContainer-163" data-automationid="splitbuttonprimary"><i data-icon-name="FullScreen" aria-hidden="true" class="ms-Icon root-89 css-171 ms-Button-icon icon-165" style="font-family: controlIcons;"></i></span></button></div><table bgcolor="#F2F2F2" width="100%" border="0" cellspacing="0" cellpadding="0" id="x_x_x_backgroundTable" min-scale="0.6927272727272727" style="transform: scale(0.692727, 0.692727); transform-origin: left top;">
+<tbody><tr>
+<td><table align="center" width="550" border="0" cellspacing="0" cellpadding="0">
+<tbody><tr>
+<td width="100%"><table align="center" bgcolor="#F2F2F2" width="550" border="0" cellspacing="0" cellpadding="0">
+<tbody><tr>
+<td bgcolor="#F6F4F5" style="color:#67554F;font-size:9px;font-family:Arial,sans-serif;text-align:center;padding:10px;line-height:10px;"><strong>© Copyright 2020 Grupo Anfibius </strong></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></div></div>
+  </body>
+</html>

src/public/plantilla_mail/plantilla_mail.html

@@ -0,0 +1,69 @@
+<!DOCTYPE html>
+<html lang="es" dir="ltr">
+  <head>
+    <meta charset="utf-8">
+    <!-- CSS only -->
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
+    <title></title>
+    <style type="text/css">
+      #main{
+      }
+    </style>
+  </head>
+  <body>
+    <main class="card container-fluid">
+
+      <header class="container-fluid p-4 bg-primary text-white text-center row">
+        <div class="col col-3">Logo</div>
+        <div class="h3 col col-9">Notificación Electrónica</div>
+      </header>
+
+      <content>
+
+        <div class="info_cliente row">
+          <div class="col-3">Fecha:</div><div class="col-9">lunes, 27 de junio de 2022 19:02:31</div>
+          <div class="col-3">Estimado/a:</div><div class="col-9">ZAMBRANO RENDON KLEBER ADALBERTO()</div>
+        </div>
+
+        <div class="info_detalle card">
+          <div class="container-fluid p-2 bg-secondary text-white text-center">DETALLE DE LA FACTURA ELECTRÓNICA</div>
+          <div class="data row">
+            <div class="col col-3">Documento N#:</div><div class="col col-9">002-002-000002011</div>
+            <div class="col col-3">Clave de Acceso:</div><div class="col col-9">2706202201171484698500120020020000020110000246219</div>
+            <div class="col col-3">Valor Documento:</div><div class="col col-9">$ 48.75</div>
+          </div>
+        </div>
+
+        <div class="info_adicional card">
+          <div class="container-fluid p-2 bg-secondary text-white text-center">INFORMACIÓN ADICIONAL</div>
+          <div class="data row">
+            <div class="col-3">Vendedor:</div><div class="col-9">OBANDO LOAIZA ELIZABETH DEL ROCIO(ELIZABETH)</div>
+            <div class="col-3">Email:</div><div class="col-9">malicha_santo@hotmail.com</div>
+            <div class="col-3">Teléfono:</div><div class="col-9"><a href="tel:+593961002767">+593961002767</a></div>
+          </div>
+        </div>
+
+        <div class="">
+          <div class="">Gracias por utilizar nuestro servicio</div>
+          <div>Atentamente,</div>
+          <div>Empresa</div>
+          <div>Adjunto encontrarás el XML y RIDE que te servirá para declaración tributaria</div>
+        </div>
+
+        <div class="container-fluid p-2 bg-secondary text-white">
+          <div class="h4">Empresa</div>
+          <div class="">Dirección (Matriz): Km. 3 Recinto San Pablo de Chila, Via a San Jacinto del Búa s/n Margen Derecho. | Sucursal: | Teléfono: Contact: 0997599620 / E-mail: proaluc.jpo@gmail.com</div>
+        </div>
+      </content>
+      <footer class="container-fluid p-2 bg-primary text-white text-center">
+        Documento generado por:
+        <a href="http://sigmac.app" class="text-muted">
+          <img src="https://xsystem.ddns.net/img/LOGO_SIGMA_TEXT.png" alt="Logo" width="72">
+        </a>
+        <span></span> |
+        <strong>  Telef: </strong><a href="tel:+593961002767" class="text-white"> +593961002767 </a>
+        <strong>  Email: </strong><a href="mailto:info@sigmac.app" class="text-white"> info@sigmac.app</a>
+      </footer>
+    </main>
+  </body>
+</html>

src/public/tool/facturador.html

@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+<!--uso de emmet ctrl+e -->
+  <head>
+    <meta charset="utf-8">
+    <title></title>
+  </head>
+  <body>
+    <!-- cliente -->
+    <div class="cliente">
+      <div class="card card-primary">
+<div class="card-header">
+<h3 class="card-title">Quick Example</h3>
+</div>
+<form>
+<div class="card-body">
+<div class="form-group">
+<label for="exampleInputEmail1">Email address</label>
+<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
+</div>
+<div class="form-group">
+<label for="exampleInputPassword1">Password</label>
+<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
+</div>
+<div class="form-group">
+<label for="exampleInputFile">File input</label>
+<div class="input-group">
+<div class="custom-file">
+<input type="file" class="custom-file-input" id="exampleInputFile">
+<label class="custom-file-label" for="exampleInputFile">Choose file</label>
+</div>
+<div class="input-group-append">
+<span class="input-group-text">Upload</span>
+</div>
+</div>
+</div>
+<div class="form-check">
+<input type="checkbox" class="form-check-input" id="exampleCheck1">
+<label class="form-check-label" for="exampleCheck1">Check me out</label>
+</div>
+</div>
+
+<div class="card-footer">
+<button type="submit" class="btn btn-primary">Submit</button>
+</div>
+</form>
+</div>
+    </div>
+
+    <div class="items"></div>
+    <div class="detalle"></div>
+    <div class="pie">
+      <div class="camposadicionales"></div>
+      <div class="totales"></div>
+    </div>
+  </body>
+</html>

src/public/tool/tab_cli.html

@@ -0,0 +1,12 @@
+<div class="box"><div class="box-body table-responsive no-padding">
+  <table class="table table-hover"><tbody>
+      <tr><th>ID</th><th>User</th><th>Date</th><th>Status</th><th>Reason</th></tr>
+    <tr>
+      <td>183</td>
+      <td>John Doe</td>
+      <td>11-7-2014</td>
+      <td><span class="label label-success">Approved</span></td>
+      <td>Bacon ipsum dolor sit amet salami venison chicken flank fatback doner.</td>
+    </tr>
+  </tbody></table>
+</div></div>

src/views/app_pedidos.ejs

@@ -120,7 +120,7 @@
                 <!---Contenido o Seccion--->
             </div>
             <div class="" id="contenido">
-            <!---Contenido AUTOGENERAADO--->
+            <!---Contenido AUTOGENERAADO POR CODIGO--->
             </div>
 
             <div class="boxCreaCli">
@@ -221,6 +221,8 @@
           <button class="btn col s6" onClick="limpiaPanel()"><i class="material-icons">control_point</i>Nuevo Pedido</button>
           <button class="btn col s6" onClick="envioPedidos()"><i class="material-icons">cloud_upload</i>Enviar Pedido</button>
         </div>
+        <div class="collapsible-body">
+        </div>
       </li>
     </ul>   </div>
         </main>

src/views/clienteNuevo.ejs

@@ -79,7 +79,7 @@
           <input type="submit" class="btn btn-primary" value="Guardar">
           <a href="/clientes" class="btn btn-primary">Cancelar</a>
         </form>
-        <button class="btn btn-primary" id="consultas_ruc" onclick="consulta_cliente()">Consultar Cliente</button>
+        <button class="btn btn-primary" id="consultas_ruc" onclick="consulta_cliente()">Consultar Cliente Cloud</button>
       </div>
     </div>
   </body>

src/views/clientesV.ejs

@@ -70,7 +70,6 @@
               </td>
             </tr>
           <% } %>
-
         </table>
       </div>
 

src/views/cloud.ejs

@@ -1,50 +1,184 @@
 <!DOCTYPE html>
 <html>
   <head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
     <title>Cloud SIGMA</title>
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
+    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.0/css/all.min.css" rel="stylesheet" crossorigin="anonymous">
+
     <link href="./css/tipografias.css" rel="stylesheet" type="text/css"/>
     <link href="./css/cloud.css" rel="stylesheet" type="text/css"/>
+
+    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
+
+    <script type="text/javascript">
+      function modal(url){
+        var array = url.split(".");
+        var tipo = array.pop();
+        if(modo_img(tipo)){
+          //$("#img").attr("src","files/"+url);
+          document.getElementById("data").innerHTML = `<img class="img-fluid rounded" src="files/${url}">`;
+        }else if(modo_video(tipo)){
+          //var alto = window.innerHeight;
+          var anch = window.innerWidth;
+          var porc = 10;
+          if(anch>1400){
+            porc=53;
+          }else if(anch>1200){
+            porc=40;
+          }else if(anch>992){
+            porc=32;
+          }else if(anch>768){
+            porc=52;
+          }else if(anch>576){
+            porc=35;
+          }
+          //console.log("Ancho Original: "+anch+", Alto Original: "+alto);
+          //console.log("Ancho -10%: "+(anch-(anch * porc/100))+", Alto: "+alto);
+          var ctrl_video = `
+            <video id="rep-video" width="${anch-(anch * porc/100)}" controls  preload="auto">
+              <source src="files/${url}" type="video/${tipo}">
+            </video>`;
+          document.getElementById("data").innerHTML = ctrl_video;
+        }else if(modo_music(tipo)){
+          var ctrl_audio = `<div class="text-center "><img src="img/Music-icon.png">
+            <video controls  preload="auto" id="ctrl_audio">
+              <source src="files/${url}" type="audio/${tipo}">
+            </video></div>`;
+          document.getElementById("data").innerHTML = ctrl_audio;
+        }else{
+          document.getElementById("data").innerHTML = `<img class="img-fluid rounded" src="img/desc256.png">`;
+        }
+        document.getElementById("titulo").innerHTML = `Descargar: <a href="files/${url}">${url}</a>`;
+        $("#myModal").modal({backdrop: true});
+      }
+
+      function modo_img(file){
+        var tipoImg = ["jpg","jpeg","png"];
+        var std = false;
+        tipoImg.forEach((item, i) => {
+          if(file==item){
+            console.log(item);
+            std = true;
+          }
+        });
+        return std;
+      }
+
+      function modo_video(file){
+        var tipoImg = ["mp4","mpg","webm"];
+        var std = false;
+        tipoImg.forEach((item, i) => {
+          console.log(item);
+          if(file==item){
+            //console.log(item);
+            std = true;
+          }
+        });
+        return std;
+      }
+      function modo_music(file){
+        var tipoImg = ["mp3","acc","wav"];
+        var std = false;
+        tipoImg.forEach((item, i) => {
+          if(file==item){
+            console.log(item);
+            std = true;
+          }
+        });
+        return std;
+      }
+    </script>
   </head>
   <body>
-    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
+    <!-- ENCABEZADO O MENU --->
+    <nav class="navbar navbar-expand navbar-dark bg-dark">
       <div class="container-fluid">
         <a class="navbar-brand" href="#">
           <img src="img/favicon_sigma/android-chrome-192x192.png" alt="" width="36" height="36"></a>
         <form class="d-flex">
           <input class="form-control me-2" type="search" placeholder="Buscar Archivo" aria-label="Search">
-          <button class="btn btn-outline-success" type="submit">Search</button>
+          <button class="btn btn-outline-success" type="submit">Buscar</button>
         </form>
       </div>
     </nav>
 
     <!-- formulario para subir archivos --->
-    </br>
+    <div class="container">
       <div class="row upload">
+        <div class="col-lg mt-2">
           <label for="basic-url" class="form-label info">SIGMA Cloud</label>
           <form  class="d-flex" method="POST" action="/upload" enctype="multipart/form-data">
-      <div class="input-group mb-3">
+          <div class="input-group">
             <input type="file" name="file_toUpload" class="form-control"/>
             <input type="submit" class="btn btn-outline-secondary"/>
           </div>
           </form>
         </div>
-    <!-- formulario para subir archivos --->
+        <!-- RENDER formulario para subir archivos --->
-    </br>
+        <div class="col-lg mt-2 files">
-    <div class="row mb-3 files">
+          <div class="row">
-      <div><a href="">.. retornar</a></div>
+            <table class="table table-dark">
+              <tr>
+                <th>ID</th>
+                <th>Nombre</th>
+                <th>Fecha</th>
+                <th>Accion</th>
+              </tr>
               <% for (i in data) { %>
-      <div>
+                <tr>
-        <span>#<%= data[i].indice%> </span>
+                  <td><span><%= data[i].indice%> </span></td>
-        <a href=""><%= data[i].archivo%></a>
+                  <td>
-      </div>
+                    <!--a href="<%= data[i].link %>"><%= data[i].archivo %></a-->
-      </br>
+                    <span><%= data[i].archivo %></span>
+                  </td>
+                  <td>fecha</td>
+                  <td>
+                    <button type="button" name="button"  onclick="modal('<%= data[i].archivo %>')">
+                      <i class="fas fa-play"></i>
+                    </button>
+                  </td>
+                </tr>
               <% } %>
+            </table>
+        </div>
+      </div>
+    </div>
+
+    <!-- EDITAR DATOS Y VISUALIZAR archivos --->
+    <div class="modal fade" tabindex="-1" id="myModal">
+        <div class="modal-dialog modal-lg" role="document">
+            <div class="modal-content">
+                <div class="modal-header">
+                  <div id="titulo">URL</div>
+                  <button class="close" data-dismiss="modal" aria-label="cerar">
+                      <span aria-hidden="true">&times;</span>
+                  </button>
+                </div>
+                <div class="modal-body">
+                    <div id="data">
+                      <!--img class="img-fluid rounded" id="img" src="" alt=""-->
+                    </div>
+                </div>
+                <div class="modal-footer">
+                  <button class="btn" type="button">
+                    <i data-fa-symbol="delete" class="fas fa-trash fa-fw"></i>
+                  </button>
+                  <button class="btn" type="button">
+                    <i data-fa-symbol="edit" class="fas fa-pencil fa-fw"></i>
+                  </button>
+                  <button class="btn" type="button">
+                    <i data-fa-symbol="compartir" class="fa-solid fa-share-nodes"></i>
+                  </button>
+                  <button class="btn btn-warnigb" type="button" data-dismiss="modal"> Aceptar</button>
+                </div>
+            </div>
+        </div>
     </div>
-    <script type="text/javascript">
-    var files=[];
-    files = <%= data %>;
-    console.log(data);
-    </script>
   </body>
 </html>