Gitiles
Code Review Sign In
osm.etsi.org / osm / LW-UI / b58d5d8e177049ab63587f4329f282bc206352ec / . / template / base.html
blob: ee790ffcbd4eb9cf58de7c325d8911e3ef9193a2 [file] [log] [blame]
lombardoffb37bca2018-05-03 16:20:04 +0200[diff] [blame]1{% load staticfiles %}
2<!DOCTYPE html>
3<html>
4<head>
5
6 {% block head_base %}
7 {% include "head.html" %}
8 {% endblock %}
9 {% block head_block %}
10
11 {% endblock %}
12 <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
13 <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
14 <!--[if lt IE 9]>
15 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
16 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
17 <![endif]-->
18
19 <!-- Google Font
20 <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">-->
21</head>
22
23
24{% block body %}
25
26{% if request.COOKIES.collapsed_sidebar == '1' %}
27<body class="skin-purple sidebar-mini sidebar-collapse">
28{% else %}
29<body class="skin-purple hold-transition sidebar-mini">
30{% endif %}
31
32<div class="wrapper">
33
34 <header class="main-header">
35 <!-- Logo -->
36 {% block logo_sidebar %}
37 {% include "logo_sidebar.html" %}
38 {% endblock %}
39 <!-- Header Navbar: style can be found in header.less -->
40 <nav class="navbar navbar-static-top">
41 <!-- Sidebar toggle button-->
42 <a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button">
43 <span class="sr-only">Toggle navigation</span>
44 <span class="icon-bar"></span>
45 <span class="icon-bar"></span>
46 <span class="icon-bar"></span>
47 </a>
48
49 <div class="navbar-custom-menu">
50 <ul class="nav navbar-nav">
lombardofr099364f2018-06-12 11:21:02 +0200[diff] [blame]51 {% if user.get_username %}
lombardofr835a0b72018-07-18 15:26:16 +0200[diff] [blame]52 <li class="dropdown tasks-menu">
53 <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
54 <span class="far fa-folder-open"> </span>
55 <span>{{ user.project_id }}</span>
56 <span class="fa fa-caret-down"></span>
57 </a>
58 <ul class="dropdown-menu">
59 <li class="header">Projects:</li>
60 <li>
61 <!-- inner menu: contains the actual data -->
62 <ul class="menu">
63 {% for p in request.session.projects %}
64 {% if p == user.project_id %}
65 <li>
66 <a href="#">
67 <h3>
68 <i class="fa fa-folder-open"></i> <span>{{ p }}</span>
69 </h3>
70
71 </a>
72 </li>
73 {% else %}
74 <li>
75 <a href="{% url 'projects:switch_project' project_id=p %}">
76 <h3>
77 <i class="fa fa-folder"></i> <span>{{ p }}</span>
78 </h3>
79 </a>
80 </li>
81 {% endif %}
82 {% endfor %}
83 </ul>
84 </li>
85
86 </ul>
87 </li>
lombardoffb37bca2018-05-03 16:20:04 +0200[diff] [blame]88 <!-- User Account: style can be found in dropdown.less -->
89 <li class="dropdown user user-menu">
90 <a href="#" class="dropdown-toggle" data-toggle="dropdown">
lombardofr099364f2018-06-12 11:21:02 +0200[diff] [blame]91 <img src="/static/assets/img/account_circle.png" class="user-image" alt="User Image">
lombardoffb37bca2018-05-03 16:20:04 +0200[diff] [blame]92 <span class="hidden-xs">{{ user.username }}</span>
93 </a>
lombardofr835a0b72018-07-18 15:26:16 +0200[diff] [blame]94 <ul class="dropdown-menu">
95 <!-- User image -->
96 <li class="user-header">
97 <img src="/static/assets/img/account_circle.png" class="img-circle" alt="User Image">
98 <p id="user_menu_name_role">
99 {{ user.get_username }}
100 <small id="user_menu_role">{{ user.get_user_role_name }}</small>
101 </p>
102 </li>
103 <!-- Menu Footer-->
104 <li class="user-footer">
105 <div class="pull-left">
106 <a href="#" class="btn btn-default btn-flat" disabled>Settings</a>
107 </div>
108 <div class="pull-right">
109 <a href="/auth" class="btn btn-default btn-flat">Sign out</a>
110 </div>
111 </li>
112 </ul>
lombardoffb37bca2018-05-03 16:20:04 +0200[diff] [blame]113 </li>
114 {% endif %}
115 </ul>
116 </div>
117 </nav>
118 </header>
119
120 <!-- =============================================== -->
121 {% block left_sidebar %}
122
123 {% endblock %}
124
125 <!-- =============================================== -->
126
127 <!-- Content Wrapper. Contains page content -->
128 <div class="content-wrapper">
129 <!-- Content Header (Page header) -->
130 <section class="content-header">
131 <h1 id="title_header">
132 {% block title_header_big %}
133
134 {% endblock %}
135 <small>
136 {% block title_header_small %}
137
138 {% endblock %}
139 </small>
140 </h1>
141 <ol id="breadcrumb" class="breadcrumb">
142 {% block breadcrumb_body %}
143 <li><a href='{% url "home" %}'><i class="fa fa-home fa-fw"></i> Home</a></li>
144 {% endblock %}
145 </ol>
146 </section>
147
148 <!-- Main content -->
149 <section id="main_content" class="content">
150 {% block content_body %}
151
152 {% endblock %}
153 </section>
154 <!-- /.content -->
155 {% include "modals/error_alert.html" %}
156 </div><!-- /.content-wrapper -->
157 {% block footer %}
158 {% include "footer.html" %}
159 {% endblock %}
160
161
162 </div>
163<!-- ./wrapper -->
164
165<!-- jQuery 3 -->
166<script src="/static/bower_components/jquery/dist/jquery.min.js"></script>
167<!-- Bootstrap 3.3.7 -->
168<script src="/static/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
169<!-- FastClick -->
170<script src="/static/bower_components/fastclick/lib/fastclick.js"></script>
171<!-- AdminLTE App -->
172<script src="/static/bower_components/admin-lte/dist/js/adminlte.min.js"></script>
173<!-- iCheck -->
174<script src="/static/bower_components/admin-lte/plugins/iCheck/icheck.min.js"></script>
175<!-- pace -->
176<script src="/static/bower_components/admin-lte/plugins/pace/pace.min.js"></script>
lombardofr4908f382018-09-10 11:36:06 +0200[diff] [blame]177<!-- momentjs -->
178<script src="/static/bower_components/moment/moment.js"></script>
lombardoffb37bca2018-05-03 16:20:04 +0200[diff] [blame]179<!-- bootbox -->
180<script src="/static/bower_components/bootbox.js/bootbox.js"></script>
181<!-- RDCL3D AdminLTE session storage handler -->
182<script src="/static/src/adminlte_session_storage.js"></script>
183<!-- Utility JS -->
184<script src="/static/src/utils.js"></script>
185
186<script>
187 $(document).ready(function () {
188 $('[data-toggle="tooltip"]').tooltip()
189 });
190
191</script>
192{% block resource_block %}
193
194{% endblock %}
195</body>
196{% endblock %}
197</html>