eiru_reports_expenses/static/src/reports/report_expense.xml

<?xml version="1.0" encoding="UTF-8"?>
<template xml:space="preserve">
    <t t-name="ReportExpense">
        <div class="report_view">
            <div class="container search-form">
                <div class="page-header">
                    <h1><small>Historico de Gastos</small></h1>
                </div>
                <div class="row">
                    <div class="col-lg-3 col-md-3 col-sm-6 company filter-style">
                        <label>Empresa</label>
                        <select id="current-company" class="form-control form-control-sm"></select>
                    </div>
                    <div class="col-lg-3 col-md-3 col-sm-6 store filter-style">
                        <label>Sucursal</label>
                        <select id="current-store" class="form-control form-control-sm">
                        </select>
                    </div>
                    <div class="col-lg-3 col-md-3 col-sm-6 filter-style">
                        <label>Estado</label>
                        <select id="current-state" class="form-control form-control-sm">
                            <option value="9999999">Todos los estados</option>
                            <option value="open">Abierto</option>
                            <option value="paid">Pagado</option>
                        </select>
                    </div>
                    <div class="col-lg-3 col-md-3 col-sm-6 journal filter-style">
                        <label>Factura</label>
                        <select id="current-journal" class="form-control form-control-sm">
                        </select>
                    </div>
                    <div class="col-lg-3 col-md-3 col-sm-6 users filter-style">
                        <label>Responsable</label>
                        <select id="current-user" class="form-control form-control-sm">
                        </select>
                    </div>
                    <div class="col-lg-3 col-md-3 col-sm-6 filter-style">
                       <label>Fechas</label>
                       <select id="current-date" class="form-control form-control-sm">
                           <option value="9999999">Sin fechas</option>
                           <option value="today">Hoy</option>
                           <option value="yesterday">Ayer</option>
                           <option value="currentMonth">Mes Actual</option>
                           <option value="lastMonth">Mes Pasado</option>
                           <option value="range">Busqueda Avanzada</option>
                       </select>
                   </div>
                </div>
                <div class="row" >
                    <div class="datepicker" style="display:none;">
                        <div class="col-lg-3 col-md-3 col-sm-6 filter-style col-md-offset-3">
                            <div class="input-group">
                                <span class="input-group-addon" id="basic-addon1">Desde</span>
                                <input type="text" id="from" class="form-control" aria-describedby="basic-addon1"/>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-3 col-sm-6 filter-style">
                            <div class="input-group">
                                <span class="input-group-addon" id="basic-addon1">Hasta</span>
                                <input type="text" id="to" class="form-control" aria-describedby="basic-addon1"/>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="text-center" style="padding-top:20px;">
                        <button id="generate" class="myButton">Generar</button>
                    </div>
                    <br/>
                </div>
            </div>
            <div class="report-form" style="display:none;">
                <div id="toolbar">
                    <button class="myButton print-report" value="pdf">Imprimir Informe</button>
                </div>
                <div class="container" style="width:98%;">
                    <table id="table"
                        data-pagination="true"
                        data-toggle="table"
                        data-toolbar="#toolbar"
                        data-classes="table table-condensed"
                        data-search="true"
                        data-show-export="true"
                        data-show-toggle="true"
                        data-show-columns="true"
                        data-show-footer="true"
                        data-show-pagination-switch="true"
                        data-footer-style="footerStyle"
                        data-buttons-class="oe_button myButton"
                        data-search-on-enter-key="true"
                        data-undefined-text=" "
                        data-pagination-v-align="top"
                        >
                        <thead style="background:none;">
                            <tr>
                                <th data-field="number"
                                    data-align="left"
                                    data-footer-formatter="Totales"
                                    >Factura</th>
                                <th data-field="origin"
                                    data-align="center"
                                    data-visible="false"
                                    >Origen</th>
                                <th data-field="date"
                                    data-align="center"
                                    >Fecha</th>
                                <th data-field="user_name"
                                    data-align="left"
                                    >Vendedor</th>
                                <th data-field="customer_name"
                                    data-align="left"
                                    >Cliente</th>
                                <th data-field="residual"
                                    data-align="right"
                                    data-footer-formatter="ResidualFooter"
                                    data-width="200"
                                    >Saldo</th>
                                <th data-field="untaxed"
                                    data-align="right"
                                    data-footer-formatter="UntaxedFooter"
                                    data-width="200"
                                    >SubTotal</th>
                                <th data-field="tax"
                                    data-align="right"
                                    data-footer-formatter="TaxFooter"
                                    data-width="200"
                                    >Impuesto</th>
                                <th data-field="total"
                                    data-align="right"
                                    data-footer-formatter="TotalFooter"
                                    data-width="200"
                                    >Total</th>
                            </tr>
                        </thead>
                    </table>
                </div>
            </div>
            <br/>
            <script>
                <!--
                    RESIDUAL
                -->
                function ResidualFooter(rowsTable) {
                    var self = this;
                    var decimal_places = 0;
                    var thousands_separator = '.';
                    var decimal_separator = ',';
                    if(rowsTable.length > 0){
                        decimal_places = rowsTable[0].decimal_places;
                        thousands_separator = rowsTable[0].thousands_separator;
                        decimal_separator = rowsTable[0].decimal_separator;
                    }
                    var total =  _.reduce(_.map(rowsTable,function(item){
                        return item.residual_no_format;
                    }), function(memo, num){
                        return memo + num;
                    },0);
                    return accounting.formatNumber(total,decimal_places,thousands_separator,decimal_separator);
                }
                <!--
                    UNTAXED
                -->
                function UntaxedFooter(rowsTable) {
                    var decimal_places = 0;
                    var thousands_separator = '.';
                    var decimal_separator = ',';
                    if(rowsTable.length > 0){
                        decimal_places = rowsTable[0].decimal_places;
                        thousands_separator = rowsTable[0].thousands_separator;
                        decimal_separator = rowsTable[0].decimal_separator;
                    }
                    var total =  _.reduce(_.map(rowsTable,function(item){
                        return item.untaxed_no_format;
                    }), function(memo, num){
                        return memo + num;
                    },0);
                    return accounting.formatNumber(total,decimal_places,thousands_separator,decimal_separator);
                }
                <!--
                    TAX
                -->
                function TaxFooter(rowsTable) {
                    var decimal_places = 0;
                    var thousands_separator = '.';
                    var decimal_separator = ',';
                    if(rowsTable.length > 0){
                        decimal_places = rowsTable[0].decimal_places;
                        thousands_separator = rowsTable[0].thousands_separator;
                        decimal_separator = rowsTable[0].decimal_separator;
                    }
                    var total =  _.reduce(_.map(rowsTable,function(item){
                        return item.tax_no_format;
                    }), function(memo, num){
                        return memo + num;
                    },0);
                    return accounting.formatNumber(total,decimal_places,thousands_separator,decimal_separator);
                }
                <!--
                    TOTAL
                -->
                function TotalFooter(rowsTable) {
                    var decimal_places = 0;
                    var thousands_separator = '.';
                    var decimal_separator = ',';
                    if(rowsTable.length > 0){
                        decimal_places = rowsTable[0].decimal_places;
                        thousands_separator = rowsTable[0].thousands_separator;
                        decimal_separator = rowsTable[0].decimal_separator;
                    }
                    var total =  _.reduce(_.map(rowsTable,function(item){
                        return item.total_no_format;
                    }), function(memo, num){
                        return memo + num;
                    },0);
                    return accounting.formatNumber(total,decimal_places,thousands_separator,decimal_separator);
                }
                <!--
                    FOOTER STYLE
                -->
                function footerStyle(row, index) {
                    return {
                        css: {
                          "font-weight": "bold"
                        }
                    };
                };

            </script>
        </div>
    </t>
</template>