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           <!-- User Account: style can be found in dropdown.less -->
  53           <li class="dropdown user user-menu">
  54             <a href="#" class="dropdown-toggle" data-toggle="dropdown">
  55               <img src="/static/assets/img/account_circle.png" class="user-image" alt="User Image">
  56                         <span class="hidden-xs">{{ user.username }}</span>
  57             </a>
  58             <ul class="dropdown-menu">
  59                         <!-- User image -->
  60                         <li class="user-header">
  61                             <img src="/static/assets/img/account_circle.png" class="img-circle" alt="User Image">
  62                             <p id="user_menu_name_role">
  63                                 {{ user.get_username }}
  64                                 <small id="user_menu_role">{{ user.get_user_role_name }}</small>
  65                             </p>
  66                         </li>
  67                         <!-- Menu Footer-->
  68                         <li class="user-footer">
  69                             <div class="pull-left">
  70                               <a href="#" class="btn btn-default btn-flat" disabled>Settings</a>
  71                             </div>
  72                             <div class="pull-right">
  73                                 <a href="/auth" class="btn btn-default btn-flat">Sign out</a>
  74                             </div>
  75                         </li>
  76                     </ul>
  77           </li>
  78             {% endif %}
  79         </ul>
  80       </div>
  81     </nav>
  82   </header>
  83
  84         <!-- =============================================== -->
  85         {% block left_sidebar %}
  86
  87         {% endblock %}
  88
  89       <!-- =============================================== -->
  90
  91       <!-- Content Wrapper. Contains page content -->
  92       <div class="content-wrapper">
  93           <!-- Content Header (Page header) -->
  94             <section class="content-header">
  95                 <h1 id="title_header">
  96                     {% block title_header_big %}
  97
  98                     {% endblock %}
  99                     <small>
 100                         {% block title_header_small %}
 101
 102                         {% endblock %}
 103                     </small>
 104                 </h1>
 105                 <ol id="breadcrumb" class="breadcrumb">
 106                     {% block breadcrumb_body %}
 107                         <li><a href='{% url "home" %}'><i class="fa fa-home fa-fw"></i> Home</a></li>
 108                     {% endblock %}
 109                 </ol>
 110             </section>
 111
 112           <!-- Main content -->
 113             <section id="main_content" class="content">
 114                 {% block content_body %}
 115
 116                 {% endblock %}
 117             </section>
 118           <!-- /.content -->
 119         {% include "modals/error_alert.html" %}
 120       </div><!-- /.content-wrapper -->
 121         {% block footer %}
 122             {% include "footer.html" %}
 123         {% endblock %}
 124
 125
 126     </div>
 127 <!-- ./wrapper -->
 128
 129 <!-- jQuery 3 -->
 130 <script src="/static/bower_components/jquery/dist/jquery.min.js"></script>
 131 <!-- Bootstrap 3.3.7 -->
 132 <script src="/static/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
 133 <!-- FastClick -->
 134 <script src="/static/bower_components/fastclick/lib/fastclick.js"></script>
 135 <!-- AdminLTE App -->
 136 <script src="/static/bower_components/admin-lte/dist/js/adminlte.min.js"></script>
 137 <!-- iCheck -->
 138 <script src="/static/bower_components/admin-lte/plugins/iCheck/icheck.min.js"></script>
 139 <!-- pace -->
 140 <script src="/static/bower_components/admin-lte/plugins/pace/pace.min.js"></script>
 141 <!-- bootbox -->
 142 <script src="/static/bower_components/bootbox.js/bootbox.js"></script>
 143 <!-- RDCL3D AdminLTE session storage handler -->
 144 <script src="/static/src/adminlte_session_storage.js"></script>
 145 <!-- Utility JS -->
 146 <script src="/static/src/utils.js"></script>
 147
 148 <script>
 149     $(document).ready(function () {
 150         $('[data-toggle="tooltip"]').tooltip()
 151     });
 152
 153 </script>
 154 {% block resource_block %}
 155
 156 {% endblock %}
 157 </body>
 158 {% endblock %}
 159 </html>