ui: move search results below download/extract controls
Search bar stays at top as the "command center". Download queue and extract controls follow. Results render at the bottom — the main scrolling area.
This commit is contained in:
@@ -29,6 +29,7 @@ async function doSearch() {
|
|||||||
const resp = await fetch(`${API}/search?${params}`);
|
const resp = await fetch(`${API}/search?${params}`);
|
||||||
const data = await resp.json();
|
const data = await resp.json();
|
||||||
status.textContent = `Found ${data.length} items`;
|
status.textContent = `Found ${data.length} items`;
|
||||||
|
document.getElementById('result-count').textContent = `(${data.length})`;
|
||||||
renderResults(data);
|
renderResults(data);
|
||||||
} catch (e) {
|
} catch (e) {
|
||||||
status.textContent = 'Search failed: ' + e.message;
|
status.textContent = 'Search failed: ' + e.message;
|
||||||
|
|||||||
+5
-1
@@ -22,7 +22,6 @@
|
|||||||
<button id="search-dl-all">Download Top 10</button>
|
<button id="search-dl-all">Download Top 10</button>
|
||||||
</div>
|
</div>
|
||||||
<div id="search-status"></div>
|
<div id="search-status"></div>
|
||||||
<div id="search-results"></div>
|
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section id="download-section">
|
<section id="download-section">
|
||||||
@@ -39,6 +38,11 @@
|
|||||||
</div>
|
</div>
|
||||||
<div id="extract-status"></div>
|
<div id="extract-status"></div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
<section id="results-section">
|
||||||
|
<h2>Results <span id="result-count"></span></h2>
|
||||||
|
<div id="search-results"></div>
|
||||||
|
</section>
|
||||||
</div>
|
</div>
|
||||||
<script src="app.js"></script>
|
<script src="app.js"></script>
|
||||||
</body>
|
</body>
|
||||||
|
|||||||
Reference in New Issue
Block a user