diff options
Diffstat (limited to 'web/index.html')
| -rw-r--r-- | web/index.html | 18 |
1 files changed, 17 insertions, 1 deletions
diff --git a/web/index.html b/web/index.html index 11e2b87..448f762 100644 --- a/web/index.html +++ b/web/index.html @@ -14,7 +14,10 @@ <div class="controls"> <label> Course (e.g., CS 225 or CS): - <input id="searchInput" type="text" placeholder="CS 225" /> + <span class="search-box"> + <input id="searchInput" type="text" placeholder="CS 225" autocomplete="off" /> + <div id="searchSuggestions" class="suggestions hidden" role="listbox" aria-label="Suggestions"></div> + </span> </label> <label> Depth: @@ -57,6 +60,19 @@ <footer> <span id="status">Loading dataset...</span> </footer> + <aside id="sidebar" class="sidebar" aria-label="Edge details"> + <div class="sidebar-header"> + <span>Edge Details</span> + <button id="btnCloseSidebar" type="button">Close</button> + </div> + <div class="sidebar-content"> + <div id="sidebarBody">Hover an edge to see details here.</div> + <div style="margin-top:10px;"> + <button id="btnUnlock" type="button" class="hidden">Unlock</button> + </div> + </div> + </aside> + <button id="sidebarHandle" class="sidebar-handle" title="Toggle details">Details</button> </div> <script src="https://cdn.jsdelivr.net/npm/cytoscape@3.28.1/dist/cytoscape.min.js"></script> |