mirror of
https://github.com/sartography/uva-covid19-testing-communicator.git
synced 2025-02-24 21:08:06 +00:00
400 lines
27 KiB
HTML
400 lines
27 KiB
HTML
<!-- 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> |