source: seiven/base/templates/base.menu.gral.html @ 84aeeb7

Last change on this file since 84aeeb7 was 84aeeb7, checked in by Ing. Roldan D. Vargas G <rvargas@…>, 6 años ago

nuevos servicios de consulta a api de sidepro. Agregadas instrucciones jquery para la consulta de información
  • Propiedad mode establecida a 100644
File size: 9.1 KB
Línea 
1{% load i18n %}
2{% load static from staticfiles %}
3<div class="col-md-12">
4    <div id="carousel-menu" data-interval="4000" class="carousel slide" data-ride="carousel">
5        <!-- Indicadores -->
6        <ol class="carousel-indicators">
7            <li data-target="#carousel-menu" data-slide-to="0" class="active"></li>
8            <li data-target="#carousel-menu" data-slide-to="1"></li>
9            <li data-target="#carousel-menu" data-slide-to="2"></li>
10        </ol>
11        <div class="carousel-inner carousel-menu-gral">
12            <div class="item active">
13                <img src="http://placehold.it/1580x200" class='img-responsive'>
14                <div class="carousel-caption">
15                    <h2>Title</h2>
16                    <p>Description</p>
17                </div>
18            </div>
19            <div class="item">
20                <img src="http://placehold.it/1580x200" class='img-responsive'>
21                <div class="carousel-caption">
22                    <h2>Title</h2>
23                    <p>Description</p>
24                </div>
25            </div>
26            <div class="item">
27                <img src="http://placehold.it/1580x200" class='img-responsive'>
28                <div class="carousel-caption">
29                    <h2>Title</h2>
30                    <p>Description</p>
31                </div>
32            </div>
33        </div>
34        <a class="left carousel-control" href="#carousel-menu" data-slide="prev">
35            <i class="icon-prev fa fa-angle-left"></i>
36        </a>
37        <a class="right carousel-control" href="#carousel-menu" data-slide="next">
38            <i class="icon-next fa fa-angle-right"></i>
39        </a>
40    </div>
41</div>
42<div class="col-md-12">
43    <h2>{% trans 'Sección - Información' %}</h2>
44    <div class="row row-modulos">
45        <div class="col-md-4">
46            <div class="small-box modulo-economico opt-mnu-gral">
47                <div class="inner">
48                    <div class="row">
49                        <div class="col-md-9 col-sm-9 col-xs-9">
50                            <h3>{% trans 'ECONOMIA' %}</h3>
51                        </div>
52                        <div class="col-md-3 col-sm-3 col-xs-3 text-right">
53                            <h3><i class="ion-stats-bars"></i></h3>
54                        </div>
55                    </div>
56                    <div class="row">
57                        <div class="col-md-4 col-sm-4 col-xs-4">
58                            <img src="{% static 'img/modulo_economico.png' %}" alt="{% trans 'Módulo Económico' %}" class="img-responsive">
59                        </div>
60                        <div class="col-md-8 col-sm-8 col-xs-8">
61                            <p>{% trans 'Real' %}</p>
62                            <p class="text-right">{% trans 'Monetario - Financiero' %}</p>
63                            <p>{% trans 'Externo' %}</p>
64                            <p class="text-center">{% trans 'Fiscal' %}</p>
65                        </div>
66                    </div>
67                </div>
68                <a href="#opt-economico" class="small-box-footer" onclick="show_hide('opt-economico')"><i class="fa fa-sort-desc"></i></a>
69            </div>
70            <div class="smal-box modulo-economico" id="opt-economico" style="display:none">
71                <div class="inner">
72                    <div class="row">
73                        <div class="col-md-12">
74                            <a href="{% url 'economico-cargar-datos' %}">{% trans 'Cargar Datos' %}</a>
75                        </div>
76                    </div>
77                    <div class="row">
78                        <div class="col-md-12">
79                            <a href="{% url 'economico-consultar-datos' %}">{% trans 'Consultar Datos' %}</a>
80                        </div>
81                    </div>
82                    <div class="row">
83                        <div class="col-md-12">
84                            <a href="#">{% trans 'Indicadores' %}</a>
85                        </div>
86                    </div>
87                    <div class="row">
88                        <div class="col-md-12">
89                            <a href="#">{% trans 'Reportes' %}</a>
90                        </div>
91                    </div>
92                </div>
93            </div>
94        </div>
95
96        <div class="col-md-4" {# style="display:none" #}>
97            <div class="small-box modulo-productivo opt-mnu-gral">
98                <div class="inner">
99                    <div class="row">
100                        <div class="col-md-9 col-sm-9 col-xs-9">
101                            <h3>{% trans 'PRODUCTIVO' %}</h3>
102                        </div>
103                        <div class="col-md-3 col-sm-3 col-xs-3 text-right">
104                            <h3><i class="fa fa-cogs"></i></h3>
105                        </div>
106                    </div>
107                    <div class="row">
108                        <div class="col-md-4 col-sm-4 col-xs-4">
109                            <img src="{% static 'img/modulo_productivo.png' %}" alt="{% trans 'Módulo Productivo' %}" class="img-responsive">
110                        </div>
111                        <div class="col-md-8 col-sm-8 col-xs-8">
112                            <p class="text-center">{% trans 'Actividad Económica' %}</p>
113                            <p class="text-right">{% trans 'Producción' %}</p>
114                            <p>{% trans 'Requerimiento de Insumos' %}</p>
115                        </div>
116                    </div>
117                </div>
118                <a href="#opt-productivo" class="small-box-footer" onclick="show_hide('opt-productivo')"><i class="fa fa-sort-desc"></i></a>
119            </div>
120            <div class="smal-box modulo-productivo" id="opt-productivo" style="display:none">
121                <div class="inner">
122                    <div class="row">
123                        <div class="col-md-12">
124                            <a href="{% url 'productivo-consultar-datos' %}">{% trans 'Consultar Datos' %}</a>
125                        </div>
126                    </div>
127                    <!--<div class="row">
128                        <div class="col-md-12">
129                            <a href="#">{% trans 'Indicadores' %}</a>
130                        </div>
131                    </div>
132                    <div class="row">
133                        <div class="col-md-12">
134                            <a href="#">{% trans 'Reportes' %}</a>
135                        </div>
136                    </div>-->
137                </div>
138            </div>
139        </div>
140        <div class="col-md-4" {# style="display:none" #}>
141            <div class="small-box modulo-social opt-mnu-gral">
142                <div class="inner">
143                    <div class="row">
144                        <div class="col-md-9 col-sm-9 col-xs-9">
145                            <h3>{% trans 'SOCIAL' %}</h3>
146                        </div>
147                        <div class="col-md-3 col-sm-3 col-xs-3 text-right">
148                            <h3>
149                                <i class="fa fa-pencil-square-o"></i>
150                            </h3>
151                        </div>
152                    </div>
153                    <div class="row">
154                        <div class="col-md-4 col-sm-4 col-xs-4">
155                            <img src="{% static 'img/modulo_social.png' %}" alt="{% trans 'Módulo Social' %}" class="img-responsive">
156                        </div>
157                        <div class="col-md-8 col-sm-8 col-xs-8">
158                            <img src="{% static 'img/modulo_social_2.png' %}" alt="{% trans 'Módulo Social' %}"
159                                     class="img-responsive pull-right social-image">
160                            <p>{% trans 'Educación' %}</p>
161                            <p class="text-center">{% trans 'Salud' %}</p>
162                            <p class="text-right">{% trans 'Empleo' %}</p>
163                            <p class="text-center">{% trans 'Demografía' %}</p>
164                        </div>
165                    </div>
166                </div>
167                <a href="#opt-social" class="small-box-footer" onclick="show_hide('opt-social')"><i class="fa fa-sort-desc"></i></a>
168            </div>
169            <div class="smal-box modulo-social" id="opt-social" style="display:none">
170                <div class="inner">
171                    <div class="row">
172                        <div class="col-md-12">
173                            <a href="#">{% trans 'Cargar Datos' %}</a>
174                        </div>
175                    </div>
176                    <div class="row">
177                        <div class="col-md-12">
178                            <a href="#">{% trans 'Consultar Datos' %}</a>
179                        </div>
180                    </div>
181                    <div class="row">
182                        <div class="col-md-12">
183                            <a href="#">{% trans 'Indicadores' %}</a>
184                        </div>
185                    </div>
186                    <div class="row">
187                        <div class="col-md-12">
188                            <a href="#">{% trans 'Reportes' %}</a>
189                        </div>
190                    </div>
191                </div>
192            </div>
193        </div>
194    </div>
195</div>
Nota: Vea TracBrowser para ayuda de uso del navegador del repositorio.