mirror of
https://github.com/matt-fidd/stratos.git
synced 2026-01-02 05:39:32 +00:00
Split out dashboard content items into a seperate css component
This commit is contained in:
@@ -1,26 +1,26 @@
|
||||
<section class='dashboard'>
|
||||
<div class='dashboard__row dashboard__stats'>
|
||||
<div class='dashboard__stat dashboard__item'>
|
||||
<div class='adminSection dashboard__stats'>
|
||||
<div class='dashboard__stat adminItem'>
|
||||
<h2>5</h2>
|
||||
<span>Classes</span>
|
||||
</div>
|
||||
<div class='dashboard__stat dashboard__item'>
|
||||
<div class='dashboard__stat adminItem'>
|
||||
<h2>11</h2>
|
||||
<span>Completed Tests</span>
|
||||
</div>
|
||||
<div class='dashboard__stat dashboard__item'>
|
||||
<div class='dashboard__stat adminItem'>
|
||||
<h2>1</h2>
|
||||
<span>Upcoming Test</span>
|
||||
</div>
|
||||
<div class='dashboard__stat dashboard__item'>
|
||||
<div class='dashboard__stat adminItem'>
|
||||
<h2>90%</h2>
|
||||
<span>Pass Rate</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class='dashboard__row'>
|
||||
<div class='dashboard__item'>
|
||||
<div class='adminSection'>
|
||||
<div class='adminItem'>
|
||||
<h2>Recent Tests</h2>
|
||||
<div class='dashboard__table'>
|
||||
<div class='adminTable'>
|
||||
<table>
|
||||
<tr data-id='1'>
|
||||
<td>
|
||||
@@ -50,10 +50,10 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class='dashboard__row'>
|
||||
<div class='dashboard__item'>
|
||||
<div class='adminSection'>
|
||||
<div class='adminItem'>
|
||||
<h2>Upcoming Tests</h2>
|
||||
<div class='dashboard__table'>
|
||||
<div class='adminTable'>
|
||||
<table>
|
||||
<tr data-id='1'>
|
||||
<td>
|
||||
@@ -99,7 +99,7 @@
|
||||
toggle.classList.toggle('fa-close');
|
||||
});
|
||||
|
||||
const tests = document.querySelectorAll('.dashboard__table tr');
|
||||
const tests = document.querySelectorAll('.adminTable tr');
|
||||
tests.forEach(test => {
|
||||
test.addEventListener('click', () => {
|
||||
window.location.href =
|
||||
|
||||
Reference in New Issue
Block a user