Add catalog action bar with image size selector

2025-04-20 23:48:51 -04:00
parent 2818c98e4e
commit ffafc896e2
4 changed files with 53 additions and 8 deletions
@@ -68,7 +68,20 @@ templ Board(board database.Board) {
 			<button _="on click hide me then show #newThreadForm" id="newThreadBtn">[New Thread]</button>
 			@NewThreadForm(board)
 		</div>
-		<div hx-get={ fmt.Sprintf("/hx/%s/catalog", board.Slug) } hx-trigger="load, refreshThreads from:body"></div>
+		<hr/>
+		<div id="boardActionBar">
+			<span>Image size: </span>
+			<select onchange="resizeCatalogPreviewImgs()" id="selectSortBy">
+				<option selected value="small">Small</option>
+				<option value="large">Large</option>
+			</select>
+		</div>
+		<hr/>
+		<div
+			hx-get={ fmt.Sprintf("/hx/%s/catalog", board.Slug) }
+			hx-trigger="load, refreshThreads from:body"
+			_="on htmx:afterRequest call resizeCatalogPreviewImgs()"
+		></div>
 	}
 }