From 76309c405f41560197fb41f355133de3413ef697 Mon Sep 17 00:00:00 2001
From: girst <tobi@isticktoit.net>
Date: Thu, 5 Aug 2021 17:12:14 +0200
Subject: [PATCH] make channel page sorting link(-ish) instead of a select box

---
 app/browse/templates/channel.html.j2 | 23 ++++++++---------------
 1 file changed, 8 insertions(+), 15 deletions(-)

diff --git a/app/browse/templates/channel.html.j2 b/app/browse/templates/channel.html.j2
index 0a1c17e..e7076a4 100644
--- a/app/browse/templates/channel.html.j2
+++ b/app/browse/templates/channel.html.j2
@@ -19,22 +19,15 @@
 		</form>
 	</div>
 	{% if subpage != "search" %}
-	<form method=get style="flex:1;text-align:right">
-		{% if list %}
-		<input type="hidden" name="list" value="{{playlist_id}}">
+	<form method=get style="flex:1;text-align:right" class="more-actions">
+		{% if subpage == "videos" %}
+		<label><input type=submit hidden name="sort" value="newest" {{ 'selected' if sort == 'newest' }}>newest first</label> |
+		<label><input type=submit hidden name="sort" value="oldest" {{ 'selected' if sort == 'oldest' }}>oldest first</label> |
+		<label><input type=submit hidden name="sort" value="popular" {{ 'selected' if sort == 'popular' }}>most popular</label>
+		{% elif subpage == "playlists" %}
+		<label><input type=submit hidden name="sort" value="newest" {{ 'selected' if sort == 'newest' }}>last created</label> |
+		<label><input type=submit hidden name="sort" value="modified" {{ 'selected' if sort == 'modified' }}>last modified</label>
 		{% endif %}
-		<select name="sort">
-			<option value="">sort by...</option>
-			{% if subpage == "videos" %}
-			<option value="newest" {{ 'selected' if sort == 'newest' }}>newest first</option>
-			<option value="oldest" {{ 'selected' if sort == 'oldest' }}>oldest first</option>
-			<option value="popular" {{ 'selected' if sort == 'popular' }}>most popular</option>
-			{% elif subpage == "playlists" %}
-			<option value="newest" {{ 'selected' if sort == 'newest' }}>last created</option>
-			<option value="modified" {{ 'selected' if sort == 'modified' }}>last modified</option>
-			{% endif %}
-		</select>
-		<input type="submit" value=">">
 	</form>
 	{% endif %}
 </div>
-- 
2.39.3