- Fecha y hora:
- 30/08/2017 11:09:50 (hace 7 años)
- Branches:
- master
- Children:
- 98c5f0b
- Parents:
- 50cc503
- Ubicación:
- economico/templates/consulta
- Ficheros:
-
- 2 editados
Leyenda
- No modificado
- Añadido
- Eliminado
-
economico/templates/consulta/economico.consulta.menu.area.html
r50cc503 rdfd4efb 6 6 <script type="text/javascript"> 7 7 $(document).ready(function() { 8 8 $("#url_precios").attr("href", "precios"); 9 9 }); 10 10 </script> -
economico/templates/consulta/economico.consulta.precios.html
r50cc503 rdfd4efb 2 2 {% load i18n %} 3 3 {% load static from staticfiles %} 4 {% block content_header_title %}{% trans 'CONSULTAR DATOS' %}{% endblock %} 4 5 {% block content_header_roadmap %} 5 6 <li><a href="{% url 'economico-consultar-datos' %}">{% trans 'Economía - Consultar Datos' %}</a></li> 6 7 <li class="active">{% block active_link %}{% trans 'Real - Precios' %}{% endblock %}</li> 7 8 {% endblock %} 9 8 10 {% block consult_params %} 9 11 <div class="panel-body"> 10 <div class="row"> 11 <div class="col-xs-8 col-sm-8 col-md-8 col-lg-8"> 12 <div class="row"> 13 <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2"> 14 <label for="form.dominio.auto_id" class="control-label">{{ form.dominio.label }}</label> 12 <div class="row separador-row"> 13 <div class="col-xs-8 col-sm-8 col-md-8 col-lg-8"> 14 <div class="row separador-row"> 15 <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2"> 16 <label for="form.dominio.auto_id" class="control-label">{{ form.dominio.label }}</label> 17 </div> 18 <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">{{ form.dominio }}</div> 19 <div class="col-xs-4 col-sm-4 col-md-4 col-lg-2"> 20 <label for="form.anho_base.auto_id" class="control-label">{{ form.anho_base.label }}</label> 21 </div> 22 <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">{{ form.anho_base }}</div> 15 23 </div> 16 <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">{{ form.dominio }}</div> 17 <div class="col-xs-4 col-sm-4 col-md-4 col-lg-2"> 18 <label for="form.anho_base.auto_id" class="control-label">{{ form.anho_base.label }}</label> 19 </div> 20 <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">{{ form.anho_base }}</div> 21 </div> 22 </div> 23 </div> 24 <div class="row"> 25 <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2"> 26 <label class="control-label">{{ form.elementos.label }}</label> 27 </div> 28 <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">{{ form.elementos }}</div> 29 </div> 30 <div class="row"> 31 <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2"> 32 <label class="control-label">{{ form.periodicidad.label }}</label> 33 </div> 34 <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">{{ form.periodicidad }}</div> 35 </div> 36 <div class="row"> 37 <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2 col-xs-offset-4 col-sm-offset-4 col-md-offset-4 col-lg-offset-4"> 38 <label class="control-label">{% trans 'Mes' %}</label> 39 </div> 40 <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2"> 41 <label class="control-label">{% trans 'Año' %}</label> 42 </div> 43 </div> 44 <div class="row"> 45 <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2"> 46 <label class="control-label">{{ form.periodo_mes_ini.label }}</label> 47 </div> 48 <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">{{ form.periodo_mes_ini }}</div> 49 <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">{{ form.periodo_anho_ini }}</div> 50 </div> 51 <div class="row separador-row"> 52 <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2"> 53 <label class="control-label">{{ form.periodo_mes_fin.label }}</label> 54 </div> 55 <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">{{ form.periodo_mes_fin }}</div> 56 <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">{{ form.periodo_anho_fin }}</div> 57 </div> 58 <button type="submit" class="btn btn-info pull-left">Consultar</button> 24 </div> 25 </div> 26 <div class="row separador-row"> 27 <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2"> 28 <label class="control-label">{{ form.elementos.label }}</label> 29 </div> 30 <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">{{ form.elementos }}</div> 31 </div> 32 <div class="row separador-row"> 33 <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2"> 34 <label class="control-label">{{ form.periodicidad.label }}</label> 35 </div> 36 <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">{{ form.periodicidad }}</div> 37 </div> 38 <div class="row separador-row"> 39 <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 col-xs-offset-3 col-sm-offset-3 col-md-offset-3 col-lg-offset-3"> 40 <label class="control-label">{% trans 'Mes' %}</label> 41 </div> 42 <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4"> 43 <label class="control-label">{% trans 'Año' %}</label> 44 </div> 45 </div> 46 <div class="row separador-row"> 47 <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2"> 48 <label class="control-label">{{ form.periodo_mes_ini.label }}</label> 49 </div> 50 <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">{{ form.periodo_mes_ini }}</div> 51 <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">{{ form.periodo_anho_ini }}</div> 52 </div> 53 <div class="row separador-row"> 54 <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2"> 55 <label class="control-label">{{ form.periodo_mes_fin.label }}</label> 56 </div> 57 <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">{{ form.periodo_mes_fin }}</div> 58 <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">{{ form.periodo_anho_fin }}</div> 59 </div> 60 <div id='oculto' style='display:none;'> 61 <button type="submit" class="btn btn-info pull-left separador-row">Consultar</button> 62 </div> 59 63 {% endblock %} 60 64 61 65 {% block extra_footer %} 62 66 {{ block.super }} 63 67 <script> 64 var tree = [ 65 {text: "Índice Nacional de Precios al Consumidor"}, 66 { 67 text: "1. Por", 68 /*Manejo cada nodo como arbol independiente*/ 69 $("#tree_view").append("<div id='col-variables1' class='col-md-12'></div>"); 70 $("#tree_view").append("<div id='col-variables2' class='col-md-12'></div>"); 71 $("#tree_view").append("<div id='col-variables3' class='col-md-12'></div>"); 72 $("#tree_view").append("<div id='col-variables4' class='col-md-12'></div>"); 73 $("#tree_view").append("<div id='col-variables5' class='col-md-12'></div>"); 74 $("#tree_view").append("<div id='col-variables6' class='col-md-12'></div>"); 75 76 /*Especifico cada arbol*/ 77 var raiz = [ 78 {text: "Índice Nacional de Precios al Consumidor"} 79 ]; 80 var nodo1 = [ 81 { 82 text: "1. Por Naturaleza", 68 83 nodes: [ 69 84 {text: 'Bienes'}, … … 73 88 {text: 'Productos manufacturados'} 74 89 ] 75 }, 90 } 91 ]; 92 var nodo2 = [ 76 93 { 77 94 text: "2. Por sector de origen", … … 81 98 {text: "Bienes no durables"} 82 99 ] 83 }, 100 } 101 ]; 102 var nodo3 = [ 84 103 { 85 104 text: "3. Por Grupo", … … 99 118 {text: "Bienes y servicios diversos"} 100 119 ] 101 }, 120 } 121 ]; 122 var nodo4 = [ 102 123 { 103 124 text: "4. Por Servicios", … … 107 128 {text: "Otros Servicios"} 108 129 ] 109 }, 130 } 131 ]; 132 var nodo5 = [ 110 133 { 111 134 text: "5. Por Productos Controlados", … … 114 137 {text: "No Controlados"} 115 138 ] 116 }, 139 } 140 ]; 141 var nodo6 = [ 117 142 { 118 143 text: "6. Índice del Núcleo Inflacionario", … … 126 151 } 127 152 ]; 128 $('#col-variables').treeview({data: tree, showBorder: false, showCheckbox: true, levels: 1}); 153 /*genero cada arbol segun las especificaicones descritas en el item anterior*/ 154 $('#col-variables').treeview({data: raiz, showBorder: false, showCheckbox: true, levels: 1}); 155 $('#col-variables1').treeview({data: nodo1, showBorder: false, showCheckbox: true, levels: 1}); 156 $('#col-variables2').treeview({data: nodo2, showBorder: false, showCheckbox: true, levels: 1}); 157 $('#col-variables3').treeview({data: nodo3, showBorder: false, showCheckbox: true, levels: 1}); 158 $('#col-variables4').treeview({data: nodo4, showBorder: false, showCheckbox: true, levels: 1}); 159 $('#col-variables5').treeview({data: nodo5, showBorder: false, showCheckbox: true, levels: 1}); 160 $('#col-variables6').treeview({data: nodo6, showBorder: false, showCheckbox: true, levels: 1}); 161 162 /*variables para manejar la tabla de los parametros a consultar*/ 163 var dominio = $('#{{ form.dominio.auto_id }}'); 164 var anho_base = $("#{{ form.anho_base.auto_id }}"); 165 var periodo_mes_ini = $("#{{ form.periodo_mes_ini.auto_id }}"); 166 var periodo_mes_fin = $("#{{ form.periodo_mes_fin.auto_id }}"); 167 var periodo_anho_ini = $("#{{ form.periodo_anho_ini.auto_id }}"); 168 var periodo_anho_fin = $("#{{ form.periodo_anho_fin.auto_id }}"); 169 170 /** 171 * Función que configura los filtros de acuerdo a la selección del usuario 172 */ 173 function set_filters(tree= 0,check=false,nodo) { 174 /*validaciones sobre cada arbol*/ 175 if (check==false) 176 for (var i=1; i<7; i++) { 177 if (i!=tree) 178 $('#col-variables'+i).treeview('disableAll'); 179 } 180 else{ 181 if ($('#col-variables'+tree).treeview('getParent',nodo)['nodeId']!=0){ 182 for (var i=1; i<7; i++) { 183 if (i!=tree){ 184 $('#col-variables'+i).treeview('enableAll'); 185 } 186 } 187 } 188 } 189 /*validaciones sobre los parametros de consulta OJO -falta anadir validacion sobre periodicidad y elementos a espera de JULIE*/ 190 if (dominio.val()!='' && anho_base.val()!='' && periodo_mes_ini.val()!='' && periodo_mes_fin.val()!='' && periodo_anho_ini.val()!='' && periodo_anho_fin.val()!=''){ 191 192 if (parseInt(periodo_anho_fin.val()) == parseInt(periodo_anho_ini.val()) && parseInt(periodo_mes_ini.val()) <= parseInt(periodo_mes_fin.val())){ 193 194 document.getElementById('oculto').style.display = 'block'; 195 } 196 else if (parseInt(periodo_anho_fin.val()) > parseInt(periodo_anho_ini.val())){ 197 document.getElementById('oculto').style.display = 'block'; 198 } 199 else{ 200 document.getElementById('oculto').style.display = 'none'; 201 } 202 } 203 } 204 $(document).ready(function() { 205 /*cada vez que se genere un cambio en alguno de los item se verifica toda la plantilla y solo cuando cunpla con los filtros apertura el boton de consulta*/ 206 207 dominio.on('change', function() { set_filters() }); 208 anho_base.on('change', function() { set_filters() }); 209 periodo_mes_ini.on('change', function() { set_filters() }); 210 periodo_mes_fin.on('change', function() { set_filters() }); 211 periodo_anho_ini.on('change', function() { set_filters() }); 212 periodo_anho_fin.on('change', function() { set_filters() }); 213 214 $('#col-variables1').on('nodeChecked', function(event, data) {set_filters(1,false,data)}); 215 $('#col-variables2').on('nodeChecked', function(event, data) {set_filters(2,false,data)}); 216 $('#col-variables3').on('nodeChecked', function(event, data) {set_filters(3,false,data)}); 217 $('#col-variables4').on('nodeChecked', function(event, data) {set_filters(4,false,data)}); 218 $('#col-variables5').on('nodeChecked', function(event, data) {set_filters(5,false,data)}); 219 $('#col-variables6').on('nodeChecked', function(event, data) {set_filters(6,false,data)}); 220 $('#col-variables1').on('nodeUnchecked', function(event, data) {set_filters(1,true,data)}); 221 $('#col-variables2').on('nodeUnchecked', function(event, data) {set_filters(2,true,data)}); 222 $('#col-variables3').on('nodeUnchecked', function(event, data) {set_filters(3,true,data)}); 223 $('#col-variables4').on('nodeUnchecked', function(event, data) {set_filters(4,true,data)}); 224 $('#col-variables5').on('nodeUnchecked', function(event, data) {set_filters(5,true,data)}); 225 $('#col-variables6').on('nodeUnchecked', function(event, data) {set_filters(6,true,data)}); 226 227 228 229 230 }); 129 231 </script> 130 232
Nota: Vea TracChangeset
para ayuda en el uso del visor de conjuntos de cambios.