From f3256f7b936b64365330ca52c7e35c2ee8a1ce67 Mon Sep 17 00:00:00 2001
From: Ashley <iamashley@duck.com>
Date: Sun, 10 Sep 2023 18:04:48 +0000
Subject: [PATCH] add video sorting :3

---
 html/channel.ejs | 70 ++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 70 insertions(+)

diff --git a/html/channel.ejs b/html/channel.ejs
index d54c6730..99f98df0 100644
--- a/html/channel.ejs
+++ b/html/channel.ejs
@@ -928,6 +928,76 @@ width: fit-content;
                                        </div>
  <% } %>
 
+    <% if (isMobile) { %>  
+   
+      <details style="color:#fff;background:#0f0f0f">
+                        <summary style="color:#fff;text-align: left;margin-left: 5px;">Sort by</summary>
+
+            <div class="tags rec" style="background:#0f0f0f;margin-left: auto;">
+                <% if (sort == "newest") { %>  
+
+              <a class="tag" style="background:var(--chip-background-hover)">
+                Recently Uploaded
+              </a>
+                    
+                  
+                                <a href="/channel?id=<%=ID%>&sort_by=popular" style="color:#fff;text-decoration:none;
+" class="tag c">
+           Popular
+              </a>
+                  
+                       <a href="/channel?id=<%=ID%>&sort_by=oldest" style="color:#fff;text-decoration:none;
+" class="tag c">
+           Oldest
+              </a>
+                  
+                   <% } %>
+                          <% if (sort) { %>  
+
+                          <% if (sort === "popular") { %>  
+
+            <a  href="/channel?id=<%=ID%>" style="color:#fff;text-decoration:none;
+" class="tag c" >
+                Recently Uploaded
+              </a>
+                  
+                                <a  style="background:var(--chip-background-hover)" class="tag">
+           Popular
+              </a>
+                            
+                                                   <a href="/channel?id=<%=ID%>&sort_by=oldest" style="color:#fff;text-decoration:none;
+" class="tag c">
+           Oldest
+              </a>
+                   <% } %>
+                     
+                     
+                          <% if (sort === "oldest") { %>  
+
+            <a  href="/channel?id=<%=ID%>" style="color:#fff;text-decoration:none;
+" class="tag c" >
+                Recently Uploaded
+              </a>
+                  
+                                <a    href="/channel?id=<%=ID%>&sort_by=popular" style="color:#fff;text-decoration:none;
+" class="tag">
+           Popular
+              </a>
+                            
+                                                   <a   style="background:var(--chip-background-hover)
+" class="tag c">
+           Oldest
+              </a>
+                   <% } %>
+                     
+                   <% } %>
+
+              
+                                                          </details>
+
+                                       </div>
+ <% } %>
+
  
     	<div class="video-grid" >