template/base.html

   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">
  51             {% if user.get_username %}
  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>
  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">
  91               <img src="/static/assets/img/account_circle.png" class="user-image" alt="User Image">
  92                         <span class="hidden-xs">{{ user.username }}</span>
  93             </a>
  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>
 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>
 177 <!-- momentjs -->
 178 <script src="/static/bower_components/moment/moment.js"></script>
 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>