eiru_reporting/static/src/reports/report_bank_movements.xml

<?xml version="1.0" encoding="UTF-8"?>
<template xml:space="preserve">
    <t t-name="ReportBankMovements">
        <div class="report_view">
            <div class="reporting_page_header">
                <h1>Histórico de Movimiento de Banco</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="col-xs-12">
                                    <div class="form-group">
                                        <label for="current-bank">Banco: </label>
                                        <select id="current-bank" class="form-control ui-autocomplete-input" name="bank"></select>
                                    </div>
                                </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">
                                    <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="available" value="available"/>
                                            <label for="available">Disponible</label>
                                        </li>
                                        <li>
                                            <input type="radio" name="estado" id="cashed" value="cashed"/>
                                            <label for="cashed">Pagado</label>
                                        </li>
                                        <li>
                                            <input type="radio" name="estado" id="negotiated" value="negotiated"/>
                                            <label for="negotiated">Negociado</label>
                                        </li>
                                        <li>
                                            <input type="radio" name="estado" id="renegotiated" value="renegotiated"/>
                                            <label for="renegotiated">Renegociado</label>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div id="toolbar">
                <button class="oe_button oe_form_button oe_highlight" 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="create_date">Fecha</th>
                        <th data-field="titular">Titular</th>
                        <th data-field="number_cta">Nro Cuenta</th>
                        <th data-field="type_bank">Tipo</th>
                        <th data-field="number">N Cheque/Boleta</th>
                        <th data-field="amount_payment" data-sortable="true" data-align="right">Salida</th>
                        <th data-field="amount_receipt" data-sortable="true" data-align="right">Entrada</th>
                        <th data-field="amount_total" data-sortable="true" data-align="right">Valor</th>
                        <th data-field="date_maturity" data-sortable="true">Vence</th>
                        <th data-field="state" data-sortable="true" data-align="right">Estado</th>
                    </tr>
                </thead>
            </table>
            <canvas></canvas>
            <div id="dialog"></div>
        </div>
    </t>
</template>