source: interfaz/programacion/Adminmail/templates/index.html @ e6dc6c5

Last change on this file since e6dc6c5 was e6dc6c5, checked in by Erwin Paredes <eparedes@…>, 8 years ago

actualizacion del sistema Adminmail
  • Property mode set to 100644
File size: 13.1 KB
Line 
1<!DOCTYPE html>
2<html lang="en">
3{% load staticfiles %}
4
5<head>
6
7    <meta charset="utf-8">
8    <meta http-equiv="X-UA-Compatible" content="IE=edge">
9    <meta name="viewport" content="width=device-width, initial-scale=1">
10    <meta name="description" content="">
11    <meta name="author" content="">
12
13    <title>Sistema de Administración del Correo Electrónico</title>
14    <link rel="shortcut icon" href="{%  static 'favicon.ico' %}">
15    <!-- Bootstrap Core CSS -->
16    <link href="{% static "bower_components/bootstrap/dist/css/bootstrap.css" %}"rel="stylesheet">
17    <link href="{% static "bower_components/bootstrap/dist/css/bootstrap-theme.css" %}"rel="stylesheet">
18    <!-- MetisMenu CSS -->
19    <link href="{% static "bower_components/metisMenu/dist/metisMenu.min.css" %}"rel="stylesheet">
20
21    <!-- Timeline CSS -->
22    <link href="{% static "dist/css/timeline.css" %}" rel="stylesheet">
23
24    <!-- Custom CSS -->
25    <link href="{% static "dist/css/sb-admin-2.css" %}" rel="stylesheet">
26
27    <!-- Morris Charts CSS -->
28    <link href="{% static "bower_components/morrisjs/morris.css" %}" rel="stylesheet">
29   
30    <!-- jquery ui -->
31    <link rel="stylesheet" href="{% static "jquery-ui/jquery-ui.css" %}">
32       
33    <!-- Custom Fonts -->
34    <link href="{% static "bower_components/font-awesome/css/font-awesome.min.css" %}" rel="stylesheet" type="text/css">
35
36    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
37    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
38    <!--[if lt IE 9]>
39        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
40        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
41    <![endif]-->
42   
43    <style type="text/css">
44    .numberCircle {
45     border-radius: 50%;
46     behavior: url(PIE.htc); /* remove if you don't care about IE8 */
47     width: 30px;
48     height: 30px;
49     padding: 6px;
50     background: #fff;
51     border: 2px solid black;
52     color: black;
53     text-align: center;
54     font: 12px Arial, sans-serif;
55     display: inline-block;
56    }
57    .panel-green > .panel-heading {
58      color: #333;
59      background-color: #f5f5f5;
60      background-image: url("{% static "barra.jpg" %}"); 
61      border-color: #ddd; 
62    }
63
64    </style>
65</head>
66
67<body>
68
69    <div id="wrapper">
70
71        <!-- Navigation -->
72        <nav class="navbar navbar-default navbar-static-top" role="navigation" style="margin-bottom: 0">
73            <div class="navbar-header">
74                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
75                    <span class="sr-only">Navegacion</span>
76                    <span class="icon-bar"></span>
77                    <span class="icon-bar"></span>
78                    <span class="icon-bar"></span>
79                </button>
80                <a class="navbar-brand" href="#">Web AdminMail v1.0
81                </a>
82            </div>
83            <!-- /.navbar-header -->
84
85            <ul class="nav navbar-top-links navbar-right">
86{% block navegacion %}
87                <li>{% url 'mensajes' as the_url %}
88                    <a type="button" class="btn btn-primary" " href="{{the_url}}"><i class="fa fa-envelope fa-fw"><div class="numberCircle">{{mensajes}}</div></i></a>
89                </li>
90               
91                 
92                <!-- /.dropdown -->
93                <li class="dropdown">
94                    <a class="dropdown-toggle" data-toggle="dropdown" href="#">
95                        <i class="fa fa-bell fa-fw"></i>  <i class="fa fa-caret-down"></i>
96                    </a>
97                    <ul class="dropdown-menu dropdown-alerts">
98                        <li>
99                            <a href="#">
100                                <div>
101                                    <i class="fa fa-comment fa-fw"></i> New Comment
102                                    <span class="pull-right text-muted small">4 minutes ago</span>
103                                </div>
104                            </a>
105                        </li>
106                        <li class="divider"></li>
107                        <li>
108                            <a href="#">
109                                <div>
110                                    <i class="fa fa-twitter fa-fw"></i> 3 New Followers
111                                    <span class="pull-right text-muted small">12 minutes ago</span>
112                                </div>
113                            </a>
114                        </li>
115                        <li class="divider"></li>
116                        <li>
117                            <a href="{% url 'mensajesnuevos' %}">
118                                <div>
119                                    <i class="fa fa-envelope fa-fw"></i> Apertura de correo
120                                    <span class="pull-right text-muted small">{{nuevos}}</span>
121                                </div>
122                            </a>
123                        </li>
124                        <li class="divider"></li>
125                        <li>
126                            <a href="#">
127                                <div>
128                                    <i class="fa fa-tasks fa-fw"></i> New Task
129                                    <span class="pull-right text-muted small">4 minutes ago</span>
130                                </div>
131                            </a>
132                        </li>
133                        <li class="divider"></li>
134                        <li>
135                            <a href="#">
136                                <div>
137                                    <i class="fa fa-upload fa-fw"></i> Server Rebooted
138                                    <span class="pull-right text-muted small">4 minutes ago</span>
139                                </div>
140                            </a>
141                        </li>
142                       
143                        <li class="divider"></li>
144                        <li>
145                            <a class="text-center" href="#">
146                                <strong>Ver otras alertas</strong>
147                                <i class="fa fa-angle-right"></i>
148                            </a>
149                        </li>
150                    </ul>
151                    <!-- /.dropdown-alerts -->
152                </li>
153                <!-- /.dropdown -->
154                {% endblock navegacion %}
155                <li class="dropdown">
156                    <a class="dropdown-toggle" data-toggle="dropdown" href="#">
157                        <i class="fa fa-user fa-fw"></i>  <i class="fa fa-caret-down"></i>
158                    </a>
159                    <ul class="dropdown-menu dropdown-user">
160                        <li><a href="{% url 'cambio_perfil' %}"><i class="fa fa-user fa-fw"></i> Perfil de {{ user.username }}</a>
161                        </li>
162                        <li><a href="{% url 'cambio_contrasena' %}"><i class="fa fa-gear fa-fw"></i> Cambio de contraseña</a>
163                        </li>
164                        <li class="divider"></li>
165                        <li><a href="{% url "logout" %}"><i class="fa fa-sign-out fa-fw"></i> Logout</a>
166                        </li>
167                    </ul>
168                    <!-- /.dropdown-user -->
169                </li>
170                <!-- /.dropdown -->
171            </ul>
172            <!-- /.navbar-top-links -->
173
174            <div class="navbar-default sidebar" role="navigation">
175                <div class="sidebar-nav navbar-collapse">
176                    <ul class="nav" id="side-menu">
177                       
178                        <li>{% url 'member' as url_premier %}
179                            {% if url_premier %}
180                            <a href="{{url_premier}}"><i class="fa fa-dashboard fa-fw"></i> Inicio</a>
181                            {% endif %}
182                        </li>
183                       
184                        <li>
185                            <a href="#"><i class="fa fa-bar-chart-o fa-fw"></i> Gráficos<span class="fa arrow"></span></a>
186                            <ul class="nav nav-second-level">
187                                <li>
188                                    <a href="{% url 'trafico' %}">Tráfico de correo</a>
189                                </li>
190                                <li>
191                                    <a href="{% url 'estadisticas' %}">Estadísticas sobre usuarios</a>
192                                </li>
193                            </ul>
194                            <!-- /.nav-second-level -->
195                        </li>
196                        <li>
197                            <a href="{% url 'servidores' %}"><i class="fa fa-table fa-fw"></i> Servidores</a>
198                        </li>
199                        <li class="divider"></li>
200                        <li>
201                        <button type="button" class="btn btn-primary btn-lg btn-block" data-container="body" data-toggle="popover" data-placement="right" data-content="">
202                          CENDITEL
203                        </button>
204                        </li>
205                    </ul>
206                </div>
207                <!-- /.sidebar-collapse -->
208            </div>
209            <!-- /.navbar-static-side -->
210        </nav>
211
212        {% block contenido %}
213        <div id="page-wrapper">
214            <div class="row">
215                <div class="col-lg-12">
216                    <h1 class="page-header">Correo Electrónico del Estado</h1>
217                </div>
218                <!-- /.col-lg-12 -->
219            </div>
220            <!-- /.row -->
221            <div class="row">
222                <div class="col-lg-3 col-md-6">
223                    <div class="panel panel-primary">
224                        <div class="panel-heading">
225                            <div class="row">
226                                <div class="col-xs-3">
227                                    <i class="fa fa-user fa-5x"></i>
228                                </div>
229                                <div class="col-xs-9 text-right">
230                                    <div class="huge">{{numero}}</div>
231                                    <div>Usuarios del Correo!</div>
232                                </div>
233                            </div>
234                        </div>
235                        <a href="{% url 'usuarios' %}">
236                            <div class="panel-footer">
237                                <span class="pull-left">Ver Listado</span>
238                                <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
239                                <div class="clearfix"></div>
240                            </div>
241                        </a>
242                    </div>
243                </div>
244                <div class="col-lg-3 col-md-6">
245                    <div class="panel panel-green">
246                        <div class="panel-heading">
247                            <div class="row">
248                                <div class="col-xs-3">
249                                    <i class="fa fa-group fa-5x"></i>
250                                </div>
251                                <div class="col-xs-9 text-right">
252                                    <div class="huge">{{grupos}}</div>
253                                    <div>Grupos!</div>
254                                </div>
255                            </div>
256                        </div>
257                        <a href="{% url 'grupos' %}">
258                            <div class="panel-footer">
259                                <span class="pull-left">Ver Listado</span>
260                                <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
261                                <div class="clearfix"></div>
262                            </div>
263                        </a>
264                    </div>
265                </div>
266               
267            </div>
268            <!-- /.row -->
269           
270        </div>
271        <!-- /#page-wrapper -->
272      {% endblock contenido%}
273    </div>
274    <!-- /#wrapper -->
275
276    <!-- jQuery -->
277    <script src="{% static "bower_components/jquery/dist/jquery.min.js" %}"></script>
278
279    <script src="{% static "jquery-ui/jquery-ui.js" %}"></script>
280   
281    <!-- Bootstrap Core JavaScript -->
282    <script src="{% static "bower_components/bootstrap/dist/js/bootstrap.min.js" %}"></script>
283
284    <!-- Metis Menu Plugin JavaScript -->
285    <script src="{% static "bower_components/metisMenu/dist/metisMenu.min.js" %}"></script>
286
287    <!-- Morris Charts JavaScript -->
288    <script src="{% static "bower_components/raphael/raphael-min.js" %}"></script>
289    <script src="{% static "bower_components/morrisjs/morris.min.js" %}"></script>
290    <!--<script src="{% static "js/morris-data.js" %}"></script>-->
291
292    <!-- Custom Theme JavaScript -->
293    <script src="{% static "dist/js/sb-admin-2.js" %}"></script>
294    <script  type="text/javascript">
295    $(function () {
296       $('[data-toggle="popover"]').popover({
297        tabindex: '0',
298        trigger:'focus',
299        title: '<h4 class="custom-title"><span class="glyphicon glyphicon-info-sign"></span> Página Oficial</h4>',
300        content: '<a href=http://www.cenditel.gob.ve>Cenditel</a>',
301        html: true
302       }
303       )
304    })
305    </script>
306    {% block librerias %}
307    {% endblock librerias %}
308
309</body>
310
311</html>
Note: See TracBrowser for help on using the repository browser.