eiru_reports/static/src/reports/report_expense_analytic.xml

<?xml version="1.0" encoding="UTF-8"?>
<template xml:space="preserve">
    <t t-name="ReportExpenseAnalytic">
        <div class="report_view">
            <div class="reporting_page_header">
                <h1 class="report_title"> Análisis de Gastos</h1>
            </div>
            <div class="container search-form" style="border-bottom:1px solid #eee; width:90%;">
                <div class="row">
                    <div class="col-lg-3 company filter-style">
                        <label>Empresa</label>
                        <select id="current-company" class="form-control form-control-sm"></select>
                    </div>
                    <div class="col-lg-3 store filter-style">
                        <label>Sucursal</label>
                        <select id="current-store" class="form-control form-control-sm">
                        </select>
                    </div>
                    <div class="col-lg-3 filter-style">
                        <label>Categoria</label>
                        <select id="current-category" class="form-control form-control-sm">
                        </select>
                    </div>
                    <div class="col-lg-3 brand filter-style">
                        <label>Marca</label>
                        <select id="current-brand" class="form-control form-control-sm">
                        </select>
                    </div>
                    <div class="col-lg-3 attribute filter-style">
                        <label>Atributo</label>
                        <select id="current-attribute" class="form-control form-control-sm">
                        </select>
                    </div>
                    <div class="col-lg-3 attribute-value filter-style">
                        <label>Valor del Atributo</label>
                        <select id="current-attribute-value" class="form-control form-control-sm">
                        </select>
                    </div>
                    <div class="col-lg-3 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 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 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" aria-label="Left Align" style="color:#fff;display:none;">
                          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:90%;">
                    <table id="table"
                        data-pagination="true"
                        data-toggle="table"
                        data-toolbar="#toolbar"
                        data-show-columns="true"
                        data-classes="table table-hover table-condensed"
                        data-row-style="rowStyle"
                        data-search="true"
                        data-show-export="true"
                        data-show-toggle="true"
                        data-pagination-detail-h-align="left"
                        data-show-footer="true"
                        data-footer-style="footerStyle"
                        data-buttons-class="oe_button myButton"
                        data-show-pagination-switch="true"
                        data-page-size="10"
                        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="center"
                                    data-footer-formatter="Totales"
                                    >Referencia</th>
                                <th data-field="supplier_invoice_number"
                                    data-align="left"
                                    data-visible="false"
                                    >Factura Física</th>
                                <th data-field="date"
                                    data-align="center"
                                    >Fecha</th>
                                <th data-field="ruc"
                                    data-align="left"
                                    data-visible="false"
                                    >CIN/RUC</th>
                                <th data-field="supplier_name"
                                    data-align="left"
                                    >Proveedor</th>
                                <th data-field="product_name"
                                    data-align="left"
                                    >Producto</th>
                                <th data-field="product_category"
                                    data-align="left"
                                    >Categoria</th>
                                <th data-field="price_unit"
                                    data-align="right"
                                    data-footer-formatter="PriceUnitFooter"
                                    data-width="200px"
                                    >Precio</th>
                                <th data-field="quantity"
                                    data-align="center"
                                    data-footer-formatter="QuantityFooter"
                                    data-width="100px"
                                    >Cantidad</th>
                                <th data-field="untaxed"
                                    data-align="right"
                                    data-footer-formatter="UntaxedFooter"
                                    data-width="200px"
                                    >SubTotal</th>
                                <th data-field="tax"
                                    data-align="right"
                                    data-footer-formatter="TaxFooter"
                                    data-width="200px"
                                    >Impuesto</th>
                                <th data-field="total"
                                    data-align="right"
                                    data-footer-formatter="TotalFooter"
                                    data-width="200px"
                                    >Total</th>
                            </tr>
                        </thead>
                    </table>
                </div>
            </div>
            <script>
                <!--
                    PRICE UNIT
                -->
                function PriceUnitFooter(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.price_unit_no_fortmat;
                    }), function(memo, num){
                        return memo + num;
                    },0);
                    return accounting.formatNumber(total,decimal_places,thousands_separator,decimal_separator);
                }
                <!--
                    QUANTITY
                -->
                function QuantityFooter(rowsTable) {
                    var total =  _.reduce(_.map(rowsTable,function(item){
                        return item.quantity_no_format;
                    }), function(memo, num){
                        return memo + num;
                    },0);
                    return accounting.formatNumber(total,2,'.',',');
                }
                <!--
                    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>