mirror/poke
1
0
Fork 0
mirror of https://codeberg.org/ashley/poke.git synced 2024-11-22 11:07:49 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix alot of stuff :3

Browse source
This commit is contained in:
Ashley 2023-09-27 18:20:31 +00:00
parent fdb7066aba
commit de4fc0e202
1 changed files with 59 additions and 47 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

106
html/channel.ejs
View file

@ -1,4 +1,6 @@
<!-- <% try { %>
<!--
This Source Code Form is subject to the terms of the GNU General Public License: This Source Code Form is subject to the terms of the GNU General Public License:
Copyright (C) 2021-2023 POKETUBE (https://github.com/iamashley0/poketube) Copyright (C) 2021-2023 POKETUBE (https://github.com/iamashley0/poketube)
@ -29,9 +31,9 @@
<meta content="<%-dnoreplace%>" property=twitter:description> <meta content="<%-dnoreplace%>" property=twitter:description>
<% } %> <% } %>
<% if (j.Channel.Metadata.Banners.Thumbnail) { %> <% if (j.Channel?.Metadata.Banners.Thumbnail) { %>
<meta content="<%=j.Channel.Metadata.Banners.Thumbnail[2].$t%>" property=og:image> <meta content="<%=j.Channel?.Metadata?.Banners.Thumbnail[2].$t%>" property=og:image>
<% } %> <% } %>
<meta content=summary_large_image name=twitter:card> <meta content=summary_large_image name=twitter:card>
@ -520,7 +522,7 @@ margin-right: -79px;
<i onclick="window.history.back()" style="color:#fff;padding: 10px;" class="fa-solid fa-chevron-left"></i> <i onclick="window.history.back()" style="color:#fff;padding: 10px;" class="fa-solid fa-chevron-left"></i>
<p style="font-family:Ginto Nord,sans-serif;font-weight:900;white-space:yes;"><%=j.Channel.Metadata.Name%></p> <p style="font-family:Ginto Nord,sans-serif;font-weight:900;white-space:yes;"><%=j.Channel?.Metadata.Name%></p>
</div> </div>
@ -544,13 +546,13 @@ margin-right: -79px;
<% if (!isMobile) { %> <% if (!isMobile) { %>
<div class="channel-info-container" style="text-align: center;"> <div class="channel-info-container" style="text-align: center;">
<% if (j.Channel.Metadata.Banners.Thumbnail) { %> <% if (j?.Channel?.Metadata?.Banners.Thumbnail) { %>
<img src="https://p.poketube.fun/<%=j.Channel.Metadata.Banners.Thumbnail[2].$t%>"> <img src="https://p.poketube.fun/<%=j.Channel?.Metadata.Banners.Thumbnail[2].$t%>">
<% } %> <% } %>
<div class="channel-info" > <div class="channel-info" >
<a href="https://p.poketube.fun/<%=j.Channel.Metadata.Avatars.Thumbnail.$t%>" class="avatar"> <a href="https://p.poketube.fun/<%=j.Channel?.Metadata.Avatars.Thumbnail?.$t%>" class="avatar">
<img src="https://p.poketube.fun/<%=j.Channel.Metadata.Avatars.Thumbnail.$t%>" alt="Channel Avatar"> <img src="https://p.poketube.fun/<%=j.Channel?.Metadata.Avatars.Thumbnail?.$t%>" alt="Channel Avatar">
</a> </a>
<% if (cinv?.authorVerified) { %> <% if (cinv?.authorVerified) { %>
@ -566,11 +568,11 @@ margin-right: -79px;
<% } %> <% } %>
<div class="name" style="background: #333;border-radius: 12px;padding: 9px;"> <div class="name" style="background: #333;border-radius: 12px;padding: 9px;">
<p style="font-family:PokeTube Flex,sans-serif;font-weight:1000;font-stretch: ultra-expanded;margin-top: 16px;margin-bottom: 15px;"><%=j.Channel.Metadata.Name%> <p style="font-family:PokeTube Flex,sans-serif;font-weight:1000;font-stretch: ultra-expanded;margin-top: 16px;margin-bottom: 15px;"><%=j.Channel?.Metadata.Name%>
<span style="background: #0005;padding: 3px;padding-top: 2.5px !important;display: inline-flex;border-radius: 3px;"> <span style="background: #0005;padding: 3px;padding-top: 2.5px !important;display: inline-flex;border-radius: 3px;">
<% if (cinv.authorVerified) { %> <% if (cinv?.authorVerified) { %>
<% if (cinv.isFamilyFriendly) { %> <% if (cinv?.isFamilyFriendly) { %>
<i class="fa-solid fa-badge-check" style="width: 18px;margin-right:7px" title="Verified Channel"></i> <i class="fa-solid fa-badge-check" style="width: 18px;margin-right:7px" title="Verified Channel"></i>
<% } %> <% } %>
@ -580,7 +582,7 @@ margin-right: -79px;
<% } %> <% } %>
<% } %> <% } %>
<% if (cinv.isFamilyFriendly) { %> <% if (cinv?.isFamilyFriendly) { %>
<img src="https://cdn.glitch.global/d68d17bb-f2c0-4bc3-993f-50902734f652/bbf42a35-8976-43a5-a7a2-72a81d9da7ce.image.png?v=1692301199470" style="width: 18px;" title="In Youtube kids" > <img src="https://cdn.glitch.global/d68d17bb-f2c0-4bc3-993f-50902734f652/bbf42a35-8976-43a5-a7a2-72a81d9da7ce.image.png?v=1692301199470" style="width: 18px;" title="In Youtube kids" >
<% } %> <% } %>
@ -588,8 +590,16 @@ margin-right: -79px;
</span> </p> </span> </p>
<p style="margin-bottom: -11px;" class="subs"><%=subs%> subscribers</p> <p style="margin-bottom: -11px;" class="subs"><%=subs%> subscribers</p>
<p style="padding:0;font-weight:bold;max-inline-size: 37em;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;"> <p style="padding:0;font-weight:bold;max-inline-size: 37em;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;">
<%-getFirstLine(desc).slice(0, 60)%> <a href="/channel?id=<%=ID%>&tab=about">
<i class="fa-thin fa-angle-right"></i></a> <% try { %>
<%- getFirstLine(desc).slice(0, 60) %>
<a href="/channel?id=<%= ID %>&tab=about">
<% } catch (error) { %>
<!-- Handle the error here, if it occurs -->
<p>Error: <%= error.message %></p>
<% } %>
<i class="fa-thin fa-angle-right"></i></a>
</p> </p>
</div> </div>
@ -650,9 +660,9 @@ white-space: nowrap;text-decoration: none;" href="/feeds/videos.xml?channel_id=<
<% } %> <% } %>
<% if (Array.isArray(stream.videos)) { %> <% if (Array?.isArray(stream?.videos)) { %>
<% if (stream.videos[0]) { %> <% if (stream?.videos[0]) { %>
<% if (turntomins(stream.videos[0].lengthSeconds) != "aN:aN" ) { %> <% if (turntomins(stream?.videos[0]?.lengthSeconds) != "aN:aN" ) { %>
<a href="/channel?id=<%=ID%>&tab=live" class="tab" style="color:#d9ead3;">Live</a> <a href="/channel?id=<%=ID%>&tab=live" class="tab" style="color:#d9ead3;">Live</a>
@ -660,9 +670,9 @@ white-space: nowrap;text-decoration: none;" href="/feeds/videos.xml?channel_id=<
<% } %> <% } %>
<% } %> <% } %>
<% if (Array.isArray(c.comments)) { %> <% if (Array?.isArray(c?.comments)) { %>
<% if (c.comments.length != "0") { %> <% if (c?.comments?.length != "0") { %>
<a href="/channel?id=<%=ID%>&tab=community" class="tab" style="color:pink">Community</a> <a href="/channel?id=<%=ID%>&tab=community" class="tab" style="color:pink">Community</a>
<% } %> <% } %>
@ -675,17 +685,17 @@ white-space: nowrap;text-decoration: none;" href="/feeds/videos.xml?channel_id=<
<% if (tab === "community") { %> <% if (tab === "community") { %>
<a href="/channel?id=<%=ID%>" class="tab" style="color:#cfe2f3;">Videos</a> <a href="/channel?id=<%=ID%>" class="tab" style="color:#cfe2f3;">Videos</a>
<% if (Array.isArray(shorts.videos)) { %> <% if (Array?.isArray(shorts?.videos)) { %>
<% if (turntomins(shorts.videos[0].lengthSeconds) != "aN:aN" ) { %> <% if (turntomins(shorts?.videos[0]?.lengthSeconds) != "aN:aN" ) { %>
<a href="/channel?id=<%=ID%>&tab=shorts" class="tab shr">Shorts</a> <a href="/channel?id=<%=ID%>&tab=shorts" class="tab shr">Shorts</a>
<% } %> <% } %>
<% } %> <% } %>
<% if (Array.isArray(stream.videos)) { %> <% if (Array?.isArray(stream?.videos)) { %>
<% if (stream.videos[0]) { %> <% if (stream?.videos[0]) { %>
<% if (turntomins(stream.videos[0].lengthSeconds) != "aN:aN" ) { %> <% if (turntomins(stream?.videos[0]?.lengthSeconds) != "aN:aN" ) { %>
<a href="/channel?id=<%=ID%>&tab=live" class="tab" style="color:#d9ead3;">Live</a> <a href="/channel?id=<%=ID%>&tab=live" class="tab" style="color:#d9ead3;">Live</a>
<% } %> <% } %>
@ -701,13 +711,13 @@ white-space: nowrap;text-decoration: none;" href="/feeds/videos.xml?channel_id=<
<% if (tab === "shorts") { %> <% if (tab === "shorts") { %>
<a href="/channel?id=<%=ID%>" class="tab" style="color:#cfe2f3;">Videos</a> <a href="/channel?id=<%=ID%>" class="tab" style="color:#cfe2f3;">Videos</a>
<% if (Array.isArray(shorts?.videos)) { %> <% if (Array?.isArray(shorts?.videos)) { %>
<a href="/channel?id=<%=ID%>&tab=shorts" class="tab active shr">Shorts</a> <a href="/channel?id=<%=ID%>&tab=shorts" class="tab active shr">Shorts</a>
<% } %> <% } %>
<% if (Array.isArray(stream?.videos)) { %> <% if (Array?.isArray(stream?.videos)) { %>
<% if (stream.videos[0]) { %> <% if (stream?.videos[0]) { %>
<% if (turntomins(stream.videos[0].lengthSeconds) != "aN:aN" ) { %> <% if (turntomins(stream?.videos[0]?.lengthSeconds) != "aN:aN" ) { %>
<a href="/channel?id=<%=ID%>&tab=live" class="tab" style="color:#d9ead3;">Live</a> <a href="/channel?id=<%=ID%>&tab=live" class="tab" style="color:#d9ead3;">Live</a>
<% } %> <% } %>
@ -715,9 +725,9 @@ white-space: nowrap;text-decoration: none;" href="/feeds/videos.xml?channel_id=<
<% } %> <% } %>
<% if (Array.isArray(c.comments)) { %> <% if (Array?.isArray(c?.comments)) { %>
<% if (c.comments.length != "0") { %> <% if (c?.comments?.length != "0") { %>
<a href="/channel?id=<%=ID%>&tab=community" class="tab" style="color:pink">Community</a> <a href="/channel?id=<%=ID%>&tab=community" class="tab" style="color:pink">Community</a>
<% } %> <% } %>
@ -729,22 +739,22 @@ white-space: nowrap;text-decoration: none;" href="/feeds/videos.xml?channel_id=<
<% if (tab === "live") { %> <% if (tab === "live") { %>
<a href="/channel?id=<%=ID%>" class="tab" style="color:#cfe2f3;">Videos</a> <a href="/channel?id=<%=ID%>" class="tab" style="color:#cfe2f3;">Videos</a>
<% if (Array.isArray(shorts?.videos)) { %> <% if (Array?.isArray(shorts?.videos)) { %>
<% if (turntomins(shorts.videos[0].lengthSeconds) != "aN:aN" ) { %> <% if (turntomins(shorts?.videos[0]?.lengthSeconds) != "aN:aN" ) { %>
<a href="/channel?id=<%=ID%>&tab=shorts" class="tab shr">Shorts</a> <a href="/channel?id=<%=ID%>&tab=shorts" class="tab shr">Shorts</a>
<% } %> <% } %>
<% } %> <% } %>
<% if (Array.isArray(stream?.videos)) { %> <% if (Array?.isArray(stream?.videos)) { %>
<a href="/channel?id=<%=ID%>&tab=live" class="tab active" style="color:#d9ead3;">Live</a> <a href="/channel?id=<%=ID%>&tab=live" class="tab active" style="color:#d9ead3;">Live</a>
<% } %> <% } %>
<% if (Array.isArray(c.comments)) { %> <% if (Array?.isArray(c?.comments)) { %>
<% if (c.comments.length != "0") { %> <% if (c?.comments?.length != "0") { %>
<a href="/channel?id=<%=ID%>&tab=community" class="tab" style="color:pink">Community</a> <a href="/channel?id=<%=ID%>&tab=community" class="tab" style="color:pink">Community</a>
<% } %> <% } %>
@ -764,9 +774,9 @@ white-space: nowrap;text-decoration: none;" href="/feeds/videos.xml?channel_id=<
<% if (isMobile) { %> <% if (isMobile) { %>
<div class="channel-info-container" style="text-align: center;"> <div class="channel-info-container" style="text-align: center;">
<% if (j.Channel.Metadata.Banners.Thumbnail) { %> <% if (j.Channel?.Metadata.Banners.Thumbnail) { %>
<img src="https://p.poketube.fun/<%=j.Channel.Metadata.Banners.Thumbnail[3].$t%>"> <img src="https://p.poketube.fun/<%=j.Channel?.Metadata.Banners.Thumbnail[3].$t%>">
<% } %> <% } %>
@ -786,10 +796,10 @@ align-content: center;
margin: auto; margin: auto;
width: fit-content; width: fit-content;
"> ">
<img src="https://p.poketube.fun/<%=j.Channel.Metadata.Avatars.Thumbnail.$t%>" alt="Channel Avatar"> <img src="https://p.poketube.fun/<%=j.Channel?.Metadata.Avatars.Thumbnail.$t%>" alt="Channel Avatar">
</a> </a>
<div class="name"> <div class="name">
<p style="font-family:PokeTube Flex,sans-serif;font-weight:1000;font-stretch: ultra-expanded;white-space:yes;"><%=j.Channel.Metadata.Name%> </p> <p style="font-family:PokeTube Flex,sans-serif;font-weight:1000;font-stretch: ultra-expanded;white-space:yes;"><%=j.Channel?.Metadata.Name%> </p>
<p style="margin: -9px;"> <p style="margin: -9px;">
<%=subs%> subscribers <%=subs%> subscribers
@ -1050,7 +1060,7 @@ width: fit-content;
margin-left: 8em;" > margin-left: 8em;" >
<% if (Array.isArray( shorts.videos)) { %> <% if (Array?.isArray( shorts.videos)) { %>
<% shorts.videos.forEach (x => { %> <% shorts.videos.forEach (x => { %>
@ -1072,7 +1082,7 @@ margin-left: 8em;" >
</div> </div>
<% if (shorts.continuation) { %> <% if (shorts?.continuation) { %>
<div class="pagination-buttons" style="border-top: none;justify-content: center"> <div class="pagination-buttons" style="border-top: none;justify-content: center">
<a style="color:#fff" href="/channel?id=<%=ID%>&tab=shorts&continuations=<%=shorts.continuation%>">Next Page</a> <a style="color:#fff" href="/channel?id=<%=ID%>&tab=shorts&continuations=<%=shorts.continuation%>">Next Page</a>
</div> </div>
@ -1146,9 +1156,9 @@ margin-left: 8em;" >
</div> </div>
<% if (stream.continuation) { %> <% if (stream?.continuation) { %>
<div class="pagination-buttons" style="border-top: none;justify-content: center"> <div class="pagination-buttons" style="border-top: none;justify-content: center">
<a style="color:#fff" href="/channel?id=<%=ID%>&tab=live&continuationl=<%=stream.continuation%>">Next Page</a> <a style="color:#fff" href="/channel?id=<%=ID%>&tab=live&continuationl=<%=stream?.continuation%>">Next Page</a>
</div> </div>
<% } %> <% } %>
@ -1158,23 +1168,23 @@ margin-left: 8em;" >
<% if (tab === "community") { %> <% if (tab === "community") { %>
<% if (Array.isArray( c.comments)) { %> <% if (Array?.isArray( c?.comments)) { %>
<div class="community"> <div class="community">
<% c.comments.forEach (x => { %> <% c?.comments?.forEach (x => { %>
<div class="community-content"> <div class="community-content">
<h5 style="display: flex;margin-top: -1em;padding-top: 10px;margin-bottom:10px"><div class="thumb"> <h5 style="display: flex;margin-top: -1em;padding-top: 10px;margin-bottom:10px"><div class="thumb">
<a href="/channel?id=UC0n83khlA76NRfDfm7BNtkQ" class="avatar" style="width: 40px;height: 40px;"> <a href="/channel?id=UC0n83khlA76NRfDfm7BNtkQ" class="avatar" style="width: 40px;height: 40px;">
<img src="https://p.poketube.fun/<%=j.Channel.Metadata.Avatars.Thumbnail.$t%>"> <img src="https://p.poketube.fun/<%=j.Channel?.Metadata.Avatars.Thumbnail.$t%>">
</a> </a>
</div> </div>
<p class="comments-author"> <p class="comments-author">
<a href="" style="color: var(--text-color);text-decoration: none;"><%=j.Channel.Metadata.Name%> <a href="" style="color: var(--text-color);text-decoration: none;"><%=j.Channel?.Metadata.Name%>
</a> </a>
@ -1337,3 +1347,5 @@ urls.forEach(link => {
</html> </html>
<% } catch (error) { %>
<% } %>