mirror of
https://github.com/sartography/uva-covid19-testing-communicator.git
synced 2025-02-24 12:58:05 +00:00
Added base_href to sidenav
This commit is contained in:
Nile Walker
parent
cf42450447
commit
6ed087a4e2
@ -22,17 +22,17 @@
|
|||||||
<!-- Navigation -->
|
<!-- Navigation -->
|
||||||
<ul class="navbar-nav">
|
<ul class="navbar-nav">
|
||||||
<li class="nav-item">
|
<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
|
<em class="ni ni-tv-2 text-primary"></em> Dashboard
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<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
|
<em class="ni ni-tv-2 text-primary"></em> Imported Files
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<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
|
<em class="ni ni-tv-2 text-primary"></em> Manage Inventory
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
|||||||
@ -138,10 +138,6 @@
|
|||||||
|
|
||||||
|
|
||||||
<script>
|
<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 color_idx = 1;
|
||||||
var colors = {};
|
var colors = {};
|
||||||
function getColor(key) {
|
function getColor(key) {
|
||||||
@ -192,6 +188,20 @@
|
|||||||
align: 'end'
|
align: 'end'
|
||||||
}
|
}
|
||||||
|
|
||||||
|
var stacked_bar_scale = {
|
||||||
|
xAxes: [{
|
||||||
|
ticks: {
|
||||||
|
beginAtZero: true
|
||||||
|
},
|
||||||
|
stacked: true
|
||||||
|
}],
|
||||||
|
yAxes: [{
|
||||||
|
ticks: {
|
||||||
|
beginAtZero: true
|
||||||
|
},
|
||||||
|
stacked: true
|
||||||
|
}]
|
||||||
|
};
|
||||||
function getToday() {
|
function getToday() {
|
||||||
var today = new Date();
|
var today = new Date();
|
||||||
var dd = String(today.getDate()).padStart(2, '0');
|
var dd = String(today.getDate()).padStart(2, '0');
|
||||||
@ -232,7 +242,6 @@
|
|||||||
var overall_totals_data = JSON.parse('{{overall_totals_data | tojson }}');
|
var overall_totals_data = JSON.parse('{{overall_totals_data | tojson }}');
|
||||||
var location_stats_data = JSON.parse('{{location_stats_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'), {
|
var per_weekday = new Chart(document.getElementById('week-chart').getContext('2d'), {
|
||||||
type: 'horizontalBar',
|
type: 'horizontalBar',
|
||||||
data: {
|
data: {
|
||||||
@ -245,22 +254,7 @@
|
|||||||
legend: {
|
legend: {
|
||||||
display: false
|
display: false
|
||||||
},
|
},
|
||||||
scales: {
|
scales: stacked_bar_scale,
|
||||||
xAxes: [{
|
|
||||||
ticks: {
|
|
||||||
beginAtZero: true
|
|
||||||
, fontColor: 'black'
|
|
||||||
},
|
|
||||||
stacked: true
|
|
||||||
}],
|
|
||||||
yAxes: [{
|
|
||||||
ticks: {
|
|
||||||
beginAtZero: true
|
|
||||||
, fontColor: 'black'
|
|
||||||
},
|
|
||||||
stacked: true
|
|
||||||
}]
|
|
||||||
},
|
|
||||||
title: {
|
title: {
|
||||||
display: true,
|
display: true,
|
||||||
text: 'Average Count By Weekday For {{dates.search}}'
|
text: 'Average Count By Weekday For {{dates.search}}'
|
||||||
@ -292,27 +286,11 @@
|
|||||||
options: {
|
options: {
|
||||||
responsive: true,
|
responsive: true,
|
||||||
maintainAspectRatio: false,
|
maintainAspectRatio: false,
|
||||||
|
scales: stacked_bar_scale,
|
||||||
legend: {
|
legend: {
|
||||||
display: false
|
display: false
|
||||||
},
|
},
|
||||||
scales: {
|
|
||||||
xAxes: [{
|
|
||||||
ticks: {
|
|
||||||
beginAtZero: true
|
|
||||||
, fontColor: 'black'
|
|
||||||
},
|
|
||||||
stacked: true
|
|
||||||
}],
|
|
||||||
yAxes: [{
|
|
||||||
ticks: {
|
|
||||||
beginAtZero: true
|
|
||||||
, fontColor: 'black'
|
|
||||||
},
|
|
||||||
stacked: true
|
|
||||||
}]
|
|
||||||
},
|
|
||||||
title: {
|
title: {
|
||||||
display: true,
|
|
||||||
text: 'Average Count By Hour For {{dates.search}}'
|
text: 'Average Count By Hour For {{dates.search}}'
|
||||||
},
|
},
|
||||||
plugins: {
|
plugins: {
|
||||||
@ -337,30 +315,14 @@
|
|||||||
datasets: overall_charts.daily,
|
datasets: overall_charts.daily,
|
||||||
labels: JSON.parse('{{chart_ticks | tojson }}')
|
labels: JSON.parse('{{chart_ticks | tojson }}')
|
||||||
},
|
},
|
||||||
|
|
||||||
// Configuration options go here
|
// Configuration options go here
|
||||||
options: {
|
options: {
|
||||||
responsive: true,
|
responsive: true,
|
||||||
maintainAspectRatio: false,
|
maintainAspectRatio: false,
|
||||||
|
scales: stacked_bar_scale,
|
||||||
title: {
|
title: {
|
||||||
display: false,
|
display: false,
|
||||||
},
|
},
|
||||||
scales: {
|
|
||||||
xAxes: [{
|
|
||||||
ticks: {
|
|
||||||
beginAtZero: true
|
|
||||||
, fontColor: 'white'
|
|
||||||
},
|
|
||||||
stacked: true
|
|
||||||
}],
|
|
||||||
yAxes: [{
|
|
||||||
ticks: {
|
|
||||||
beginAtZero: true
|
|
||||||
, fontColor: 'white'
|
|
||||||
},
|
|
||||||
stacked: true
|
|
||||||
}]
|
|
||||||
},
|
|
||||||
legend: {
|
legend: {
|
||||||
display: true,
|
display: true,
|
||||||
position: "right",
|
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