Add error message for comment timeouts

This commit is contained in:
Omar Roth 2018-08-23 16:55:26 -05:00
parent 01a80995d3
commit 0e7c56687b
2 changed files with 9 additions and 3 deletions

View file

@ -93,7 +93,7 @@ def template_youtube_comments(comments)
<div class="pure-u-23-24">
<p>
<a href="javascript:void(0)" data-continuation="#{child["replies"]["continuation"]}"
onclick="load_comments(this)">View #{child["replies"]["replyCount"]} replies</a>
onclick="get_youtube_replies(this)">View #{child["replies"]["replyCount"]} replies</a>
</p>
</div>
</div>
@ -127,7 +127,7 @@ def template_youtube_comments(comments)
<div class="pure-u-1">
<p>
<a href="javascript:void(0)" data-continuation="#{comments["continuation"]}"
onclick="load_comments(this)">Load more</a>
onclick="get_youtube_replies(this)">Load more</a>
</p>
</div>
</div>

View file

@ -53,7 +53,7 @@ function toggle_comments(target) {
}
}
function load_comments(target) {
function get_youtube_replies(target) {
var continuation = target.getAttribute("data-continuation");
var body = target.parentNode.parentNode;
@ -80,6 +80,8 @@ function load_comments(target) {
};
xhr.ontimeout = function() {
console.log("Pulling comments timed out.");
body.innerHTML = fallback;
};
}
@ -119,6 +121,8 @@ function get_reddit_comments() {
};
xhr.ontimeout = function() {
console.log("Pulling comments timed out.");
get_reddit_comments();
};
}
@ -154,6 +158,8 @@ function get_youtube_comments() {
};
xhr.ontimeout = function() {
console.log("Pulling comments timed out.");
comments = document.getElementById("comments");
comments.innerHTML =
'<h3><center class="loading"><i class="icon ion-ios-refresh"></i></center></h3>';