mirror of
https://codeberg.org/ashley/poke.git
synced 2024-11-28 20:49:03 +01:00
Comment Improvements pog
This commit is contained in:
Ashley
parent
47ffa215bb
commit
f6962c7659
1 changed files with 105 additions and 18 deletions
|
|
@ -274,8 +274,18 @@
|
||||||
|
|
||||||
|
|
||||||
<nav>
|
<nav>
|
||||||
<div class="left"><a class="class" href="/143" style=font-family:Inter,sans-serif;color:#fff> <img style="transform: scale(1.3);padding-left:0.9em;width: 8.5em;display: block;margin-left: auto;margin-right: auto;" src="/css/logo.svg?v=5"> </a> </div>
|
<div class=left>
|
||||||
<div class="middle">
|
|
||||||
|
<% if (inv_vid.genre != "Music") { %>
|
||||||
|
|
||||||
|
<a class="class" href="/143" style=font-family:Inter,sans-serif;color:#fff> <img style="transform: scale(1.3);padding-left:0.9em;width: 8.5em;display: block;margin-left: auto;margin-right: auto;" src="/css/logo.svg?v=5"></a>
|
||||||
|
<% } %>
|
||||||
|
<% if (inv_vid.genre === "Music") { %>
|
||||||
|
|
||||||
|
<a class="class" href="/143" style=font-family:Inter,sans-serif;color:#fff> <img style="transform: scale(1.3);padding-left:0.9em;width: 7.5em;display: block;margin-left: auto;margin-right: auto;" src="/css/music.svg?v=5"></a>
|
||||||
|
<% } %>
|
||||||
|
</div>
|
||||||
|
<div class="middle">
|
||||||
<form action=/search><input class=search-bar autocomplete="on" id=fname name=query style="color:#fff;font-family:Inter,sans-serif;border-radius: 8px;">
|
<form action=/search><input class=search-bar autocomplete="on" id=fname name=query style="color:#fff;font-family:Inter,sans-serif;border-radius: 8px;">
|
||||||
<button class="btn btn-success" type=submit><i class="fa-light fa-search"></i></button>
|
<button class="btn btn-success" type=submit><i class="fa-light fa-search"></i></button>
|
||||||
|
|
||||||
|
|
@ -431,9 +441,9 @@
|
||||||
<% if (video.Channel.Name.endsWith(' - Topic') || video.Title.endsWith('Audio)')) { %>
|
<% if (video.Channel.Name.endsWith(' - Topic') || video.Title.endsWith('Audio)')) { %>
|
||||||
|
|
||||||
<% if (video.Channel.Name.endsWith(' - Topic') || video.Title.endsWith('Audio)')) { %>
|
<% if (video.Channel.Name.endsWith(' - Topic') || video.Title.endsWith('Audio)')) { %>
|
||||||
<a title="open this song in poketube music!" style="color:#fff;text-decoration: none;" href="/music?v=<%=video.id%>">
|
<a title="open this song in poketube music player :3" style="color:#fff;text-decoration: none;" href="/music?v=<%=video.id%>">
|
||||||
<i class="fa-light fa-music"></i>
|
<i class="fa-light fa-music"></i>
|
||||||
Open In Music
|
Open In Music Player
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
<% }%>
|
<% }%>
|
||||||
|
|
@ -482,8 +492,9 @@
|
||||||
<h5 style="font-family:ginto nord">
|
<h5 style="font-family:ginto nord">
|
||||||
Comments
|
Comments
|
||||||
</h5>
|
</h5>
|
||||||
|
|
||||||
<p style="padding: 0;margin: 0;font-family: Inter;margin-bottom: 10px;">
|
<p style="padding: 0;margin: 0;font-family: Inter;margin-bottom: 10px;">
|
||||||
Top Comments :3
|
Top Comments :3
|
||||||
</p>
|
</p>
|
||||||
<hr style="clear: both;display: block;border: none;border-bottom: 0.5px solid #2f2f2f;margin: 0 0;/*! width: 4.5em; */height: 0;">
|
<hr style="clear: both;display: block;border: none;border-bottom: 0.5px solid #2f2f2f;margin: 0 0;/*! width: 4.5em; */height: 0;">
|
||||||
|
|
||||||
|
|
@ -508,7 +519,7 @@
|
||||||
|
|
||||||
<% inv.comments.forEach(x =>{ %>
|
<% inv.comments.forEach(x =>{ %>
|
||||||
|
|
||||||
<div>
|
<div class="<%- x.commentId %>">
|
||||||
|
|
||||||
<div class="comment-list left-padding">
|
<div class="comment-list left-padding">
|
||||||
<div class="single-comment justify-content-between d-flex">
|
<div class="single-comment justify-content-between d-flex">
|
||||||
|
|
@ -519,19 +530,56 @@
|
||||||
<img src="https://p.poketube.fun/<%= x.authorThumbnails[1].url %>">
|
<img src="https://p.poketube.fun/<%= x.authorThumbnails[1].url %>">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
<% if (!x.authorIsChannelOwner) { %>
|
||||||
|
|
||||||
<p style="margin: 7px;font-family:inter;white-space: -moz-pre-wrap !important;white-space: -pre-wrap;white-space: -o-pre-wrap;white-space: pre-wrap;word-wrap: anywhere;white-space: -webkit-pre-wrap;word-break: break-all;white-space: normal;">
|
<p style="margin: 7px;font-family:inter;white-space: -moz-pre-wrap !important;white-space: -pre-wrap;white-space: -o-pre-wrap;white-space: pre-wrap;word-wrap: anywhere;white-space: -webkit-pre-wrap;word-break: break-all;white-space: normal;">
|
||||||
<%- x.author%> </p></h5>
|
<a href="/channel?id=<%- x.authorId%>" style="color: #fff;text-decoration: none;" >
|
||||||
|
|
||||||
|
<%- x.author%>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<% if (x.verified) { %>
|
||||||
|
|
||||||
|
<i class="icon ion ion-md-checkmark-circle"></i>
|
||||||
|
<% } %>
|
||||||
|
|
||||||
|
|
||||||
|
</p> <% } %>
|
||||||
|
|
||||||
|
<% if (x.authorIsChannelOwner) { %>
|
||||||
|
<p style="margin: 5px;font-family:inter;white-space: -moz-pre-wrap !important;white-space: -pre-wrap;white-space: -o-pre-wrap;white-space: pre-wrap;word-wrap: anywhere;white-space: -webkit-pre-wrap;word-break: break-all;white-space: normal;background: #333;padding: 4px;border-radius: 6px;width: auto;height: 1.2em;justify-self: center; ">
|
||||||
|
|
||||||
|
<a href="/channel?id=<%- x.authorId%>" style="color: #fff;text-decoration: none;" >
|
||||||
|
|
||||||
|
<%- x.author%>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<% if (x.verified) { %>
|
||||||
|
|
||||||
|
<i class="icon ion ion-md-checkmark-circle"></i>
|
||||||
|
<% } %>
|
||||||
|
|
||||||
|
|
||||||
|
</p>
|
||||||
|
<% } %>
|
||||||
|
|
||||||
|
</h5>
|
||||||
<p class="comment">
|
<p class="comment">
|
||||||
<%- x.contentHtml %>
|
<%- x.contentHtml %>
|
||||||
<br> <br>
|
<br> <br>
|
||||||
<span><%- x.publishedText %> - <%- convert(x.likeCount) %> Likes</span>
|
<span><%- x.publishedText %> - <%- convert(x.likeCount) %> Likes <% if(x.creatorHeart) { %>
|
||||||
|
|
||||||
|
<i class="icon ion-ios-heart creator-heart-small-container" title="<%= x.creatorHeart.creatorName%> marked it with a ❤ owo"></i>
|
||||||
|
</span>
|
||||||
|
|
||||||
|
<% } %>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<% }) %>
|
<% }) %>
|
||||||
|
|
||||||
|
|
@ -789,6 +837,8 @@ From <%=video.Channel.Name%> </span></a>
|
||||||
<link href="https://p.poketube.fun/https://tube.kuylar.dev/css/mobile.css" rel=stylesheet>
|
<link href="https://p.poketube.fun/https://tube.kuylar.dev/css/mobile.css" rel=stylesheet>
|
||||||
<link href=/css/app.main.css rel=stylesheet>
|
<link href=/css/app.main.css rel=stylesheet>
|
||||||
<link href="https://p.poketube.fun/https://fonts.googleapis.com/css2?family=Inter:wght@900&family=Sigmar+One&display=swap" rel=stylesheet>
|
<link href="https://p.poketube.fun/https://fonts.googleapis.com/css2?family=Inter:wght@900&family=Sigmar+One&display=swap" rel=stylesheet>
|
||||||
|
<link href=https://p.poketube.fun/https://unpkg.com/ionicons@4.5.10-0/dist/css/ionicons.css rel=stylesheet>
|
||||||
|
|
||||||
<link href=https://p.poketube.fun/https://site-assets.fontawesome.com/releases/v6.1.1/css/all.css rel=stylesheet>
|
<link href=https://p.poketube.fun/https://site-assets.fontawesome.com/releases/v6.1.1/css/all.css rel=stylesheet>
|
||||||
<style>
|
<style>
|
||||||
a.class:hover {
|
a.class:hover {
|
||||||
|
|
@ -1636,7 +1686,7 @@ PokeTube Mobile v12.10.22a - Node <%=process.version%> - V8 v<%=process.versions
|
||||||
<div id="commentss" style="display: contents;">
|
<div id="commentss" style="display: contents;">
|
||||||
<h3 style="font-family:'Ginto Nord';font-weight:900;white-space:yes"> Comments </h3>
|
<h3 style="font-family:'Ginto Nord';font-weight:900;white-space:yes"> Comments </h3>
|
||||||
<p style="padding: 0;margin: 0;font-family: Inter;">
|
<p style="padding: 0;margin: 0;font-family: Inter;">
|
||||||
Top Comments
|
Top Comments :3
|
||||||
</p>
|
</p>
|
||||||
<hr style="clear: both;display: block;border: none;border-bottom: 0.5px solid #2f2f2f;/*! width: 4.5em; */height: 0;">
|
<hr style="clear: both;display: block;border: none;border-bottom: 0.5px solid #2f2f2f;/*! width: 4.5em; */height: 0;">
|
||||||
|
|
||||||
|
|
@ -1672,13 +1722,50 @@ PokeTube Mobile v12.10.22a - Node <%=process.version%> - V8 v<%=process.versions
|
||||||
<img src="https://p.poketube.fun/<%= x.authorThumbnails[1].url %>" style="width: 45px;height: 45px;">
|
<img src="https://p.poketube.fun/<%= x.authorThumbnails[1].url %>" style="width: 45px;height: 45px;">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<p style="margin: 7px;font-family:inter">
|
<% if (!x.authorIsChannelOwner) { %>
|
||||||
<%- x.author%> </p></h5>
|
|
||||||
|
<p style="margin: 7px;font-family:inter;white-space: -moz-pre-wrap !important;white-space: -pre-wrap;white-space: -o-pre-wrap;white-space: pre-wrap;word-wrap: anywhere;white-space: -webkit-pre-wrap;word-break: break-all;white-space: normal;">
|
||||||
|
<a href="/channel?id=<%- x.authorId%>" style="color: #fff;text-decoration: none;" >
|
||||||
|
|
||||||
|
<%- x.author%>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<% if (x.verified) { %>
|
||||||
|
|
||||||
|
<i class="icon ion ion-md-checkmark-circle"></i>
|
||||||
|
<% } %>
|
||||||
|
|
||||||
|
|
||||||
|
</p> <% } %>
|
||||||
|
|
||||||
|
<% if (x.authorIsChannelOwner) { %>
|
||||||
|
<p style="margin: 5px;font-family:inter;white-space: -moz-pre-wrap !important;white-space: -pre-wrap;white-space: -o-pre-wrap;white-space: pre-wrap;word-wrap: anywhere;white-space: -webkit-pre-wrap;word-break: break-all;white-space: normal;background: #333;padding: 3px;border-radius: 6px;width: auto;height: 1.4em;justify-self: center; ">
|
||||||
|
|
||||||
|
<a href="/channel?id=<%- x.authorId%>" style="color: #fff;text-decoration: none;" >
|
||||||
|
|
||||||
|
<%- x.author%>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<% if (x.verified) { %>
|
||||||
|
|
||||||
|
<i class="icon ion ion-md-checkmark-circle"></i>
|
||||||
|
<% } %>
|
||||||
|
|
||||||
|
|
||||||
|
</p>
|
||||||
|
<% } %>
|
||||||
|
|
||||||
|
|
||||||
|
</h5>
|
||||||
<p class="comment">
|
<p class="comment">
|
||||||
<%- x.contentHtml %>
|
<%- x.contentHtml %>
|
||||||
<br> <br>
|
<br> <br>
|
||||||
<span style="display: grid;grid-auto-columns: max-content;"><%- x.publishedText %> • <%- convert(x.likeCount) %> Likes</span>
|
<span style="display: grid;grid-auto-columns: max-content;"><%- x.publishedText %> - <%- convert(x.likeCount) %> Likes <% if(x.creatorHeart) { %>
|
||||||
</p>
|
|
||||||
|
<i class="icon ion-ios-heart creator-heart-small-container" title="<%= x.creatorHeart.creatorName%> marked it with a ❤ owo"></i>
|
||||||
|
</span>
|
||||||
|
|
||||||
|
<% } %> </p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -1884,7 +1971,7 @@ PokeTube Mobile v12.10.22a - Node <%=process.version%> - V8 v<%=process.versions
|
||||||
navigator.share({
|
navigator.share({
|
||||||
title: document.title,
|
title: document.title,
|
||||||
text: "",
|
text: "",
|
||||||
url: window.location.href + "&pk=m"
|
url: window.location.href + "&pw=m"
|
||||||
})
|
})
|
||||||
.then(() => console.log('Successful share'))
|
.then(() => console.log('Successful share'))
|
||||||
.catch(error => console.log('Error sharing:', error));
|
.catch(error => console.log('Error sharing:', error));
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue