From eea36f945f46f445867416f84b3481f867e4987c Mon Sep 17 00:00:00 2001 From: Hidayatullah Wildan Ghaly Buchary <16521502@std.stei.itb.ac.id> Date: Sat, 7 Oct 2023 19:24:43 +0700 Subject: [PATCH] feat: add challenge dummy page --- app/views/challenge/index.php | 87 +++++++++++++++++++++++++++++++++++ app/views/dashboard/index.php | 2 +- 2 files changed, 88 insertions(+), 1 deletion(-) create mode 100644 app/views/challenge/index.php diff --git a/app/views/challenge/index.php b/app/views/challenge/index.php new file mode 100644 index 0000000..c4e755c --- /dev/null +++ b/app/views/challenge/index.php @@ -0,0 +1,87 @@ +<?php +session_start(); +if (!isset($_SESSION['username'])) { + header('Location: ../login'); + return; +} +?> + +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Challenge</title> + <link rel="stylesheet" href="../../../public/css/achievement.css"> + <link rel="stylesheet" href="../../../public/css/challenge.css"> + <script src="../../../public/js/challenge.js"></script> +</head> +<body> + <?php include "../dashboard/index.php" ?> + <div class="achievement-container"> + <div id="overlay" class="overlay"></div> + <h1 id="challenge-title"><b>CHALLENGE</b></h1> + <progress value="0" max="100" style="display: none;"></progress> + <div class="status" id="status"></div> + <br><br> + <div class="search-container"> + <div class="full-search-container"> + <input type="text" class="searchInput" id="searchInput" placeholder="Search..."> + <select class="search-attribute" id="search-attribute" aria-labelledby="challenge-title"> + <option value="id">ID</option> + <option value="name">Name</option> + <option value="description">Description</option> + </select> + </div> + <div class="filter-sort-container"> + <div class="sort-container"> + <h2 id="challenge-sort">Sort: </h2> + <select class="sort-by" id="sort-by" aria-labelledby="challenge-sort"> + <option value="default">Sort</option> + <option value="id">ID</option> + <option value="name">Name</option> + <option value="description">Description</option> + <option value="threshold">Threshold</option> + </select> + <select class="sort-type" id="sort-type" aria-labelledby="challenge-sort"> + <option value="default">Sort-Type</option> + <option value="asc">Ascending</option> + <option value="desc">Descending</option> + </select> + </div> + </div> + </div> + <br><br> + <div class="filter-box"> + <select class="page-limit" id="page-limit" aria-labelledby="challenge-title"> + <option value=5>5</option> + <option value=10>10</option> + <option value=15>15</option> + <option value=20>20</option> + </select> + </div> + <table class="achievement-table"> + <thead> + <tr> + <th>ID</th> + <th>Name</th> + <th>Description</th> + <th>Threshold</th> + <th>Status</th> + <th>Claim</th> + </tr> + </thead> + <tbody class="achievement-list" id="achievement-list"> + <!-- Data achievement di sini --> + </tbody> + </table> + + <div class="pagination"> + <div id="pagination-buttons"> + <!-- Tombol pagination akan dimuat di sini menggunakan AJAX --> + </div> + </div> + + </div> +</body> +</html> diff --git a/app/views/dashboard/index.php b/app/views/dashboard/index.php index 6f2af71..feef9e6 100644 --- a/app/views/dashboard/index.php +++ b/app/views/dashboard/index.php @@ -11,7 +11,7 @@ <div class="sidebar"> <h2>Darmodar</h2> <ul> - <li><a href="#">Challenges</a></li> + <li><a href="../challenge/">Challenges</a></li> <li><a href="../Hall-of-Fame?page=1">Hall of Fame</a></li> <li><a href="../collection">Collection</a></li> <li><a href="../achievement">Achievement</a></li> -- GitLab