eiru_reporting/static/src/reports/report_sale_cab.xml

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