Actualizacion de seguridad
This commit is contained in:
Pablinux
705
src/public/css/OverlayScrollbars.min.css
vendored
Normal file
705
src/public/css/OverlayScrollbars.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
47
src/public/css/email_firma.css
Normal file
47
src/public/css/email_firma.css
Normal file
@@ -0,0 +1,47 @@
|
||||
@font-face {
|
||||
font-family: sigma_font;
|
||||
src: url(../tipografias/sigma_font.otf);
|
||||
font-style: normal;
|
||||
}
|
||||
@font-face {
|
||||
font-family: sigma_tipografia;
|
||||
src: url(../tipografias/sigma_font.ttf);
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.email_box {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
background: #084c6d;
|
||||
}
|
||||
.email_logo {
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 5px;
|
||||
}
|
||||
.email_firma {
|
||||
width: 300px;
|
||||
font-family: Arial, sans-serif;
|
||||
font-size: 14px;
|
||||
color: #333333;
|
||||
text-align: center;
|
||||
}
|
||||
.email_titulo {
|
||||
font-family: sigma_font;
|
||||
font-size: 22px;
|
||||
font-weight: bold;
|
||||
color: #ffffff;
|
||||
padding: 5px;
|
||||
margin: 15px;
|
||||
}
|
||||
.email_firma p {
|
||||
color: #fff;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-weight: bold;
|
||||
}
|
||||
.email_firma a {
|
||||
color: #bde7ff;
|
||||
text-decoration: none;
|
||||
}
|
||||
6139
src/public/css/fontawesome_min_all.css
Normal file
6139
src/public/css/fontawesome_min_all.css
Normal file
File diff suppressed because it is too large
Load Diff
3700
src/public/css/ionicons.min.css
vendored
Normal file
3700
src/public/css/ionicons.min.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
35
src/public/css/widget.css
Normal file
35
src/public/css/widget.css
Normal file
@@ -0,0 +1,35 @@
|
||||
@media (max-width: 767.98px) {
|
||||
.small-box .icon {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.small-box .icono>i {
|
||||
font-size: 90px;
|
||||
position: absolute;
|
||||
right: 15px;
|
||||
top: 15px;
|
||||
transition: -webkit-transform .3s linear;
|
||||
transition: transform .3s linear;
|
||||
transition: transform .3s linear, -webkit-transform .3s linear;
|
||||
font-size: 70px;
|
||||
top: 20px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.small-box .icono {
|
||||
color: rgba(0, 0, 0, .15);
|
||||
z-index: 0;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.icono > .ion{
|
||||
font-size: 70px;
|
||||
top: 20px;
|
||||
}
|
||||
.widget-textColor{
|
||||
color: #fff;
|
||||
}
|
||||
.inner{
|
||||
color: #fff;
|
||||
}
|
||||
55823
src/public/dist/css/adminlte.min.css
vendored
55823
src/public/dist/css/adminlte.min.css
vendored
File diff suppressed because one or more lines are too long
1472
src/public/plantilla_html/compras_ultimosDocRecibidos.html
Normal file
1472
src/public/plantilla_html/compras_ultimosDocRecibidos.html
Normal file
File diff suppressed because it is too large
Load Diff
176
src/public/plantilla_html/dashboard.html
Normal file
176
src/public/plantilla_html/dashboard.html
Normal file
@@ -0,0 +1,176 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Document</title>
|
||||
|
||||
<link rel="stylesheet" href="https://adminlte.io/themes/v3/plugins/fontawesome-free/css/all.min.css">
|
||||
|
||||
<link rel="stylesheet" href="http://localhost:3001/css/OverlayScrollbars.min.css">
|
||||
|
||||
<link rel="stylesheet" href="https://adminlte.io/themes/v3/dist/css/adminlte.min.css?v=3.2.0">
|
||||
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h5 class="card-title">Monthly Recap Report</h5>
|
||||
<div class="card-tools">
|
||||
<button type="button" class="btn btn-tool" data-card-widget="collapse">
|
||||
<i class="fas fa-minus"></i>
|
||||
</button>
|
||||
<div class="btn-group">
|
||||
<button type="button" class="btn btn-tool dropdown-toggle" data-toggle="dropdown">
|
||||
<i class="fas fa-wrench"></i>
|
||||
</button>
|
||||
<div class="dropdown-menu dropdown-menu-right" role="menu">
|
||||
<a href="#" class="dropdown-item">Action</a>
|
||||
<a href="#" class="dropdown-item">Another action</a>
|
||||
<a href="#" class="dropdown-item">Something else here</a>
|
||||
<a class="dropdown-divider"></a>
|
||||
<a href="#" class="dropdown-item">Separated link</a>
|
||||
</div>
|
||||
</div>
|
||||
<button type="button" class="btn btn-tool" data-card-widget="remove">
|
||||
<i class="fas fa-times"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
<div class="col-md-8">
|
||||
<p class="text-center">
|
||||
<strong>Sales: 1 Jan, 2014 - 30 Jul, 2014</strong>
|
||||
</p>
|
||||
<div class="chart">
|
||||
<div class="chartjs-size-monitor">
|
||||
<div class="chartjs-size-monitor-expand">
|
||||
<div class=""></div>
|
||||
</div>
|
||||
<div class="chartjs-size-monitor-shrink">
|
||||
<div class=""></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<canvas id="salesChart" height="161"
|
||||
style="height: 180px; display: block; width: 537px;" width="483"
|
||||
class="chartjs-render-monitor"></canvas>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
<p class="text-center">
|
||||
<strong>Goal Completion</strong>
|
||||
</p>
|
||||
<div class="progress-group">
|
||||
Add Products to Cart
|
||||
<span class="float-right"><b>160</b>/200</span>
|
||||
<div class="progress progress-sm">
|
||||
<div class="progress-bar bg-primary" style="width: 80%"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="progress-group">
|
||||
Complete Purchase
|
||||
<span class="float-right"><b>310</b>/400</span>
|
||||
<div class="progress progress-sm">
|
||||
<div class="progress-bar bg-danger" style="width: 75%"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="progress-group">
|
||||
<span class="progress-text">Visit Premium Page</span>
|
||||
<span class="float-right"><b>480</b>/800</span>
|
||||
<div class="progress progress-sm">
|
||||
<div class="progress-bar bg-success" style="width: 60%"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="progress-group">
|
||||
Send Inquiries
|
||||
<span class="float-right"><b>250</b>/500</span>
|
||||
<div class="progress progress-sm">
|
||||
<div class="progress-bar bg-warning" style="width: 50%"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="card-footer">
|
||||
<div class="row">
|
||||
<div class="col-sm-3 col-6">
|
||||
<div class="description-block border-right">
|
||||
<span class="description-percentage text-success"><i class="fas fa-caret-up"></i>
|
||||
17%</span>
|
||||
<h5 class="description-header">$35,210.43</h5>
|
||||
<span class="description-text">TOTAL REVENUE</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col-sm-3 col-6">
|
||||
<div class="description-block border-right">
|
||||
<span class="description-percentage text-warning"><i class="fas fa-caret-left"></i>
|
||||
0%</span>
|
||||
<h5 class="description-header">$10,390.90</h5>
|
||||
<span class="description-text">TOTAL COST</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col-sm-3 col-6">
|
||||
<div class="description-block border-right">
|
||||
<span class="description-percentage text-success"><i class="fas fa-caret-up"></i>
|
||||
20%</span>
|
||||
<h5 class="description-header">$24,813.53</h5>
|
||||
<span class="description-text">TOTAL PROFIT</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col-sm-3 col-6">
|
||||
<div class="description-block">
|
||||
<span class="description-percentage text-danger"><i class="fas fa-caret-down"></i>
|
||||
18%</span>
|
||||
<h5 class="description-header">1200</h5>
|
||||
<span class="description-text">GOAL COMPLETIONS</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<script src="https://adminlte.io/themes/v3/plugins/jquery/jquery.min.js"></script>
|
||||
|
||||
|
||||
|
||||
<script src="https://adminlte.io/themes/v3/dist/js/adminlte.js?v=3.2.0"></script>
|
||||
|
||||
|
||||
<script src="https://adminlte.io/themes/v3/plugins/chart.js/Chart.min.js"></script>
|
||||
|
||||
|
||||
<script src="https://adminlte.io/themes/v3/dist/js/pages/dashboard2.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
319
src/public/plantilla_html/email_fact.html
Normal file
319
src/public/plantilla_html/email_fact.html
Normal file
@@ -0,0 +1,319 @@
|
||||
<!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&thumbnailType=2&isc=1&token=eyJhbGciOiJSUzI1NiIsImtpZCI6IkZBRDY1NDI2MkM2QUYyOTYxQUExRThDQUI3OEZGMUIyNzBFNzA3RTkiLCJ0eXAiOiJKV1QiLCJ4NXQiOiItdFpVSml4cThwWWFvZWpLdDRfeHNuRG5CLWsifQ.eyJvcmlnaW4iOiJodHRwczovL291dGxvb2subGl2ZS5jb20iLCJ1YyI6IjVhNzJlYWZlNjQ4OTRkNTFhMGRkMTZhMWM0MmI2ZDZiIiwidmVyIjoiRXhjaGFuZ2UuQ2FsbGJhY2suVjEiLCJhcHBjdHhzZW5kZXIiOiJPd2FEb3dubG9hZEA4NGRmOWU3Zi1lOWY2LTQwYWYtYjQzNS1hYWFhYWFhYWFhYWEiLCJpc3NyaW5nIjoiV1ciLCJhcHBjdHgiOiJ7XCJtc2V4Y2hwcm90XCI6XCJvd2FcIixcInB1aWRcIjpcIjEwNTU1MjA2NDM2MDA4NzRcIixcInNjb3BlXCI6XCJPd2FEb3dubG9hZFwiLFwib2lkXCI6XCIwMDAzYmZmZC04ZDAzLWQxZWEtMDAwMC0wMDAwMDAwMDAwMDBcIixcInByaW1hcnlzaWRcIjpcIlMtMS0yODI3LTI0NTc1Ny0yMzY1ODM3ODAyXCJ9IiwibmJmIjoxNjU2NzgwNTc0LCJleHAiOjE2NTY3ODExNzQsImlzcyI6IjAwMDAwMDAyLTAwMDAtMGZmMS1jZTAwLTAwMDAwMDAwMDAwMEA4NGRmOWU3Zi1lOWY2LTQwYWYtYjQzNS1hYWFhYWFhYWFhYWEiLCJhdWQiOiIwMDAwMDAwMi0wMDAwLTBmZjEtY2UwMC0wMDAwMDAwMDAwMDAvYXR0YWNobWVudC5vdXRsb29rLmxpdmUubmV0QDg0ZGY5ZTdmLWU5ZjYtNDBhZi1iNDM1LWFhYWFhYWFhYWFhYSIsImhhcHAiOiJvd2EifQ.dZP2C6gP76e1DnzjuA_H6vuaDyxqjdsrqOAzJvome9pD-vj2MHzTaxM8rvBXm1sSsxO4lX1hJW882kfj0mVnPa3-G1d1Tui76W_Sb5SJq2_uE98qgGPm7WlotCyCgMVO0thYhkJ0QHnrRF5R2PabBkUtcqRbz0ArH5CUP_4eY2ymRr6HR_ocoBSOu1Kvp8spxkkX7IVPmOZsF2DBWH-xW78ruuuJzhyDuSwb54EvGOiTielcifd1Tw_whFsvKlzB151185uCJVyfDVZOVHefNO05D2UMhsiCwm-PcesogJTG9NCKV7WuNRbBxmtMec_cZzPS6gfaVzzaQ_RmEENuVQ&X-OWA-CANARY=l8M-M4sJM0ChCZ29k_7hemCpZ0hLXNoYv2OTV6bXHhR-a_GOTuy3W3H2DL4y_sRSz_Y75dHQX6I.&owa=outlook.live.com&scriptVer=20220617005.06&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> 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;">
|
||||
$ 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>
|
||||
46
src/public/plantilla_html/email_firma.html
Normal file
46
src/public/plantilla_html/email_firma.html
Normal file
@@ -0,0 +1,46 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="es">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Email Signature</title>
|
||||
<style>
|
||||
@font-face {
|
||||
font-family: sigma_font;
|
||||
src: url(../tipografias/sigma_font.otf);
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: sigma_tipografia;
|
||||
src: url(../tipografias/sigma_font.ttf);
|
||||
font-style: normal;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<a href="http://"></a>
|
||||
<div style="display: flex; flex-wrap: wrap; justify-content: center; background: #084c6d; ">
|
||||
<div style="justify-content: center;align-items: center; padding: 5px;">
|
||||
<img src="https://factura-e.net/img/LOGO_SIGMA.png" alt="LOGO_SIGMA" width="64px"></a>
|
||||
</div>
|
||||
<div style="width: 300px; font-family: Arial, sans-serif; font-size: 14px; color: #333333; text-align: center;">
|
||||
<span
|
||||
style="font-family: sigma_font; font-size: 22px; font-weight: bold; color: #ffffff; padding: 5px; margin: 15px;">SIGMAC</span>
|
||||
<p style="color: #fff; margin: 0; padding: 0; font-weight: bold;">Telf:
|
||||
<a href="tel:+593961002767" style="color: #bde7ff; text-decoration: none;">+593 0961002767</a>
|
||||
</p>
|
||||
<p style="color: #fff; margin: 0; padding: 0; font-weight: bold;">Email:
|
||||
<a href="mailto:soporte@sigmac.app"
|
||||
style="color: #bde7ff; text-decoration: none;">soporte@sigmac.app</a>
|
||||
</p>
|
||||
<p style="color: #fff; margin: 0; padding: 0; font-weight: bold;">Website:
|
||||
<a href="https://www.sigmac.app" style="color: #bde7ff; text-decoration: none;">www.sigmac.app</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
50
src/public/plantilla_html/email_registroExitoso.html
Normal file
50
src/public/plantilla_html/email_registroExitoso.html
Normal file
@@ -0,0 +1,50 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="es">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Registro Exitoso</title>
|
||||
<style>
|
||||
body {
|
||||
font-family: Arial, sans-serif;
|
||||
background-color: #f4f4f4;
|
||||
margin: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
.container {
|
||||
text-align: center;
|
||||
padding: 20px;
|
||||
border-radius: 10px;
|
||||
background-color: #fff;
|
||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
h1 {
|
||||
color: #4CAF50;
|
||||
}
|
||||
|
||||
p {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
img {
|
||||
width: 100px;
|
||||
height: auto;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="container">
|
||||
<img src="https://via.placeholder.com/150" alt="Éxito">
|
||||
<h1>¡Registro Exitoso!</h1>
|
||||
<p>Gracias por registrarte. Tu cuenta ha sido creada con éxito.</p>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
107
src/public/plantilla_html/formSri.html
Normal file
107
src/public/plantilla_html/formSri.html
Normal file
@@ -0,0 +1,107 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="es">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Formulario con CSS</title>
|
||||
|
||||
<link rel="stylesheet" href="https://factura-e.net/css/app_facturadorPHP.css">
|
||||
<link rel="stylesheet" href="https://factura-e.net/vistas/dist/css/AdminLTE.min.css">
|
||||
<link rel="stylesheet" href="https://factura-e.net/vistas/bower_components/bootstrap/dist/css/bootstrap.css">
|
||||
<link rel="stylesheet" href="https://factura-e.net/vistas/bower_components/font-awesome/css/font-awesome.min.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="box">
|
||||
<div>
|
||||
<div class="box-header with-border center">
|
||||
<i class="fa fa-users"></i>
|
||||
<h1 class="box-title">Subir Firma Electronica. <small> Subir firma electronic a servidor.</small></h1>
|
||||
</div>
|
||||
</div>
|
||||
<!--- Creacion de Item --->
|
||||
<div class="row">
|
||||
<div class="col-md-7">
|
||||
<div class="gp-btn">
|
||||
<label>Archivo Firma (PK12)</label>
|
||||
<div class="input-group">
|
||||
<span class="input-group-addon"><i class="fa fa-cube"></i></span>
|
||||
<input class="form-control" type="file" id=" ">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-5">
|
||||
<div class="gp-btn">
|
||||
<label>Clave. (Clave del archivo/firma)</label>
|
||||
<div class="input-group">
|
||||
<span class="input-group-addon"><i class="fa fa-cubes"></i></span>
|
||||
<input type="password" class="form-control" placeholder="Contraseña del archivo pk12" id="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="box">
|
||||
<!--- Creacion Contraseña servidor --->
|
||||
<div>
|
||||
<div class="box-header with-border center">
|
||||
<i class="fa fa-users"></i>
|
||||
<h1 class="box-title">Datos del Servidor.<small> Necesario para sincronizar las Emision de Facturas Electronica.</small></h1>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="gp-btn">
|
||||
<label>Usuario</label>
|
||||
<div class="input-group">
|
||||
<span class="input-group-addon"><i class="fa fa-qrcode"></i></span>
|
||||
<input type="text" class="form-control" placeholder="Crear Usuario" id="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="gp-btn">
|
||||
<label>Contraseña.</label>
|
||||
<div class="input-group">
|
||||
<span class="input-group-addon"><i class="fa fa-barcode"></i></span>
|
||||
<input type="password" class="form-control" id="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
</div>
|
||||
<div class="box">
|
||||
<!--- Creacion Contraseña SRI --->
|
||||
<div>
|
||||
<div class="box-header with-border center">
|
||||
<i class="fa fa-users"></i>
|
||||
<h1 class="box-title">Datos de acceso al Servicio de Rentas Internas(SRI).<small> Necesario para sincronizar las Facturas Electronica.</small></h1>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="gp-btn">
|
||||
<label>Usuario</label>
|
||||
<div class="input-group">
|
||||
<span class="input-group-addon"><i class="fa fa-qrcode"></i></span>
|
||||
<input type="text" class="form-control" placeholder="Usuario SRI" id="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="gp-btn">
|
||||
<label>Contraseña.</label>
|
||||
<div class="input-group">
|
||||
<span class="input-group-addon"><i class="fa fa-barcode"></i></span>
|
||||
<input type="password" class="form-control" placeholder="Contraseña SRI" id="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
100
src/public/plantilla_html/formulario_creaEmpresa.html
Normal file
100
src/public/plantilla_html/formulario_creaEmpresa.html
Normal file
@@ -0,0 +1,100 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="es">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Formulario de Creación de Empresa</title>
|
||||
<style>
|
||||
body {
|
||||
font-family: Arial, sans-serif;
|
||||
background-color: #f4f4f4;
|
||||
margin: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
.container {
|
||||
text-align: center;
|
||||
padding: 20px;
|
||||
border-radius: 10px;
|
||||
background-color: #fff;
|
||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
form {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 10px;
|
||||
align-items: center;
|
||||
justify-items: center;
|
||||
}
|
||||
|
||||
label {
|
||||
margin: 10px 0;
|
||||
}
|
||||
|
||||
input, select {
|
||||
width: 100%;
|
||||
padding: 10px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
button {
|
||||
background-color: #4CAF50;
|
||||
color: #fff;
|
||||
padding: 10px 20px;
|
||||
border: none;
|
||||
border-radius: 5px;
|
||||
cursor: pointer;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="container">
|
||||
<h1>Formulario de Creación de Empresa</h1>
|
||||
<form>
|
||||
<label for="nombre">Nombre:</label>
|
||||
<input type="text" id="nombre" name="nombre" required>
|
||||
|
||||
<label for="razonSocial">Razón Social:</label>
|
||||
<input type="text" id="razonSocial" name="razonSocial" required>
|
||||
|
||||
<label for="representanteLegal">Representante Legal:</label>
|
||||
<input type="text" id="representanteLegal" name="representanteLegal" required>
|
||||
|
||||
<label for="ruc">RUC:</label>
|
||||
<input type="text" id="ruc" name="ruc" required>
|
||||
|
||||
<label for="telefono">Teléfono:</label>
|
||||
<input type="tel" id="telefono" name="telefono">
|
||||
|
||||
<label for="celular">Celular:</label>
|
||||
<input type="tel" id="celular" name="celular" required>
|
||||
|
||||
<label for="email">Correo Electrónico:</label>
|
||||
<input type="email" id="email" name="email" required>
|
||||
|
||||
<label for="sitioWeb">Sitio Web:</label>
|
||||
<input type="url" id="sitioWeb" name="sitioWeb">
|
||||
|
||||
<label for="direccion">Dirección:</label>
|
||||
<input type="text" id="direccion" name="direccion" required>
|
||||
|
||||
<label for="obligadoContabilidad">Obligado a Contabilidad:</label>
|
||||
<input type="checkbox" id="obligadoContabilidad" name="obligadoContabilidad">
|
||||
|
||||
<label for="rimpe">RIMPE:</label>
|
||||
<input type="checkbox" id="rimpe" name="rimpe">
|
||||
|
||||
<label for="leyendaRimpe">Leyenda RIMPE:</label>
|
||||
<input type="text" id="leyendaRimpe" name="leyendaRimpe">
|
||||
|
||||
<button type="submit">Crear Empresa</button>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
85
src/public/plantilla_html/formulario_creaUsuario.html
Normal file
85
src/public/plantilla_html/formulario_creaUsuario.html
Normal file
@@ -0,0 +1,85 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="es">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Formulario de Usuario de Sesión</title>
|
||||
<style>
|
||||
body {
|
||||
font-family: Arial, sans-serif;
|
||||
background-color: #f4f4f4;
|
||||
margin: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
.container {
|
||||
text-align: center;
|
||||
padding: 20px;
|
||||
border-radius: 10px;
|
||||
background-color: #fff;
|
||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
form {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 10px;
|
||||
align-items: center;
|
||||
justify-items: center;
|
||||
}
|
||||
|
||||
label {
|
||||
margin: 10px 0;
|
||||
}
|
||||
|
||||
input, select {
|
||||
width: 100%;
|
||||
padding: 10px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
button {
|
||||
background-color: #4CAF50;
|
||||
color: #fff;
|
||||
padding: 10px 20px;
|
||||
border: none;
|
||||
border-radius: 5px;
|
||||
cursor: pointer;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="container">
|
||||
<h1>Formulario de Usuario de Sesión</h1>
|
||||
<form>
|
||||
<label for="usrSesionNombre">Nombre Comple:</label>
|
||||
<input type="text" id="usrSesionNombre" name="usrSesionNombre" required>
|
||||
|
||||
<label for="usrSesionUsuario">Nombre de Usuario:</label>
|
||||
<input type="text" id="usrSesionUsuario" name="usrSesionUsuario" required>
|
||||
|
||||
<label for="usrSesionPaswd">Contraseña:</label>
|
||||
<input type="password" id="usrSesionPaswd" name="usrSesionPaswd" required>
|
||||
|
||||
<label for="usrSesionPanel">Panel de Control:</label>
|
||||
<select id="usrSesionEstado" name="usrSesionEstado">
|
||||
<option value="activo">Activo</option>
|
||||
<option value="inactivo">Inactivo</option>
|
||||
</select>
|
||||
|
||||
<label for="usrSesionToken">Token:</label>
|
||||
<input type="text" id="usrSesionToken" name="usrSesionToken" required>
|
||||
|
||||
<label for="usrSesionEmpresa">Empresa:</label>
|
||||
<input type="text" id="usrSesionEmpresa" name="usrSesionEmpresa" required>
|
||||
|
||||
<button type="submit">Enviar</button>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
268
src/public/plantilla_html/formulario_registro.html
Normal file
268
src/public/plantilla_html/formulario_registro.html
Normal file
@@ -0,0 +1,268 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Registro de Nuevo Usuario</title>
|
||||
<style>
|
||||
/* CSS styles for the form */
|
||||
.form-container {
|
||||
max-width: 400px;
|
||||
margin: 0 auto;
|
||||
padding: 20px;
|
||||
background-color: #f2f2f2;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.form-container h2 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.form-group {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.form-group label {
|
||||
display: block;
|
||||
font-weight: bold;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.form-group input,
|
||||
.form-group select {
|
||||
width: 100%;
|
||||
padding: 10px;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.form-group select {
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
.form-group .select-wrapper {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.form-group .select-wrapper::after {
|
||||
content: '\25BC';
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 10px;
|
||||
transform: translateY(-50%);
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.form-group .select-wrapper select {
|
||||
appearance: none;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
}
|
||||
|
||||
.form-group .select-wrapper select::-ms-expand {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.form-group .select-wrapper select::-webkit-scrollbar {
|
||||
width: 8px;
|
||||
}
|
||||
|
||||
.form-group .select-wrapper select::-webkit-scrollbar-thumb {
|
||||
background-color: #888;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.form-group .select-wrapper select::-webkit-scrollbar-track {
|
||||
background-color: #f2f2f2;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.form-group .select-wrapper select:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.form-group .select-wrapper select:focus::-webkit-scrollbar-thumb {
|
||||
background-color: #555;
|
||||
}
|
||||
|
||||
.form-group .select-wrapper select:focus::-webkit-scrollbar-track {
|
||||
background-color: #ddd;
|
||||
}
|
||||
|
||||
.form-group .select-wrapper select:disabled {
|
||||
background-color: #f2f2f2;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
.form-group .select-wrapper select:disabled::-webkit-scrollbar-thumb {
|
||||
background-color: #ccc;
|
||||
}
|
||||
|
||||
.form-group .select-wrapper select:disabled::-webkit-scrollbar-track {
|
||||
background-color: #f2f2f2;
|
||||
}
|
||||
|
||||
.form-group .select-wrapper select:disabled option {
|
||||
color: #888;
|
||||
}
|
||||
|
||||
.form-group .select-wrapper select:disabled option:checked {
|
||||
color: #555;
|
||||
}
|
||||
|
||||
.form-group .select-wrapper select:disabled option:hover {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.form-group .select-wrapper select option {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.form-group .select-wrapper select option:checked {
|
||||
background-color: #f2f2f2;
|
||||
}
|
||||
|
||||
.form-group .select-wrapper select option:hover {
|
||||
background-color: #ddd;
|
||||
}
|
||||
|
||||
.form-group .select-wrapper select[multiple] {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.form-group .select-wrapper select[multiple] option {
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.form-group .select-wrapper select[multiple] option:checked {
|
||||
background-color: #f2f2f2;
|
||||
}
|
||||
|
||||
.form-group .select-wrapper select[multiple] option:hover {
|
||||
background-color: #ddd;
|
||||
}
|
||||
|
||||
.form-group .select-wrapper select[multiple] option:disabled {
|
||||
color: #888;
|
||||
}
|
||||
|
||||
.form-group .select-wrapper select[multiple] option:disabled:checked {
|
||||
color: #555;
|
||||
}
|
||||
|
||||
.form-group .select-wrapper select[multiple] option:disabled:hover {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.form-group .select-wrapper select[multiple]:disabled option {
|
||||
color: #888;
|
||||
}
|
||||
|
||||
.form-group .select-wrapper select[multiple]:disabled option:checked {
|
||||
color: #555;
|
||||
}
|
||||
|
||||
.form-group .select-wrapper select[multiple]:disabled option:hover {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.form-group .select-wrapper select[multiple]:disabled::-webkit-scrollbar-thumb {
|
||||
background-color: #ccc;
|
||||
}
|
||||
|
||||
.form-group .select-wrapper select[multiple]:disabled::-webkit-scrollbar-track {
|
||||
background-color: #f2f2f2;
|
||||
}
|
||||
|
||||
.form-group .select-wrapper select[multiple]:disabled option {
|
||||
color: #888;
|
||||
}
|
||||
|
||||
.form-group .select-wrapper select[multiple]:disabled option:checked {
|
||||
color: #555;
|
||||
}
|
||||
|
||||
.form-group .select-wrapper select[multiple]:disabled option:hover {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.form-group .select-wrapper select[multiple]:disabled option:disabled {
|
||||
color: #888;
|
||||
}
|
||||
|
||||
.form-group .select-wrapper select[multiple]:disabled option:disabled:checked {
|
||||
color: #555;
|
||||
}
|
||||
|
||||
.form-group .select-wrapper select[multiple]:disabled option:disabled:hover {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.form-group .select-wrapper select[multiple]:disabled option:disabled:hover {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.form-group .select-wrapper select[multiple]:disabled option:disabled:checked {
|
||||
color: #555;
|
||||
}
|
||||
|
||||
.form-group .select-wrapper select[multiple]:disabled option:disabled:checked {
|
||||
color: #555;
|
||||
}
|
||||
|
||||
.form-group .select-wrapper select[multiple]:disabled option:disabled:checked {
|
||||
color: #555;
|
||||
}
|
||||
|
||||
.form-group .select-wrapper select[multiple]:disabled option:disabled:checked {
|
||||
color: #555;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="form-container">
|
||||
<h2>Registro de Nuevo Usuario</h2>
|
||||
<form>
|
||||
<div class="form-group">
|
||||
<label for="nombre">Nombre:</label>
|
||||
<input type="text" id="nombre" name="nombre" required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="email">Email:</label>
|
||||
<input type="email" id="email" name="email" required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="telefono">Teléfono:</label>
|
||||
<input type="tel" id="telefono" name="telefono" required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="direccion">Dirección:</label>
|
||||
<input type="text" id="direccion" name="direccion" required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="pais">País:</label>
|
||||
<div class="select-wrapper">
|
||||
<select id="pais" name="pais" required>
|
||||
<option value="">Seleccione un país</option>
|
||||
<option value="Ecuador">Ecuador</option>
|
||||
<option value="Colombia">Colombia</option>
|
||||
<option value="Venezuela">Venezuela</option>
|
||||
<option value="Peru">Perú</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="ciudad">Ciudad:</label>
|
||||
<div class="select-wrapper">
|
||||
<select id="ciudad" name="ciudad" required>
|
||||
<option value="">Seleccione una ciudad</option>
|
||||
<option value="Quito">Quito</option>
|
||||
<option value="Guayaquil">Guayaquil</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<input type="submit" value="Registrarse">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
59
src/public/plantilla_html/graficos.html
Normal file
59
src/public/plantilla_html/graficos.html
Normal file
@@ -0,0 +1,59 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Document</title>
|
||||
<style>
|
||||
html,
|
||||
body,
|
||||
#container {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
</style>
|
||||
<script src="https://cdn.anychart.com/releases/8.7.1/js/anychart-core.min.js"></script>
|
||||
<script src="https://cdn.anychart.com/releases/8.7.1/js/anychart-cartesian.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
anychart.onDocumentReady(function () {
|
||||
// create a data set
|
||||
var data = anychart.data.set([
|
||||
["John", 10000],
|
||||
["Jake", 12000],
|
||||
["Peter", 13000],
|
||||
["James", 10000],
|
||||
["Mary", 9000],
|
||||
]);
|
||||
|
||||
// create a chart
|
||||
var chart = anychart.bar();
|
||||
|
||||
// create a bar series and set the data
|
||||
var series = chart.bar(data);
|
||||
|
||||
// set the chart title
|
||||
chart.title("Bar Chart: Basic Sample");
|
||||
|
||||
// set the titles of the axes
|
||||
chart.xAxis().title("Manager");
|
||||
chart.yAxis().title("Sales, $");
|
||||
|
||||
// set the container id
|
||||
chart.container("container");
|
||||
|
||||
// initiate drawing the chart
|
||||
chart.draw();
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="container"></div>
|
||||
<a class="qlwapp-toggle" data-action="open" data-phone="59391054931" data-message="Hola, me interesan sus servicios." href="https://web.whatsapp.com/send?phone=593961002767&text=Hola, me interesan sus servicios." target="_blank"> <i class="qlwapp-icon qlwapp-whatsapp-icon"></i>
|
||||
<i class="qlwapp-close" data-action="close">×</i>
|
||||
<span class="qlwapp-text">¿Necesitas un asesor humano?</span>
|
||||
</a>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
45
src/public/plantilla_html/pai_chart.html
Normal file
45
src/public/plantilla_html/pai_chart.html
Normal file
@@ -0,0 +1,45 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Document</title>
|
||||
<link rel="stylesheet" href="../plugins/fontawesome-free/css/all.min.css">
|
||||
|
||||
<link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
|
||||
|
||||
<link rel="stylesheet" href="https://factura-e.net/vistas/bower_components/bootstrap/dist/css/bootstrap.min.css">
|
||||
|
||||
<link rel="stylesheet" href="http://localhost:3001/css/widget.css">
|
||||
|
||||
<link rel="stylesheet" href="../dist/css/adminlte.min.css">
|
||||
|
||||
<link rel="stylesheet" href="https://factura-e.net/vistas/dist/css/AdminLTE.min.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="box box-danger">
|
||||
<div class="box-header with-border">
|
||||
<h3 class="box-title">Donut Chart</h3>
|
||||
<div class="box-tools pull-right">
|
||||
<button type="button" class="btn btn-box-tool" data-widget="collapse"><i
|
||||
class="fa fa-minus"></i>
|
||||
</button>
|
||||
<button type="button" class="btn btn-box-tool" data-widget="remove"><i
|
||||
class="fa fa-times"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-body">
|
||||
<canvas id="pieChart" style="height: 293px; width: 586px;" height="263" width="527"></canvas>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
348
src/public/plantilla_html/pedidos.html
Normal file
348
src/public/plantilla_html/pedidos.html
Normal file
@@ -0,0 +1,348 @@
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<meta name="description" content="Control Pedidos">
|
||||
<meta name="author" content="pablinux">
|
||||
<!--[if IE]>
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<![endif]-->
|
||||
<title>Plantilla de orden de compra de construcción - Sistema Web S.A. de C.V.</title>
|
||||
<!-- BOOTSTRAP CORE STYLE CSS -->
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"
|
||||
integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
|
||||
<!-- CUSTOM STYLE CSS -->
|
||||
<link rel="icon" href="https://factura-e.net/img/facturador64.png" sizes="32x32" type="image/png">
|
||||
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.2/css/select2.min.css" rel="stylesheet">
|
||||
|
||||
<style>
|
||||
/*======================================
|
||||
GENERAL STYLES
|
||||
======================================= */
|
||||
|
||||
@import url(https://fonts.googleapis.com/css?family=Lato);
|
||||
|
||||
body {
|
||||
font-family: 'Lato', sans-serif;
|
||||
font-size: 15px;
|
||||
background-color: #EAEAEA;
|
||||
}
|
||||
|
||||
.pad-top {
|
||||
padding-top: 30px;
|
||||
}
|
||||
|
||||
.pad-bottom {
|
||||
padding-bottom: 50px;
|
||||
}
|
||||
|
||||
.font-big {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.outer-section {
|
||||
border: 1px solid #dedede;
|
||||
background-color: #fff;
|
||||
margin-top: 20px;
|
||||
|
||||
}
|
||||
|
||||
.header {
|
||||
font-size: 10px;
|
||||
}
|
||||
</style>
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com" crossorigin="use-credentials">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com">
|
||||
<link rel="stylesheet"
|
||||
href="https://fonts.googleapis.com/css2?family=Mulish:wght@200;300;400;500;600;700;800;900&display=swa">
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"
|
||||
integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL"
|
||||
crossorigin="anonymous"></script>
|
||||
</head>
|
||||
|
||||
<body class="">
|
||||
<div class="container outer-section">
|
||||
|
||||
<form class="form-horizontal" role="form" id="datos_presupuesto" method="post">
|
||||
<div id="print-area">
|
||||
<div class="row pad-top header">
|
||||
<div class="col-lg-2 col-md-2 col-sm-2">
|
||||
<a href="#" target="_blank">
|
||||
<img src="https://factura-e.net/img/facturador64.png" alt="Logo sistemas web">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-6 col-md-6 col-sm-6">
|
||||
<strong class="font-big">XSYSTEMS</strong>
|
||||
<br>
|
||||
Dirección : 234/90, New York Street
|
||||
<br>
|
||||
United States.
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-4 col-sm-4">
|
||||
<strong>E-mail : </strong> info@obedalvarado.pw <br>
|
||||
<strong>Teléfono :</strong> +456-345-908-559 <br>
|
||||
<strong>Sitio web :</strong> www.sistemasweb.la
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="row ">
|
||||
<hr>
|
||||
<div class="col-lg-6 col-md-6 col-sm-6">
|
||||
<h5>Detalles del Cliente :</h5>
|
||||
<select class="" name="proveedor" id="proveedor" required="" tabindex="-1" aria-hidden="true">
|
||||
<option value="">Selecciona el proveedor</option>
|
||||
<option value="1">Luis Vargas</option>
|
||||
</select><br>
|
||||
<span></span>
|
||||
<span id="direccion">678, Lamen Trees Lane,Boston Bay<br> United States - 2018976</span>
|
||||
<strong>E-mail: </strong><span id="email">info@gmail.com</span>
|
||||
<strong>Teléfono: </strong><span id="telefono">+01-90-89-56-00</span>
|
||||
</div>
|
||||
<div class="col-lg-6 col-md-6 col-sm-6">
|
||||
<h4>Detalles de la orden de compra :</h4>
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<strong>Orden #: </strong>801
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<strong>Fecha: </strong> 17/02/2024
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<label>Origen</label>
|
||||
<select class="" name="Origen" id="sel_origen" required="" tabindex="-1">
|
||||
<option value="">Selecciona el Origen</option>
|
||||
<option value="1">Santo Domingo</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-6">
|
||||
<label>Estado</label>
|
||||
<select class="" name="estado" id="sel_estado" required="" tabindex="-1"
|
||||
aria-hidden="true">
|
||||
<option value="">Selecciona el Estado</option>
|
||||
<option value="1">ACTIVO</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<hr>
|
||||
<div class="col-lg-12 col-md-12 col-sm-12">
|
||||
<div class="table-responsive">
|
||||
<table class="table table-striped table-hover">
|
||||
<thead>
|
||||
<tr style="background-color:#c0392b;color:white;">
|
||||
<th class="text-center">Item</th>
|
||||
<th class="text-center">Cantidad</th>
|
||||
<th class="text-center">Unidad</th>
|
||||
<th>Descripción</th>
|
||||
<th class="text-right">Costo unitario</th>
|
||||
<th class="text-right">Total</th>
|
||||
<th class="text-right"></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="items">
|
||||
<tr>
|
||||
<td class="text-center">1</td>
|
||||
<td class="text-center">1</td>
|
||||
<td class="text-center">111</td>
|
||||
<td>zxasx</td>
|
||||
<td class="text-right">111.00</td>
|
||||
<td class="text-right">111.00</td>
|
||||
<td class="text-right"><a href="#" onclick="eliminar_item('2601')"><img
|
||||
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAeFBMVEUAAADnTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDx+VWpeAAAAJ3RSTlMAAQIFCAkPERQYGi40TVRVVlhZaHR8g4WPl5qdtb7Hys7R19rr7e97kMnEAAAAaklEQVQYV7XOSQKCMBQE0UpQwfkrSJwCKmDf/4YuVOIF7F29VQOA897xs50k1aknmnmfPRfvWptdBjOz29Vs46B6aFx/cEBIEAEIamhWc3EcIRKXhQj/hX47nGvt7x8o07ETANP2210OvABwcxH233o1TgAAAABJRU5ErkJggg=="></a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="7">
|
||||
|
||||
<button type="button" class="btn btn-info btn-sm" data-toggle="modal"
|
||||
data-target="#myModal"><span class="glyphicon glyphicon-plus"></span>
|
||||
Agregar Ítem</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="5" class="text-right">
|
||||
<h4>TOTAL USD</h4>
|
||||
</td>
|
||||
<th class="text-right">
|
||||
<h4>111.00</h4>
|
||||
</th>
|
||||
<td></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<hr>
|
||||
</div>
|
||||
<div class="row pad-bottom pull-right">
|
||||
<div class="col-lg-12 col-md-12 col-sm-12">
|
||||
<button type="submit" class="btn btn-success ">Guardar orden de compra</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<form class="form-horizontal" name="guardar_item" id="guardar_item">
|
||||
<!-- Modal -->
|
||||
<div class="modal fade bs-example-modal-lg" id="myModal" tabindex="-1" role="dialog"
|
||||
aria-labelledby="myModalLabel" style="display: none;">
|
||||
<div class="modal-dialog" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
|
||||
aria-hidden="true">×</span></button>
|
||||
<h4 class="modal-title" id="myModalLabel">Nuevo Ítem</h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<label>Descripción del producto</label>
|
||||
<textarea class="form-control" id="descripcion" name="descripcion"
|
||||
required=""></textarea>
|
||||
<input type="hidden" class="form-control" id="action" name="action" value="ajax">
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<label>Cantidad</label>
|
||||
<input type="text" class="form-control" id="cantidad" name="cantidad" required="">
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<label>Unidad</label>
|
||||
<input type="text" class="form-control" id="unidad" name="unidad" required="">
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<label>Costo unitario</label>
|
||||
<input type="text" class="form-control" id="precio" name="precio" required="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
|
||||
<button type="submit" class="btn btn-info">Guardar</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
|
||||
<!-- Latest compiled and minified JavaScript -->
|
||||
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"
|
||||
integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS"
|
||||
crossorigin="anonymous"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.2/js/select2.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
function VentanaCentrada(theURL, winName, features, myWidth, myHeight, isCenter) { //v3.0
|
||||
if (window.screen) if (isCenter) if (isCenter == "true") {
|
||||
var myLeft = (screen.width - myWidth) / 2;
|
||||
var myTop = (screen.height - myHeight) / 2;
|
||||
features += (features != '') ? ',' : '';
|
||||
features += ',left=' + myLeft + ',top=' + myTop;
|
||||
}
|
||||
window.open(theURL, winName, features + ((features != '') ? ',' : '') + 'width=' + myWidth + ',height=' + myHeight);
|
||||
}
|
||||
</script>
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function () {
|
||||
$(".proveedor").select2({
|
||||
ajax: {
|
||||
url: "ajax/json.php",
|
||||
dataType: 'json',
|
||||
delay: 250,
|
||||
data: function (params) {
|
||||
return {
|
||||
q: params.term // search term
|
||||
};
|
||||
},
|
||||
processResults: function (data) {
|
||||
return {
|
||||
results: data
|
||||
};
|
||||
},
|
||||
cache: true
|
||||
},
|
||||
minimumInputLength: 2
|
||||
}).on('change', function (e) {
|
||||
var email = $('.proveedor').select2('data')[0].email;
|
||||
var telefono = $('.proveedor').select2('data')[0].telefono;
|
||||
var direccion = $('.proveedor').select2('data')[0].direccion;
|
||||
$('#email').html(email);
|
||||
$('#telefono').html(telefono);
|
||||
$('#direccion').html(direccion);
|
||||
})
|
||||
});
|
||||
|
||||
function mostrar_items() {
|
||||
var parametros = { "action": "ajax" };
|
||||
$.ajax({
|
||||
url: '/items_tabla',
|
||||
data: parametros,
|
||||
beforeSend: function (objeto) {
|
||||
$('.items').html('Cargando...');
|
||||
},
|
||||
success: function (data) {
|
||||
console.log(data);
|
||||
$(".items").html(data).fadeIn('slow');
|
||||
}
|
||||
})
|
||||
}
|
||||
function eliminar_item(id) {
|
||||
$.ajax({
|
||||
type: "GET",
|
||||
url: "ajax/items.php",
|
||||
data: "action=ajax&id=" + id,
|
||||
beforeSend: function (objeto) {
|
||||
$('.items').html('Cargando...');
|
||||
},
|
||||
success: function (data) {
|
||||
$(".items").html(data).fadeIn('slow');
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
$("#guardar_item").submit(function (event) {
|
||||
parametros = $(this).serialize();
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
url: 'ajax/items.php',
|
||||
data: parametros,
|
||||
beforeSend: function (objeto) {
|
||||
$('.items').html('Cargando...');
|
||||
},
|
||||
success: function (data) {
|
||||
$(".items").html(data).fadeIn('slow');
|
||||
$("#myModal").modal('hide');
|
||||
}
|
||||
})
|
||||
event.preventDefault();
|
||||
})
|
||||
$("#datos_presupuesto").submit(function () {
|
||||
var proveedor = $("#proveedor").val();
|
||||
var condiciones = $("#condiciones").val();
|
||||
var envio = $("#envio").val();
|
||||
|
||||
|
||||
if (proveedor > 0) {
|
||||
VentanaCentrada('./pdf/documentos/orden.php?proveedor=' + proveedor + '&condiciones=' + condiciones + '&envio=' + envio, 'Orden', '', '1024', '768', 'true');
|
||||
} else {
|
||||
alert("Selecciona el proveedor");
|
||||
return false;
|
||||
}
|
||||
|
||||
});
|
||||
mostrar_items();
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
373
src/public/plantilla_html/pedidosTiket.html
Normal file
373
src/public/plantilla_html/pedidosTiket.html
Normal file
@@ -0,0 +1,373 @@
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<meta name="description" content="Control Pedidos">
|
||||
<meta name="author" content="pablinux">
|
||||
<!--[if IE]>
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<![endif]-->
|
||||
<title>Plantilla de orden de compra de construcción - Sistema Web S.A. de C.V.</title>
|
||||
<!-- BOOTSTRAP CORE STYLE CSS -->
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"
|
||||
integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
|
||||
<!-- CUSTOM STYLE CSS -->
|
||||
<link rel="icon" href="https://factura-e.net/img/facturador64.png" sizes="32x32" type="image/png">
|
||||
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.2/css/select2.min.css" rel="stylesheet">
|
||||
|
||||
<style>
|
||||
/*======================================
|
||||
GENERAL STYLES
|
||||
======================================= */
|
||||
|
||||
@import url(https://fonts.googleapis.com/css?family=Lato);
|
||||
|
||||
body {
|
||||
font-family: 'Lato', sans-serif;
|
||||
font-size: 15px;
|
||||
background-color: #EAEAEA;
|
||||
}
|
||||
|
||||
.pad-top {
|
||||
padding-top: 30px;
|
||||
}
|
||||
|
||||
.pad-bottom {
|
||||
padding-bottom: 50px;
|
||||
}
|
||||
|
||||
.font-big {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.outer-section {
|
||||
border: 1px solid #dedede;
|
||||
background-color: #fff;
|
||||
margin-top: 20px;
|
||||
|
||||
}
|
||||
|
||||
.header {
|
||||
font-size: 10px;
|
||||
}
|
||||
</style>
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com" crossorigin="use-credentials">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com">
|
||||
<link rel="stylesheet"
|
||||
href="https://fonts.googleapis.com/css2?family=Mulish:wght@200;300;400;500;600;700;800;900&display=swa">
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"
|
||||
integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL"
|
||||
crossorigin="anonymous"></script>
|
||||
</head>
|
||||
|
||||
<body class="">
|
||||
<div class="container outer-section">
|
||||
|
||||
<form class="form-horizontal" role="form" id="datos_presupuesto" method="post">
|
||||
<div id="print-area">
|
||||
<div class="row pad-top header">
|
||||
<div class="col-lg-2 col-md-2 col-sm-2">
|
||||
<a href="#" target="_blank">
|
||||
<img src="https://factura-e.net/img/facturador64.png" alt="Logo sistemas web">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-6 col-md-6 col-sm-6">
|
||||
<strong class="font-big">XSYSTEMS</strong>
|
||||
<br>
|
||||
Dirección : 234/90, Santo Domingo,
|
||||
<br>
|
||||
ECUADOR
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-4 col-sm-4">
|
||||
<strong>E-mail : </strong> info@obedalvarado.pw <br>
|
||||
<strong>Teléfono :</strong> +456-345-908-559 <br>
|
||||
<strong>Sitio web :</strong> www.sistemasweb.la
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="row ">
|
||||
<hr>
|
||||
<div class="col-lg-6 col-md-6 col-sm-6">
|
||||
<h5>Detalles del Cliente :</h5>
|
||||
<select class="" name="proveedor" id="proveedor" required="" tabindex="-1" aria-hidden="true">
|
||||
<option value="">Selecciona el proveedor</option>
|
||||
<option value="1">Luis Vargas</option>
|
||||
</select><br>
|
||||
<span></span>
|
||||
<span id="direccion">678, Lamen Trees Lane,Boston Bay<br> United States - 2018976</span>
|
||||
<strong>E-mail: </strong><span id="email">info@gmail.com</span>
|
||||
<strong>Teléfono: </strong><span id="telefono">+01-90-89-56-00</span>
|
||||
</div>
|
||||
<div class="col-lg-6 col-md-6 col-sm-6">
|
||||
<h4>Detalles de la orden de compra :</h4>
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<strong>Orden #: </strong>801
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<strong>Fecha: </strong> 17/02/2024
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<label>Origen</label>
|
||||
<select class="" name="Origen" id="sel_origen" required="" tabindex="-1">
|
||||
<option value="">Selecciona el Origen</option>
|
||||
<option value="1">Santo Domingo</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-6">
|
||||
<label>Estado</label>
|
||||
<select class="" name="estado" id="sel_estado" required="" tabindex="-1"
|
||||
aria-hidden="true">
|
||||
<option value="">Selecciona el Estado</option>
|
||||
<option value="1">ACTIVO</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<hr>
|
||||
<div class="col-lg-12 col-md-12 col-sm-12">
|
||||
<div class="table-responsive">
|
||||
<table class="table table-striped table-hover">
|
||||
<thead>
|
||||
<tr style="background-color:#c0392b;color:white;">
|
||||
<th class="text-center">Item</th>
|
||||
<th class="text-center">Cantidad</th>
|
||||
<th class="text-center">Unidad</th>
|
||||
<th>Descripción</th>
|
||||
<th class="text-right">Costo unitario</th>
|
||||
<th class="text-right">Total</th>
|
||||
<th class="text-right"></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="items">
|
||||
<tr>
|
||||
<td class="text-center">1</td>
|
||||
<td class="text-center">1</td>
|
||||
<td class="text-center">111</td>
|
||||
<td>zxasx</td>
|
||||
<td class="text-right">111.00</td>
|
||||
<td class="text-right">111.00</td>
|
||||
<td class="text-right"><a href="#" onclick="eliminar_item('2601')"><img
|
||||
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAeFBMVEUAAADnTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDx+VWpeAAAAJ3RSTlMAAQIFCAkPERQYGi40TVRVVlhZaHR8g4WPl5qdtb7Hys7R19rr7e97kMnEAAAAaklEQVQYV7XOSQKCMBQE0UpQwfkrSJwCKmDf/4YuVOIF7F29VQOA897xs50k1aknmnmfPRfvWptdBjOz29Vs46B6aFx/cEBIEAEIamhWc3EcIRKXhQj/hX47nGvt7x8o07ETANP2210OvABwcxH233o1TgAAAABJRU5ErkJggg=="></a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="7">
|
||||
|
||||
<button type="button" class="btn btn-info btn-sm" data-toggle="modal"
|
||||
data-target="#myModal"><span class="glyphicon glyphicon-plus"></span>
|
||||
Agregar Ítem</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="5" class="text-right">
|
||||
<h4>TOTAL USD</h4>
|
||||
</td>
|
||||
<th class="text-right">
|
||||
<h4>111.00</h4>
|
||||
</th>
|
||||
<td></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<hr>
|
||||
</div>
|
||||
<div class="row pad-bottom pull-right">
|
||||
<div class="col-lg-12 col-md-12 col-sm-12">
|
||||
<button type="submit" class="btn btn-success ">Guardar orden de compra</button>
|
||||
<button type="button" class="btn btn-success " onclick="imprimirElemento(12)">Imprimir Documento</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<form class="form-horizontal" name="guardar_item" id="guardar_item">
|
||||
<!-- Modal -->
|
||||
<div class="modal fade bs-example-modal-lg" id="myModal" tabindex="-1" role="dialog"
|
||||
aria-labelledby="myModalLabel" style="display: none;">
|
||||
<div class="modal-dialog" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
|
||||
aria-hidden="true">×</span></button>
|
||||
<h4 class="modal-title" id="myModalLabel">Nuevo Ítem</h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<label>Descripción del producto</label>
|
||||
<textarea class="form-control" id="descripcion" name="descripcion"
|
||||
required=""></textarea>
|
||||
<input type="hidden" class="form-control" id="action" name="action" value="ajax">
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<label>Cantidad</label>
|
||||
<input type="text" class="form-control" id="cantidad" name="cantidad" required="">
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<label>Unidad</label>
|
||||
<input type="text" class="form-control" id="unidad" name="unidad" required="">
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<label>Costo unitario</label>
|
||||
<input type="text" class="form-control" id="precio" name="precio" required="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
|
||||
<button type="submit" class="btn btn-info">Guardar</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
|
||||
<!-- Latest compiled and minified JavaScript -->
|
||||
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"
|
||||
integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS"
|
||||
crossorigin="anonymous"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.2/js/select2.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
function VentanaCentrada(theURL, winName, features, myWidth, myHeight, isCenter) { //v3.0
|
||||
if (window.screen) if (isCenter) if (isCenter == "true") {
|
||||
var myLeft = (screen.width - myWidth) / 2;
|
||||
var myTop = (screen.height - myHeight) / 2;
|
||||
features += (features != '') ? ',' : '';
|
||||
features += ',left=' + myLeft + ',top=' + myTop;
|
||||
}
|
||||
window.open(theURL, winName, features + ((features != '') ? ',' : '') + 'width=' + myWidth + ',height=' + myHeight);
|
||||
}
|
||||
</script>
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function () {
|
||||
$(".proveedor").select2({
|
||||
ajax: {
|
||||
url: "ajax/json.php",
|
||||
dataType: 'json',
|
||||
delay: 250,
|
||||
data: function (params) {
|
||||
return {
|
||||
q: params.term // search term
|
||||
};
|
||||
},
|
||||
processResults: function (data) {
|
||||
return {
|
||||
results: data
|
||||
};
|
||||
},
|
||||
cache: true
|
||||
},
|
||||
minimumInputLength: 2
|
||||
}).on('change', function (e) {
|
||||
var email = $('.proveedor').select2('data')[0].email;
|
||||
var telefono = $('.proveedor').select2('data')[0].telefono;
|
||||
var direccion = $('.proveedor').select2('data')[0].direccion;
|
||||
$('#email').html(email);
|
||||
$('#telefono').html(telefono);
|
||||
$('#direccion').html(direccion);
|
||||
})
|
||||
});
|
||||
|
||||
function mostrar_items() {
|
||||
var parametros = { "action": "ajax" };
|
||||
$.ajax({
|
||||
url: '/items_tabla',
|
||||
data: parametros,
|
||||
beforeSend: function (objeto) {
|
||||
$('.items').html('Cargando...');
|
||||
},
|
||||
success: function (data) {
|
||||
console.log(data);
|
||||
$(".items").html(data).fadeIn('slow');
|
||||
}
|
||||
})
|
||||
}
|
||||
function eliminar_item(id) {
|
||||
$.ajax({
|
||||
type: "GET",
|
||||
url: "ajax/items.php",
|
||||
data: "action=ajax&id=" + id,
|
||||
beforeSend: function (objeto) {
|
||||
$('.items').html('Cargando...');
|
||||
},
|
||||
success: function (data) {
|
||||
$(".items").html(data).fadeIn('slow');
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
$("#guardar_item").submit(function (event) {
|
||||
parametros = $(this).serialize();
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
url: 'ajax/items.php',
|
||||
data: parametros,
|
||||
beforeSend: function (objeto) {
|
||||
$('.items').html('Cargando...');
|
||||
},
|
||||
success: function (data) {
|
||||
$(".items").html(data).fadeIn('slow');
|
||||
$("#myModal").modal('hide');
|
||||
}
|
||||
})
|
||||
event.preventDefault();
|
||||
})
|
||||
$("#datos_presupuesto").submit(function () {
|
||||
var proveedor = $("#proveedor").val();
|
||||
var condiciones = $("#condiciones").val();
|
||||
var envio = $("#envio").val();
|
||||
|
||||
|
||||
if (proveedor > 0) {
|
||||
VentanaCentrada('./pdf/documentos/orden.php?proveedor=' + proveedor + '&condiciones=' + condiciones + '&envio=' + envio, 'Orden', '', '1024', '768', 'true');
|
||||
} else {
|
||||
alert("Selecciona el proveedor");
|
||||
return false;
|
||||
}
|
||||
|
||||
});
|
||||
mostrar_items();
|
||||
</script>
|
||||
<script>
|
||||
async function imprimirElemento(id_doc) {
|
||||
datAdd = id_doc;
|
||||
//let data = await getDataJSON("imprime_documento_A4", id_doc);
|
||||
//var data = document.getElementById('contenido');
|
||||
//console.log(data);
|
||||
var ventana = window.open('', 'PRINT', 'height=700,width=1024');
|
||||
ventana.document.write('<html><head><title>' + document.title + '</title>');
|
||||
ventana.document.write('<link rel="stylesheet" href="style.css">'); //Aquí agregué la hoja de estilos
|
||||
ventana.document.write('<link rel="stylesheet" href="vistas/bower_components/bootstrap/dist/css/bootstrap.min.css">'); //Aquí agregué la hoja de estilos
|
||||
ventana.document.write('<link rel="stylesheet" href="vistas/dist/css/AdminLTE.min.css">'); //Aquí agregué la hoja de estilos
|
||||
ventana.document.write('</head><body >');
|
||||
//ventana.document.write(data.datHtml);
|
||||
ventana.document.write(document.body.innerHTML);
|
||||
ventana.document.write('</body></html>');
|
||||
ventana.document.close();
|
||||
ventana.focus();
|
||||
ventana.onload = function () {
|
||||
ventana.print();
|
||||
ventana.close();
|
||||
};
|
||||
return true;
|
||||
}
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
821
src/public/plantilla_html/proformas.html
Normal file
821
src/public/plantilla_html/proformas.html
Normal file
@@ -0,0 +1,821 @@
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Crear facturas con HTML, CSS y JavaScript</title>
|
||||
<link rel="stylesheet" href="assets/css/main.css">
|
||||
<style>
|
||||
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
|
||||
|
||||
html {
|
||||
font-family: sans-serif;
|
||||
-ms-text-size-adjust: 100%;
|
||||
-webkit-text-size-adjust: 100%
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0
|
||||
}
|
||||
|
||||
article,
|
||||
aside,
|
||||
details,
|
||||
figcaption,
|
||||
figure,
|
||||
footer,
|
||||
header,
|
||||
hgroup,
|
||||
main,
|
||||
menu,
|
||||
nav,
|
||||
section,
|
||||
summary {
|
||||
display: block
|
||||
}
|
||||
|
||||
audio,
|
||||
canvas,
|
||||
progress,
|
||||
video {
|
||||
display: inline-block;
|
||||
vertical-align: baseline
|
||||
}
|
||||
|
||||
audio:not([controls]) {
|
||||
display: none;
|
||||
height: 0
|
||||
}
|
||||
|
||||
[hidden],
|
||||
template {
|
||||
display: none
|
||||
}
|
||||
|
||||
a {
|
||||
background-color: transparent
|
||||
}
|
||||
|
||||
a:active,
|
||||
a:hover {
|
||||
outline: 0
|
||||
}
|
||||
|
||||
abbr[title] {
|
||||
border-bottom: 1px dotted
|
||||
}
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: bold
|
||||
}
|
||||
|
||||
dfn {
|
||||
font-style: italic
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 2em;
|
||||
margin: 0.67em 0
|
||||
}
|
||||
|
||||
mark {
|
||||
background: #ff0;
|
||||
color: #000
|
||||
}
|
||||
|
||||
small {
|
||||
font-size: 80%
|
||||
}
|
||||
|
||||
sub,
|
||||
sup {
|
||||
font-size: 75%;
|
||||
line-height: 0;
|
||||
position: relative;
|
||||
vertical-align: baseline
|
||||
}
|
||||
|
||||
sup {
|
||||
top: -0.5em
|
||||
}
|
||||
|
||||
sub {
|
||||
bottom: -0.25em
|
||||
}
|
||||
|
||||
img {
|
||||
border: 0
|
||||
}
|
||||
|
||||
svg:not(:root) {
|
||||
overflow: hidden
|
||||
}
|
||||
|
||||
figure {
|
||||
margin: 1em 40px
|
||||
}
|
||||
|
||||
hr {
|
||||
-moz-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
height: 0
|
||||
}
|
||||
|
||||
pre {
|
||||
overflow: auto
|
||||
}
|
||||
|
||||
code,
|
||||
kbd,
|
||||
pre,
|
||||
samp {
|
||||
font-family: monospace, monospace;
|
||||
font-size: 1em
|
||||
}
|
||||
|
||||
button,
|
||||
input,
|
||||
optgroup,
|
||||
select,
|
||||
textarea {
|
||||
color: inherit;
|
||||
font: inherit;
|
||||
margin: 0
|
||||
}
|
||||
|
||||
button {
|
||||
overflow: visible
|
||||
}
|
||||
|
||||
button,
|
||||
select {
|
||||
text-transform: none
|
||||
}
|
||||
|
||||
button,
|
||||
html input[type="button"],
|
||||
input[type="reset"],
|
||||
input[type="submit"] {
|
||||
-webkit-appearance: button;
|
||||
cursor: pointer
|
||||
}
|
||||
|
||||
button[disabled],
|
||||
html input[disabled] {
|
||||
cursor: default
|
||||
}
|
||||
|
||||
button::-moz-focus-inner,
|
||||
input::-moz-focus-inner {
|
||||
border: 0;
|
||||
padding: 0
|
||||
}
|
||||
|
||||
input {
|
||||
line-height: normal
|
||||
}
|
||||
|
||||
input[type="checkbox"],
|
||||
input[type="radio"] {
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
padding: 0
|
||||
}
|
||||
|
||||
input[type="number"]::-webkit-inner-spin-button,
|
||||
input[type="number"]::-webkit-outer-spin-button {
|
||||
height: auto
|
||||
}
|
||||
|
||||
input[type="search"] {
|
||||
-webkit-appearance: textfield;
|
||||
-moz-box-sizing: content-box;
|
||||
box-sizing: content-box
|
||||
}
|
||||
|
||||
input[type="search"]::-webkit-search-cancel-button,
|
||||
input[type="search"]::-webkit-search-decoration {
|
||||
-webkit-appearance: none
|
||||
}
|
||||
|
||||
fieldset {
|
||||
border: 1px solid #c0c0c0;
|
||||
margin: 0 2px;
|
||||
padding: 0.35em 0.625em 0.75em
|
||||
}
|
||||
|
||||
legend {
|
||||
border: 0;
|
||||
padding: 0
|
||||
}
|
||||
|
||||
textarea {
|
||||
overflow: auto
|
||||
}
|
||||
|
||||
optgroup {
|
||||
font-weight: bold
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0
|
||||
}
|
||||
|
||||
td,
|
||||
th {
|
||||
padding: 0
|
||||
}
|
||||
|
||||
html {
|
||||
font-size: 12px;
|
||||
line-height: 1.5;
|
||||
color: #000;
|
||||
background: #ddd;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
||||
margin: 6rem auto 0;
|
||||
max-width: 800px;
|
||||
background: white;
|
||||
border: 1px solid #aaa;
|
||||
padding: 2rem
|
||||
}
|
||||
|
||||
.container {
|
||||
max-width: 800px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
padding-left: 1rem;
|
||||
padding-right: 1rem
|
||||
}
|
||||
|
||||
*,
|
||||
*:before,
|
||||
*:after {
|
||||
-moz-box-sizing: inherit;
|
||||
box-sizing: inherit
|
||||
}
|
||||
|
||||
[contenteditable]:hover,
|
||||
[contenteditable]:focus,
|
||||
input:hover,
|
||||
input:focus {
|
||||
background: rgba(241, 76, 76, 0.1);
|
||||
outline: 1px solid #009688
|
||||
}
|
||||
|
||||
.group:after,
|
||||
.row:after,
|
||||
.invoicelist-footer:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both
|
||||
}
|
||||
|
||||
a {
|
||||
color: #009688;
|
||||
text-decoration: none
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 0
|
||||
}
|
||||
|
||||
.row {
|
||||
position: relative;
|
||||
display: block;
|
||||
width: 100%;
|
||||
font-size: 0
|
||||
}
|
||||
|
||||
.col,
|
||||
.logoholder,
|
||||
.me,
|
||||
.info,
|
||||
.bank,
|
||||
[class*="col-"] {
|
||||
vertical-align: top;
|
||||
display: inline-block;
|
||||
font-size: 1rem;
|
||||
padding: 0 1rem;
|
||||
min-height: 1px
|
||||
}
|
||||
|
||||
.col-4 {
|
||||
width: 25%
|
||||
}
|
||||
|
||||
.col-3 {
|
||||
width: 33.33%
|
||||
}
|
||||
|
||||
.col-2 {
|
||||
width: 50%
|
||||
}
|
||||
|
||||
.col-2-4 {
|
||||
width: 75%
|
||||
}
|
||||
|
||||
.col-1 {
|
||||
width: 100%
|
||||
}
|
||||
|
||||
.text-center {
|
||||
text-align: center
|
||||
}
|
||||
|
||||
.text-right {
|
||||
text-align: right
|
||||
}
|
||||
|
||||
.control-bar {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
z-index: 100;
|
||||
background: #009688;
|
||||
color: white;
|
||||
line-height: 4rem;
|
||||
height: 4rem
|
||||
}
|
||||
|
||||
.control-bar .slogan {
|
||||
font-weight: bold;
|
||||
font-size: 1.2rem;
|
||||
display: inline-block;
|
||||
margin-right: 2rem
|
||||
}
|
||||
|
||||
.control-bar label {
|
||||
margin-right: 1rem
|
||||
}
|
||||
|
||||
.control-bar a {
|
||||
margin: 0;
|
||||
padding: .5em 1em;
|
||||
background: rgba(255, 255, 255, 0.8)
|
||||
}
|
||||
|
||||
.control-bar a:hover {
|
||||
background: #fff
|
||||
}
|
||||
|
||||
.control-bar input {
|
||||
border: none;
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
padding: .5rem 0;
|
||||
max-width: 30px;
|
||||
text-align: center
|
||||
}
|
||||
|
||||
.control-bar input:hover {
|
||||
background: rgba(255, 255, 255, 0.3)
|
||||
}
|
||||
|
||||
.hidetax .taxrelated {
|
||||
display: none
|
||||
}
|
||||
|
||||
.showtax .notaxrelated {
|
||||
display: none
|
||||
}
|
||||
|
||||
.hidedate .daterelated {
|
||||
display: none
|
||||
}
|
||||
|
||||
.showdate .notdaterelated {
|
||||
display: none
|
||||
}
|
||||
|
||||
header {
|
||||
margin: 1rem 0 0;
|
||||
padding: 0 0 2rem 0;
|
||||
border-bottom: 3pt solid #009688
|
||||
}
|
||||
|
||||
header p {
|
||||
font-size: .9rem
|
||||
}
|
||||
|
||||
header a {
|
||||
color: #000
|
||||
}
|
||||
|
||||
.logo {
|
||||
margin: 0 auto;
|
||||
width: auto;
|
||||
height: auto;
|
||||
border: none;
|
||||
fill: #009688
|
||||
}
|
||||
|
||||
.logoholder {
|
||||
width: 14%
|
||||
}
|
||||
|
||||
.me {
|
||||
width: 30%
|
||||
}
|
||||
|
||||
.info {
|
||||
width: 30%
|
||||
}
|
||||
|
||||
.bank {
|
||||
width: 26%
|
||||
}
|
||||
|
||||
.section {
|
||||
margin: 2rem 0 0
|
||||
}
|
||||
|
||||
.smallme {
|
||||
display: inline-block;
|
||||
text-transform: uppercase;
|
||||
margin: 0 0 2rem 0;
|
||||
font-size: .9rem
|
||||
}
|
||||
|
||||
.client {
|
||||
margin: 0 0 3rem 0
|
||||
}
|
||||
|
||||
h1 {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-size: 2rem;
|
||||
color: #009688
|
||||
}
|
||||
|
||||
.details input {
|
||||
display: inline;
|
||||
margin: 0 0 0 .5rem;
|
||||
border: none;
|
||||
width: 50px;
|
||||
min-width: 0;
|
||||
background: transparent;
|
||||
text-align: left
|
||||
}
|
||||
|
||||
|
||||
.invoice_detail {
|
||||
border: solid 1px #009688;
|
||||
padding: 10px;
|
||||
height: 25px;
|
||||
text-align: center
|
||||
}
|
||||
|
||||
.rate:before,
|
||||
.price:before,
|
||||
.sum:before,
|
||||
.tax:before,
|
||||
#total_price:before,
|
||||
#total_tax:before {
|
||||
content: '$'
|
||||
}
|
||||
|
||||
.invoicelist-body {
|
||||
margin: 1rem
|
||||
}
|
||||
|
||||
.invoicelist-body table {
|
||||
width: 100%
|
||||
}
|
||||
|
||||
.invoicelist-body thead {
|
||||
text-align: left;
|
||||
border-bottom: 1pt solid #666
|
||||
}
|
||||
|
||||
.invoicelist-body td,
|
||||
.invoicelist-body th {
|
||||
position: relative;
|
||||
padding: 1rem
|
||||
}
|
||||
|
||||
.invoicelist-body tr:nth-child(even) {
|
||||
background: #ccc
|
||||
}
|
||||
|
||||
.invoicelist-body tr:hover .removeRow {
|
||||
display: block
|
||||
}
|
||||
|
||||
.invoicelist-body input {
|
||||
display: inline;
|
||||
margin: 0;
|
||||
border: none;
|
||||
width: 80%;
|
||||
min-width: 0;
|
||||
background: transparent;
|
||||
text-align: left
|
||||
}
|
||||
|
||||
.invoicelist-body .control {
|
||||
display: inline-block;
|
||||
color: white;
|
||||
background: #009688;
|
||||
padding: 3px 7px;
|
||||
font-size: .9rem;
|
||||
text-transform: uppercase;
|
||||
cursor: pointer
|
||||
}
|
||||
|
||||
.invoicelist-body .control:hover {
|
||||
background: #f36464
|
||||
}
|
||||
|
||||
.invoicelist-body .newRow {
|
||||
margin: .5rem 0;
|
||||
float: left
|
||||
}
|
||||
|
||||
.invoicelist-body .removeRow {
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: .1rem;
|
||||
bottom: .1rem;
|
||||
left: -1.3rem;
|
||||
font-size: .7rem;
|
||||
border-radius: 3px 0 0 3px;
|
||||
padding: .5rem
|
||||
}
|
||||
|
||||
.invoicelist-footer {
|
||||
margin: 1rem
|
||||
}
|
||||
|
||||
.invoicelist-footer table {
|
||||
float: right;
|
||||
width: 25%
|
||||
}
|
||||
|
||||
.invoicelist-footer table td {
|
||||
padding: 1rem 2rem 0 1rem;
|
||||
text-align: right
|
||||
}
|
||||
|
||||
.invoicelist-footer table tr:nth-child(2) td {
|
||||
padding-top: 0
|
||||
}
|
||||
|
||||
.invoicelist-footer table #total_price {
|
||||
font-size: 2rem;
|
||||
color: #009688
|
||||
}
|
||||
|
||||
.note {
|
||||
margin: 1rem
|
||||
}
|
||||
|
||||
.hidenote .note {
|
||||
display: none
|
||||
}
|
||||
|
||||
.note h2 {
|
||||
margin: 0;
|
||||
font-size: 1rem;
|
||||
font-weight: bold
|
||||
}
|
||||
|
||||
footer {
|
||||
display: block;
|
||||
margin: 1rem 0;
|
||||
padding: 1rem 0 0
|
||||
}
|
||||
|
||||
footer p {
|
||||
font-size: .8rem
|
||||
}
|
||||
|
||||
@media print {
|
||||
html {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background: #fff
|
||||
}
|
||||
|
||||
body {
|
||||
width: 100%;
|
||||
border: none;
|
||||
background: #fff;
|
||||
color: #000;
|
||||
margin: 0;
|
||||
padding: 0
|
||||
}
|
||||
|
||||
.control,
|
||||
.control-bar {
|
||||
display: none !important
|
||||
}
|
||||
|
||||
[contenteditable]:hover,
|
||||
[contenteditable]:focus {
|
||||
outline: none
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*# sourceMappingURL=main.css.map */
|
||||
</style>
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com" crossorigin="use-credentials">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com">
|
||||
<link rel="stylesheet"
|
||||
href="https://fonts.googleapis.com/css2?family=Mulish:wght@200;300;400;500;600;700;800;900&display=swa">
|
||||
</head>
|
||||
|
||||
<body class="hidedate showtax shownote">
|
||||
<!--.control-bar-->
|
||||
|
||||
<header class="row">
|
||||
<div class="logoholder text-center">
|
||||
<img src="https://obedalvarado.pw/demo/sales_invoice/assets/img/logo.png">
|
||||
</div><!--.logoholder-->
|
||||
|
||||
<div class="me">
|
||||
<p contenteditable="">
|
||||
<strong>Sistema Web S.A. de C.V.</strong><br>
|
||||
234/90, New York Street<br>
|
||||
United States.<br>
|
||||
|
||||
</p>
|
||||
</div><!--.me-->
|
||||
|
||||
<div class="info">
|
||||
<p contenteditable="">
|
||||
Web: <a href="http://volkerotto.net">www.sistemasweb.la</a><br>
|
||||
E-mail: <a href="mailto:info@obedalvarado.pw">info@obedalvarado.pw</a><br>
|
||||
Tel: +456-345-908-559<br>
|
||||
Twitter: @alvarado_obed
|
||||
</p>
|
||||
</div><!-- .info -->
|
||||
|
||||
<div class="bank">
|
||||
<p contenteditable="">
|
||||
Datos bacarios: <br>
|
||||
Titular de la cuenta: <br>
|
||||
IBAN: <br>
|
||||
BIC:
|
||||
</p>
|
||||
</div><!--.bank-->
|
||||
|
||||
</header>
|
||||
|
||||
|
||||
<div class="row section">
|
||||
|
||||
<div class="col-2">
|
||||
<h1 contenteditable="">Factura</h1>
|
||||
</div><!--.col-->
|
||||
|
||||
<div class="col-2 text-right details">
|
||||
<p contenteditable="">
|
||||
Fecha: <input type="text" class="datePicker"><br>
|
||||
Factura #: <input type="text" value="100"><br>
|
||||
Vence: <input class="twoweeks" type="text">
|
||||
</p>
|
||||
</div><!--.col-->
|
||||
|
||||
|
||||
|
||||
<div class="col-2">
|
||||
|
||||
|
||||
<p contenteditable="" class="client">
|
||||
<strong>Facturar a</strong><br>
|
||||
[Nombre cliente]<br>
|
||||
[Nombre emmpresa]<br>
|
||||
[Dirección empresa]<br>
|
||||
[Tel empresa]
|
||||
</p>
|
||||
</div><!--.col-->
|
||||
|
||||
|
||||
<div class="col-2">
|
||||
|
||||
|
||||
<p contenteditable="" class="client">
|
||||
<strong>Enviar a</strong><br>
|
||||
[Nombre cliente]<br>
|
||||
[Nombre emmpresa]<br>
|
||||
[Dirección empresa]<br>
|
||||
[Tel empresa]
|
||||
</p>
|
||||
</div><!--.col-->
|
||||
|
||||
|
||||
|
||||
</div><!--.row-->
|
||||
|
||||
<div class="row section" style="margin-top:-1rem">
|
||||
<div class="col-1">
|
||||
<table style="width:100%">
|
||||
<thead contenteditable="">
|
||||
<tr class="invoice_detail">
|
||||
<th width="25%" style="text-align">Vendedor</th>
|
||||
<th width="25%">Orden de compra </th>
|
||||
<th width="20%">Enviar por</th>
|
||||
<th width="30%">Términos y condiciones</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody contenteditable="">
|
||||
<tr class="invoice_detail">
|
||||
<td width="25%" style="text-align">John Doe</td>
|
||||
<td width="25%">#PO-2020 </td>
|
||||
<td width="20%">DHL</td>
|
||||
<td width="30%">Pago al contado</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div><!--.row-->
|
||||
|
||||
<div class="invoicelist-body">
|
||||
<table>
|
||||
<thead contenteditable="">
|
||||
<tr>
|
||||
<th width="5%">Código</th>
|
||||
<th width="60%">Descripción</th>
|
||||
|
||||
<th width="10%">Cant.</th>
|
||||
<th width="15%">Precio</th>
|
||||
<th class="taxrelated">IVA</th>
|
||||
<th width="10%">Total</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td width="5%"><a class="control removeRow" href="#">x</a> <span contenteditable="">12345</span>
|
||||
</td>
|
||||
<td width="60%"><span contenteditable="">Descripción</span></td>
|
||||
<td class="amount"><input type="text" value="1"></td>
|
||||
<td class="rate"><input type="text" value="99"></td>
|
||||
<td class="tax taxrelated">10.61</td>
|
||||
<td class="sum">99.00</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><a class="control removeRow" href="#">x</a><span contenteditable="">2<br></span></td>
|
||||
<td><span contenteditable="">Descripción</span></td>
|
||||
<td class="amount"><input type="text" value="1"></td>
|
||||
<td class="rate"><input type="text" value="99"></td>
|
||||
<td class="tax taxrelated">10.61</td>
|
||||
<td class="sum">99.00</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><a class="control removeRow" href="#">x</a><span contenteditable="">1</span></td>
|
||||
<td><span contenteditable="">Descripción</span></td>
|
||||
<td class="amount"><input type="text" value="1"></td>
|
||||
<td class="rate"><input type="text" value="99"></td>
|
||||
<td class="tax taxrelated">10.61</td>
|
||||
<td class="sum">99.00</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<a class="control newRow" href="#">+ Nueva fila</a>
|
||||
</div><!--.invoice-body-->
|
||||
|
||||
<div class="invoicelist-footer">
|
||||
<table contenteditable="">
|
||||
<tbody>
|
||||
<tr class="taxrelated">
|
||||
<td>SubTotal:</td>
|
||||
<td id="total_tax">31.82</td>
|
||||
</tr>
|
||||
<tr class="taxrelated">
|
||||
<td>IVA:</td>
|
||||
<td id="total_tax">31.82</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>Total:</strong></td>
|
||||
<td id="total_price">297.00</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="note" contenteditable="">
|
||||
<h2>Nota:</h2>
|
||||
</div><!--.note-->
|
||||
|
||||
<footer class="row">
|
||||
<div class="col-1 text-center">
|
||||
<p class="notaxrelated" contenteditable="">El monto de la factura no incluye el impuesto sobre las ventas.
|
||||
</p>
|
||||
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
|
||||
<script>window.jQuery || document.write('<script src="assets/bower_components/jquery/dist/jquery.min.js"><\/script>')</script>
|
||||
<script src="assets/js/main.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
101
src/public/plantilla_html/tiket_impresion.html
Normal file
101
src/public/plantilla_html/tiket_impresion.html
Normal file
@@ -0,0 +1,101 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Document</title>
|
||||
<link rel="stylesheet" href="https://factura-e.net/css/app_facturadorPHP.css">
|
||||
<link rel="stylesheet" href="https://factura-e.net/css/app_documentoWebPHP.css">
|
||||
<link rel="stylesheet" href="https://factura-e.net/css/app_chat.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="documento_tiket">
|
||||
<div class="invoice p-3 mb-3">
|
||||
<div class="box">
|
||||
<div class="documento_tiket_titulo ">TELCOTRONICS</div>
|
||||
Calle 3 de agosto y Edmundo Andrade
|
||||
</div>
|
||||
<div class="box"> Cliente:<strong> AGRICOLA PACWUIST SA AGROPAC </strong><br> Identificación:<strong>
|
||||
1791952561001 </strong> Fecha:<strong> 2023-12-19 </strong><br>Telefono: 023750359 Email:
|
||||
agropac@gjs.com.ec </div>
|
||||
</div>
|
||||
<div class="box">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th WIDTH="10%">Cant</th>
|
||||
<th>Detalle</th>
|
||||
<th WIDTH="15%">P.U</th>
|
||||
<th WIDTH="15%">P.T</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="tabla_DetalleVentas">
|
||||
<tr>
|
||||
<td>5</td>
|
||||
<td> <span class="documento_tiket_detalle">INSTALACION PTO INVERSOR</span> <span
|
||||
class="documento_tiket_codigo">TEG00446A1<span></td>
|
||||
<td align="right">15.00</td>
|
||||
<td align="right">75.00</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td> <span class="documento_tiket_detalle">XMART INVERSOR DE1.5K1.5KVA XBU-SW-2.0K-120-NB
|
||||
24V</span> <span class="documento_tiket_codigo">PEG0010831A1<span></td>
|
||||
<td align="right">390.00</td>
|
||||
<td align="right">390.00</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>4</td>
|
||||
<td> <span class="documento_tiket_detalle">CONECTOR ENERGIA CAMARARAS CABLE UTP</span> <span
|
||||
class="documento_tiket_codigo">TEG00141A1<span></td>
|
||||
<td align="right">0.67</td>
|
||||
<td align="right">2.68</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>10</td>
|
||||
<td> <span class="documento_tiket_detalle">CONELSA CABLE GEMELO N22</span> <span
|
||||
class="documento_tiket_codigo">TEG0010107A1<span></td>
|
||||
<td align="right">0.32</td>
|
||||
<td align="right">3.16</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="table-responsive">
|
||||
<table class="table">
|
||||
<tbody>
|
||||
<tr>
|
||||
<tr>
|
||||
<th style="width:60%">Ventas 0%:</th>
|
||||
<td align="right">$0</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>Ventas 12%</th>
|
||||
<td align="right">$470.83</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>Subtotal: </th>
|
||||
<td align="right">$470.83</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>Impuesto: (12%)</th>
|
||||
<td align="right">$56.5</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>Descuento: </th>
|
||||
<td align="right">$0</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>Total:</th>
|
||||
<td align="right"><strong>$527.33</strong></td>
|
||||
</tr>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
87
src/public/plantilla_html/widget.html
Normal file
87
src/public/plantilla_html/widget.html
Normal file
@@ -0,0 +1,87 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Document</title>
|
||||
|
||||
<!--https://fontawesome.com/v5/search-->
|
||||
<link rel="stylesheet" href="../plugins/fontawesome-free/css/all.min.css">
|
||||
|
||||
<link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
|
||||
|
||||
<link rel="stylesheet" href="https://factura-e.net/vistas/bower_components/bootstrap/dist/css/bootstrap.min.css">
|
||||
|
||||
<link rel="stylesheet" href="http://localhost:3001/css/widget.css">
|
||||
|
||||
<link rel="stylesheet" href="../dist/css/adminlte.min.css">
|
||||
|
||||
<link rel="stylesheet" href="https://factura-e.net/vistas/dist/css/AdminLTE.min.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="row">
|
||||
|
||||
<div class="col-lg-3 col-md-6 col-12">
|
||||
<div class="small-box bg-info">
|
||||
<div class="inner">
|
||||
<h3>150</h3>
|
||||
|
||||
<p>New Orders</p>
|
||||
</div>
|
||||
<div class="icono">
|
||||
<i class="ion ion-bag"></i>
|
||||
</div>
|
||||
<a href="#" class="small-box-footer" onclick="cargarDatos_EmpresaFact('venta_listar')">
|
||||
More info <i class="fas fa-arrow-circle-right"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-3 col-md-6 col-12">
|
||||
<div class="small-box bg-success">
|
||||
<div class="inner">
|
||||
<h3>53<sup style="font-size: 20px">%</sup></h3>
|
||||
<p>Bounce Rate</p>
|
||||
</div>
|
||||
<div class="icono">
|
||||
<i class="ion ion-stats-bars"></i>
|
||||
</div>
|
||||
<a href="#" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-3 col-md-6 col-12">
|
||||
<div class="small-box bg-warning">
|
||||
<div class="inner">
|
||||
<h3>44</h3>
|
||||
<p>User Registrations</p>
|
||||
</div>
|
||||
<div class="icono">
|
||||
<i class="ion ion-person-add"></i>
|
||||
</div>
|
||||
<a href="#" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-3 col-md-6 col-12">
|
||||
<div class="small-box bg-danger">
|
||||
<div class="inner">
|
||||
<h3>65</h3>
|
||||
<p>Unique Visitors</p>
|
||||
</div>
|
||||
<div class="icono">
|
||||
<i class="ion ion-pie-graph"></i>
|
||||
</div>
|
||||
<a href="#" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="https://factura-e.net/vistas/bower_components/jquery/dist/jquery.min.js"></script>
|
||||
<script src="https://factura-e.net/vistas/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
389
src/public/plantilla_html/widget_compras.html
Normal file
389
src/public/plantilla_html/widget_compras.html
Normal file
@@ -0,0 +1,389 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Document</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="kt-portlet">
|
||||
<div class="kt-portlet__head">
|
||||
<div class="kt-portlet__head-label">
|
||||
<span class="kt-portlet__head-icon kt-hidden">
|
||||
<i class="la la-gear"></i>
|
||||
</span>
|
||||
<h3 class="kt-portlet__head-title">
|
||||
<span class="caption-subject bold uppercase font-dark">PRESUPUESTO </span>
|
||||
<span class="caption-helper">FEBRERO 2024</span>
|
||||
</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="kt-portlet__body">
|
||||
<div class="budget-details scroller" data-always-visible="1" data-rail-visible="1" data-rail-color="red"
|
||||
data-handle-color="green">
|
||||
|
||||
<div class="kt-widget-legend">
|
||||
<div class="kt-widget-legend__item">
|
||||
<div class="kt-widget-legend__content col-xs-12 col-md-4 col-lg-5 col-xl-4">
|
||||
<div class="kt-widget-legend__pic" style="color:#9e9e9e;width: 30px;text-align:center">
|
||||
<img src="/Images/deducibles/0.png">
|
||||
</div>
|
||||
<div class="kt-widget-legend__info text-center">
|
||||
<a href="#" class="kt-widget-legend__username">
|
||||
<span>Sin Clasificar</span>
|
||||
</a>
|
||||
<p class="kt-widget-legend__text">
|
||||
<strong> 0.00% </strong>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="kt-widget-legend__content col-xs-12 col-md-8 col-lg-7 col-xl-8">
|
||||
<div class="kt-widget-legend__progress">
|
||||
<a href="#" class="kt-widget-legend__stats">
|
||||
<span>$ 444.93 </span>
|
||||
<span class="text-center" style="color:blue;">No Configurado</span>
|
||||
<span>$ 0.00</span>
|
||||
</a>
|
||||
|
||||
<div class="progress progress-lg progress-bar-striped progress-bar-animated"
|
||||
title="Sin Clasificar: 0.00%">
|
||||
<div class="progress-bar" role="progressbar"
|
||||
style="background-color:blue; width: 0.00%" aria-valuenow="0" aria-valuemin="0"
|
||||
aria-valuemax="100">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="kt-widget-legend__info text-right" style="padding-right:0px;color:blue;">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="kt-widget-legend__item">
|
||||
<div class="kt-widget-legend__content col-xs-12 col-md-4 col-lg-5 col-xl-4">
|
||||
<div class="kt-widget-legend__pic" style="color:#009788;width: 30px;text-align:center">
|
||||
<img src="/Images/deducibles/1.png">
|
||||
</div>
|
||||
<div class="kt-widget-legend__info text-center">
|
||||
<a href="#" class="kt-widget-legend__username">
|
||||
<span>Vivienda</span>
|
||||
</a>
|
||||
<p class="kt-widget-legend__text">
|
||||
<strong> 0.00% </strong>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="kt-widget-legend__content col-xs-12 col-md-8 col-lg-7 col-xl-8">
|
||||
<div class="kt-widget-legend__progress">
|
||||
<a href="#" class="kt-widget-legend__stats">
|
||||
<span>$ 32.34 </span>
|
||||
<span class="text-center" style="color:blue;">No Configurado</span>
|
||||
<span>$ 0.00</span>
|
||||
</a>
|
||||
|
||||
<div class="progress progress-lg progress-bar-striped progress-bar-animated"
|
||||
title="Vivienda: 0.00%">
|
||||
<div class="progress-bar" role="progressbar"
|
||||
style="background-color:blue; width: 0.00%" aria-valuenow="0" aria-valuemin="0"
|
||||
aria-valuemax="100">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="kt-widget-legend__info text-right" style="padding-right:0px;color:blue;">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="kt-widget-legend__item">
|
||||
<div class="kt-widget-legend__content col-xs-12 col-md-4 col-lg-5 col-xl-4">
|
||||
<div class="kt-widget-legend__pic" style="color:#9a29ad;width: 30px;text-align:center">
|
||||
<img src="/Images/deducibles/2.png">
|
||||
</div>
|
||||
<div class="kt-widget-legend__info text-center">
|
||||
<a href="#" class="kt-widget-legend__username">
|
||||
<span>Educación</span>
|
||||
</a>
|
||||
<p class="kt-widget-legend__text">
|
||||
<strong> 0.00% </strong>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="kt-widget-legend__content col-xs-12 col-md-8 col-lg-7 col-xl-8">
|
||||
<div class="kt-widget-legend__progress">
|
||||
<a href="#" class="kt-widget-legend__stats">
|
||||
<span>$ 11.78 </span>
|
||||
<span class="text-center" style="color:blue;">No Configurado</span>
|
||||
<span>$ 0.00</span>
|
||||
</a>
|
||||
|
||||
<div class="progress progress-lg progress-bar-striped progress-bar-animated"
|
||||
title="Educación: 0.00%">
|
||||
<div class="progress-bar" role="progressbar"
|
||||
style="background-color:blue; width: 0.00%" aria-valuenow="0" aria-valuemin="0"
|
||||
aria-valuemax="100">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="kt-widget-legend__info text-right" style="padding-right:0px;color:blue;">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="kt-widget-legend__item">
|
||||
<div class="kt-widget-legend__content col-xs-12 col-md-4 col-lg-5 col-xl-4">
|
||||
<div class="kt-widget-legend__pic" style="color:#fec107;width: 30px;text-align:center">
|
||||
<img src="/Images/deducibles/3.png">
|
||||
</div>
|
||||
<div class="kt-widget-legend__info text-center">
|
||||
<a href="#" class="kt-widget-legend__username">
|
||||
<span>Alimentación</span>
|
||||
</a>
|
||||
<p class="kt-widget-legend__text">
|
||||
<strong> 0.00% </strong>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="kt-widget-legend__content col-xs-12 col-md-8 col-lg-7 col-xl-8">
|
||||
<div class="kt-widget-legend__progress">
|
||||
<a href="#" class="kt-widget-legend__stats">
|
||||
<span>$ 42.89 </span>
|
||||
<span class="text-center" style="color:blue;">No Configurado</span>
|
||||
<span>$ 0.00</span>
|
||||
</a>
|
||||
|
||||
<div class="progress progress-lg progress-bar-striped progress-bar-animated"
|
||||
title="Alimentación: 0.00%">
|
||||
<div class="progress-bar" role="progressbar"
|
||||
style="background-color:blue; width: 0.00%" aria-valuenow="0" aria-valuemin="0"
|
||||
aria-valuemax="100">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="kt-widget-legend__info text-right" style="padding-right:0px;color:blue;">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="kt-widget-legend__item">
|
||||
<div class="kt-widget-legend__content col-xs-12 col-md-4 col-lg-5 col-xl-4">
|
||||
<div class="kt-widget-legend__pic" style="color:#f34638;width: 30px;text-align:center">
|
||||
<img src="/Images/deducibles/4.png">
|
||||
</div>
|
||||
<div class="kt-widget-legend__info text-center">
|
||||
<a href="#" class="kt-widget-legend__username">
|
||||
<span>Vestimenta</span>
|
||||
</a>
|
||||
<p class="kt-widget-legend__text">
|
||||
<strong> 0.00% </strong>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="kt-widget-legend__content col-xs-12 col-md-8 col-lg-7 col-xl-8">
|
||||
<div class="kt-widget-legend__progress">
|
||||
<a href="#" class="kt-widget-legend__stats">
|
||||
<span>$ 0.00 </span>
|
||||
<span class="text-center" style="color:blue;">No Configurado</span>
|
||||
<span>$ 0.00</span>
|
||||
</a>
|
||||
|
||||
<div class="progress progress-lg progress-bar-striped progress-bar-animated"
|
||||
title="Vestimenta: 0.00%">
|
||||
<div class="progress-bar" role="progressbar"
|
||||
style="background-color:blue; width: 0.00%" aria-valuenow="0" aria-valuemin="0"
|
||||
aria-valuemax="100">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="kt-widget-legend__info text-right" style="padding-right:0px;color:blue;">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="kt-widget-legend__item">
|
||||
<div class="kt-widget-legend__content col-xs-12 col-md-4 col-lg-5 col-xl-4">
|
||||
<div class="kt-widget-legend__pic" style="color:#2097f5;width: 30px;text-align:center">
|
||||
<img src="/Images/deducibles/5.png">
|
||||
</div>
|
||||
<div class="kt-widget-legend__info text-center">
|
||||
<a href="#" class="kt-widget-legend__username">
|
||||
<span>Salud</span>
|
||||
</a>
|
||||
<p class="kt-widget-legend__text">
|
||||
<strong> 0.00% </strong>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="kt-widget-legend__content col-xs-12 col-md-8 col-lg-7 col-xl-8">
|
||||
<div class="kt-widget-legend__progress">
|
||||
<a href="#" class="kt-widget-legend__stats">
|
||||
<span>$ 66.62 </span>
|
||||
<span class="text-center" style="color:blue;">No Configurado</span>
|
||||
<span>$ 0.00</span>
|
||||
</a>
|
||||
|
||||
<div class="progress progress-lg progress-bar-striped progress-bar-animated"
|
||||
title="Salud: 0.00%">
|
||||
<div class="progress-bar" role="progressbar"
|
||||
style="background-color:blue; width: 0.00%" aria-valuenow="0" aria-valuemin="0"
|
||||
aria-valuemax="100">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="kt-widget-legend__info text-right" style="padding-right:0px;color:blue;">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="kt-widget-legend__item">
|
||||
<div class="kt-widget-legend__content col-xs-12 col-md-4 col-lg-5 col-xl-4">
|
||||
<div class="kt-widget-legend__pic" style="color:#00c1d4;width: 30px;text-align:center">
|
||||
<img src="/Images/deducibles/6.png">
|
||||
</div>
|
||||
<div class="kt-widget-legend__info text-center">
|
||||
<a href="#" class="kt-widget-legend__username">
|
||||
<span>Arte y Cultura</span>
|
||||
</a>
|
||||
<p class="kt-widget-legend__text">
|
||||
<strong> 0.00% </strong>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="kt-widget-legend__content col-xs-12 col-md-8 col-lg-7 col-xl-8">
|
||||
<div class="kt-widget-legend__progress">
|
||||
<a href="#" class="kt-widget-legend__stats">
|
||||
<span>$ 0.00 </span>
|
||||
<span class="text-center" style="color:blue;">No Configurado</span>
|
||||
<span>$ 0.00</span>
|
||||
</a>
|
||||
|
||||
<div class="progress progress-lg progress-bar-striped progress-bar-animated"
|
||||
title="Arte y Cultura: 0.00%">
|
||||
<div class="progress-bar" role="progressbar"
|
||||
style="background-color:blue; width: 0.00%" aria-valuenow="0" aria-valuemin="0"
|
||||
aria-valuemax="100">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="kt-widget-legend__info text-right" style="padding-right:0px;color:blue;">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="kt-widget-legend__item">
|
||||
<div class="kt-widget-legend__content col-xs-12 col-md-4 col-lg-5 col-xl-4">
|
||||
<div class="kt-widget-legend__pic" style="color:#CD6539;width: 30px;text-align:center">
|
||||
<img src="/Images/deducibles/7.png">
|
||||
</div>
|
||||
<div class="kt-widget-legend__info text-center">
|
||||
<a href="#" class="kt-widget-legend__username">
|
||||
<span>Turismo</span>
|
||||
</a>
|
||||
<p class="kt-widget-legend__text">
|
||||
<strong> 0.00% </strong>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="kt-widget-legend__content col-xs-12 col-md-8 col-lg-7 col-xl-8">
|
||||
<div class="kt-widget-legend__progress">
|
||||
<a href="#" class="kt-widget-legend__stats">
|
||||
<span>$ 65.00 </span>
|
||||
<span class="text-center" style="color:blue;">No Configurado</span>
|
||||
<span>$ 0.00</span>
|
||||
</a>
|
||||
|
||||
<div class="progress progress-lg progress-bar-striped progress-bar-animated"
|
||||
title="Turismo: 0.00%">
|
||||
<div class="progress-bar" role="progressbar"
|
||||
style="background-color:blue; width: 0.00%" aria-valuenow="0" aria-valuemin="0"
|
||||
aria-valuemax="100">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="kt-widget-legend__info text-right" style="padding-right:0px;color:blue;">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="kt-widget-legend__item">
|
||||
<div class="kt-widget-legend__content col-xs-12 col-md-4 col-lg-5 col-xl-4">
|
||||
<div class="kt-widget-legend__pic" style="color:#00bdd3;width: 30px;text-align:center">
|
||||
<img src="/Images/deducibles/11.png">
|
||||
</div>
|
||||
<div class="kt-widget-legend__info text-center">
|
||||
<a href="#" class="kt-widget-legend__username">
|
||||
<span>TOTAL</span>
|
||||
</a>
|
||||
<p class="kt-widget-legend__text">
|
||||
<strong> 0.00% </strong>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="kt-widget-legend__content col-xs-12 col-md-8 col-lg-7 col-xl-8">
|
||||
<div class="kt-widget-legend__progress">
|
||||
<a href="#" class="kt-widget-legend__stats">
|
||||
<span>$ 663.56 </span>
|
||||
<span class="text-center" style="color:blue;">No Configurado</span>
|
||||
<span>$ 0.00</span>
|
||||
</a>
|
||||
|
||||
<div class="progress progress-lg progress-bar-striped progress-bar-animated"
|
||||
title="TOTAL: 0.00%">
|
||||
<div class="progress-bar" role="progressbar"
|
||||
style="background-color:blue; width: 0.00%" aria-valuenow="0" aria-valuemin="0"
|
||||
aria-valuemax="100">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="kt-widget-legend__info text-right" style="padding-right:0px;color:blue;">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -1,85 +0,0 @@
|
||||
<!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&thumbnailType=2&isc=1&token=eyJhbGciOiJSUzI1NiIsImtpZCI6IkZBRDY1NDI2MkM2QUYyOTYxQUExRThDQUI3OEZGMUIyNzBFNzA3RTkiLCJ0eXAiOiJKV1QiLCJ4NXQiOiItdFpVSml4cThwWWFvZWpLdDRfeHNuRG5CLWsifQ.eyJvcmlnaW4iOiJodHRwczovL291dGxvb2subGl2ZS5jb20iLCJ1YyI6IjVhNzJlYWZlNjQ4OTRkNTFhMGRkMTZhMWM0MmI2ZDZiIiwidmVyIjoiRXhjaGFuZ2UuQ2FsbGJhY2suVjEiLCJhcHBjdHhzZW5kZXIiOiJPd2FEb3dubG9hZEA4NGRmOWU3Zi1lOWY2LTQwYWYtYjQzNS1hYWFhYWFhYWFhYWEiLCJpc3NyaW5nIjoiV1ciLCJhcHBjdHgiOiJ7XCJtc2V4Y2hwcm90XCI6XCJvd2FcIixcInB1aWRcIjpcIjEwNTU1MjA2NDM2MDA4NzRcIixcInNjb3BlXCI6XCJPd2FEb3dubG9hZFwiLFwib2lkXCI6XCIwMDAzYmZmZC04ZDAzLWQxZWEtMDAwMC0wMDAwMDAwMDAwMDBcIixcInByaW1hcnlzaWRcIjpcIlMtMS0yODI3LTI0NTc1Ny0yMzY1ODM3ODAyXCJ9IiwibmJmIjoxNjU2NzgwNTc0LCJleHAiOjE2NTY3ODExNzQsImlzcyI6IjAwMDAwMDAyLTAwMDAtMGZmMS1jZTAwLTAwMDAwMDAwMDAwMEA4NGRmOWU3Zi1lOWY2LTQwYWYtYjQzNS1hYWFhYWFhYWFhYWEiLCJhdWQiOiIwMDAwMDAwMi0wMDAwLTBmZjEtY2UwMC0wMDAwMDAwMDAwMDAvYXR0YWNobWVudC5vdXRsb29rLmxpdmUubmV0QDg0ZGY5ZTdmLWU5ZjYtNDBhZi1iNDM1LWFhYWFhYWFhYWFhYSIsImhhcHAiOiJvd2EifQ.dZP2C6gP76e1DnzjuA_H6vuaDyxqjdsrqOAzJvome9pD-vj2MHzTaxM8rvBXm1sSsxO4lX1hJW882kfj0mVnPa3-G1d1Tui76W_Sb5SJq2_uE98qgGPm7WlotCyCgMVO0thYhkJ0QHnrRF5R2PabBkUtcqRbz0ArH5CUP_4eY2ymRr6HR_ocoBSOu1Kvp8spxkkX7IVPmOZsF2DBWH-xW78ruuuJzhyDuSwb54EvGOiTielcifd1Tw_whFsvKlzB151185uCJVyfDVZOVHefNO05D2UMhsiCwm-PcesogJTG9NCKV7WuNRbBxmtMec_cZzPS6gfaVzzaQ_RmEENuVQ&X-OWA-CANARY=l8M-M4sJM0ChCZ29k_7hemCpZ0hLXNoYv2OTV6bXHhR-a_GOTuy3W3H2DL4y_sRSz_Y75dHQX6I.&owa=outlook.live.com&scriptVer=20220617005.06&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> 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;">$ 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>
|
||||
Reference in New Issue
Block a user