Current directory: /home/klas4s23/domains/585455.klas4s23.mid-ica.nl/public_html/Gastenboek/uploads
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Lists</title>
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/modules/listsListModule.css">
</head>
<body>
<div class="wrapper">
<!-- Module: topBarModule -->
<div id="topbar" class="topbar">
<a href="./index.html" class="topbar-left">
<h3>E-Learning</h2>
</a>
<div class="topbar-right">
<div class="topbar-right-item" id="topbar-MyLists" style="display: none;">
<p>My Lists</p>
</div>
<div class="topbar-right-item" id="topbar-Logout" style="display: none;">
<p>Logout</p>
</div>
<div class="topbar-right-item" id="topbar-Login">
<p>Login</p>
</div>
<div class="topbar-right-item" id="topbar-Register" style="display: none;">
<p>Register</p>
</div>
<div class="topbar-right-item" id="topbar-Profile" style="display: none;">
<p>Profile</p>
</div>
</div>
</div>
<div class="content-wrapper sbl-cr">
<div class="sidebar">
<!-- Module: listsListFilterModule -->
<div id="filter-bar">
<div id="filter-wordcount" class="filter-item">
<label for="filter-below-wordcount">Word Count:</label>
<div class="filter-input-numberrange-wrapper">
<input type="number" id="filter-above-wordcount-inpt" placeholder="from"/>
<span>-</span>
<input type="number" id="filter-below-wordcount-inpt" placeholder="to"/>
</div>
</div>
<div id="filter-practicecount" class="filter-item">
<label for="filter-below-practicecount">Practice Count:</label>
<div class="filter-input-numberrange-wrapper">
<input type="number" id="filter-above-practicecount-inpt" placeholder="from"/>
<span>-</span>
<input type="number" id="filter-below-practicecount-inpt" placeholder="to"/>
</div>
</div>
<button id="filter-clear-btn">Clear Filters</button>
</div>
</div>
<div class="content">
<!-- Module: listsListSortModule -->
<div id="sort-bar">
<div class="sort-bar-left">
<select name="sort-by" id="sort-by">
<option value="name">Name</option>
<option value="wordCount">Word Count</option>
<option value="practiceCount" selected>Practice Count</option>
<option value="creationDate">Creation Date</option>
<option value="lastUpdatedDate">Last Update Date</option>
</select>
<select name="sort-order" id="sort-order">
<option value="asc">Ascending</option>
<option value="desc" selected>Descending</option>
</select>
</div>
<input type="text" id="name-search-bar" placeholder="Search for a name..."/>
</div>
<!-- Module: listsListModule -->
<div id="lists">
<div id="lists-container">
<!-- generated -->
</div>
<div id="lists-pagination">
<button id="prev-page-btn" class="paginator-btn">⟪</button>
<span id="page-info"></span>
<button id="next-page-btn" class="paginator-btn">⟫</button>
</div>
</div>
</div>
</div>
</div>
</body>
<script src="js/index.js"></script>
</html>