From 49ada0a954603dbcb25eb746d5172f332610ad93 Mon Sep 17 00:00:00 2001
From: girst <tobi@isticktoit.net>
Date: Sun, 23 Apr 2023 15:17:14 +0000
Subject: [PATCH] browse: make selected channel subpage and sort order bold

---
 app/browse/__init__.py               |  1 +
 app/browse/templates/channel.html.j2 | 16 ++++++++--------
 2 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/app/browse/__init__.py b/app/browse/__init__.py
index b1946a3..6a6b1aa 100644
--- a/app/browse/__init__.py
+++ b/app/browse/__init__.py
@@ -110,6 +110,7 @@ def channel(channel_id, subpage="videos"):
     return render_template('channel.html.j2',
         title=title,
         subpage=subpage,
+        sort=sort_by,
         rows=rows,
         channel_id=channel_id,
         channel_img=thumb,
diff --git a/app/browse/templates/channel.html.j2 b/app/browse/templates/channel.html.j2
index 35485e4..d293812 100644
--- a/app/browse/templates/channel.html.j2
+++ b/app/browse/templates/channel.html.j2
@@ -17,10 +17,10 @@
 <div style=clear:both></div>
 <div id="subpages">
 	<div class="subpages">
-		<a href="{{ url_for('browse.channel', channel_id=channel_id, subpage='videos') }}">videos</a> |
-		<a href="{{ url_for('browse.channel', channel_id=channel_id, subpage='streams') }}">livestreams</a> |
-		<a href="{{ url_for('browse.channel', channel_id=channel_id, subpage='shorts') }}">shorts</a> |
-		<a href="{{ url_for('browse.channel', channel_id=channel_id, subpage='playlists') }}">playlists</a> |
+		{% set subpage_name = {'videos': 'videos', 'streams': 'livestreams', 'shorts': 'shorts', 'playlists': 'playlists'} %}
+		{% for _subpage in ('videos', 'streams', 'shorts', 'playlists') %}
+			<a class="{{'bold' if subpage == _subpage in request.path}}" href="{{ url_for('browse.channel', channel_id=channel_id, subpage=_subpage) }}">{{subpage_name[_subpage]}}</a> |
+		{% endfor %}
 		<form method=get action="{{ url_for('browse.channel', channel_id=channel_id, subpage='search')}}">
 			<input class="search-channel" type=text name=q value="{{ request.args.get('q', '')}}" placeholder="search channel">
 			<!-- <input type="submit" value=">"> -->
@@ -29,11 +29,11 @@
 	{% if subpage != "search" %}
 	<div class="sort-order">
 		{% if subpage in ("videos", "streams", "shorts") %}
-		<a href="?sort=newest" {{ 'selected' if sort == 'newest' }}>newest first</a> |
-		<a href="?sort=popular" {{ 'selected' if sort == 'popular' }}>most popular</a>
+		<a href="?sort=newest" class="{{ 'bold' if sort == 'newest' }}">newest first</a> |
+		<a href="?sort=popular" class="{{ 'bold' if sort == 'popular' }}">most popular</a>
 		{% elif subpage == "playlists" %}
-		<a href="?sort=newest" {{ 'selected' if sort == 'newest' }}>last created</a> |
-		<a href="?sort=modified" {{ 'selected' if sort == 'modified' }}>last modified</a>
+		<a href="?sort=newest" class="{{ 'bold' if sort == 'newest' }}">last created</a> |
+		<a href="?sort=modified" class="{{ 'bold' if sort == 'modified' }}">last modified</a>
 		{% endif %}
 	</div>
 	{% endif %}
-- 
2.39.3