1 | {% extends 'base.template.html' %} |
---|
2 | {% load i18n %} |
---|
3 | {% load static from staticfiles %} |
---|
4 | {% block content_header_title %}{% trans 'CARGAR DATOS' %}{% endblock %} |
---|
5 | {% block content_header_roadmap %} |
---|
6 | <li><a href="{% url 'economico-cargar-datos' %}">{% trans 'Economía - Cargar Datos' %}</a></li> |
---|
7 | <li class="active">{% block active_link %}{% trans 'Real - Precios' %}{% endblock %}</li> |
---|
8 | {% endblock %} |
---|
9 | {% block content %} |
---|
10 | <div class="panel panel-primary"> |
---|
11 | <div class="panel-heading"> |
---|
12 | <h2 class="panel-title">{% trans 'Economía' %} - {% trans 'Real' %} - {% trans 'Precios' %}</h2> |
---|
13 | </div> |
---|
14 | <div class="panel-body"> |
---|
15 | <div class="row"> |
---|
16 | <div class="col-xs-5 col-sm-5 col-md-5 col-lg-5"> |
---|
17 | <p> |
---|
18 | {% blocktrans %} |
---|
19 | Para cargar los datos asociados al <b>Indice Nacional de Precios al Consumidor - INPC</b> |
---|
20 | seleccione el dominio y el año base. |
---|
21 | {% endblocktrans %} |
---|
22 | </p> |
---|
23 | </div> |
---|
24 | <div class="col-xs-5 col-sm-5 col-md-5 col-lg-5"> |
---|
25 | <div class="row"> |
---|
26 | <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2"> |
---|
27 | <label for="form.dominio.auto_id" class="control-label">{{ form.dominio.label }}</label> |
---|
28 | </div> |
---|
29 | <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">{{ form.dominio }}</div> |
---|
30 | <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2"> |
---|
31 | <label for="form.anho_base.auto_id" class="control-label">{{ form.anho_base.label }}</label> |
---|
32 | </div> |
---|
33 | <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">{{ form.anho_base }}</div> |
---|
34 | </div> |
---|
35 | </div> |
---|
36 | </div> |
---|
37 | <div class="row"> |
---|
38 | <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2 col-xs-offset-6 col-sm-offset-6 col-md-offset-6 col-lg-offset-6"> |
---|
39 | <label class="control-label">{% trans 'Mes' %}</label> |
---|
40 | </div> |
---|
41 | <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2"> |
---|
42 | <label class="control-label">{% trans 'Año' %}</label> |
---|
43 | </div> |
---|
44 | </div> |
---|
45 | <div class="row"> |
---|
46 | <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2 col-xs-offset-2 col-sm-offset-2 col-md-offset-2 col-lg-offset-2"> |
---|
47 | <label class="control-label">{% trans 'Período' %}</label> |
---|
48 | </div> |
---|
49 | <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2"> |
---|
50 | <label class="control-label">{{ form.periodo_mes_ini.label }}</label> |
---|
51 | </div> |
---|
52 | <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2">{{ form.periodo_mes_ini }}</div> |
---|
53 | <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2">{{ form.periodo_anho_ini }}</div> |
---|
54 | </div> |
---|
55 | <div class="row separador-row"> |
---|
56 | <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"> |
---|
57 | <label class="control-label">{{ form.periodo_mes_fin.label }}</label> |
---|
58 | </div> |
---|
59 | <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2">{{ form.periodo_mes_fin }}</div> |
---|
60 | <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2">{{ form.periodo_anho_fin }}</div> |
---|
61 | </div> |
---|
62 | {% include 'base.down.up.files.html' with app='economico' mod='Precios' %} |
---|
63 | </div> |
---|
64 | </div> |
---|
65 | {% endblock %} |
---|
66 | {% block extra_footer %} |
---|
67 | <script> |
---|
68 | var dominio = $('#{{ form.dominio.auto_id }}'); |
---|
69 | var anho_base = $("#{{ form.anho_base.auto_id }}"); |
---|
70 | var periodo_mes_ini = $("#{{ form.periodo_mes_ini.auto_id }}"); |
---|
71 | var periodo_mes_fin = $("#{{ form.periodo_mes_fin.auto_id }}"); |
---|
72 | var periodo_anho_ini = $("#{{ form.periodo_anho_ini.auto_id }}"); |
---|
73 | var periodo_anho_fin = $("#{{ form.periodo_anho_fin.auto_id }}"); |
---|
74 | |
---|
75 | /** |
---|
76 | * Función que configura los filtros de acuerdo a la selección del usuario |
---|
77 | */ |
---|
78 | function set_filters() { |
---|
79 | var filters = $("#filters"), json_filter = ''; |
---|
80 | |
---|
81 | if (dominio.val()) { |
---|
82 | json_filter += "\"dominio\": \"" + dominio.val() + "\","; |
---|
83 | } |
---|
84 | if (anho_base.val()) { |
---|
85 | json_filter += "\"anho_base\": \"" + anho_base.val() + "\","; |
---|
86 | } |
---|
87 | if (periodo_mes_ini.val()) { |
---|
88 | json_filter += "\"fecha__month__gte\": \"" + periodo_mes_ini.val() + "\","; |
---|
89 | } |
---|
90 | if (periodo_mes_fin.val()) { |
---|
91 | json_filter += "\"fecha__month__lte\": \"" + periodo_mes_fin.val() + "\","; |
---|
92 | } |
---|
93 | if (periodo_anho_ini.val()) { |
---|
94 | json_filter += "\"fecha__year__gte\": \"" + periodo_anho_ini.val() + "\","; |
---|
95 | } |
---|
96 | if (periodo_anho_fin.val()) { |
---|
97 | json_filter += "\"fecha__year__lte\": \"" + periodo_anho_fin.val() + "\","; |
---|
98 | } |
---|
99 | |
---|
100 | if (json_filter) { |
---|
101 | json_filter = json_filter.slice(0, -1); |
---|
102 | filters.val(json_filter); |
---|
103 | } |
---|
104 | } |
---|
105 | |
---|
106 | $(document).ready(function() { |
---|
107 | dominio.on('change', function() { set_filters() }); |
---|
108 | anho_base.on('change', function() { set_filters() }); |
---|
109 | periodo_mes_ini.on('change', function() { set_filters() }); |
---|
110 | periodo_mes_fin.on('change', function() { set_filters() }); |
---|
111 | periodo_anho_ini.on('change', function() { set_filters() }); |
---|
112 | periodo_anho_fin.on('change', function() { set_filters() }); |
---|
113 | }); |
---|
114 | </script> |
---|
115 | {% endblock %} |
---|