100 lines
3.4 KiB
HTML
100 lines
3.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<link
|
|
href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/css/bootstrap.min.css"
|
|
rel="stylesheet"
|
|
integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT"
|
|
crossorigin="anonymous"
|
|
/>
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css" />
|
|
<link
|
|
rel="stylesheet"
|
|
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css"
|
|
integrity="sha512-xh6O/CkQoPOWDdYTDqeRdPCVd1SpvCA9XXcUnZS2FmJNp1coAFzvtCN9BmamE+4aHK8yyUHUSCcJHgXloTyT2A=="
|
|
crossorigin="anonymous"
|
|
referrerpolicy="no-referrer"
|
|
/>
|
|
<link rel="stylesheet" href="./index.css" />
|
|
<title>Dashboard</title>
|
|
</head>
|
|
|
|
<body style="display: none">
|
|
<div class="navbar-container container">
|
|
<!-- NAVBAR: to be loaded with js -->
|
|
</div>
|
|
|
|
<div class="container">
|
|
<a href="/newEvent/newEvent.html" class="btn btn-primary" id="add-new-party-button">
|
|
<div class="text">Add New Party</div>
|
|
<div class="plus"><div>+</div></div>
|
|
</a>
|
|
<div class="parties-list-container">
|
|
<header>Created:</header>
|
|
<div class="create table-container">
|
|
<table class="table table-body table-hover">
|
|
<thead>
|
|
<tr class="table-header">
|
|
<th scope="col" class="hidable-2">ID</th>
|
|
<th scope="col">PARTY NAME</th>
|
|
<th scope="col">ADDRESS</th>
|
|
<th scope="col">START TIME</th>
|
|
<th scope="col" class="hidable-1">END TIME</th>
|
|
<th scope="col">STATUS</th>
|
|
<th scope="col"></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody class="events-container">
|
|
<!-- to be added by loadEvent.js -->
|
|
</tbody>
|
|
</table>
|
|
<span class="turn-page-button-container">
|
|
<button type="button" class="previous-round btn btn-light">
|
|
<i class="fa-sharp fa-solid fa-less-than"></i>
|
|
</button>
|
|
<button type="button" class="next-round btn btn-light">
|
|
<i class="fa-sharp fa-solid fa-greater-than"></i>
|
|
</button>
|
|
</span>
|
|
</div>
|
|
<header>Participated:</header>
|
|
<div class="participate table-container">
|
|
<table class="table table-body table-hover">
|
|
<thead>
|
|
<tr class="table-header">
|
|
<th scope="col">ID</th>
|
|
<th scope="col">PARTY NAME</th>
|
|
<th scope="col">ADDRESS</th>
|
|
<th scope="col">START TIME</th>
|
|
<th scope="col">END TIME</th>
|
|
<th scope="col">STATUS</th>
|
|
<th scope="col"></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody class="events-container">
|
|
<!-- to be added by loadEvent.js -->
|
|
</tbody>
|
|
</table>
|
|
<span class="turn-page-button-container">
|
|
<button type="button" class="previous-round btn btn-light">
|
|
<i class="fa-sharp fa-solid fa-less-than"></i>
|
|
</button>
|
|
<button type="button" class="next-round btn btn-light">
|
|
<i class="fa-sharp fa-solid fa-greater-than"></i>
|
|
</button>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script
|
|
src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/js/bootstrap.bundle.min.js"
|
|
integrity="sha384-u1OknCvxWvY5kfmNBILK2hRnQC3Pr17a+RTT6rIHI7NnikvbZlHgTPOOmMi466C8"
|
|
crossorigin="anonymous"
|
|
></script>
|
|
<script type="module" src="./index.js"></script>
|
|
</body>
|
|
</html>
|