eiru_reporting/static/src/reports/report_contratocliente.xml

<?xml version="1.0" encoding="UTF-8"?>
<template xml:space="preserve">
    <t t-name="ReportContratoCliente">
        <div class="report_view">
            <div class="reporting_page_header">
                <h1>Histórico de Contratos de Clientes</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="partner">Buscar Cliente:</label>
                                    <input id="partner" type="text" class="form-control ui-autocomplete-input" autocomplete="off" placeholder="Nombre/ CI/ Ruc"/>
                                </div>
                                <h3>Por estado</h3>
                                <ul class="list-unstyled">
                                    <li>
                                        <input type="radio" name="tipo" id="Y" value="Y" checked="checked"/>
                                        <label for="Y">Sin Filtro</label>
                                        <li>
                                            <input type="radio" name="tipo" id="abierto" value="abierto"/>
                                            <label for="abierto">En curso</label>
                                        </li>
                                        <li>
                                            <input type="radio" name="tipo" id="cerrado" value="cerrado"/>
                                            <label for="cerrado">Cerrado</label>
                                        </li>
                                        <li>
                                            <input type="radio" name="tipo" id="cancelado" value="cancelado"/>
                                            <label for="cancelado">En curso</label>
                                        </li>
                                        <li>
                                            <input type="radio" name="tipo" id="pendiente" value="pendiente"/>
                                            <label for="pendiente">Pendiente</label>
                                        </li>
                                    </li>

                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div id="toolbar">
                <button class="oe_button oe_form_button oe_highlight" value="pdf" id="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="code" data-sortable="true">Ref.</th>
                        <th data-field="create_date" data-sortable="true">Fecha</th>
                        <th data-field="partner">Cliente</th>
                        <th data-field="name">Descripcion</th>
                        <th data-field="date_start">Fecha Inicio</th>
                        <th data-field="date_fin">Fecha Final</th>
                        <th data-field="amount_invoiced" data-align="right">Monto Cuota</th>
                        <th data-field="state">Estado</th>

                    </tr>
                </thead>
            </table>
            <canvas></canvas>
            <div id="dialog"></div>
        </div>
    </t>
    </template>