matt/stratos
1
0
Fork 0
mirror of https://github.com/matt-fidd/stratos.git synced 2026-01-01 22:59:28 +00:00
Code Issues Projects Releases Wiki Activity

Added dashboard page

Browse Source
This commit is contained in:
matt
2022-02-04 23:44:05 +00:00
parent 15fd143477
commit e07e323bd8
7 changed files with 217 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

109
views/dashboard.hbs Normal file
View File

@@ -0,0 +1,109 @@
<section class='dashboard'>
<div class='dashboard__row dashboard__stats'>
<div class='dashboard__stat dashboard__item'>
<h2>5</h2>
<span>Classes</span>
</div>
<div class='dashboard__stat dashboard__item'>
<h2>11</h2>
<span>Completed Tests</span>
</div>
<div class='dashboard__stat dashboard__item'>
<h2>1</h2>
<span>Upcoming Test</span>
</div>
<div class='dashboard__stat dashboard__item'>
<h2>90%</h2>
<span>Pass Rate</span>
</div>
</div>
<div class='dashboard__row'>
<div class='dashboard__item'>
<h2>Recent Tests</h2>
<div class='dashboard__table'>
<table>
<tr data-id='1'>
<td>
08/01/2022
</td>
<td>
Lagged homework 8
</td>
</tr>
<tr data-id='2'>
<td>
08/01/2022
</td>
<td>
Lagged homework 8
</td>
</tr>
<tr data-id='3'>
<td>
08/01/2022
</td>
<td>
Lagged homework 8
</td>
</tr>
</table>
</div>
</div>
</div>
<div class='dashboard__row'>
<div class='dashboard__item'>
<h2>Upcoming Tests</h2>
<div class='dashboard__table'>
<table>
<tr data-id='1'>
<td>
08/01/2022
</td>
<td>
Lagged homework 8
</td>
</tr>
<tr data-id='2'>
<td>
08/01/2022
</td>
<td>
Lagged homework 8
</td>
</tr>
<tr data-id='3'>
<td>
08/01/2022
</td>
<td>
Lagged homework 8
</td>
</tr>
</table>
</div>
</div>
</div>
</section>
<script>
const toggle = document.querySelector('.adminNav-toggle');
const nav = document.querySelector('.adminNav');
toggle.addEventListener('click', () => {
nav.style.display =
(nav.style.display === 'flex')
? 'none'
: 'flex';
toggle.classList.toggle('fa-bars');
toggle.classList.toggle('fa-close');
});
const tests = document.querySelectorAll('.dashboard__table tr');
tests.forEach(test => {
test.addEventListener('click', () => {
window.location.href =
`/tests/${test.getAttribute('data-id')}`;
});
});
</script>