cnap-cobre/synapse

{% extends 'base_template.html' %}
{% load static %}
{% block body_content %}
<div class="container-fluid" id="wrapper">
      <div class="row">
 
 
        <nav class="sidebar col-xs-12 col-sm-4 col-lg-3 col-xl-2 bg-faded sidebar-style-1">
          {% block navigation %}
          <h1 class="site-title"><a href="/"><em class="fa fa-rocket"></em>CNAP</a></h1>
          <a href="#menu-toggle" class="btn btn-default" id="menu-toggle"><em class="fa fa-bars"></em></a>
          <ul class="nav nav-pills flex-column sidebar-nav">
            {% if user.is_authenticated %}
            <li class="nav-item"><a class="nav-link active" href="/"><em class="fa fa-dashboard"></em> Dashboard <span class="sr-only">(current)</span></a></li>
            <li class="nav-item"><a class="nav-link" href="/browse/"><em class="fa fa-eye"></em> Browse</a></li>
            <!--<li class="nav-item"><a class="nav-link" href="charts.html"><em class="fa fa-bar-chart"></em> Charts</a></li>
            <li class="nav-item"><a class="nav-link" href="elements.html"><em class="fa fa-hand-o-up"></em> UI Elements</a></li>
            <li class="nav-item"><a class="nav-link" href="cards.html"><em class="fa fa-clone"></em> Cards</a></li>-->
            <li class="nav-item"><a class="nav-link" href="/accounts/profile/"><em class="fa fa-user-circle"></em> Account</a></li>
            {% else %}
            <li class="nav-item"><a class="nav-link" href="/accounts/login/"><em class="fa fa-user-circle"></em> Sign In</a></li>
            {% endif %}
          </ul>
          {% if user.is_authenticated %}
          <a href="/accounts/logout/" class="logout-button"><em class="fa fa-power-off"></em> Signout</a>
          {% endif %}
          {% endblock %}{# navigation #}
        </nav>
 
 
        <main class="col-xs-12 col-sm-8 offset-sm-4 col-lg-9 offset-lg-3 col-xl-10 offset-xl-2 pt-3 pl-4">
          {% block main_content_area %}
 
 
          <header class="page-header row justify-center">
            {% block header %}
            
 
            {% if user.is_authenticated %}
            <div class="col-md-6 col-lg-8" >
              <h1 class="float-left text-center text-md-left">Dashboard</h1>
            </div>
            <div class="dropdown user-dropdown col-md-6 col-lg-4 text-center text-md-right">
              <a class="btn btn-stripped dropdown-toggle" href="https://example.com" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                <img src="{% static 'images/profile-pic.jpg' %}" alt="profile photo" class="circle float-left profile-photo" width="50" height="auto">
                <div class="username mt-1">
                  <h4 class="mb-1">{{ user.get_username }}</h4>
                  <h6 class="text-muted">Super Admin</h6>
                </div>
              </a>
              <div class="dropdown-menu dropdown-menu-right" style="margin-right: 1.5rem;" aria-labelledby="dropdownMenuLink">
                <a class="dropdown-item" href="/accounts/profile/"><em class="fa fa-user-circle mr-1"></em> View Profile</a>
                <a class="dropdown-item" href="#"><em class="fa fa-sliders mr-1"></em> Preferences</a>
                <a class="dropdown-item" href="/accounts/logout/"><em class="fa fa-power-off mr-1"></em> Logout</a>
              </div>
            </div>
            {% else %}
            <div class="col-md-12 col-lg-12" >
              <h1 class="float-left text-center text-md-left">Dashboard</h1>
            </div>
            {% endif %}
 
 
            <div class="clear"></div>
            {% endblock %}{# header #}
          </header>
 
 
          <section class="row">
            <div class="col-sm-12">
 
              {% if messages %}
                <div class="messages">
                {% for message in messages %}
                  <div class="alert alert-{{ message.tags }} alert-dismissible fade show" role="alert">
                    {{ message }}
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                      <span aria-hidden="true">&times;</span>
                    </button>
                  </div>
                {% endfor %}
                </div>
              {% endif %}
 
            {% block under_header_area %}
 
              <section class="row">
                <div class="col-md-12 col-lg-8">
                {% block content_left %}
 
 
                {% endblock %}{# content_left #}
                </div>
                <div class="col-md-12 col-lg-4">
                {% block content_right %}
 
 
                {% endblock %}{# content_right #}
                </div>
              </section>
            {% endblock %}{# under_header_area #}
            </div>
          </section>
          <hr>
          <section class="row">
            <div class="col-12 mt-1 mb-4">© 2018 CNAP Center of Biomedical Research Excellence</div>
          </section>
          {% endblock %}{# main_content_area #}
        </main>
      </div>
    </div>
{% endblock %}{# body_content #}