From 3b6baee7935c75bef4ccfb0c99896f8a5e2b8188 Mon Sep 17 00:00:00 2001
From: Ashley <iamashley@duck.com>
Date: Thu, 16 Nov 2023 07:39:08 +0000
Subject: [PATCH] add shorts tab :3

---
 html/channel.ejs | 44 +++++++++++++++++++++++++++++++++++++++-----
 1 file changed, 39 insertions(+), 5 deletions(-)

diff --git a/html/channel.ejs b/html/channel.ejs
index 647aed7b..7168587a 100644
--- a/html/channel.ejs
+++ b/html/channel.ejs
@@ -1,4 +1,5 @@
 <% try { %>
+
 <!--
     This Source Code Form is subject to the terms of the GNU General Public License:
 
@@ -814,10 +815,11 @@ width: fit-content;
  
    <div style="text-align: center;padding: 3px;margin-top: 0px;">
      
-     <div class="tabs tabs-center">
-            <% if (!tab) { %>
+     <div class="tabs tabs-center" style="overflow: scroll;width: 7em;font-size: 10px;margin-left: -1px;font-family: poketube flex !important;font-weight: 800 !important;font-stretch: ultra-expanded;">
 
-                <a href="/channel?id=<%=ID%>" class="tab active">Home</a>
+       <% if (!tab) { %>
+
+                <a href="/channel?id=<%=ID%>" class="tab active">Videos</a>
               <%  if (Array.isArray(c.comments)) { %> 
 
   <%  if (c.comments.length != "0") { %> 
@@ -825,22 +827,54 @@ width: fit-content;
      <a  href="/channel?id=<%=ID%>&tab=community"  class="tab">Community</a>
                                                                          <% } %>
                                                                          <% } %>
+                                                                                                                                                                     <%  if (Array?.isArray(shorts?.videos)) { %> 
+  
+<%  if (turntomins(shorts?.videos[0]?.lengthSeconds)  != "aN:aN" ) { %> 
+
+                   <a href="/channel?id=<%=ID%>&tab=shorts" class="tab">Shorts</a>
+  <% } %>
+      <% } %>                             
                 <a  href="/channel?id=<%=ID%>&tab=about"  class="tab">About</a>
                                                                <% } %>
                                                                              <% if (tab ==="about") { %>
+                                                                                                                       <%  if (Array?.isArray(shorts?.videos)) { %> 
+  
+<%  if (turntomins(shorts?.videos[0]?.lengthSeconds)  != "aN:aN" ) { %> 
 
-                <a href="/channel?id=<%=ID%>" class="tab">Home</a>
+                   <a href="/channel?id=<%=ID%>&tab=shorts" class="tab">Shorts</a>
+  <% } %>
+      <% } %>
+                <a href="/channel?id=<%=ID%>" class="tab">Videos</a>
                 <a href="/channel?id=<%=ID%>&tab=community"  class="tab">Community</a>
                 <a  href="/channel?id=<%=ID%>&tab=about" class="tab active">About</a>
                                                                <% } %>
                                                                  
                                                                      <% if (tab ==="community") { %>
 
-                <a href="/channel?id=<%=ID%>" class="tab">Home</a>
+                <a href="/channel?id=<%=ID%>" class="tab">Videos</a>
+                                                                                                                                                                                              <%  if (Array?.isArray(shorts?.videos)) { %> 
+  
+<%  if (turntomins(shorts?.videos[0]?.lengthSeconds)  != "aN:aN" ) { %> 
+
+                   <a href="/channel?id=<%=ID%>&tab=shorts" class="tab">Shorts</a>
+  <% } %>
+      <% } %>
                 <a href="/channel?id=<%=ID%>&tab=community"  class="tab active">Community</a>
                 <a  href="/channel?id=<%=ID%>&tab=about" class="tab">About</a>
                                                                <% } %>
+        <% if (tab ==="shorts") { %>
 
+                <a href="/channel?id=<%=ID%>" class="tab">Videos</a>
+                                                                                                                                                                                              <%  if (Array?.isArray(shorts?.videos)) { %> 
+  
+<%  if (turntomins(shorts?.videos[0]?.lengthSeconds)  != "aN:aN" ) { %> 
+
+                   <a href="/channel?id=<%=ID%>&tab=shorts" class="tab active">Shorts</a>
+  <% } %>
+      <% } %>
+                <a href="/channel?id=<%=ID%>&tab=community"  class="tab">Community</a>
+                <a  href="/channel?id=<%=ID%>&tab=about" class="tab">About</a>
+                                                               <% } %>
             </div>