mirror of
https://github.com/wassname/Mostly-Harmless.git
synced 2026-06-27 16:10:28 +08:00
Kerrick Long
728 lines
24 KiB
JavaScript
728 lines
24 KiB
JavaScript
var settings, cache, utils, button, reddit, background;
|
||
|
||
settings = new Store('settings', {
|
||
'cacheTime': 1,
|
||
'freshCutoff': 7,
|
||
'popupWidth': 640
|
||
});
|
||
cache = new Store('cache');
|
||
|
||
/**
|
||
* Create a new framework of utility functions.
|
||
* @classDescription Creates a new framework of utility functions.
|
||
* @type {Object}
|
||
* @return {Boolean} Returns true.
|
||
* @constructor
|
||
*/
|
||
function MHUtils() {
|
||
return true;
|
||
}
|
||
|
||
/**
|
||
* Escape special RegExp characters.
|
||
* @alias MHUtils.regexEscape(str)
|
||
* @param {String} str The string to be escaped
|
||
* @return {String} Returns an escaped string
|
||
* @method
|
||
*/
|
||
MHUtils.prototype.regexEscape = function (str) {
|
||
return str.replace(/([.?*+\^$\[\]\\(){}\-])/g, "\\$1");
|
||
};
|
||
|
||
/**
|
||
* Find the UNIX epoch time.
|
||
* @alias MHUtils.epoch()
|
||
* @return {Number} Returns the current epoch time
|
||
* @method
|
||
*/
|
||
MHUtils.prototype.epoch = function () {
|
||
return Math.floor(new Date().getTime() / 1000);
|
||
};
|
||
|
||
/**
|
||
* Iterate over an object.
|
||
* @alias MHUtils.forEachIn(object, action)
|
||
* @return {Boolean} Returns true.
|
||
* @method
|
||
*/
|
||
MHUtils.prototype.forEachIn = function (object, action) {
|
||
for (var property in object) {
|
||
if (object.hasOwnProperty(property)) {
|
||
action(property, object[property]);
|
||
}
|
||
}
|
||
return true;
|
||
};
|
||
|
||
/**
|
||
* Iterates over an array.
|
||
* @alias MHUtils.forEach(array, action)
|
||
* @return {Boolean} Returns true.
|
||
* @method
|
||
*/
|
||
MHUtils.prototype.forEach = function (array, action) {
|
||
for (var i = 0; i < array.length; i++) {
|
||
action(array[i]);
|
||
}
|
||
return true;
|
||
}
|
||
|
||
/*
|
||
* JavaScript Pretty Date
|
||
* Thanks to Dean Landolt's comment on
|
||
* http://ejohn.org/blog/javascript-pretty-date/#postcomment
|
||
*/
|
||
// Takes an ISO time and returns a string representing how
|
||
// long ago the date represents.
|
||
MHUtils.prototype.prettyDate = function (date_str) {
|
||
var time_formats = [
|
||
[60, 'just now', 1], // 60
|
||
[120, '1 minute ago', '1 minute from now'], // 60*2
|
||
[3600, 'minutes', 60], // 60*60, 60
|
||
[7200, '1 hour ago', '1 hour from now'], // 60*60*2
|
||
[86400, 'hours', 3600], // 60*60*24, 60*60
|
||
[172800, 'yesterday', 'tomorrow'], // 60*60*24*2
|
||
[604800, 'days', 86400], // 60*60*24*7, 60*60*24
|
||
[1209600, 'last week', 'next week'], // 60*60*24*7*4*2
|
||
[2419200, 'weeks', 604800], // 60*60*24*7*4, 60*60*24*7
|
||
[4838400, 'last month', 'next month'], // 60*60*24*7*4*2
|
||
[29030400, 'months', 2419200], // 60*60*24*7*4*12, 60*60*24*7*4
|
||
[58060800, 'last year', 'next year'], // 60*60*24*7*4*12*2
|
||
[2903040000, 'years', 29030400], // 60*60*24*7*4*12*100, 60*60*24*7*4*12
|
||
[5806080000, 'last century', 'next century'], // 60*60*24*7*4*12*100*2
|
||
[58060800000, 'centuries', 2903040000] // 60*60*24*7*4*12*100*20, 60*60*24*7*4*12*100
|
||
];
|
||
var time = ('' + date_str).replace(/-/g,"/").replace(/[TZ]/g," ");
|
||
then = new Date(time);
|
||
utcTime = Date.UTC(then.getFullYear(), then.getMonth(), then.getDate(), then.getHours(), then.getMinutes(), then.getSeconds(), then.getMilliseconds())
|
||
var seconds = (new Date - new Date(utcTime)) / 1000;
|
||
var token = 'ago', list_choice = 1;
|
||
if (seconds < 0) {
|
||
seconds = Math.abs(seconds);
|
||
token = 'from now';
|
||
list_choice = 2;
|
||
}
|
||
var i = 0, format;
|
||
while (format = time_formats[i++]) if (seconds < format[0]) {
|
||
if (typeof format[2] == 'string')
|
||
return format[list_choice];
|
||
else
|
||
return Math.floor(seconds / format[2]) + ' ' + format[1] + ' ' + token;
|
||
}
|
||
return time;
|
||
};
|
||
|
||
/*
|
||
* ISO 8601 Formatted Dates
|
||
* Gotten from the Mozilla Developer Center
|
||
*/
|
||
MHUtils.prototype.ISODateString = function (d) {
|
||
function pad(n){return n<10 ? '0'+n : n}
|
||
return d.getUTCFullYear()+'-'
|
||
+ pad(d.getUTCMonth()+1)+'-'
|
||
+ pad(d.getUTCDate())+'T'
|
||
+ pad(d.getUTCHours())+':'
|
||
+ pad(d.getUTCMinutes())+':'
|
||
+ pad(d.getUTCSeconds())+'Z'
|
||
};
|
||
|
||
utils = new MHUtils();
|
||
|
||
/**
|
||
* Create a new instance of the browser action button and its popup. ONLY CALL THIS ONCE!
|
||
* @classDescription Creates a new browser icon.
|
||
* @type {Object}
|
||
* @return {Boolean} Returns true.
|
||
* @constructor
|
||
*/
|
||
function BrowserAction() {
|
||
return true;
|
||
}
|
||
|
||
/**
|
||
* Set the browser icon badge to its defaults.
|
||
* @alias BrowserAction.setBadgeDefaults(tabId)
|
||
* @param {Number} tabId If given, only sets badge defaults for this tab.
|
||
* @return {Boolean} Returns true.
|
||
* @method
|
||
*/
|
||
BrowserAction.prototype.setBadgeDefaults = function (tabId) {
|
||
chrome.browserAction.setBadgeText({'text': '?', 'tabId': tabId});
|
||
chrome.browserAction.setTitle({'title': 'Click to load data.', 'tabId': tabId});
|
||
chrome.browserAction.setBadgeBackgroundColor({'color': [192, 192, 192, 255], 'tabId': tabId});
|
||
chrome.browserAction.setPopup({popup: '', tabId: tabId});
|
||
chrome.browserAction.onClicked.addListener(function(tab) {
|
||
reddit.getInfo(tab.url, tab.id);
|
||
});
|
||
return true;
|
||
};
|
||
|
||
/**
|
||
* Set the browser icon badge to its loading state.
|
||
* @alias BrowserAction.setBadgeLoading(tabId)
|
||
* @param {Number} tabId If given, only sets loading state for this tab.
|
||
* @return {Boolean} Returns true.
|
||
* @method
|
||
*/
|
||
BrowserAction.prototype.setBadgeLoading = function (tabId) {
|
||
chrome.browserAction.setBadgeText({'text': '', 'tabId': tabId});
|
||
chrome.browserAction.setTitle({'title': 'Loading data...', 'tabId': tabId});
|
||
chrome.browserAction.setPopup({popup: '', tabId: tabId});
|
||
return true;
|
||
};
|
||
|
||
/**
|
||
* Set the browser icon badge to its error state.
|
||
* @alias BrowserAction.setBadgeError(tabId, text)
|
||
* @param {Number} tabId If given, only sets loading state for this tab.
|
||
* @param {String} text Sets the badge's hover text.
|
||
* @return {Boolean} Returns true.
|
||
* @method
|
||
*/
|
||
BrowserAction.prototype.setBadgeError = function (tabId, text) {
|
||
chrome.browserAction.setBadgeText({'text': '×', 'tabId': tabId});
|
||
chrome.browserAction.setTitle({'title': text, 'tabId': tabId});
|
||
chrome.browserAction.setBadgeBackgroundColor({'color': [255, 0, 255, 255], 'tabId': tabId});
|
||
chrome.browserAction.setPopup({popup: '', tabId: tabId});
|
||
chrome.browserAction.onClicked.addListener(function(tab) {
|
||
reddit.getInfo(tab.url, tab.id);
|
||
});
|
||
return true;
|
||
};
|
||
|
||
/**
|
||
* Set the browser icon badge for a page.
|
||
* @alias BrowserAction.setBadgeFor(url, tabId)
|
||
* @param {String} url Sets the badge according to this URL.
|
||
* @param {Number} tabId Sets the badge for this tab, if specified.
|
||
* @return {Boolean} Returns true.
|
||
* @method
|
||
*/
|
||
BrowserAction.prototype.setBadgeFor = function (url, tabId) {
|
||
var cachedPosts;
|
||
|
||
cachedPosts = cache.get(url);
|
||
|
||
if (cachedPosts.isCommentsPage === true) {
|
||
chrome.browserAction.setBadgeText({'text': '...', 'tabId': tabId});
|
||
chrome.browserAction.setTitle({'title': 'You are currently viewing the comments for this page.', 'tabId': tabId});
|
||
chrome.browserAction.setBadgeBackgroundColor({'color': [95, 153, 207, 255], 'tabId': tabId});
|
||
chrome.browserAction.setPopup({popup: '/html/popup.html', tabId: tabId});
|
||
} else if (cachedPosts.count === 0) {
|
||
chrome.browserAction.setBadgeText({'text': '+', 'tabId': tabId});
|
||
chrome.browserAction.setTitle({'title': 'Submit this page.', 'tabId': tabId});
|
||
chrome.browserAction.setBadgeBackgroundColor({'color': [0, 0, 0, 255], 'tabId': tabId});
|
||
chrome.browserAction.setPopup({popup: '/html/popup.html', tabId: tabId});
|
||
} else {
|
||
chrome.browserAction.setBadgeText({'text': cachedPosts.count.toString(), 'tabId': tabId});
|
||
chrome.browserAction.setTitle({'title': 'This page has been submitted ' + cachedPosts.count.toString() + ' times.', 'tabId': tabId});
|
||
chrome.browserAction.setBadgeBackgroundColor({'color': [255, 69, 0, 255], 'tabId': tabId});
|
||
chrome.browserAction.setPopup({popup: '/html/popup.html', tabId: tabId});
|
||
}
|
||
|
||
return true;
|
||
};
|
||
|
||
button = new BrowserAction();
|
||
|
||
/**
|
||
* Create a new instance of a reddit-powered website.
|
||
* @classDescription Creates a new reddit-powered website.
|
||
* @param {String} domain The base domain of the reddit-powered website. (e.g. 'www.reddit.com')
|
||
* @type {Object}
|
||
* @return {Boolean} Returns true.
|
||
* @constructor
|
||
*/
|
||
function RedditAPI(domain) {
|
||
if (domain) {
|
||
this.domain = domain;
|
||
} else {
|
||
this.domain = 'www.reddit.com';
|
||
}
|
||
this.commentsMatchPattern = new RegExp('https?:\/\/' + utils.regexEscape(this.domain) + '(\/r\/(.+?))?\/comments\/(.+?)\/.*');
|
||
return true;
|
||
}
|
||
|
||
/**
|
||
* Transmits info to the API and returns the response.
|
||
* @alias RedditAPI.apiTransmit(type, url, async, data)
|
||
* @param {String} type The type of HTTP request: 'GET' or 'POST'.
|
||
* @param {String} url The URL to request.
|
||
* @param {Object} data If it exists, send this as a FormData() object.
|
||
* @param {Function} cback If it exists, call this function when the request is complete. (doesn't work yet)
|
||
* @return {Object} Returns the API's response as an object.
|
||
* @method
|
||
*/
|
||
RedditAPI.prototype.apiTransmit = function (type, url, data, cback) {
|
||
var req;
|
||
|
||
req = new XMLHttpRequest();
|
||
req.open(type, url, false);
|
||
|
||
req.send(data);
|
||
|
||
if (req.status !== 200) {
|
||
console.warn(req);
|
||
throw 'Error loading API.\nURL: ' + url + '\nStatus: ' + req.status.toString();
|
||
} else if (JSON.parse(req.responseText).jquery && JSON.parse(req.responseText).jquery[3][3][0] === '.error.USER_REQUIRED') {
|
||
console.warn(req);
|
||
throw 'Error doing API action.\nURL: ' + url + '\nUser not logged in.';
|
||
}
|
||
|
||
return JSON.parse(req.responseText);
|
||
};
|
||
|
||
|
||
/**
|
||
* Grabs info about a URL via the reddit API and caches it, then sets the browser button.
|
||
* @alias RedditAPI.getInfo(url)
|
||
* @param {String} url The URL of the page to grab info about.
|
||
* @param {Number} tabId The ID of the tab to prepare.
|
||
* @return {Boolean} Returns true.
|
||
* @method
|
||
*/
|
||
RedditAPI.prototype.getInfo = function (url, tabId) {
|
||
var isCommentsPage, reqUrl, req, postsObj, postCount;
|
||
|
||
function processInfo () {
|
||
if (req.readyState === 4) {
|
||
if (req.status === 200) {
|
||
var response;
|
||
|
||
response = JSON.parse(req.responseText);
|
||
cache.set('modhash', response.data.modhash);
|
||
postsObj = {};
|
||
postCount = 0;
|
||
|
||
for (i = 0; i < response.data.children.length; i++) {
|
||
var child;
|
||
|
||
child = response.data.children[i];
|
||
postsObj[child.data.name] = {
|
||
'url': url,
|
||
'data': child.data
|
||
};
|
||
postCount++;
|
||
}
|
||
|
||
cache.set(url, {
|
||
'count': postCount,
|
||
'posts': postsObj,
|
||
'cacheDate': utils.epoch(),
|
||
'isCommentsPage': isCommentsPage
|
||
});
|
||
button.setBadgeFor(url, tabId);
|
||
return true;
|
||
} else {
|
||
throw 'Error loading info from the API. HTTP Status: ' + req.status;
|
||
}
|
||
}
|
||
}
|
||
|
||
isCommentsPage = this.commentsMatchPattern.test(url);
|
||
|
||
if (isCommentsPage) {
|
||
var matches;
|
||
|
||
matches = url.match(this.commentsMatchPattern);
|
||
reqUrl = 'http://' + this.domain + '/by_id/t3_' + matches[3] + '.json';
|
||
} else {
|
||
reqUrl = 'http://' + this.domain + '/api/info.json?url=' + encodeURIComponent(url);
|
||
}
|
||
|
||
req = new XMLHttpRequest();
|
||
req.open('GET', reqUrl, true);
|
||
req.onreadystatechange = processInfo;
|
||
req.send(null);
|
||
};
|
||
|
||
/**
|
||
* Votes a post up.
|
||
* @alias RedditAPI.voteUpPost(event)
|
||
* @param {String} thing The FULLNAME of the thing to vote up.
|
||
* @return {Boolean} Returns true.
|
||
* @method
|
||
*/
|
||
RedditAPI.prototype.voteUpPost = function (e) {
|
||
var listItem, fullName, url, reqUrl, oldCache, voteWas, formData;
|
||
|
||
listItem = e.srcElement.parentNode.parentNode;
|
||
fullName = listItem.id;
|
||
voteWas = listItem.getAttribute('data-dir');
|
||
url = listItem.parentNode.getAttribute('data-url');
|
||
reqUrl = 'http://' + this.domain + '/api/vote';
|
||
oldCache = cache.get(url);
|
||
formData = new FormData();
|
||
formData.append('id', fullName);
|
||
formData.append('uh', cache.get('modhash'));
|
||
|
||
if (voteWas === '1') {
|
||
formData.append('dir','0');
|
||
listItem.setAttribute('data-dir','0');
|
||
oldCache.posts[fullName].data.likes = null;
|
||
} else if (voteWas === '0') {
|
||
formData.append('dir','1');
|
||
listItem.setAttribute('data-dir','1');
|
||
oldCache.posts[fullName].data.likes = true;
|
||
} else if (voteWas === '-1') {
|
||
formData.append('dir','1');
|
||
listItem.setAttribute('data-dir','1');
|
||
oldCache.posts[fullName].data.likes = true;
|
||
}
|
||
|
||
cache.set(url, oldCache);
|
||
this.apiTransmit('POST', reqUrl, formData);
|
||
};
|
||
|
||
/**
|
||
* Votes a post down.
|
||
* @alias RedditAPI.voteDownPost(event)
|
||
* @param {String} thing The FULLNAME of the thing to vote up.
|
||
* @return {Boolean} Returns true.
|
||
* @method
|
||
*/
|
||
RedditAPI.prototype.voteDownPost = function (e) {
|
||
var listItem, fullName, url, reqUrl, oldCache, voteWas, formData;
|
||
|
||
listItem = e.srcElement.parentNode.parentNode;
|
||
fullName = listItem.id;
|
||
voteWas = listItem.getAttribute('data-dir');
|
||
url = listItem.parentNode.getAttribute('data-url');
|
||
reqUrl = 'http://' + this.domain + '/api/vote';
|
||
oldCache = cache.get(url);
|
||
formData = new FormData();
|
||
formData.append('id', fullName);
|
||
formData.append('uh', cache.get('modhash'));
|
||
|
||
if (voteWas === '1') {
|
||
formData.append('dir','-1');
|
||
listItem.setAttribute('data-dir','-1');
|
||
oldCache.posts[fullName].data.likes = false;
|
||
} else if (voteWas === '0') {
|
||
formData.append('dir','-1');
|
||
listItem.setAttribute('data-dir','-1');
|
||
oldCache.posts[fullName].data.likes = false;
|
||
} else if (voteWas === '-1') {
|
||
formData.append('dir','0');
|
||
listItem.setAttribute('data-dir','0');
|
||
oldCache.posts[fullName].data.likes = null;
|
||
}
|
||
|
||
cache.set(url, oldCache);
|
||
this.apiTransmit('POST', reqUrl, formData);
|
||
};
|
||
|
||
/**
|
||
* Saves a post.
|
||
* @alias RedditAPI.savePost(event)
|
||
* @param {String} thing The FULLNAME of the thing to save.
|
||
* @return {Boolean} Returns true.
|
||
* @method
|
||
*/
|
||
RedditAPI.prototype.savePost = function (e) {
|
||
var listItem, fullName, url, reqUrl, oldCache, formData;
|
||
|
||
listItem = e.srcElement.parentNode.parentNode.parentNode;
|
||
fullName = listItem.id;
|
||
url = listItem.parentNode.getAttribute('data-url');
|
||
reqUrl = 'http://' + this.domain + '/api/save';
|
||
oldCache = cache.get(url);
|
||
formData = new FormData();
|
||
formData.append('id', fullName);
|
||
formData.append('uh', cache.get('modhash'));
|
||
listItem.setAttribute('data-saved', 'true');
|
||
listItem.className.replace(/\bsaved\b/,'');
|
||
listItem.className += ' unsave';
|
||
e.srcElement.innerHTML = 'unsave';
|
||
e.srcElement.onclick = function (event) {reddit.unsavePost(event)};
|
||
oldCache.posts[fullName].data.saved = true;
|
||
cache.set(url, oldCache);
|
||
this.apiTransmit('POST', reqUrl, formData);
|
||
};
|
||
|
||
/**
|
||
* Unsaves a post.
|
||
* @alias RedditAPI.unsavePost(event)
|
||
* @param {String} thing The FULLNAME of the thing to unsave.
|
||
* @return {Boolean} Returns true.
|
||
* @method
|
||
*/
|
||
RedditAPI.prototype.unsavePost = function (e) {
|
||
var listItem, fullName, url, reqUrl, oldCache, formData;
|
||
|
||
listItem = e.srcElement.parentNode.parentNode.parentNode;
|
||
fullName = listItem.id;
|
||
url = listItem.parentNode.getAttribute('data-url');
|
||
reqUrl = 'http://' + this.domain + '/api/unsave';
|
||
oldCache = cache.get(url);
|
||
formData = new FormData();
|
||
formData.append('id', fullName);
|
||
formData.append('uh', cache.get('modhash'));
|
||
listItem.setAttribute('data-saved', 'false');
|
||
listItem.className.replace(/\bunsave\b/,'');
|
||
listItem.className += ' saved';
|
||
e.srcElement.innerHTML = 'save';
|
||
e.srcElement.onclick = function (event) {reddit.savePost(event)};
|
||
oldCache.posts[fullName].data.saved = false;
|
||
cache.set(url, oldCache);
|
||
this.apiTransmit('POST', reqUrl, formData);
|
||
};
|
||
|
||
/**
|
||
* Hides a post.
|
||
* @alias RedditAPI.hidePost(event)
|
||
* @param {String} thing The FULLNAME of the thing to hide.
|
||
* @return {Boolean} Returns true.
|
||
* @method
|
||
*/
|
||
RedditAPI.prototype.hidePost = function (e) {
|
||
var listItem, fullName, url, reqUrl, oldCache, formData;
|
||
|
||
listItem = e.srcElement.parentNode.parentNode.parentNode;
|
||
fullName = listItem.id;
|
||
url = listItem.parentNode.getAttribute('data-url');
|
||
reqUrl = 'http://' + this.domain + '/api/hide';
|
||
oldCache = cache.get(url);
|
||
formData = new FormData();
|
||
formData.append('id', fullName);
|
||
formData.append('uh', cache.get('modhash'));
|
||
listItem.setAttribute('data-hidestatus', 'true');
|
||
e.srcElement.innerHTML = 'unhide';
|
||
e.srcElement.onclick = function (event) {reddit.unhidePost(event)};
|
||
oldCache.posts[fullName].data.hidden = true;
|
||
cache.set(url, oldCache);
|
||
this.apiTransmit('POST', reqUrl, formData);
|
||
};
|
||
|
||
/**
|
||
* Unhides a post.
|
||
* @alias RedditAPI.unhidePost(event)
|
||
* @param {String} thing The FULLNAME of the thing to unhide.
|
||
* @return {Boolean} Returns true.
|
||
* @method
|
||
*/
|
||
RedditAPI.prototype.unhidePost = function (e) {
|
||
var listItem, fullName, url, reqUrl, oldCache, formData;
|
||
|
||
listItem = e.srcElement.parentNode.parentNode.parentNode;
|
||
fullName = listItem.id;
|
||
url = listItem.parentNode.getAttribute('data-url');
|
||
reqUrl = 'http://' + this.domain + '/api/unhide';
|
||
oldCache = cache.get(url);
|
||
formData = new FormData();
|
||
formData.append('id', fullName);
|
||
formData.append('uh', cache.get('modhash'));
|
||
listItem.setAttribute('data-hidestatus', 'false');
|
||
e.srcElement.innerHTML = 'hide';
|
||
e.srcElement.onclick = function (event) {reddit.hidePost(event)};
|
||
oldCache.posts[fullName].data.hidden = false;
|
||
cache.set(url, oldCache);
|
||
this.apiTransmit('POST', reqUrl, formData);
|
||
};
|
||
|
||
/**
|
||
* Brings up the report confirmation dialog.
|
||
* @alias RedditAPI.confirmReport(event)
|
||
* @param {Object} event The event object.
|
||
* @return {Boolean} Returns true.
|
||
* @method
|
||
*/
|
||
RedditAPI.prototype.confirmReport = function (e) {
|
||
e.srcElement.className = 'report-confirm';
|
||
e.srcElement.removeAttribute('onclick');
|
||
e.srcElement.innerHTML = 'are you sure? <a onclick="reddit.reportPost(event)">yes</a>/<a onclick="reddit.denyReport(event)">no</a>';
|
||
return true;
|
||
};
|
||
|
||
/**
|
||
* Resets the report link.
|
||
* @alias RedditAPI.denyReport(event)
|
||
* @param {Object} event The event object.
|
||
* @return {Boolean} Returns true.
|
||
* @method
|
||
*/
|
||
RedditAPI.prototype.denyReport = function (e) {
|
||
e.srcElement.parentNode.className = 'report';
|
||
e.srcElement.parentNode.setAttribute('onclick', 'reddit.confirmReport(event)');
|
||
e.srcElement.parentNode.innerHTML = 'report';
|
||
return true;
|
||
};
|
||
|
||
/**
|
||
* Reports a post.
|
||
* @alias RedditAPI.reportPost(event)
|
||
* @param {Object} event The event object.
|
||
* @return {Boolean} Returns true.
|
||
* @method
|
||
*/
|
||
RedditAPI.prototype.reportPost = function (e) {
|
||
var listItem, fullName, url, reqUrl, oldCache, formData;
|
||
|
||
listItem = e.srcElement.parentNode.parentNode.parentNode.parentNode;
|
||
fullName = listItem.id;
|
||
url = listItem.parentNode.getAttribute('data-url');
|
||
reqUrl = 'http://' + this.domain + '/api/report';
|
||
oldCache = cache.get(url);
|
||
formData = new FormData();
|
||
formData.append('id', fullName);
|
||
formData.append('uh', cache.get('modhash'));
|
||
this.apiTransmit('POST', reqUrl, formData);
|
||
listItem.setAttribute('data-hidestatus', 'true');
|
||
e.srcElement.parentNode.parentNode.childNodes[3].innerHTML = 'unhide';
|
||
e.srcElement.parentNode.parentNode.childNodes[3].onclick = function (event) {reddit.unhidePost(event)};
|
||
oldCache.posts[fullName].data.hidden = true;
|
||
cache.set(url, oldCache);
|
||
listItem.setAttribute('data-reportstatus', 'true');
|
||
e.srcElement.parentNode.innerHTML = 'reported!';
|
||
};
|
||
|
||
reddit = new RedditAPI('www.reddit.com');
|
||
|
||
/**
|
||
* Creates a new framework of background processes
|
||
* @classDescription Creates a new framework of background processes.
|
||
* @type {Object}
|
||
* @return {Boolean} Returns true.
|
||
* @constructor
|
||
*/
|
||
function Background() {
|
||
return true;
|
||
}
|
||
|
||
/**
|
||
* Prepare the browser action (badge, popup, etc.) for a given tab.
|
||
* @alias Background.prepareBrowserAction(tabId, info, tab)
|
||
* @param {Number} tabId The ID of the tab to get data for.
|
||
* @param {Object} info The info for the change as sent by Chrome.
|
||
* @param {Object} tab The info for the tab as sent by Chrome.
|
||
* @return {Boolean} Returns true.
|
||
* @method
|
||
*/
|
||
Background.prototype.prepareBrowserAction = function (tabId, info, tab) {
|
||
if (info.status === 'loading') {
|
||
button.setBadgeLoading(tabId);
|
||
|
||
if (cache.get(tab.url) === undefined || cache.get(tab.url).cacheDate - utils.epoch() < -60 * settings.get('cacheTime')) {
|
||
console.log('Grabbing data from the API...');
|
||
reddit.getInfo(tab.url, tabId);
|
||
} else {
|
||
console.log('Grabbing data from the cache...');
|
||
button.setBadgeFor(tab.url, tabId);
|
||
}
|
||
}
|
||
|
||
return true;
|
||
};
|
||
|
||
/**
|
||
* Creates a new framework of popup processes
|
||
* @classDescription Creates a new framework of background processes.
|
||
* @type {Object}
|
||
* @return {Boolean} Returns true.
|
||
* @constructor
|
||
*/
|
||
function Popup() {
|
||
return true;
|
||
}
|
||
|
||
/**
|
||
* Create and store the HTML for a list of posts.
|
||
* @alias Popup.createListHTML(url)
|
||
* @param {String} url The URL of the page to create the HTML for.
|
||
* @return {String} Returns the generated HTML.
|
||
* @method
|
||
*/
|
||
Popup.prototype.createListHTML = function (url) {
|
||
var listHTML, staleCounter;
|
||
|
||
if (cache.get(url) === undefined) {
|
||
throw 'Cannot create list HTML for a non-cached URL.';
|
||
}
|
||
|
||
listHTML = '<ol id="posts" data-url="' + url + '">';
|
||
staleCounter = 0;
|
||
|
||
utils.forEachIn(cache.get(url).posts, function (name, value) {
|
||
var data, voteDir, hiddenText, hideStatus, hideAction, saveText, saveStatus, saveAction, isFreshEnough, freshText, thumbSrc;
|
||
|
||
data = value.data;
|
||
if (data.likes === true) voteDir = 1;
|
||
if (data.likes === null) voteDir = 0;
|
||
if (data.likes === false) voteDir = -1;
|
||
hideStatus = data.hidden;
|
||
hiddenText = hideStatus === true ? 'unhide' : 'hide';
|
||
hideAction = hideStatus === true ? 'reddit.unhidePost(event)' : 'reddit.hidePost(event)';
|
||
saveStatus = data.saved;
|
||
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;
|
||
if (!isFreshEnough) staleCounter++;
|
||
freshText = isFreshEnough ? 'fresh' : 'stale';
|
||
thumbSrc = data.thumbnail.indexOf('/') === 0 ? 'http://www.reddit.com' + data.thumbnail : data.thumbnail;
|
||
|
||
listHTML += '<li id="' + data.name + '" class="' + freshText + '" data-dir="' + voteDir.toString() + '" data-savestatus="' + saveStatus + '" data-hidestatus="' + hideStatus + '">';
|
||
listHTML += '<div class="votes">';
|
||
listHTML += '<a class="upmod" onclick="reddit.voteUpPost(event)"></a>';
|
||
listHTML += '<span class="count" id="count_' + data.name + '" title="' + data.ups + ' up votes, ' + data.downs + ' down votes">' + data.score + '</span>';
|
||
listHTML += '<a class="downmod" onclick="reddit.voteDownPost(event)"></a>';
|
||
listHTML += '</div>';
|
||
listHTML += '<a class="thumblink" href="http://www.reddit.com' + data.permalink + '" target="_blank" title="View this post on reddit">';
|
||
listHTML += '<img class="thumb" src="' + thumbSrc + '" alt="' + data.title + '" width="70"/>';
|
||
listHTML += '</a>';
|
||
listHTML += '<div class="post">';
|
||
listHTML += '<a class="link" href="http://www.reddit.com' + data.permalink + '" target="_blank" title="View this post on reddit">' + data.title + '</a> ';
|
||
listHTML += '<a class="domain" href="http://www.reddit.com/domain/' + data.domain + '" target="_blank">(' + data.domain + ')</a>';
|
||
listHTML += '<div class="meta">';
|
||
listHTML += '<span class="timestamp">submitted ' + utils.prettyDate(utils.ISODateString(new Date(data.created_utc * 1000))) + '</span> by ';
|
||
listHTML += '<a class="submitter" href="http://www.reddit.com/user/' + data.author + '" target="_blank">' + data.author + '</a> to ';
|
||
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="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 += '</li>';
|
||
});
|
||
|
||
listHTML += '</ol>'
|
||
|
||
if (staleCounter > 0) {
|
||
listHTML += '<div id="information">Hiding ' + staleCounter.toString() + ' stale posts. <a onclick="popup.showStalePosts()">Show them now</a>, or visit the <a target="_blank" href="/fancy-settings/index.html">options page</a> to change your Fresh Content preferences.</div>';
|
||
}
|
||
|
||
return listHTML;
|
||
|
||
};
|
||
|
||
/**
|
||
* Create the HTML for a submission form.
|
||
* @alias Popup.createSubmitForm(url)
|
||
* @param {String} url The URL of the page to create the HTML for.
|
||
* @return {String} Returns the generated Form.
|
||
* @method
|
||
*/
|
||
Popup.prototype.createSubmitForm = function (url) {
|
||
return 'Submit form not yet programmed.';
|
||
}
|
||
|
||
/**
|
||
* Show stale posts.
|
||
* @alias Popup.showStalePosts()
|
||
* @return {Boolean} Returns true.
|
||
* @method
|
||
*/
|
||
Popup.prototype.showStalePosts = function () {
|
||
var stalePosts;
|
||
|
||
stalePosts = document.getElementsByClassName('stale');
|
||
document.getElementById('information').innerHTML = 'Showing stale posts. Visit the <a target="_blank" href="/fancy-settings/index.html">options page</a> to change your Fresh Content preferences.';
|
||
|
||
while (stalePosts.length > 0) {
|
||
stalePosts[0].className = 'stale-shown';
|
||
}
|
||
};
|