template/base.html

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