From 5ac69200d6571d35ae3c8cc7aedb712273d27612 Mon Sep 17 00:00:00 2001
From: Ashley //// <iamashley@duck.com>
Date: Fri, 9 Feb 2024 16:53:37 +0000
Subject: [PATCH] ADD PLAYLISTS FINNALLY WOO

---
 html/channel.ejs | 109 ++++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 108 insertions(+), 1 deletion(-)

diff --git a/html/channel.ejs b/html/channel.ejs
index bcb32116..4b39c086 100644
--- a/html/channel.ejs
+++ b/html/channel.ejs
@@ -731,8 +731,62 @@ white-space: nowrap;text-decoration: none;" href="/feeds/videos.xml?channel_id=<
                                                                          <% } %>
                                                                          <% } %>
 
+<%  if (Array.isArray(playlist?.playlists)) { %> 
+
+  <%  if (playlist.playlists.length != "0") { %> 
+
+     <a  href="/channel?id=<%=ID%>&tab=playlist"  class="tab" style="color:pink">Playlists</a>
+                                                                         <% } %>
+                                                                         <% } %>
+
  
                                                                 <% } %>
+                                                                  
+<% if (tab === "playlist") { %>
+
+                <a href="/channel?id=<%=ID%>" class="tab" style="color:#cfe2f3;">Videos</a>
+              
+<%  if (Array.isArray(shorts?.videos)) { %> 
+    <%  if (shorts.videos[0]) { %> 
+<%  if (turntomins(shorts.videos[0].lengthSeconds)  != "aN:aN" ) { %> 
+
+
+                   <a href="/channel?id=<%=ID%>&tab=shorts" class="tab shr">Shorts</a>
+  <% } %>
+      <% } %>
+
+      <% } %>
+        
+                          <%  if (Array.isArray(stream?.videos)) { %> 
+                                <%  if (stream.videos[0]) { %> 
+
+<%  if (turntomins(stream.videos[0].lengthSeconds)  != "aN:aN" ) { %> 
+
+                   <a href="/channel?id=<%=ID%>&tab=live" class="tab" style="color:#d9ead3;">Live</a>
+  <% } %>
+      <% } %>
+
+      <% } %>
+
+                           <%  if (Array.isArray(c?.comments)) { %> 
+
+  <%  if (c.comments.length != "0") { %> 
+
+     <a  href="/channel?id=<%=ID%>&tab=community"  class="tab" style="color:pink">Community</a>
+                                                                         <% } %>
+                                                                         <% } %>
+
+<%  if (Array.isArray(playlist?.playlists)) { %> 
+
+  <%  if (playlist.playlists.length != "0") { %> 
+
+     <a  href="/channel?id=<%=ID%>&tab=playlist"  class="tab active" style="color:pink">Playlists</a>
+                                                                         <% } %>
+                                                                         <% } %>
+
+ 
+                                                                <% } %>
+                                                                  
                                                                              <% if (tab === "about") { %>
 
                 <a href="/channel?id=<%=ID%>" class="tab" style="color:#cfe2f3;">Videos</a>
@@ -790,6 +844,15 @@ white-space: nowrap;text-decoration: none;" href="/feeds/videos.xml?channel_id=<
 
      <a  href="/channel?id=<%=ID%>&tab=community"  class="tab active" style="color:pink">Community</a>
  
+  
+<%  if (Array.isArray(playlist?.playlists)) { %> 
+
+  <%  if (playlist.playlists.length != "0") { %> 
+
+     <a  href="/channel?id=<%=ID%>&tab=playlist"  class="tab" style="color:pink">Playlists</a>
+                                                                         <% } %>
+                                                                         <% } %>
+
                                                                 <% } %>
 
                                                                                      <% if (tab === "shorts") { %>
@@ -817,9 +880,18 @@ white-space: nowrap;text-decoration: none;" href="/feeds/videos.xml?channel_id=<
                                                                          <% } %>
                                                                          <% } %>
 
+                                                                           
+<%  if (Array.isArray(playlist?.playlists)) { %> 
+
+  <%  if (playlist.playlists.length != "0") { %> 
+
+     <a  href="/channel?id=<%=ID%>&tab=playlist"  class="tab" style="color:pink">Playlists</a>
+                                                                         <% } %>
+                                                                         <% } %>
+                                                                           
                                                                 <% } %>
                                                                  
-                                                                                                 <% if (tab === "live") { %>
+    <% if (tab === "live") { %>
 
                 <a href="/channel?id=<%=ID%>" class="tab"  style="color:#cfe2f3;">Videos</a>
 <%  if (Array?.isArray(shorts?.videos)) { %> 
@@ -844,6 +916,7 @@ white-space: nowrap;text-decoration: none;" href="/feeds/videos.xml?channel_id=<
                                                                          <% } %>
 
                                                                 <% } %>
+                                                                            
             </div>
      
 <input type="text" id="search" placeholder="Search :3" style="margin-top: 2em;height: 1em;color: #fff;background: #111;border-radius: 1em;padding: 7px;margin-left: auto;margin-right: 1em;">                                                                           </div>
@@ -1316,7 +1389,41 @@ width: fit-content;
  
           <% } %>
             
+               <% if (tab === "playlist") { %>  
+                                               
+                             
+
+             <div align="center">
+   
+ 
+    	<div class="video-grid" >
             
+   
+             <%  if (Array.isArray(playlist.playlists)) { %> 
+
+   <% playlist.playlists.forEach (x =>  { %>
+			<a href="/playlist?list=<%- x.playlistId %>" class="video">
+				<div class="thumbnail" style="background-image: url('<%- media_proxy_url %>/proxy?url=<%- x.playlistThumbnail %>?sqp=-oaymwEbCKgBEF5IVfKriqkDDggBFQAAiEIYAXABwAEG&rs=AOn4CLBy_x4UUHLNDZtJtH0PXeQGoRFTgw');border-radius: 10px;"><span class="video-length"><%- x.videoCount %> Videos </span></div>
+				<div class="info">
+					<span class="title max-lines-2" style="font-family:PokeTube flex,sans-serif;font-weight: 1000;font-stretch: ultra-expanded;"><%- x.title %></span>
+			 
+            </div>
+ 			</a>	
+ 		 	               <% }) %>   
+ <% } %>
+
+                                             
+ 
+         
+ 
+                       
+                       </div>
+          
+
+ 
+          <% } %>
+            
+                       
     <% if (tab === "community") { %>
     <%  if (Array?.isArray( c?.comments)) { %> 
 <div class="community">