backend/templates/old_dashboard_template.html
{% 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">×</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 #}