eiru_reporting/static/src/reports/report_sales.xml

<?xml version="1.0" encoding="UTF-8"?>
<template xml:space="preserve">
    <t t-name="ReportSale">
        <div class="report_view">
            <div class="reporting_page_header">
                <h1>Histórico de Ventas</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">
                <div class="card card-body">
                    <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>
                                        <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">
                                    <label for="partner">Buscar Cliente:</label>
                                    <input id="partner" type="text" class="form-control ui-autocomplete-input" autocomplete="off" placeholder="Nombre/ CI/ Ruc"/>
                                </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="origin">Referencia</th>
                        <th data-field="partner">Cliente</th>
                        <th data-field="date_invoice">Fecha</th>
                        <th data-field="amount_total" data-sortable="true" data-align="right">Total</th>
                        <th data-field="residual" data-sortable="true" data-align="right">A cobrar</th>
                    </tr>
                </thead>
            </table>
            <canvas></canvas>
            <div id="dialog"></div>
        </div>
    </t>
</template>