Add Sorting Functionality and UI Enhancements
This commit is contained in:
parent
7db98ac97c
commit
8c56cdca32
3 changed files with 210 additions and 113 deletions
|
@ -27,14 +27,19 @@
|
|||
Loading, please wait...
|
||||
</div>
|
||||
<div id="root">
|
||||
<header>
|
||||
<div style="position: fixed; right: 15px; z-index: 9999;">
|
||||
<button id="addalltoPDFbtn" class="btn-primary hidden" onclick="addalltoPDF()">Add all Qs to PDF</button>
|
||||
<button id="generatePDFbtn" class="btn-primary hidden" onclick="generatePDF()">Generate PDF!</button>
|
||||
<button id="darkmodebtn" class="btn-primary" onclick="toggleDarkMode()">Dark Mode</button>
|
||||
<button id="helpbtn" class="btn-secondary" onclick="toggleHelp()">Help</button>
|
||||
</div>
|
||||
</header>
|
||||
<header>
|
||||
<div style="position: fixed; right: 15px; z-index: 9999;">
|
||||
<span class="sort-controls" style="margin-right: 10px;">
|
||||
<label style="margin-right: 10px;">Sort by:</label>
|
||||
<button id="sort-by-year" class="btn-secondary" onclick="handleYearSort()">Year ▼</button>
|
||||
<button id="reset-sorting" class="btn-secondary" onclick="resetSorting()">Reset Order</button>
|
||||
</span>
|
||||
<button id="addalltoPDFbtn" class="btn-primary hidden" onclick="addalltoPDF()">Add all Qs to PDF</button>
|
||||
<button id="generatePDFbtn" class="btn-primary hidden" onclick="generatePDF()">Generate PDF!</button>
|
||||
<button id="darkmodebtn" class="btn-primary" onclick="toggleDarkMode()">Dark Mode</button>
|
||||
<button id="helpbtn" class="btn-secondary" onclick="toggleHelp()">Help</button>
|
||||
</div>
|
||||
</header>
|
||||
<div id="appContainer" class="h-full w-full">
|
||||
<div id="left-col" class="flex flex-col bg-white p-2">
|
||||
<div class="p-3"><a href="../index.html"><button class="btn-primary">< Go Home</button></button></a></div>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue