eiru_reporting/static/src/reports/report_invoice_balance.xml

<?xml version="1.0" encoding="UTF-8"?>
<template xml:space="preserve">
    <t t-name="ReportInvoiceBalance">
        <div class="report_view">
            <div class="reporting_page_header">
                <h1>Histórico de Facturas</h1>
                <div id="volver"></div>
            </div>
            <button type="button" class="oe_button oe_form_button oe_highlight" aria-label="Left Align" data-toggle="collapse" href="#collapseExample" aria-expanded="false" aria-controls="collapseExample">FILTRAR
            </button>
            <div class="collapse" id="collapseExample">
                <br/>
                <div class="row">
                    <div class="col-xs-6">
                        <div class="panel panel-default">
                            <div class="panel-heading">Fechas</div>
                            <div class="panel-body">
                                <ul class="list-unstyled">
                                    <li>
                                        <input type="radio" name="valores" id="X" value="X" checked="checked"/>
                                        <label for="X">Sin Filtro</label>
                                    </li>
                                    <li>
                                        <input type="radio" name="valores" id="A" value="A"/>
                                        <label for="A">Hoy</label>
                                    </li>
                                    <li>
                                        <input type="radio" name="valores" id="B" value="B"/>
                                        <label for="B">Ayer</label>
                                    </li>
                                    <li>
                                        <input type="radio" name="valores" id="C" value="C"/>
                                        <label for="C">Mes Actual</label>
                                    </li>
                                    <li>
                                        <input type="radio" name="valores" id="D" value="D"/>
                                        <label for="D">Mes Pasado</label>
                                    </li>
                                    <li>
                                        <input type="radio" name="valores" id="Z" value="Z"/>
                                        <label for="Z">Busqueda Avanzada</label>
                                    </li>
                                </ul>
                                <div id="datepicker" style="display:none;" class="container">
                                    <label for="from">Desde: </label>
                                    <input type="text"  id="from" name="from"/>
                                    <label for="to" >Hasta: </label>
                                    <input type="text"  id="to" name="to" />
                                </div>

                            </div>
                        </div>
                    </div>
                    <div class="col-xs-6">
                        <div class="panel panel-default">
                            <div class="panel-heading">Características</div>
                            <div class="panel-body">
                                <div class="col-xs-6">
                                    <h3>Tipo</h3>
                                    <ul class="list-unstyled">
                                        <li>
                                            <input type="radio" name="cateritica" id="Y" value="Y" checked="checked"/>
                                            <label for="Y">Sin Filtro</label>
                                        </li>
                                        <li>
                                            <input type="radio" name="cateritica" id="sale" value="sale"/>
                                            <label for="sale">Factura de venta</label>
                                        </li>
                                        <li>
                                            <input type="radio" name="cateritica" id="purchase" value="purchase"/>
                                            <label for="purchase">Factura de compra</label>
                                        </li>
                                        <li>
                                            <input type="radio" name="cateritica" id="expense" value="expense"/>
                                            <label for="expense">Factura de gasto</label>
                                        </li>
                                    </ul>
                                </div>
                                <div class="col-xs-6">
                                    <h3>Estado</h3>
                                    <ul class="list-unstyled">
                                        <li>
                                            <input type="radio" name="estado" id="W" value="W" checked="checked"/>
                                            <label for="W">Sin Filtro</label>
                                        </li>
                                        <li>
                                            <input type="radio" name="estado" id="open" value="open"/>
                                            <label for="open">Abierto</label>
                                        </li>
                                        <li>
                                            <input type="radio" name="estado" id="paid" value="paid"/>
                                            <label for="paid">Pagado</label>
                                        </li>
                                    </ul>
                                </div>
                                <div class="col-xs-12">
                                    <div class="form-group">
                                        <label for="partner">Buscar Cliente / Proveedor:</label>
                                        <input id="partner" type="text" class="form-control ui-autocomplete-input" autocomplete="off" placeholder="Nombre/ CI/ Ruc"/>
                                    </div>
                                </div>
                                <div class="col-xs-12">
                                    <div class="form-group">
                                         <label for="current-store">Sucursal: </label>
                                        <select id="current-store" class="form-control ui-autocomplete-input" name="store"></select>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div id="toolbar">
                <button class="oe_button oe_form_button oe_highlight btn-block" value="pdf">PDF</button>
            </div>
            <table id="table" class="table_paint_first_row"
                data-pagination="true"
                data-toggle="table"
                data-reorderable-columns="true"
                data-toolbar="#toolbar"
                data-show-columns="true"
                data-buttons-class="oe_button oe_form_button oe_highlight"
                data-height="auto"
                data-classes="table table-hover table-condensed"
                data-row-style="rowStyle"
                data-search="true">
                <thead>
                    <tr>
                        <th data-field="number" data-sortable="true">Factura</th>
                        <th data-field="partner" data-sortable="true">Cliente / Proveedor</th>
                        <th data-field="date_invoice" data-sortable="true">Fecha</th>
                        <th data-field="user" data-sortable="true">Responsable</th>
                        <th data-field="amount_total" data-sortable="true" data-align="right">Valor</th>
                        <th data-field="entry" data-sortable="true" data-align="right">Ingreso</th>
                        <th data-field="egress" data-sortable="true" data-align="right">Egreso</th>
                        <th data-field="to_receive" data-sortable="true" data-align="right">A Cobrar</th>
                        <th data-field="to_pay" data-sortable="true" data-align="right">Por Pagar</th>
                    </tr>
                </thead>
            </table>
            <canvas></canvas>
            <div id="dialog"></div>
        </div>
    </t>
</template>