cnap-cobre/synapse

View on GitHub
backend/templates/old_dashboard_template.html

Summary

Maintainability
Test Coverage
{% 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 #}