1 | <!DOCTYPE html> |
---|
2 | <!-- |
---|
3 | This is a starter template page. Use this page to start your new project from |
---|
4 | scratch. This page gets rid of all links and provides the needed markup only. |
---|
5 | --> |
---|
6 | <html> |
---|
7 | <head> |
---|
8 | <meta charset="utf-8"> |
---|
9 | <meta http-equiv="X-UA-Compatible" content="IE=edge"> |
---|
10 | <title>{% block titulo %}_-=SEPAI-Inicio=-_{% endblock titulo %}</title> |
---|
11 | <!-- Tell the browser to be responsive to screen width --> |
---|
12 | <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport" charset="UTF-8"> |
---|
13 | {% load staticfiles %} |
---|
14 | <!-- favicon --> |
---|
15 | <link rel="shortcut icon" type="image/png" href="{% static 'icon/favicon.ico' %}"/> |
---|
16 | <!-- Bootstrap 3.3.6 --> |
---|
17 | <link rel="stylesheet" href="{% static 'bootstrap-3/css/bootstrap.min.css' %}"> |
---|
18 | <!-- Font Awesome --> |
---|
19 | <link rel="stylesheet" href="{% static 'css/font-awesome.min.css' %}"> |
---|
20 | <!-- Ionicons --> |
---|
21 | <link rel="stylesheet" href="{% static 'css/ionicons.min.css' %}"> |
---|
22 | <!-- Theme style --> |
---|
23 | <link rel="stylesheet" href="{% static 'dist/css/AdminLTE.min.css' %}"> |
---|
24 | |
---|
25 | <!-- AdminLTE Skins. We have chosen the skin-blue for this starter |
---|
26 | page. However, you can choose any other skin. Make sure you |
---|
27 | apply the skin class to the body tag so the changes take effect. |
---|
28 | --> |
---|
29 | <link rel="stylesheet" href="{% static 'dist/css/skins/skin-blue.min.css' %}"> |
---|
30 | |
---|
31 | <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> |
---|
32 | <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> |
---|
33 | <!--[if lt IE 9]> |
---|
34 | <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script> |
---|
35 | <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> |
---|
36 | <![endif]--> |
---|
37 | |
---|
38 | <!-- REQUIRED JS SCRIPTS --> |
---|
39 | |
---|
40 | <!-- jQuery 3.1.0 --> |
---|
41 | <script src="{% static 'DataTables/media/js/jquery.js' %}" type="text/javascript"></script> |
---|
42 | |
---|
43 | <!-- Bootstrap 3.3.6 --> |
---|
44 | <script src="{% static 'bootstrap-3/js/bootstrap.min.js' %}" type="text/javascript"></script> |
---|
45 | |
---|
46 | <!-- AdminLTE App --> |
---|
47 | <script src="{% static 'dist/js/app.min.js' %}" type="text/javascript"></script> |
---|
48 | |
---|
49 | <script src="{% static 'plugins/iCheck/icheck.min.js' %}"></script> |
---|
50 | <script src="{% static 'users/recent_activity.js' %}"></script> |
---|
51 | <script type="text/javascript"> |
---|
52 | var JSON_DATA = "{% static 'DataTables/media/js/Spanish.json' %}" |
---|
53 | var RECENT_ACTIVITY = "{% url 'users:recent_activity' %}" |
---|
54 | var user = "{{ request.user.pk }}" |
---|
55 | </script> |
---|
56 | |
---|
57 | <!-- Optionally, you can add Slimscroll and FastClick plugins. |
---|
58 | Both of these plugins are recommended to enhance the |
---|
59 | user experience. Slimscroll is required when using the |
---|
60 | fixed layout. --> |
---|
61 | {% block extras_css %} {% endblock extras_css %} |
---|
62 | {% block extras_js %} {% endblock extras_js %} |
---|
63 | </head> |
---|
64 | <!-- |
---|
65 | BODY TAG OPTIONS: |
---|
66 | ================= |
---|
67 | Apply one or more of the following classes to get the |
---|
68 | desired effect |
---|
69 | |---------------------------------------------------------| |
---|
70 | | SKINS | skin-blue | |
---|
71 | | | skin-black | |
---|
72 | | | skin-purple | |
---|
73 | | | skin-yellow | |
---|
74 | | | skin-red | |
---|
75 | | | skin-green | |
---|
76 | |---------------------------------------------------------| |
---|
77 | |LAYOUT OPTIONS | fixed | |
---|
78 | | | layout-boxed | |
---|
79 | | | layout-top-nav | |
---|
80 | | | sidebar-collapse | |
---|
81 | | | sidebar-mini | |
---|
82 | |---------------------------------------------------------| |
---|
83 | --> |
---|
84 | <body class="hold-transition skin-blue sidebar-mini"> |
---|
85 | <div class="wrapper"> |
---|
86 | |
---|
87 | <!-- Main Header --> |
---|
88 | <header class="main-header"> |
---|
89 | |
---|
90 | <!-- Logo --> |
---|
91 | <a href="#" class="logo"> |
---|
92 | <!-- mini logo for sidebar mini 50x50 pixels --> |
---|
93 | <span class="logo-mini"><b>S</b>AI</span> |
---|
94 | <!-- logo for regular state and mobile devices --> |
---|
95 | <span class="logo-lg"><b>SEP</b>AI</span> |
---|
96 | </a> |
---|
97 | |
---|
98 | <!-- Header Navbar --> |
---|
99 | <nav class="navbar navbar-static-top" role="navigation"> |
---|
100 | <!-- Sidebar toggle button--> |
---|
101 | <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button"> |
---|
102 | <span class="sr-only">Toggle navigation</span> |
---|
103 | </a> |
---|
104 | <!-- Navbar Right Menu --> |
---|
105 | <div class="navbar-custom-menu"> |
---|
106 | <ul class="nav navbar-nav"> |
---|
107 | {% block notificaciones %} |
---|
108 | <!-- Messages: style can be found in dropdown.less--> |
---|
109 | <li class="dropdown messages-menu"> |
---|
110 | <!-- Menu toggle button --> |
---|
111 | <a href="#" class="dropdown-toggle" data-toggle="dropdown"> |
---|
112 | <i class="fa fa-envelope-o"></i> |
---|
113 | <span class="label label-success">4</span> |
---|
114 | </a> |
---|
115 | <ul class="dropdown-menu"> |
---|
116 | <li class="header">You have 4 messages</li> |
---|
117 | <li> |
---|
118 | <!-- inner menu: contains the messages --> |
---|
119 | <ul class="menu"> |
---|
120 | <li><!-- start message --> |
---|
121 | <a href="#"> |
---|
122 | <div class="pull-left"> |
---|
123 | <!-- User Image --> |
---|
124 | <img src="{% static 'dist/img/user2-160x160.jpg' %}" class="img-circle" alt="User Image"> |
---|
125 | </div> |
---|
126 | <!-- Message title and timestamp --> |
---|
127 | <h4> |
---|
128 | Support Team |
---|
129 | <small><i class="fa fa-clock-o"></i> 5 mins</small> |
---|
130 | </h4> |
---|
131 | <!-- The message --> |
---|
132 | <p>Why not buy a new awesome theme?</p> |
---|
133 | </a> |
---|
134 | </li> |
---|
135 | <!-- end message --> |
---|
136 | </ul> |
---|
137 | <!-- /.menu --> |
---|
138 | </li> |
---|
139 | <li class="footer"><a href="#">See All Messages</a></li> |
---|
140 | </ul> |
---|
141 | </li> |
---|
142 | <!-- /.messages-menu --> |
---|
143 | |
---|
144 | <!-- Notifications Menu --> |
---|
145 | <li class="dropdown notifications-menu"> |
---|
146 | <!-- Menu toggle button --> |
---|
147 | <a href="#" class="dropdown-toggle" data-toggle="dropdown"> |
---|
148 | <i class="fa fa-bell-o"></i> |
---|
149 | <span class="label label-warning">10</span> |
---|
150 | </a> |
---|
151 | <ul class="dropdown-menu"> |
---|
152 | <li class="header">You have 10 notifications</li> |
---|
153 | <li> |
---|
154 | <!-- Inner Menu: contains the notifications --> |
---|
155 | <ul class="menu"> |
---|
156 | <li><!-- start notification --> |
---|
157 | <a href="#"> |
---|
158 | <i class="fa fa-users text-aqua"></i> 5 new members joined today |
---|
159 | </a> |
---|
160 | </li> |
---|
161 | <!-- end notification --> |
---|
162 | </ul> |
---|
163 | </li> |
---|
164 | <li class="footer"><a href="#">View all</a></li> |
---|
165 | </ul> |
---|
166 | </li> |
---|
167 | <!-- Tasks Menu --> |
---|
168 | <li class="dropdown tasks-menu"> |
---|
169 | <!-- Menu Toggle Button --> |
---|
170 | <a href="#" class="dropdown-toggle" data-toggle="dropdown"> |
---|
171 | <i class="fa fa-flag-o"></i> |
---|
172 | <span class="label label-danger">9</span> |
---|
173 | </a> |
---|
174 | <ul class="dropdown-menu"> |
---|
175 | <li class="header">You have 9 tasks</li> |
---|
176 | <li> |
---|
177 | <!-- Inner menu: contains the tasks --> |
---|
178 | <ul class="menu"> |
---|
179 | <li><!-- Task item --> |
---|
180 | <a href="#"> |
---|
181 | <!-- Task title and progress text --> |
---|
182 | <h3> |
---|
183 | Design some buttons |
---|
184 | <small class="pull-right">20%</small> |
---|
185 | </h3> |
---|
186 | <!-- The progress bar --> |
---|
187 | <div class="progress xs"> |
---|
188 | <!-- Change the css width attribute to simulate progress --> |
---|
189 | <div class="progress-bar progress-bar-aqua" style="width: 20%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100"> |
---|
190 | <span class="sr-only">20% Complete</span> |
---|
191 | </div> |
---|
192 | </div> |
---|
193 | </a> |
---|
194 | </li> |
---|
195 | <!-- end task item --> |
---|
196 | </ul> |
---|
197 | </li> |
---|
198 | <li class="footer"> |
---|
199 | <a href="#">View all tasks</a> |
---|
200 | </li> |
---|
201 | </ul> |
---|
202 | </li> |
---|
203 | {% endblock notificaciones %} |
---|
204 | {% block user %} |
---|
205 | <!-- User Account Menu --> |
---|
206 | <li class="dropdown user user-menu"> |
---|
207 | <!-- Menu Toggle Button --> |
---|
208 | <a href="#" class="dropdown-toggle" data-toggle="dropdown"> |
---|
209 | <!-- The user image in the navbar--> |
---|
210 | <img src="{% static 'dist/img/user2-160x160.jpg' %}" class="user-image" alt="User Image"> |
---|
211 | <!-- hidden-xs hides the username on small devices so only the image appears. --> |
---|
212 | <span class="hidden-xs"> {{ request.user.first_name }} {{ request.user.last_name }}</span> |
---|
213 | </a> |
---|
214 | <ul class="dropdown-menu"> |
---|
215 | <!-- The user image in the menu --> |
---|
216 | <li class="user-header"> |
---|
217 | <img src="{% static 'dist/img/user2-160x160.jpg' %}" class="img-circle" alt="User Image"> |
---|
218 | <p> |
---|
219 | {{ request.user.first_name }} {{ request.user.last_name }} |
---|
220 | <small>Miembro desde {{ request.user.date_joined|date:"M. Y" }}</small> |
---|
221 | {{ request.user|title }} |
---|
222 | </p> |
---|
223 | </li> |
---|
224 | <!-- Menu Body --> |
---|
225 | <li class="user-body"> |
---|
226 | <div class="row"> |
---|
227 | {% if 'Administradores' in request.session.grupos %} |
---|
228 | <div class="col-xs-4 text-center"> |
---|
229 | <a href="{% url 'users:lista_users' %}">Lista de Usuarios</a> |
---|
230 | </div> |
---|
231 | <div class="col-xs-4 text-center"> |
---|
232 | <a href="{% url 'users:registrar' %}">Registrar Usuario</a> |
---|
233 | </div> |
---|
234 | <div class="col-xs-4 text-center"> |
---|
235 | <a href="#">Friends</a> |
---|
236 | </div> |
---|
237 | {% endif %} |
---|
238 | </div> |
---|
239 | <!-- /.row --> |
---|
240 | </li> |
---|
241 | <!-- Menu Footer--> |
---|
242 | <li class="user-footer"> |
---|
243 | <div class="pull-left"> |
---|
244 | <a data-toggle="modal" data-target="#myModal" class="btn btn-default btn-flat" id="perfil">Perfil</a> |
---|
245 | </div> |
---|
246 | <div class="pull-right"> |
---|
247 | <a href="{% url 'users:logout' %}" class="btn btn-default btn-flat">Sign out</a> |
---|
248 | </div> |
---|
249 | </li> |
---|
250 | </ul> |
---|
251 | </li> |
---|
252 | {% endblock user %} |
---|
253 | <!-- Control Sidebar Toggle Button --> |
---|
254 | <li> |
---|
255 | <a href="#" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a> |
---|
256 | </li> |
---|
257 | </ul> |
---|
258 | </div> |
---|
259 | </nav> |
---|
260 | </header> |
---|
261 | |
---|
262 | <!-- Left side column. contains the logo and sidebar --> |
---|
263 | <aside class="main-sidebar"> |
---|
264 | |
---|
265 | <!-- sidebar: style can be found in sidebar.less --> |
---|
266 | <section class="sidebar"> |
---|
267 | {% block status_user %} |
---|
268 | <!-- Sidebar user panel (optional) --> |
---|
269 | <div class="user-panel"> |
---|
270 | <div class="pull-left image"> |
---|
271 | <img src="{% static 'dist/img/user2-160x160.jpg' %}" class="img-circle" alt="User Image"> |
---|
272 | </div> |
---|
273 | <div class="pull-left info"> |
---|
274 | <p>{{ request.user.first_name }}</p> |
---|
275 | <!-- Status --> |
---|
276 | <a href="#"><i class="fa fa-circle text-success"></i> Online</a> |
---|
277 | </div> |
---|
278 | </div> |
---|
279 | {% endblock status_user %} |
---|
280 | |
---|
281 | <!-- search form (Optional) --> |
---|
282 | <form action="#" method="get" class="sidebar-form"> |
---|
283 | <div class="input-group"> |
---|
284 | <input type="text" name="q" class="form-control" placeholder="Search..."> |
---|
285 | <span class="input-group-btn"> |
---|
286 | <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i> |
---|
287 | </button> |
---|
288 | </span> |
---|
289 | </div> |
---|
290 | </form> |
---|
291 | <!-- /.search form --> |
---|
292 | {% block side_menu %} |
---|
293 | <!-- Sidebar Menu --> |
---|
294 | <ul class="sidebar-menu"> |
---|
295 | <li class="header">Opciones</li> |
---|
296 | <!-- Optionally, you can add icons to the links --> |
---|
297 | <li {% block activeproyecto %} class="treeview"{% endblock activeproyecto %}> |
---|
298 | <a href="#"><i class="fa fa-book"></i> <span>Proyectos</span> |
---|
299 | <span class="pull-right-container"> |
---|
300 | <i class="fa fa-angle-left pull-right"></i> |
---|
301 | </span> |
---|
302 | </a> |
---|
303 | <ul class="treeview-menu"> |
---|
304 | <li><a href="{% url 'projects:crear_proyectos' %}">Registrar</a></li> |
---|
305 | <li><a href="{% url 'projects:consultar_proyectos' %}">Consultar</a></li> |
---|
306 | <li><a href="#">Actualizar</a></li> |
---|
307 | </ul> |
---|
308 | </li> |
---|
309 | <li {% block activesubproyecto %} class="treeview" {% endblock activesubproyecto %}> |
---|
310 | <a href="#"><i class="fa fa-bookmark"></i> <span>Sub-Proyectos</span> |
---|
311 | <span class="pull-right-container"> |
---|
312 | <i class="fa fa-angle-left pull-right"></i> |
---|
313 | </span> |
---|
314 | </a> |
---|
315 | <ul class="treeview-menu"> |
---|
316 | <li><a href="{% url 'projects:crear_subproyectos' %}">Registrar</a></li> |
---|
317 | <li><a href="{% url 'projects:consultar_subproyectos' %}">Consultar</a></li> |
---|
318 | <li><a href="#">Actualizar</a></li> |
---|
319 | </ul> |
---|
320 | </li> |
---|
321 | <li {% block activeactividad %} class="treeview" {% endblock activeactividad %}> |
---|
322 | <a href="#"><i class="fa fa-calendar-check-o"></i> <span>Actividades</span> |
---|
323 | <span class="pull-right-container"> |
---|
324 | <i class="fa fa-angle-left pull-right"></i> |
---|
325 | </span> |
---|
326 | </a> |
---|
327 | <ul class="treeview-menu"> |
---|
328 | <li><a href="{% url 'projects:crear_actividad' %}">Registrar</a></li> |
---|
329 | <li><a href="{% url 'projects:consultar_actividad' %}">Consultar</a></li> |
---|
330 | <li><a href="#">Actualizar</a></li> |
---|
331 | <li><a href="#"><i class="fa fa-tasks"></i> <span>Cronograma Tareas</span> |
---|
332 | <span class="pull-right-container"> |
---|
333 | <i class="fa fa-angle-left pull-right"></i> |
---|
334 | </span> |
---|
335 | </a> |
---|
336 | <ul class="treeview-menu"> |
---|
337 | <li><a href="{% url 'projects:crear_actividad' %}">Registrar</a></li> |
---|
338 | <li><a href="{% url 'projects:consultar_actividad' %}">Consultar</a></li> |
---|
339 | <li><a href="#">Actualizar</a></li></li> |
---|
340 | </ul> |
---|
341 | </ul> |
---|
342 | </li> |
---|
343 | <li {% block cargas %} class="treeview" {% endblock cargas %}> |
---|
344 | <a href="#"><i class="fa fa-gear"></i> <span>Opciones de Cargas</span> |
---|
345 | <span class="pull-right-container"> |
---|
346 | <i class="fa fa-angle-left pull-right"></i> |
---|
347 | </span> |
---|
348 | </a> |
---|
349 | <ul class="treeview-menu"> |
---|
350 | <li><a href="{% url 'utils_carga:carga_masiva' %}">Carga Masiva</a></li> |
---|
351 | </ul> |
---|
352 | </li> |
---|
353 | </ul> |
---|
354 | <!-- /.sidebar-menu --> |
---|
355 | {% endblock side_menu %} |
---|
356 | </section> |
---|
357 | <!-- /.sidebar --> |
---|
358 | </aside> |
---|
359 | {% block content %} |
---|
360 | <!-- Content Wrapper. Contains page content --> |
---|
361 | <div class="content-wrapper"> |
---|
362 | {% block content_header %} |
---|
363 | <!-- Content Header (Page header) --> |
---|
364 | <section class="content-header"> |
---|
365 | <h1> |
---|
366 | Sistema de seguimiento y control a proyectos de Alta IngenierÃa |
---|
367 | <small>Bienvenido</small> |
---|
368 | </h1> |
---|
369 | <ol class="breadcrumb"> |
---|
370 | <li><a href="#"><i class="fa fa-dashboard"></i> {% block breadcrumbs %} Level {% endblock breadcrumbs %}</a></li> |
---|
371 | <li class="active">Here</li> |
---|
372 | </ol> |
---|
373 | </section> |
---|
374 | {% endblock content_header %} |
---|
375 | {% block messages %} |
---|
376 | <div class="box-body"> |
---|
377 | {% if form.errors %} |
---|
378 | <div class="alert alert-danger alert-dismissible"> |
---|
379 | <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button> |
---|
380 | <h4><i class="icon fa fa-ban"></i> Error!</h4> |
---|
381 | No se pudo continuar con la aplicacion debido a los siguientes errores:<br/> |
---|
382 | <ul> |
---|
383 | {% for field in form %} |
---|
384 | {% if field.errors %}<li>{{ field.errors|striptags }}</li>{% endif %} |
---|
385 | {% endfor %} |
---|
386 | </ul> |
---|
387 | </div> |
---|
388 | {% endif %} |
---|
389 | {% for message in messages %} |
---|
390 | {% if 'success' in message.tags %} |
---|
391 | <div class="alert alert-success alert-dismissible"> |
---|
392 | <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button> |
---|
393 | <h4><i class="icon fa fa-check"></i> Exito!</h4> |
---|
394 | {{ message }} |
---|
395 | </div> |
---|
396 | {% elif 'info' in message.tags %} |
---|
397 | <div class="alert alert-info alert-dismissible"> |
---|
398 | <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button> |
---|
399 | <h4><i class="icon fa fa-info"></i> Informacion!</h4> |
---|
400 | {{ message }} |
---|
401 | </div> |
---|
402 | {% elif 'warning' in message.tags %} |
---|
403 | <div class="alert alert-warning alert-dismissible"> |
---|
404 | <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button> |
---|
405 | <h4><i class="icon fa fa-warning"></i> Advertencia!</h4> |
---|
406 | {{ message }} |
---|
407 | </div> |
---|
408 | {% elif 'error' in message.tags %} |
---|
409 | <div class="alert alert-danger alert-dismissible"> |
---|
410 | <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button> |
---|
411 | <h4><i class="icon fa fa-ban"></i> Error!</h4> |
---|
412 | {{ message }} |
---|
413 | </div> |
---|
414 | {% endif %} |
---|
415 | {% endfor %} |
---|
416 | </div> |
---|
417 | {% endblock messages %} |
---|
418 | {% block content_main %} |
---|
419 | <!-- Main content --> |
---|
420 | <section class="content"> |
---|
421 | |
---|
422 | <!-- Your Page Content Here --> |
---|
423 | |
---|
424 | </section> |
---|
425 | <!-- /.content --> |
---|
426 | {% endblock content_main %} |
---|
427 | {% block modals %} |
---|
428 | <!-- Modal --> |
---|
429 | <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> |
---|
430 | <div class="modal-dialog" role="document"> |
---|
431 | <div class="modal-content"> |
---|
432 | <div class="modal-header"> |
---|
433 | <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> |
---|
434 | <h4 class="modal-title" id="myModalLabel">Perfil</h4> |
---|
435 | </div> |
---|
436 | <div class="modal-body" id="modal-body"> |
---|
437 | </div> |
---|
438 | </div> |
---|
439 | </div> |
---|
440 | </div> |
---|
441 | <!-- End Modal --> |
---|
442 | {% endblock modals %} |
---|
443 | </div> |
---|
444 | <!-- /.content-wrapper --> |
---|
445 | {% endblock content %} |
---|
446 | {% block footer %} |
---|
447 | <!-- Main Footer --> |
---|
448 | <footer class="main-footer"> |
---|
449 | <!-- To the right --> |
---|
450 | <div class="pull-right hidden-xs"> |
---|
451 | Anything you want |
---|
452 | </div> |
---|
453 | <!-- Default to the left --> |
---|
454 | <strong>Copyleft <span style="font: 18px Arial, sans-serif; display: inline-block; transform: rotate(180deg);">©</span> 2016 <a href="#">CENDITEL</a>.</strong> |
---|
455 | </footer> |
---|
456 | {% endblock footer %} |
---|
457 | {% block options_user %} |
---|
458 | <!-- Control Sidebar --> |
---|
459 | <aside class="control-sidebar control-sidebar-dark"> |
---|
460 | <!-- Create the tabs --> |
---|
461 | <ul class="nav nav-tabs nav-justified control-sidebar-tabs"> |
---|
462 | <li class="active"><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li> |
---|
463 | <li><a href="#control-sidebar-settings-tab" data-toggle="tab"><i class="fa fa-gears"></i></a></li> |
---|
464 | </ul> |
---|
465 | <!-- Tab panes --> |
---|
466 | <div class="tab-content"> |
---|
467 | <!-- Home tab content --> |
---|
468 | <div class="tab-pane active" id="control-sidebar-home-tab"> |
---|
469 | <h3 class="control-sidebar-heading">Recent Activity</h3> |
---|
470 | <ul class="control-sidebar-menu"> |
---|
471 | <li> |
---|
472 | <a href="javascript::;"> |
---|
473 | <i class="menu-icon fa fa-birthday-cake bg-red"></i> |
---|
474 | |
---|
475 | <div class="menu-info"> |
---|
476 | <h4 class="control-sidebar-subheading">Langdon's Birthday</h4> |
---|
477 | |
---|
478 | <p>Will be 23 on April 24th</p> |
---|
479 | </div> |
---|
480 | </a> |
---|
481 | </li> |
---|
482 | </ul> |
---|
483 | <!-- /.control-sidebar-menu --> |
---|
484 | |
---|
485 | <h3 class="control-sidebar-heading">Tasks Progress</h3> |
---|
486 | <ul class="control-sidebar-menu"> |
---|
487 | <li> |
---|
488 | <a href="javascript::;"> |
---|
489 | <h4 class="control-sidebar-subheading"> |
---|
490 | Custom Template Design |
---|
491 | <span class="pull-right-container"> |
---|
492 | <span class="label label-danger pull-right">70%</span> |
---|
493 | </span> |
---|
494 | </h4> |
---|
495 | |
---|
496 | <div class="progress progress-xxs"> |
---|
497 | <div class="progress-bar progress-bar-danger" style="width: 70%"></div> |
---|
498 | </div> |
---|
499 | </a> |
---|
500 | </li> |
---|
501 | </ul> |
---|
502 | <!-- /.control-sidebar-menu --> |
---|
503 | |
---|
504 | </div> |
---|
505 | <!-- /.tab-pane --> |
---|
506 | <!-- Stats tab content --> |
---|
507 | <div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div> |
---|
508 | <!-- /.tab-pane --> |
---|
509 | <!-- Settings tab content --> |
---|
510 | <div class="tab-pane" id="control-sidebar-settings-tab"> |
---|
511 | <form method="post"> |
---|
512 | <h3 class="control-sidebar-heading">General Settings</h3> |
---|
513 | |
---|
514 | <div class="form-group"> |
---|
515 | <label class="control-sidebar-subheading"> |
---|
516 | Report panel usage |
---|
517 | <input type="checkbox" class="pull-right" checked> |
---|
518 | </label> |
---|
519 | |
---|
520 | <p> |
---|
521 | Some information about this general settings option |
---|
522 | </p> |
---|
523 | </div> |
---|
524 | <!-- /.form-group --> |
---|
525 | </form> |
---|
526 | </div> |
---|
527 | <!-- /.tab-pane --> |
---|
528 | </div> |
---|
529 | </aside> |
---|
530 | <!-- /.control-sidebar --> |
---|
531 | {% endblock options_user %} |
---|
532 | <!-- Add the sidebar's background. This div must be placed |
---|
533 | immediately after the control sidebar --> |
---|
534 | <div class="control-sidebar-bg"></div> |
---|
535 | </div> |
---|
536 | <!-- ./wrapper --> |
---|
537 | </body> |
---|
538 | <script type="text/javascript"> |
---|
539 | ruta = '{% url 'users:modal_perfil' request.user.pk %}'; |
---|
540 | id_user = {{request.user.pk}}; |
---|
541 | </script> |
---|
542 | <script src="{% static 'start/modals.js' %}"></script> |
---|
543 | </html> |
---|