Changeset 2cbc62f in sicp for apps


Ignore:
Timestamp:
Oct 27, 2015, 12:49:08 PM (9 years ago)
Author:
Ing. Roldan D. Vargas G <rvargas@…>
Branches:
master
Children:
6c20a0f
Parents:
a280213
Message:

se agregan tablas para mostrar información de producción, utilización e importación en la matriz ip

File:
1 edited

Legend:

Unmodified
Added
Removed
  • apps/simulacion/templates/cadena_productiva.html

    r134c011 r2cbc62f  
    342342{% endblock %}
    343343{% block panel_footer %}
    344     <div class="panel-footer" id="panel-al-pie" style="display: none">
     344    <div class="panel-footer fuente-10" id="panel-al-pie" style="display: none">
    345345        <div class="row">
    346346            <div class="col-xs-6 col-sm-6 col-md-6"></div>
     
    348348                <div class="panel panel-info">
    349349                    <div class="panel-heading">
    350                         <h3 class="panel-title" id="panel-title-fuentes-diversas">{% trans 'Encuesta Industrial' %}</h3>
     350                        <h3 class="panel-title fuente-10" id="panel-title-fuentes-diversas">{% trans 'Encuesta Industrial' %}</h3>
    351351                    </div>
    352352                    <div class="panel-body">
    353                       <div id="content">
    354                            <!--Inclusión del panel para visualizar el gráfico de la cadena productiva sobre la Encuesta Industrial -->
    355                           <input type="hidden" name="rif_grafico" id="rif_grafico" value="{{ rif }}"/>
    356                                                <div id="grafico"></div>
    357                                    </div>
    358                                </div>   
     353                        <div id="content">
     354                            <div class="tab-content" id="panel-matrizip" style="display: none">
     355                                <div class="row">
     356                                    <div class="col-xs-6 col-sm-6 col-md-6">
     357                                        <strong>{% trans 'Actividad Económica CIIU' %}:</strong>
     358                                    </div>
     359                                    <div class="col-xs-6 col-sm-6 col-md-6">
     360                                        <span id="matrizip-actividad-economica"></span>
     361                                    </div>
     362                                </div>
     363                                <hr>
     364                                <ul class="nav nav-pills tabs nav-justified">
     365                                    <li class="active"><a href="#matrizp" data-toggle="tab">{% trans 'Producción' %}</a></li>
     366                                    <li><a href="#matrizu" data-toggle="tab">{% trans 'Utilización' %}</a></li>
     367                                    <li><a href="#matrizi" data-toggle="tab">{% trans 'Importacion' %}</a></li>
     368                                </ul>
     369                                <hr/>
     370                                <div class="tab-pane active" id="matrizp">
     371                                    <div class="row">
     372                                        <div class="col-xs-12 col-sm-12 col-md-12">
     373                                            <table class="table dataTable" id="table-matrizip-produccion" width="100%">
     374                                                <thead>
     375                                                    <tr class="table-caption" id="table-caption">
     376                                                        <th colspan="4" class="text-right">
     377                                                            <i class="glyphicon glyphicon-download-alt tip-left icon-link"
     378                                                               data-toggle="tooltip"
     379                                                               onclick="$('#table-matrizip-produccion').tableExport({type: 'csv', escape: 'false'})"
     380                                                               title="{% trans 'Presione sobre el botón de descargar para obtener el archivo con los datos consultados' %}"></i>&#160;
     381                                                             {% trans 'Descargar' %}&#160;.csv
     382                                                        </th>
     383                                                    </tr>
     384                                                    <tr>
     385                                                        <th class="text-center">{% trans 'Código' %}</th>
     386                                                        <th class="text-center">{% trans 'Descripcion' %}</th>
     387                                                        <th class="text-center">{% trans 'Valor (Bs.)' %}</th>
     388                                                        <th class="text-center">{% trans 'Porcentaje (%)' %}</th>
     389                                                    </tr>
     390                                                </thead>
     391                                                <tbody></tbody>
     392                                                <tfoot style="font-weight: bold;">
     393                                                    <tr>
     394                                                        <td class="text-right" colspan="2">{% trans 'TOTAL' %}</td>
     395                                                        <td class="text-right" id="total-matrizip-produccion"></td>
     396                                                        <td class="text-right">100 %</td>
     397                                                    </tr>
     398                                                </tfoot>
     399                                            </table>
     400                                        </div>
     401                                    </div>
     402                                </div>
     403                                <div class="tab-pane" id="matrizu">
     404                                    <div class="row">
     405                                        <div class="col-xs-12 col-sm-12 col-md-12">
     406                                            <table class="table dataTable" id="table-matrizip-utilizacion">
     407                                                <thead>
     408                                                    <tr class="table-caption" id="table-caption">
     409                                                        <th colspan="4" class="text-right">
     410                                                            <i class="glyphicon glyphicon-download-alt tip-left icon-link"
     411                                                               data-toggle="tooltip"
     412                                                               onclick="$('#table-matrizip-utilizacion').tableExport({type: 'csv', escape: 'false'})"
     413                                                               title="{% trans 'Presione sobre el botón de descargar para obtener el archivo con los datos consultados' %}"></i>&#160;
     414                                                             {% trans 'Descargar' %}&#160;.csv
     415                                                        </th>
     416                                                    </tr>
     417                                                    <tr>
     418                                                        <th>{% trans 'Código' %}</th>
     419                                                        <th>{% trans 'Descripcion' %}</th>
     420                                                        <th>{% trans 'Valor (Bs.)' %}</th>
     421                                                        <th>{% trans 'Porcentaje (%)' %}</th>
     422                                                    </tr>
     423                                                </thead>
     424                                                <tbody></tbody>
     425                                            </table>
     426                                        </div>
     427                                    </div>
     428                                </div>
     429                                <div class="tab-pane" id="matrizi">
     430                                    <div class="row">
     431                                        <div class="col-xs-12 col-sm-12 col-md-12">
     432                                            <table class="table dataTable" id="table-matrizip-importacion">
     433                                                <thead>
     434                                                    <tr class="table-caption" id="table-caption">
     435                                                        <th colspan="4" class="text-right">
     436                                                            <i class="glyphicon glyphicon-download-alt tip-left icon-link"
     437                                                               data-toggle="tooltip"
     438                                                               onclick="$('#table-matrizip-importacion').tableExport({type: 'csv', escape: 'false'})"
     439                                                               title="{% trans 'Presione sobre el botón de descargar para obtener el archivo con los datos consultados' %}"></i>&#160;
     440                                                             {% trans 'Descargar' %}&#160;.csv
     441                                                        </th>
     442                                                    </tr>
     443                                                    <tr>
     444                                                        <th>{% trans 'Código' %}</th>
     445                                                        <th>{% trans 'Descripcion' %}</th>
     446                                                        <th>{% trans 'Valor (Bs.)' %}</th>
     447                                                        <th>{% trans 'Porcentaje (%)' %}</th>
     448                                                    </tr>
     449                                                </thead>
     450                                                <tbody></tbody>
     451                                            </table>
     452                                        </div>
     453                                    </div>
     454                                </div>
     455                                <script type="text/javascript">
     456                                    $(document).ready(function(){
     457                                        /**
     458                                         * Instrucción que asigna el ancho de cada columna en las tablas de los datos
     459                                         *  de la matriz insumo / producto
     460                                         */
     461                                        $("#table-matrizip-produccion").dataTable({
     462                                            "columns": [
     463                                                {"width": "20%"},
     464                                                {"width": "40%"},
     465                                                {"width": "20%"},
     466                                                {"width": "20%"}
     467                                            ]
     468                                        });
     469                                    });
     470                                </script>
     471                                <hr/>
     472                            </div>
     473                            <!--Inclusión del panel para visualizar el gráfico de la cadena productiva sobre la Encuesta Industrial -->
     474                            <input type="hidden" name="rif_grafico" id="rif_grafico" value="{{ rif }}"/>
     475                            <div>
     476                                {% trans 'Representacion máxima a' %}
     477                                &#160;<span id="niveles-arriba-grafico"></span> {% trans 'niveles aguas arriba' %}
     478                                &#160;{% trans 'y' %}
     479                                &#160;<span id="niveles-abajo-grafico"></span> {% trans 'niveles aguas abajo' %}
     480                            </div>
     481                            <div id="grafico"></div>
     482                        </div>
     483                    </div>
     484                </div>
    359485            </div>
    360486        </div>
Note: See TracChangeset for help on using the changeset viewer.