wassname/Mostly-Harmless
1
0
Fork 0
mirror of https://github.com/wassname/Mostly-Harmless.git synced 2026-06-27 16:10:28 +08:00
Code Issues Packages Projects Releases Wiki Activity

Shell for comments complete.

Browse Source
This commit is contained in:
Kerrick Long
2011-07-15 16:58:14 -05:00
parent 00eac0cb1d
commit 3fcfa291dc
2 changed files with 70 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/popup.css
+29
View File
@@ -140,6 +140,35 @@ a.domain {
text-decoration:none;
cursor: default;
}
.comment {
display: none;
}
ol[data-commentspage="true"] .comment {
display: block;
}
ol[data-commentspage="true"] button.cancel {
display: none;
}
.comment fieldset {
margin: 12px 0 0;
padding: 0;
border: 0;
}
.comment textarea {
display: block;
width: 100%;
margin: 0;
padding: 0;
border: 0;
box-shadow: inset 0px 0px 2px black;
font: normal small verdana, arial, helvetica, sans-serif;
}
.comment button {
margin: 5px 5px 0 0;
}
.comment .status {
color: red;
}
.morelink {
display:block;
text-align:center;
js/common.js
+41 -4
View File
@@ -587,6 +587,21 @@ RedditAPI.prototype.reportPost = function (e) {
e.srcElement.parentNode.innerHTML = 'reported!';
};
/**
* Submits a comment.
* @alias RedditAPI.submitComment(event)
* @param {Object} event The event object.
* @return {Boolean} Returns true.
* @method
*/
RedditAPI.prototype.submitComment = function (e) {
var listItem, fullName;
listItem = e.srcElement.parentNode.parentNode.parentNode;
fullName = listItem.id;
e.srcElement.parentNode.getElementsByClassName('status')[0].innerHTML = 'Not yet programmed. ID: ' + fullName;
};
reddit = new RedditAPI('www.reddit.com');
/**
@@ -648,11 +663,11 @@ Popup.prototype.createListHTML = function (url) {
throw 'Cannot create list HTML for a non-cached URL.';
}
listHTML = '<ol id="posts" data-url="' + url + '">';
listHTML = '<ol id="posts" data-url="' + url + '" data-commentspage="' + cache.get(url).isCommentsPage.toString() + '">';
staleCounter = 0;
utils.forEachIn(cache.get(url).posts, function (name, value) {
var data, voteDir, hiddenText, hideStatus, hideAction, saveText, saveStatus, saveAction, isFreshEnough, freshText, thumbSrc;
var data, voteDir, hiddenText, hideStatus, hideAction, saveText, saveStatus, saveAction, isFreshEnough, freshText, thumbSrc, commentText;
data = value.data;
if (data.likes === true) voteDir = 1;
@@ -665,6 +680,7 @@ Popup.prototype.createListHTML = function (url) {
saveText = saveStatus === true ? 'unsave' : 'save';
saveAction = saveStatus === true ? 'reddit.unsavePost(event)' : 'reddit.savePost(event)';
isFreshEnough = settings.get('freshCutoff') === 91 ? 'true' : data.created_utc >= utils.epoch() - settings.get('freshCutoff') * 24 * 60 * 60;
commentText = data.savedCommentText === undefined ? '' : data.savedCommentText;
if (!isFreshEnough) staleCounter++;
freshText = isFreshEnough ? 'fresh' : 'stale';
thumbSrc = data.thumbnail.indexOf('/') === 0 ? 'http://www.reddit.com' + data.thumbnail : data.thumbnail;
@@ -687,13 +703,22 @@ Popup.prototype.createListHTML = function (url) {
listHTML += '<a class="subreddit" href="http://www.reddit.com/r/' + data.subreddit + '/" target="_blank">' + data.subreddit + '</a>';
listHTML += '</div>';
listHTML += '<div class="actions">';
listHTML += '<a class="comments" href="http://www.reddit.com' + data.permalink + '" target="_blank">' + data.num_comments + ' comments</a>';
listHTML += '<a class="comments" onclick="popup.showCommentForm(\'' + data.name + '\')">' + data.num_comments + ' comments</a>';
listHTML += '<a class="share">share</a>';
listHTML += '<a class="save" onclick="' + saveAction + '">' + saveText + '</a>';
listHTML += '<a class="hide" onclick="' + hideAction + '">' + hiddenText + '</a>';
listHTML += '<a class="report" onclick="reddit.confirmReport(event)">report</a>';
listHTML += '</div>';
listHTML += '</div>'
listHTML += '</div>';
listHTML += '<form class="comment">';
listHTML += '<fieldset>';
listHTML += '<legend>Leave a comment</legend>';
listHTML += '<textarea rows="8">' + commentText + '</textarea>';
listHTML += '<button type="button" class="submit" onclick="reddit.submitComment(event)">save</button>';
listHTML += '<button type="button" class="cancel" onclick="this.parentNode.parentNode.style.display = \'none\'">cancel</button>';
listHTML += '<span class="status"></span>';
listHTML += '</fieldset>';
listHTML += '</form>';
listHTML += '</li>';
});
@@ -734,3 +759,15 @@ Popup.prototype.showStalePosts = function () {
stalePosts[0].className = 'stale-shown';
}
};
/**
* Show the comment form for a given post.
* @alias Popup.showCommentForm(postId)
* @param {String} postId The ID of the thing to show the comment form for.
* @return {Boolean} Returns true.
* @method
*/
Popup.prototype.showCommentForm = function (postId) {
document.getElementById(postId).getElementsByClassName('comment')[0].style.display = 'block';
return true;
};