Add "show replies" and "hide replies"

This commit is contained in:
Omar Roth 2018-10-13 19:40:42 -05:00
parent 13b0526c7a
commit 5eefab62fd
2 changed files with 23 additions and 2 deletions

View file

@ -109,7 +109,6 @@ def template_youtube_comments(comments)
</div> </div>
<div class="pure-u-20-24 pure-u-md-22-24"> <div class="pure-u-20-24 pure-u-md-22-24">
<p> <p>
<a href="javascript:void(0)" onclick="toggle_parent(this)">[ - ]</a>
<b> <b>
<a href="#{child["authorUrl"]}">#{child["author"]}</a> <a href="#{child["authorUrl"]}">#{child["author"]}</a>
</b> </b>

View file

@ -382,7 +382,13 @@ function get_youtube_replies(target) {
xhr.onreadystatechange = function() { xhr.onreadystatechange = function() {
if (xhr.readyState == 4) { if (xhr.readyState == 4) {
if (xhr.status == 200) { if (xhr.status == 200) {
body.innerHTML = xhr.response.contentHtml; body.innerHTML = ' \
<p><a href="javascript:void(0)" \
onclick="hide_youtube_replies(this)">Hide replies \
</a></p> \
<div>{contentHtml}</div>'.supplant({
contentHtml: xhr.response.contentHtml,
});
} else { } else {
body.innerHTML = fallback; body.innerHTML = fallback;
} }
@ -396,6 +402,22 @@ function get_youtube_replies(target) {
}; };
} }
function show_youtube_replies(target) {
body = target.parentNode.parentNode.children[1];
body.style.display = "";
target.innerHTML = "Hide replies";
target.setAttribute('onclick', 'hide_youtube_replies(this)');
}
function hide_youtube_replies(target) {
body = target.parentNode.parentNode.children[1];
body.style.display = "none";
target.innerHTML = "Show replies";
target.setAttribute('onclick', 'show_youtube_replies(this)');
}
<% if preferences %> <% if preferences %>
<% if preferences.comments[0] == "youtube" %> <% if preferences.comments[0] == "youtube" %>
get_youtube_comments(); get_youtube_comments();