mirror of
https://github.com/sartography/uva-covid19-testing-communicator.git
synced 2025-02-24 04:48:05 +00:00
Added base_href to sidenav
This commit is contained in:
Nile Walker
parent
cf42450447
commit
6ed087a4e2
@ -22,17 +22,17 @@
|
||||
<!-- Navigation -->
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="/">
|
||||
<a class="nav-link" href="{{base_href | safe}}/">
|
||||
<em class="ni ni-tv-2 text-primary"></em> Dashboard
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="/imported_files">
|
||||
<a class="nav-link" href="{{base_href| safe}}/imported_files">
|
||||
<em class="ni ni-tv-2 text-primary"></em> Imported Files
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="/inventory">
|
||||
<a class="nav-link" href="{{base_href| safe}}/inventory">
|
||||
<em class="ni ni-tv-2 text-primary"></em> Manage Inventory
|
||||
</a>
|
||||
</li>
|
||||
|
||||
@ -138,10 +138,6 @@
|
||||
|
||||
|
||||
<script>
|
||||
function random_rgba() {
|
||||
var o = Math.round, r = Math.random, s = 255;
|
||||
return 'rgba(' + o(r() * s) + ',' + o(r() * s) + ',' + o(r() * s) + ',1)';
|
||||
}
|
||||
var color_idx = 1;
|
||||
var colors = {};
|
||||
function getColor(key) {
|
||||
@ -192,6 +188,20 @@
|
||||
align: 'end'
|
||||
}
|
||||
|
||||
var stacked_bar_scale = {
|
||||
xAxes: [{
|
||||
ticks: {
|
||||
beginAtZero: true
|
||||
},
|
||||
stacked: true
|
||||
}],
|
||||
yAxes: [{
|
||||
ticks: {
|
||||
beginAtZero: true
|
||||
},
|
||||
stacked: true
|
||||
}]
|
||||
};
|
||||
function getToday() {
|
||||
var today = new Date();
|
||||
var dd = String(today.getDate()).padStart(2, '0');
|
||||
@ -232,7 +242,6 @@
|
||||
var overall_totals_data = JSON.parse('{{overall_totals_data | tojson }}');
|
||||
var location_stats_data = JSON.parse('{{location_stats_data | tojson }}');
|
||||
|
||||
//Chart.defaults.global.defaultFontColor = 'lightgray';
|
||||
var per_weekday = new Chart(document.getElementById('week-chart').getContext('2d'), {
|
||||
type: 'horizontalBar',
|
||||
data: {
|
||||
@ -245,22 +254,7 @@
|
||||
legend: {
|
||||
display: false
|
||||
},
|
||||
scales: {
|
||||
xAxes: [{
|
||||
ticks: {
|
||||
beginAtZero: true
|
||||
, fontColor: 'black'
|
||||
},
|
||||
stacked: true
|
||||
}],
|
||||
yAxes: [{
|
||||
ticks: {
|
||||
beginAtZero: true
|
||||
, fontColor: 'black'
|
||||
},
|
||||
stacked: true
|
||||
}]
|
||||
},
|
||||
scales: stacked_bar_scale,
|
||||
title: {
|
||||
display: true,
|
||||
text: 'Average Count By Weekday For {{dates.search}}'
|
||||
@ -292,27 +286,11 @@
|
||||
options: {
|
||||
responsive: true,
|
||||
maintainAspectRatio: false,
|
||||
scales: stacked_bar_scale,
|
||||
legend: {
|
||||
display: false
|
||||
},
|
||||
scales: {
|
||||
xAxes: [{
|
||||
ticks: {
|
||||
beginAtZero: true
|
||||
, fontColor: 'black'
|
||||
},
|
||||
stacked: true
|
||||
}],
|
||||
yAxes: [{
|
||||
ticks: {
|
||||
beginAtZero: true
|
||||
, fontColor: 'black'
|
||||
},
|
||||
stacked: true
|
||||
}]
|
||||
},
|
||||
title: {
|
||||
display: true,
|
||||
text: 'Average Count By Hour For {{dates.search}}'
|
||||
},
|
||||
plugins: {
|
||||
@ -337,30 +315,14 @@
|
||||
datasets: overall_charts.daily,
|
||||
labels: JSON.parse('{{chart_ticks | tojson }}')
|
||||
},
|
||||
|
||||
// Configuration options go here
|
||||
options: {
|
||||
responsive: true,
|
||||
maintainAspectRatio: false,
|
||||
scales: stacked_bar_scale,
|
||||
title: {
|
||||
display: false,
|
||||
},
|
||||
scales: {
|
||||
xAxes: [{
|
||||
ticks: {
|
||||
beginAtZero: true
|
||||
, fontColor: 'white'
|
||||
},
|
||||
stacked: true
|
||||
}],
|
||||
yAxes: [{
|
||||
ticks: {
|
||||
beginAtZero: true
|
||||
, fontColor: 'white'
|
||||
},
|
||||
stacked: true
|
||||
}]
|
||||
},
|
||||
legend: {
|
||||
display: true,
|
||||
position: "right",
|
||||
|
||||
@ -1,400 +0,0 @@
|
||||
<!-- Main content -->
|
||||
<div class="main-content">
|
||||
<!-- Header -->
|
||||
|
||||
|
||||
<!-- Top navbar -->
|
||||
<nav class="navbar navbar-top navbar-expand-md navbar-dark" id="navbar-main">
|
||||
<div class="container-fluid">
|
||||
<!-- Brand -->
|
||||
<a class="h4 mb-0 text-white text-uppercase d-none d-lg-inline-block" href="./index.html">UVA Communicator
|
||||
Dashboard</a>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="container-fluid mt--6">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div class="card">
|
||||
<!-- Card header -->
|
||||
<div class="card-header border-0">
|
||||
<h3 class="mb-0">Light table</h3>
|
||||
</div>
|
||||
<!-- Light table -->
|
||||
<div class="table-responsive">
|
||||
<table class="table align-items-center table-flush">
|
||||
<thead class="thead-light">
|
||||
<tr>
|
||||
<th scope="col" class="sort" data-sort="name">Project</th>
|
||||
<th scope="col" class="sort" data-sort="budget">Budget</th>
|
||||
<th scope="col" class="sort" data-sort="status">Status</th>
|
||||
<th scope="col">Users</th>
|
||||
<th scope="col" class="sort" data-sort="completion">Completion</th>
|
||||
<th scope="col"></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="list">
|
||||
<tr>
|
||||
<th scope="row">
|
||||
<div class="media align-items-center">
|
||||
<a href="#" class="avatar rounded-circle mr-3">
|
||||
<img alt="Image placeholder"
|
||||
src="/static/assets/img/theme/bootstrap.jpg">
|
||||
</a>
|
||||
<div class="media-body">
|
||||
<span class="name mb-0 text-sm">Argon Design System</span>
|
||||
</div>
|
||||
</div>
|
||||
</th>
|
||||
<td class="budget">
|
||||
$2500 USD
|
||||
</td>
|
||||
<td>
|
||||
<span class="badge badge-dot mr-4">
|
||||
<i class="bg-warning"></i>
|
||||
<span class="status">pending</span>
|
||||
</span>
|
||||
</td>
|
||||
<td>
|
||||
<div class="avatar-group">
|
||||
<a href="#" class="avatar avatar-sm rounded-circle" data-toggle="tooltip"
|
||||
data-original-title="Ryan Tompson">
|
||||
<img alt="Image placeholder" src="/static/assets/img/theme/team-1.jpg">
|
||||
</a>
|
||||
<a href="#" class="avatar avatar-sm rounded-circle" data-toggle="tooltip"
|
||||
data-original-title="Romina Hadid">
|
||||
<img alt="Image placeholder" src="/static/assets/img/theme/team-2.jpg">
|
||||
</a>
|
||||
<a href="#" class="avatar avatar-sm rounded-circle" data-toggle="tooltip"
|
||||
data-original-title="Alexander Smith">
|
||||
<img alt="Image placeholder" src="/static/assets/img/theme/team-3.jpg">
|
||||
</a>
|
||||
<a href="#" class="avatar avatar-sm rounded-circle" data-toggle="tooltip"
|
||||
data-original-title="Jessica Doe">
|
||||
<img alt="Image placeholder" src="/static/assets/img/theme/team-4.jpg">
|
||||
</a>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="d-flex align-items-center">
|
||||
<span class="completion mr-2">60%</span>
|
||||
<div>
|
||||
<div class="progress">
|
||||
<div class="progress-bar bg-warning" role="progressbar"
|
||||
aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
|
||||
style="width: 60%;"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="text-right">
|
||||
<div class="dropdown">
|
||||
<a class="btn btn-sm btn-icon-only text-light" href="#" role="button"
|
||||
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<i class="fas fa-ellipsis-v"></i>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
|
||||
<a class="dropdown-item" href="#">Action</a>
|
||||
<a class="dropdown-item" href="#">Another action</a>
|
||||
<a class="dropdown-item" href="#">Something else here</a>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">
|
||||
<div class="media align-items-center">
|
||||
<a href="#" class="avatar rounded-circle mr-3">
|
||||
<img alt="Image placeholder" src="/static/assets/img/theme/angular.jpg">
|
||||
</a>
|
||||
<div class="media-body">
|
||||
<span class="name mb-0 text-sm">Angular Now UI Kit PRO</span>
|
||||
</div>
|
||||
</div>
|
||||
</th>
|
||||
<td class="budget">
|
||||
$1800 USD
|
||||
</td>
|
||||
<td>
|
||||
<span class="badge badge-dot mr-4">
|
||||
<i class="bg-success"></i>
|
||||
<span class="status">completed</span>
|
||||
</span>
|
||||
</td>
|
||||
<td>
|
||||
<div class="avatar-group">
|
||||
<a href="#" class="avatar avatar-sm rounded-circle" data-toggle="tooltip"
|
||||
data-original-title="Ryan Tompson">
|
||||
<img alt="Image placeholder" src="/static/assets/img/theme/team-1.jpg">
|
||||
</a>
|
||||
<a href="#" class="avatar avatar-sm rounded-circle" data-toggle="tooltip"
|
||||
data-original-title="Romina Hadid">
|
||||
<img alt="Image placeholder" src="/static/assets/img/theme/team-2.jpg">
|
||||
</a>
|
||||
<a href="#" class="avatar avatar-sm rounded-circle" data-toggle="tooltip"
|
||||
data-original-title="Alexander Smith">
|
||||
<img alt="Image placeholder" src="/static/assets/img/theme/team-3.jpg">
|
||||
</a>
|
||||
<a href="#" class="avatar avatar-sm rounded-circle" data-toggle="tooltip"
|
||||
data-original-title="Jessica Doe">
|
||||
<img alt="Image placeholder" src="/static/assets/img/theme/team-4.jpg">
|
||||
</a>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="d-flex align-items-center">
|
||||
<span class="completion mr-2">100%</span>
|
||||
<div>
|
||||
<div class="progress">
|
||||
<div class="progress-bar bg-success" role="progressbar"
|
||||
aria-valuenow="100" aria-valuemin="0" aria-valuemax="100"
|
||||
style="width: 100%;"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="text-right">
|
||||
<div class="dropdown">
|
||||
<a class="btn btn-sm btn-icon-only text-light" href="#" role="button"
|
||||
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<i class="fas fa-ellipsis-v"></i>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
|
||||
<a class="dropdown-item" href="#">Action</a>
|
||||
<a class="dropdown-item" href="#">Another action</a>
|
||||
<a class="dropdown-item" href="#">Something else here</a>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">
|
||||
<div class="media align-items-center">
|
||||
<a href="#" class="avatar rounded-circle mr-3">
|
||||
<img alt="Image placeholder" src="/static/assets/img/theme/sketch.jpg">
|
||||
</a>
|
||||
<div class="media-body">
|
||||
<span class="name mb-0 text-sm">Black Dashboard</span>
|
||||
</div>
|
||||
</div>
|
||||
</th>
|
||||
<td class="budget">
|
||||
$3150 USD
|
||||
</td>
|
||||
<td>
|
||||
<span class="badge badge-dot mr-4">
|
||||
<i class="bg-danger"></i>
|
||||
<span class="status">delayed</span>
|
||||
</span>
|
||||
</td>
|
||||
<td>
|
||||
<div class="avatar-group">
|
||||
<a href="#" class="avatar avatar-sm rounded-circle" data-toggle="tooltip"
|
||||
data-original-title="Ryan Tompson">
|
||||
<img alt="Image placeholder" src="/static/assets/img/theme/team-1.jpg">
|
||||
</a>
|
||||
<a href="#" class="avatar avatar-sm rounded-circle" data-toggle="tooltip"
|
||||
data-original-title="Romina Hadid">
|
||||
<img alt="Image placeholder" src="/static/assets/img/theme/team-2.jpg">
|
||||
</a>
|
||||
<a href="#" class="avatar avatar-sm rounded-circle" data-toggle="tooltip"
|
||||
data-original-title="Alexander Smith">
|
||||
<img alt="Image placeholder" src="/static/assets/img/theme/team-3.jpg">
|
||||
</a>
|
||||
<a href="#" class="avatar avatar-sm rounded-circle" data-toggle="tooltip"
|
||||
data-original-title="Jessica Doe">
|
||||
<img alt="Image placeholder" src="/static/assets/img/theme/team-4.jpg">
|
||||
</a>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="d-flex align-items-center">
|
||||
<span class="completion mr-2">72%</span>
|
||||
<div>
|
||||
<div class="progress">
|
||||
<div class="progress-bar bg-danger" role="progressbar"
|
||||
aria-valuenow="72" aria-valuemin="0" aria-valuemax="100"
|
||||
style="width: 72%;"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="text-right">
|
||||
<div class="dropdown">
|
||||
<a class="btn btn-sm btn-icon-only text-light" href="#" role="button"
|
||||
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<i class="fas fa-ellipsis-v"></i>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
|
||||
<a class="dropdown-item" href="#">Action</a>
|
||||
<a class="dropdown-item" href="#">Another action</a>
|
||||
<a class="dropdown-item" href="#">Something else here</a>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">
|
||||
<div class="media align-items-center">
|
||||
<a href="#" class="avatar rounded-circle mr-3">
|
||||
<img alt="Image placeholder" src="/static/assets/img/theme/react.jpg">
|
||||
</a>
|
||||
<div class="media-body">
|
||||
<span class="name mb-0 text-sm">React Material Dashboard</span>
|
||||
</div>
|
||||
</div>
|
||||
</th>
|
||||
<td class="budget">
|
||||
$4400 USD
|
||||
</td>
|
||||
<td>
|
||||
<span class="badge badge-dot mr-4">
|
||||
<i class="bg-info"></i>
|
||||
<span class="status">on schedule</span>
|
||||
</span>
|
||||
</td>
|
||||
<td>
|
||||
<div class="avatar-group">
|
||||
<a href="#" class="avatar avatar-sm rounded-circle" data-toggle="tooltip"
|
||||
data-original-title="Ryan Tompson">
|
||||
<img alt="Image placeholder" src="/static/assets/img/theme/team-1.jpg">
|
||||
</a>
|
||||
<a href="#" class="avatar avatar-sm rounded-circle" data-toggle="tooltip"
|
||||
data-original-title="Romina Hadid">
|
||||
<img alt="Image placeholder" src="/static/assets/img/theme/team-2.jpg">
|
||||
</a>
|
||||
<a href="#" class="avatar avatar-sm rounded-circle" data-toggle="tooltip"
|
||||
data-original-title="Alexander Smith">
|
||||
<img alt="Image placeholder" src="/static/assets/img/theme/team-3.jpg">
|
||||
</a>
|
||||
<a href="#" class="avatar avatar-sm rounded-circle" data-toggle="tooltip"
|
||||
data-original-title="Jessica Doe">
|
||||
<img alt="Image placeholder" src="/static/assets/img/theme/team-4.jpg">
|
||||
</a>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="d-flex align-items-center">
|
||||
<span class="completion mr-2">90%</span>
|
||||
<div>
|
||||
<div class="progress">
|
||||
<div class="progress-bar bg-info" role="progressbar"
|
||||
aria-valuenow="90" aria-valuemin="0" aria-valuemax="100"
|
||||
style="width: 90%;"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="text-right">
|
||||
<div class="dropdown">
|
||||
<a class="btn btn-sm btn-icon-only text-light" href="#" role="button"
|
||||
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<i class="fas fa-ellipsis-v"></i>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
|
||||
<a class="dropdown-item" href="#">Action</a>
|
||||
<a class="dropdown-item" href="#">Another action</a>
|
||||
<a class="dropdown-item" href="#">Something else here</a>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">
|
||||
<div class="media align-items-center">
|
||||
<a href="#" class="avatar rounded-circle mr-3">
|
||||
<img alt="Image placeholder" src="/static/assets/img/theme/vue.jpg">
|
||||
</a>
|
||||
<div class="media-body">
|
||||
<span class="name mb-0 text-sm">Vue Paper UI Kit PRO</span>
|
||||
</div>
|
||||
</div>
|
||||
</th>
|
||||
<td class="budget">
|
||||
$2200 USD
|
||||
</td>
|
||||
<td>
|
||||
<span class="badge badge-dot mr-4">
|
||||
<i class="bg-success"></i>
|
||||
<span class="status">completed</span>
|
||||
</span>
|
||||
</td>
|
||||
<td>
|
||||
<div class="avatar-group">
|
||||
<a href="#" class="avatar avatar-sm rounded-circle" data-toggle="tooltip"
|
||||
data-original-title="Ryan Tompson">
|
||||
<img alt="Image placeholder" src="/static/assets/img/theme/team-1.jpg">
|
||||
</a>
|
||||
<a href="#" class="avatar avatar-sm rounded-circle" data-toggle="tooltip"
|
||||
data-original-title="Romina Hadid">
|
||||
<img alt="Image placeholder" src="/static/assets/img/theme/team-2.jpg">
|
||||
</a>
|
||||
<a href="#" class="avatar avatar-sm rounded-circle" data-toggle="tooltip"
|
||||
data-original-title="Alexander Smith">
|
||||
<img alt="Image placeholder" src="/static/assets/img/theme/team-3.jpg">
|
||||
</a>
|
||||
<a href="#" class="avatar avatar-sm rounded-circle" data-toggle="tooltip"
|
||||
data-original-title="Jessica Doe">
|
||||
<img alt="Image placeholder" src="/static/assets/img/theme/team-4.jpg">
|
||||
</a>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="d-flex align-items-center">
|
||||
<span class="completion mr-2">100%</span>
|
||||
<div>
|
||||
<div class="progress">
|
||||
<div class="progress-bar bg-success" role="progressbar"
|
||||
aria-valuenow="100" aria-valuemin="0" aria-valuemax="100"
|
||||
style="width: 100%;"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="text-right">
|
||||
<div class="dropdown">
|
||||
<a class="btn btn-sm btn-icon-only text-light" href="#" role="button"
|
||||
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<i class="fas fa-ellipsis-v"></i>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
|
||||
<a class="dropdown-item" href="#">Action</a>
|
||||
<a class="dropdown-item" href="#">Another action</a>
|
||||
<a class="dropdown-item" href="#">Something else here</a>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<!-- Card footer -->
|
||||
<div class="card-footer py-4">
|
||||
<nav aria-label="...">
|
||||
<ul class="pagination justify-content-end mb-0">
|
||||
<li class="page-item disabled">
|
||||
<a class="page-link" href="#" tabindex="-1">
|
||||
<i class="fas fa-angle-left"></i>
|
||||
<span class="sr-only">Previous</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="page-item active">
|
||||
<a class="page-link" href="#">1</a>
|
||||
</li>
|
||||
<li class="page-item">
|
||||
<a class="page-link" href="#">2 <span class="sr-only">(current)</span></a>
|
||||
</li>
|
||||
<li class="page-item"><a class="page-link" href="#">3</a></li>
|
||||
<li class="page-item">
|
||||
<a class="page-link" href="#">
|
||||
<i class="fas fa-angle-right"></i>
|
||||
<span class="sr-only">Next</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
Loading…
x
Reference in New Issue
Block a user