mirror of
https://github.com/wassname/Mostly-Harmless.git
synced 2026-06-27 16:10:28 +08:00
wassname
1337 lines
47 KiB
JavaScript
1337 lines
47 KiB
JavaScript
var settings, cache, utils, button, reddit, background;
|
||
|
||
settings = new Store('settings', {
|
||
'cacheTime': 3,
|
||
'timeoutLength': 15,
|
||
'freshCutoff': 90,
|
||
'popupWidth': 640,
|
||
'shamelessPlug': false,
|
||
'waitForClick': false,
|
||
'checkMail': true,
|
||
'mailInterval': 5,
|
||
'mailSound': false,
|
||
'excludedDomains': 'secure.ingdirect.com\nchaseonline.chase.com\nonline.wellsfargo.com\nmail.google.com\ndocs.google.com',
|
||
'excludedRegex': 'chrome://.*\nchrome-extension://.*\nview-source://.*\nftp://.*\nhttps?://www\\.google\\.com/search.*\nhttps?://search\\.yahoo\\.com/search.*\nhttps?://www\\.bing\\.com/search.*\nhttps?://www\\.reddit\\.com/(?:r/(?:\\w|\\+)+/?)?(?:$|\\?count)'
|
||
});
|
||
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;
|
||
}
|
||
|
||
/**
|
||
* Convert an array to an object with properties of the array each having empty values, for use in "in" statements.
|
||
* @alias MHUtils.objConvert(arr)
|
||
* @param {Array} arr The array to be converted
|
||
* @return {Object} Returns the object
|
||
* @method
|
||
*/
|
||
MHUtils.prototype.objConvert = function (arr) {
|
||
var obj = {};
|
||
for (var i = 0; i < arr.length; i++) {
|
||
obj[arr[i]]='';
|
||
}
|
||
return obj;
|
||
};
|
||
|
||
/**
|
||
* 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;
|
||
};
|
||
|
||
/**
|
||
* Parses a URL and returns a useful object. http://james.padolsey.com/javascript/parsing-urls-with-the-dom/
|
||
* @alias MHUtils.parseURL(url)
|
||
* @param {String} url A string with a full URL to be parsed.
|
||
* @return {Object} Returns a URL object.
|
||
* @method
|
||
*/
|
||
MHUtils.prototype.parseURL = function (url) {
|
||
var a = document.createElement('a');
|
||
a.href = url;
|
||
return {
|
||
source: url,
|
||
protocol: a.protocol.replace(':',''),
|
||
host: a.hostname,
|
||
port: a.port,
|
||
query: a.search,
|
||
params: (function (){
|
||
var ret = {},
|
||
seg = a.search.replace(/^\?/,'').split('&'),
|
||
len = seg.length, i = 0, s;
|
||
for (;i<len;i++) {
|
||
if (!seg[i]) { continue; }
|
||
s = seg[i].split('=');
|
||
ret[s[0]] = s[1];
|
||
}
|
||
return ret;
|
||
})(),
|
||
file: (a.pathname.match(/\/([^\/?#]+)$/i) || [,''])[1],
|
||
hash: a.hash.replace('#',''),
|
||
path: a.pathname.replace(/^([^\/])/,'/$1'),
|
||
relative: (a.href.match(/tps?:\/\/[^\/]+(.+)/) || [,''])[1],
|
||
segments: a.pathname.replace(/^\//,'').split('/')
|
||
};
|
||
};
|
||
|
||
/*
|
||
* 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, 'a_minute_ago', 'a_minute_from_now'], // 60*2
|
||
[3600, 'minutes', 60], // 60*60, 60
|
||
[7200, 'an_hour_ago', 'an_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 chrome.i18n.getMessage(format[list_choice]);
|
||
else
|
||
return chrome.i18n.getMessage(format[1] + '_' + token, Math.floor(seconds / format[2]).toString());
|
||
}
|
||
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;
|
||
}
|
||
|
||
/**
|
||
* Handle a manual click on the browser action button. It will be called if there is no popup.
|
||
* @alias BrowserAction.handleManualClick(tab)
|
||
* @param {Object} tab The Google Chrome tab object.
|
||
* @return {Boolean} Returns true.
|
||
* @method
|
||
*/
|
||
BrowserAction.prototype.handleManualClick = function (tab) {
|
||
background.prepareBrowserAction(tab.id, null, tab, 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) {
|
||
var tabArray;
|
||
|
||
function setTheseBadgeDefaults (tabArray) {
|
||
utils.forEach(tabArray, function (tab) {
|
||
chrome.browserAction.setIcon({'path': '/pix/alien-fade.png', 'tabId': tab.id});
|
||
chrome.browserAction.setBadgeText({'text': '?', 'tabId': tab.id});
|
||
chrome.browserAction.setTitle({'title': 'Click to load data.', 'tabId': tab.id});
|
||
chrome.browserAction.setBadgeBackgroundColor({'color': [192, 192, 192, 255], 'tabId': tab.id});
|
||
chrome.browserAction.setPopup({popup: '', tabId: tab.id});
|
||
});
|
||
}
|
||
|
||
if (typeof tabId !== 'undefined') {
|
||
chrome.tabs.get(tabId, function (tabs) {
|
||
tabArray = tabs;
|
||
setTheseBadgeDefaults(tabArray);
|
||
});
|
||
} else {
|
||
chrome.tabs.query({}, function (tabs) {
|
||
tabArray = tabs;
|
||
setTheseBadgeDefaults(tabArray);
|
||
});
|
||
}
|
||
|
||
chrome.browserAction.onClicked.addListener(this.handleManualClick);
|
||
return true;
|
||
};
|
||
|
||
/**
|
||
* Set the browser icon badge to its ignore state.
|
||
* @alias BrowserAction.setBadgeIgnore(tabId)
|
||
* @param {Number} tabId If given, only sets ignore state for this tab.
|
||
* @return {Boolean} Returns true.
|
||
* @method
|
||
*/
|
||
BrowserAction.prototype.setBadgeIgnore = function (tabId) {
|
||
chrome.browserAction.setIcon({'path': '/pix/alien-fade.png', 'tabId': tabId});
|
||
chrome.browserAction.setBadgeText({'text': '', 'tabId': tabId});
|
||
chrome.browserAction.setTitle({'title': chrome.i18n.getMessage('not_activated'), 'tabId': tabId});
|
||
chrome.browserAction.setPopup({popup: '', tabId: tabId});
|
||
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.setIcon({'path': '/pix/alien.png', 'tabId': tabId});
|
||
chrome.browserAction.setBadgeText({'text': '', 'tabId': tabId});
|
||
chrome.browserAction.setTitle({'title': chrome.i18n.getMessage('loading'), '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.setIcon({'path': '/pix/alien-fade.png', 'tabId': tabId});
|
||
chrome.browserAction.setBadgeText({'text': '×', 'tabId': tabId});
|
||
chrome.browserAction.setTitle({'title': text, 'tabId': tabId});
|
||
chrome.browserAction.setBadgeBackgroundColor({'color': [200, 0, 0, 255], 'tabId': tabId});
|
||
chrome.browserAction.setPopup({popup: '', tabId: tabId});
|
||
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);
|
||
chrome.browserAction.setIcon({'path': '/pix/alien.png', 'tabId': tabId});
|
||
|
||
if (cachedPosts.isCommentsPage === true) {
|
||
chrome.browserAction.setBadgeText({'text': '...', 'tabId': tabId});
|
||
chrome.browserAction.setTitle({'title': chrome.i18n.getMessage('viewing_comments'), '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': chrome.i18n.getMessage('submit_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': chrome.i18n.getMessage('submitted_num_times', cachedPosts.count.toString()), '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) {
|
||
this.domain = domain ? 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, passing a parameter: the API's response as an object.
|
||
* @return {Object} Returns the API's response as an object if there is no callback.
|
||
* @method
|
||
*/
|
||
RedditAPI.prototype.apiTransmit = function (type, url, data, cback) {
|
||
// from https://github.com/github/fetch/issues/175#issuecomment-216791333
|
||
function timeoutPromise(ms, promise) {
|
||
return new Promise((resolve, reject) => {
|
||
const timeoutId = setTimeout(() => {
|
||
reject(chrome.i18n.getMessage('api_timeout', settings.get('timeoutLength').toString()))
|
||
}, ms);
|
||
promise.then(
|
||
(res) => {
|
||
clearTimeout(timeoutId);
|
||
resolve(res);
|
||
},
|
||
(err) => {
|
||
clearTimeout(timeoutId);
|
||
reject(err);
|
||
}
|
||
);
|
||
})
|
||
}
|
||
|
||
var promise = fetch(url, {method:data?'POST':'GET', redirect: 'follow', body: data })
|
||
if (settings.get('timeoutLength') !== 31) {
|
||
promise = timeoutPromise(settings.get('timeoutLength') * 1000, promise)
|
||
}
|
||
// function loginRedirect(response) {
|
||
// if (response.url.startsWith('https://www.reddit.com/login.json')) {
|
||
// return fetch(response.url, { body: data }).then(function (response) { return response})
|
||
// } else {
|
||
// return response
|
||
// }
|
||
|
||
// }
|
||
promise
|
||
// .then(loginRedirect)
|
||
.then(processResponse)
|
||
|
||
var req, apiTimeout, notificationArea;
|
||
|
||
function processResponse(response) {
|
||
|
||
if (!response.ok) {
|
||
if (notificationArea) {
|
||
notificationArea.innerHTML = '<span class="error">' + chrome.i18n.getMessage('api_error', response.status + ': ' + response.statusText) + '</span>'
|
||
}
|
||
throw chrome.i18n.getMessage('api_error', response.status + ': ' + response.statusText);
|
||
// throw Error(response.statusText);
|
||
}
|
||
if (response.url.startsWith('https://www.reddit.com/login.json')) {
|
||
return fetch(response.url, { method:data?'POST':'GET', redirect: 'follow', body: data }).then(processResponse)
|
||
}
|
||
return response.json().then(function (json) {
|
||
if (json.jquery && json.jquery[3][3][0] === '.error.USER_REQUIRED') {
|
||
throw chrome.i18n.getMessage('login');
|
||
}
|
||
|
||
if (cback) {
|
||
cback(json);
|
||
}
|
||
|
||
if (notificationArea) {
|
||
notificationArea.innerHTML = '';
|
||
notificationArea.style.display = 'none';
|
||
}
|
||
})
|
||
}
|
||
|
||
notificationArea = document.getElementById('notificationArea');
|
||
if (notificationArea) {
|
||
notificationArea.style.display = 'block';
|
||
notificationArea.innerHTML = '<span>' + chrome.i18n.getMessage('loading') + '</span>';
|
||
}
|
||
};
|
||
|
||
|
||
/**
|
||
* 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 apiTimeout, isCommentsPage, reqUrl, req, postsObj, postCount;
|
||
|
||
function processResponse () {
|
||
if (req.readyState === 4) {
|
||
if (req.status === 200) {
|
||
var response;
|
||
|
||
clearTimeout(apiTimeout);
|
||
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 {
|
||
button.setBadgeError(tabId, chrome.i18n.getMessage('api_error', req.status.toString()));
|
||
}
|
||
}
|
||
}
|
||
|
||
function handleTimeout () {
|
||
req.abort();
|
||
button.setBadgeError(tabId, chrome.i18n.getMessage('api_timeout', settings.get('timeoutLength').toString()));
|
||
}
|
||
|
||
button.setBadgeLoading(tabId);
|
||
isCommentsPage = this.commentsMatchPattern.test(url);
|
||
|
||
if (isCommentsPage) {
|
||
var matches;
|
||
|
||
matches = url.match(this.commentsMatchPattern);
|
||
reqUrl = 'https://' + this.domain + '/by_id/t3_' + matches[3] + '.json?app=mh';
|
||
} else {
|
||
reqUrl = 'https://' + this.domain + '/api/info.json?app=mh&url=' + encodeURIComponent(url);
|
||
}
|
||
|
||
req = new XMLHttpRequest();
|
||
req.open('GET', reqUrl, true);
|
||
req.onreadystatechange = processResponse;
|
||
req.send(null);
|
||
if (settings.get('timeoutLength') !== 16) {
|
||
apiTimeout = setTimeout(handleTimeout, settings.get('timeoutLength') * 1000);
|
||
}
|
||
};
|
||
|
||
/**
|
||
* 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, scoreWas, upsWas, downsWas, scoreElem, formData;
|
||
|
||
function success () {
|
||
if (voteWas === '1') {
|
||
|
||
listItem.setAttribute('data-dir','0');
|
||
oldCache.posts[fullName].data.likes = null;
|
||
|
||
listItem.setAttribute('data-score', scoreWas - 1);
|
||
oldCache.posts[fullName].data.score = scoreWas - 1;
|
||
scoreElem.innerHTML = scoreWas - 1;
|
||
scoreElem.setAttribute('title', chrome.i18n.getMessage('score', [(upsWas - 1).toString(), downsWas.toString()]));
|
||
|
||
listItem.setAttribute('data-ups', upsWas - 1);
|
||
oldCache.posts[fullName].data.ups = upsWas - 1;
|
||
|
||
} else if (voteWas === '0') {
|
||
|
||
listItem.setAttribute('data-dir','1');
|
||
oldCache.posts[fullName].data.likes = true;
|
||
|
||
listItem.setAttribute('data-score', scoreWas + 1);
|
||
oldCache.posts[fullName].data.score = scoreWas + 1;
|
||
scoreElem.innerHTML = scoreWas + 1;
|
||
scoreElem.setAttribute('title', chrome.i18n.getMessage('score', [(upsWas + 1).toString(), downsWas.toString()]));
|
||
|
||
listItem.setAttribute('data-ups', upsWas + 1);
|
||
oldCache.posts[fullName].data.ups = upsWas + 1;
|
||
|
||
} else if (voteWas === '-1') {
|
||
|
||
listItem.setAttribute('data-dir','1');
|
||
oldCache.posts[fullName].data.likes = true;
|
||
|
||
listItem.setAttribute('data-score', scoreWas + 2);
|
||
oldCache.posts[fullName].data.score = scoreWas + 2;
|
||
scoreElem.innerHTML = scoreWas + 2;
|
||
scoreElem.setAttribute('title', chrome.i18n.getMessage('score', [(upsWas + 1).toString(), (downsWas - 1).toString()]));
|
||
|
||
listItem.setAttribute('data-ups', upsWas + 1);
|
||
oldCache.posts[fullName].data.ups = upsWas + 1;
|
||
|
||
listItem.setAttribute('data-downs', downsWas - 1);
|
||
oldCache.posts[fullName].data.downs = downsWas - 1;
|
||
|
||
}
|
||
|
||
cache.set(url, oldCache);
|
||
}
|
||
|
||
listItem = e.srcElement.parentNode.parentNode;
|
||
fullName = listItem.id;
|
||
voteWas = listItem.getAttribute('data-dir');
|
||
scoreWas = parseInt(listItem.getAttribute('data-score'));
|
||
upsWas = parseInt(listItem.getAttribute('data-ups'));
|
||
downsWas = parseInt(listItem.getAttribute('data-downs'));
|
||
scoreElem = document.getElementById('count_' + listItem.id);
|
||
url = listItem.parentNode.getAttribute('data-url');
|
||
reqUrl = 'https://' + this.domain + '/api/vote?app=mh';
|
||
oldCache = cache.get(url);
|
||
formData = new FormData();
|
||
formData.append('id', fullName);
|
||
formData.append('uh', cache.get('modhash'));
|
||
|
||
if (voteWas === '1') {
|
||
formData.append('dir','0');
|
||
} else if (voteWas === '0') {
|
||
formData.append('dir','1');
|
||
} else if (voteWas === '-1') {
|
||
formData.append('dir','1');
|
||
}
|
||
|
||
this.apiTransmit('POST', reqUrl, formData, success);
|
||
};
|
||
|
||
/**
|
||
* 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, scoreWas, upsWas, downsWas, scoreElem, formData;
|
||
|
||
function success () {
|
||
if (voteWas === '1') {
|
||
|
||
listItem.setAttribute('data-dir','-1');
|
||
oldCache.posts[fullName].data.likes = false;
|
||
|
||
listItem.setAttribute('data-score', scoreWas - 2);
|
||
oldCache.posts[fullName].data.score = scoreWas - 2;
|
||
scoreElem.innerHTML = scoreWas - 2;
|
||
scoreElem.setAttribute('title', chrome.i18n.getMessage('score', [(upsWas - 1).toString(), (downsWas + 1).toString()]));
|
||
|
||
listItem.setAttribute('data-ups', upsWas - 1);
|
||
oldCache.posts[fullName].data.ups = upsWas - 1;
|
||
|
||
listItem.setAttribute('data-downs', downsWas + 1);
|
||
oldCache.posts[fullName].data.downs = downsWas + 1;
|
||
|
||
} else if (voteWas === '0') {
|
||
|
||
listItem.setAttribute('data-dir','-1');
|
||
oldCache.posts[fullName].data.likes = false;
|
||
|
||
listItem.setAttribute('data-score', scoreWas - 1);
|
||
oldCache.posts[fullName].data.score = scoreWas - 1;
|
||
scoreElem.innerHTML = scoreWas - 1;
|
||
scoreElem.setAttribute('title', chrome.i18n.getMessage('score', [upsWas.toString(), (downsWas + 1).toString()]));
|
||
|
||
listItem.setAttribute('data-downs', downsWas + 1);
|
||
oldCache.posts[fullName].data.downs = downsWas + 1;
|
||
|
||
} else if (voteWas === '-1') {
|
||
listItem.setAttribute('data-dir','0');
|
||
oldCache.posts[fullName].data.likes = null;
|
||
|
||
listItem.setAttribute('data-score', scoreWas + 1);
|
||
oldCache.posts[fullName].data.score = scoreWas + 1;
|
||
scoreElem.innerHTML = scoreWas + 1;
|
||
scoreElem.setAttribute('title', chrome.i18n.getMessage('score', [upsWas.toString(), (downsWas - 1).toString()]));
|
||
|
||
listItem.setAttribute('data-downs', downsWas - 1);
|
||
oldCache.posts[fullName].data.downs = downsWas - 1;
|
||
|
||
}
|
||
|
||
cache.set(url, oldCache);
|
||
}
|
||
|
||
listItem = e.srcElement.parentNode.parentNode;
|
||
fullName = listItem.id;
|
||
voteWas = listItem.getAttribute('data-dir');
|
||
scoreWas = parseInt(listItem.getAttribute('data-score'));
|
||
upsWas = parseInt(listItem.getAttribute('data-ups'));
|
||
downsWas = parseInt(listItem.getAttribute('data-downs'));
|
||
scoreElem = document.getElementById('count_' + listItem.id);
|
||
url = listItem.parentNode.getAttribute('data-url');
|
||
reqUrl = 'https://' + this.domain + '/api/vote?app=mh';
|
||
oldCache = cache.get(url);
|
||
formData = new FormData();
|
||
formData.append('id', fullName);
|
||
formData.append('uh', cache.get('modhash'));
|
||
|
||
if (voteWas === '1') {
|
||
formData.append('dir','-1');
|
||
} else if (voteWas === '0') {
|
||
formData.append('dir','-1');
|
||
} else if (voteWas === '-1') {
|
||
formData.append('dir','0');
|
||
}
|
||
|
||
this.apiTransmit('POST', reqUrl, formData, success);
|
||
};
|
||
|
||
/**
|
||
* 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;
|
||
|
||
function success () {
|
||
listItem.setAttribute('data-saved', 'true');
|
||
listItem.className.replace(/\bsaved\b/,'');
|
||
listItem.className += ' unsave';
|
||
e.srcElement.innerHTML = chrome.i18n.getMessage('action_unsave');
|
||
e.srcElement.onclick = function (event) {reddit.unsavePost(event)};
|
||
oldCache.posts[fullName].data.saved = true;
|
||
cache.set(url, oldCache);
|
||
}
|
||
|
||
listItem = e.srcElement.parentNode.parentNode.parentNode;
|
||
fullName = listItem.id;
|
||
url = listItem.parentNode.getAttribute('data-url');
|
||
reqUrl = 'https://' + this.domain + '/api/save?app=mh';
|
||
oldCache = cache.get(url);
|
||
formData = new FormData();
|
||
formData.append('id', fullName);
|
||
formData.append('uh', cache.get('modhash'));
|
||
this.apiTransmit('POST', reqUrl, formData, success);
|
||
};
|
||
|
||
/**
|
||
* 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;
|
||
|
||
function success () {
|
||
listItem.setAttribute('data-saved', 'false');
|
||
listItem.className.replace(/\bunsave\b/,'');
|
||
listItem.className += ' saved';
|
||
e.srcElement.innerHTML = chrome.i18n.getMessage('action_save');
|
||
e.srcElement.onclick = function (event) {reddit.savePost(event)};
|
||
oldCache.posts[fullName].data.saved = false;
|
||
cache.set(url, oldCache);
|
||
}
|
||
|
||
listItem = e.srcElement.parentNode.parentNode.parentNode;
|
||
fullName = listItem.id;
|
||
url = listItem.parentNode.getAttribute('data-url');
|
||
reqUrl = 'https://' + this.domain + '/api/unsave?app=mh';
|
||
oldCache = cache.get(url);
|
||
formData = new FormData();
|
||
formData.append('id', fullName);
|
||
formData.append('uh', cache.get('modhash'));
|
||
this.apiTransmit('POST', reqUrl, formData, success);
|
||
};
|
||
|
||
/**
|
||
* 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;
|
||
|
||
function success () {
|
||
listItem.setAttribute('data-hidestatus', 'true');
|
||
e.srcElement.innerHTML = chrome.i18n.getMessage('action_unhide');
|
||
e.srcElement.onclick = function (event) {reddit.unhidePost(event)};
|
||
oldCache.posts[fullName].data.hidden = true;
|
||
cache.set(url, oldCache);
|
||
}
|
||
|
||
listItem = e.srcElement.parentNode.parentNode.parentNode;
|
||
fullName = listItem.id;
|
||
url = listItem.parentNode.getAttribute('data-url');
|
||
reqUrl = 'https://' + this.domain + '/api/hide?app=mh';
|
||
oldCache = cache.get(url);
|
||
formData = new FormData();
|
||
formData.append('id', fullName);
|
||
formData.append('uh', cache.get('modhash'));
|
||
this.apiTransmit('POST', reqUrl, formData, success);
|
||
};
|
||
|
||
/**
|
||
* 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;
|
||
|
||
function success () {
|
||
listItem.setAttribute('data-hidestatus', 'false');
|
||
e.srcElement.innerHTML = chrome.i18n.getMessage('action_hide');
|
||
e.srcElement.onclick = function (event) {reddit.hidePost(event)};
|
||
oldCache.posts[fullName].data.hidden = false;
|
||
cache.set(url, oldCache);
|
||
}
|
||
|
||
listItem = e.srcElement.parentNode.parentNode.parentNode;
|
||
fullName = listItem.id;
|
||
url = listItem.parentNode.getAttribute('data-url');
|
||
reqUrl = 'https://' + this.domain + '/api/unhide?app=mh';
|
||
oldCache = cache.get(url);
|
||
formData = new FormData();
|
||
formData.append('id', fullName);
|
||
formData.append('uh', cache.get('modhash'));
|
||
this.apiTransmit('POST', reqUrl, formData, success);
|
||
};
|
||
|
||
/**
|
||
* 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 = chrome.i18n.getMessage('report_confirm');
|
||
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 = chrome.i18n.getMessage('action_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;
|
||
|
||
function success () {
|
||
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 = chrome.i18n.getMessage('action_reported');
|
||
}
|
||
|
||
listItem = e.srcElement.parentNode.parentNode.parentNode.parentNode;
|
||
fullName = listItem.id;
|
||
url = listItem.parentNode.getAttribute('data-url');
|
||
reqUrl = 'https://' + this.domain + '/api/report?app=mh';
|
||
oldCache = cache.get(url);
|
||
formData = new FormData();
|
||
formData.append('id', fullName);
|
||
formData.append('uh', cache.get('modhash'));
|
||
this.apiTransmit('POST', reqUrl, formData, success);
|
||
};
|
||
|
||
/**
|
||
* 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, status, submitButton, cancelButton, textarea, comment, formData;
|
||
|
||
function success (response) {
|
||
var postedCommentUrl, commentsUrl, url, oldCache;
|
||
|
||
postedCommentUrl = response.jquery[18][3][0][0].data.id.split('_')[1];
|
||
commentsUrl = document.getElementById(fullName).parentNode.getElementsByClassName('thumblink')[0].getAttribute('href');
|
||
status.innerHTML = 'submitted! <a href="' + commentsUrl + postedCommentUrl + '" target="_blank">click to view your comment.</a>';
|
||
submitButton.innerHTML = chrome.i18n.getMessage('button_submit');
|
||
cancelButton.innerHTML = chrome.i18n.getMessage('button_hide');
|
||
submitButton.setAttribute('disabled');
|
||
textarea.setAttribute('readonly');
|
||
textarea.onkeyup = function () {return true;};
|
||
url = document.getElementById(fullName).parentNode.getAttribute('data-url');
|
||
oldCache = cache.get(url);
|
||
oldCache.posts[fullName].savedCommentText = '';
|
||
cache.set(url, oldCache);
|
||
}
|
||
|
||
submitButton = e.srcElement;
|
||
listItem = submitButton.parentNode.parentNode.parentNode;
|
||
fullName = listItem.id;
|
||
status = submitButton.parentNode.getElementsByClassName('status')[0];
|
||
cancelButton = submitButton.parentNode.getElementsByClassName('cancel')[0];
|
||
textarea = e.srcElement.parentNode.getElementsByTagName('textarea')[0];
|
||
comment = settings.get('shamelessPlug') ? textarea.value + '\n\n*Posted from [Mostly Harmless](https://kerrick.github.com/Mostly-Harmless), a Google Chrome extension for awesome redditors.*' : textarea.value;
|
||
|
||
if (textarea.value === '') {
|
||
status.innerHTML = chrome.i18n.getMessage('error_empty');
|
||
} else {
|
||
formData = new FormData();
|
||
formData.append('thing_id', fullName);
|
||
formData.append('text', comment);
|
||
formData.append('uh', cache.get('modhash'));
|
||
status.innerHTML = 'submitting...';
|
||
try {
|
||
reddit.apiTransmit('POST', 'https://' + this.domain + '/api/comment?app=mh', formData, success);
|
||
} catch (error) {
|
||
status.innerHTML = error;
|
||
}
|
||
}
|
||
};
|
||
|
||
/**
|
||
* Submits a link.
|
||
* @alias RedditAPI.submitLink(event)
|
||
* @param {Object} event The event object.
|
||
* @return {Boolean} Returns true.
|
||
* @method
|
||
*/
|
||
RedditAPI.prototype.submitLink = function (e, tabId) {
|
||
var url, title, subreddit, status, submitButton, formData;
|
||
|
||
function success (response) {
|
||
if (typeof response.jquery[16][3][0] !== 'undefined' && response.jquery[16][3][0].substring(0,15) === '.error.NO_LINKS') {
|
||
status.innerHTML = 'that reddit only allows text posts';
|
||
} else if (typeof response.jquery[16][3][0] !== 'undefined' && response.jquery[16][3][0].substring(0,24) === '.error.SUBREDDIT_NOEXIST') {
|
||
status.innerHTML = 'that reddit does not exist';
|
||
} else if (typeof response.jquery[12][3][0] !== 'undefined' && response.jquery[12][3][0].substring(0,18) === '.error.ALREADY_SUB') {
|
||
status.innerHTML = 'already submitted! <a href="https://' + reddit.domain + response.jquery[10][3][0] + '" target="_blank">click to view that post.</a>';
|
||
} else if (typeof response.jquery[10][3][0] !== 'undefined' && response.jquery[10][3][0].substring(0,14) === '.error.BAD_URL') {
|
||
status.innerHTML = 'that URL cannot be submitted';
|
||
} else if (typeof response.jquery[16][3][0] !== 'undefined') {
|
||
status.innerHTML = 'submitted! <a href="' + response.jquery[16][3][0] + '" target="_blank">click to view your post.</a>';
|
||
submitButton.innerHTML = chrome.i18n.getMessage('submit_page');
|
||
submitButton.setAttribute('disabled');
|
||
title.setAttribute('readonly');
|
||
subreddit.setAttribute('readonly');
|
||
cache.remove(url);
|
||
button.setBadgeDefaults(parseInt(tabId));
|
||
} else {
|
||
status.innerHTML = 'unknown error occured, please try again.'
|
||
}
|
||
}
|
||
|
||
submitButton = e.srcElement;
|
||
status = submitButton.parentNode.getElementsByClassName('status')[0];
|
||
title = document.getElementById('submit_title');
|
||
subreddit = document.getElementById('submit_reddit');
|
||
url = document.getElementById('submit_url');
|
||
|
||
if (title.value === '' || subreddit.value === '') {
|
||
status.innerHTML = chrome.i18n.getMessage('error_empty');
|
||
} else {
|
||
formData = new FormData();
|
||
formData.append('title', title.value);
|
||
formData.append('url', url.value);
|
||
formData.append('sr', subreddit.value);
|
||
formData.append('kind', 'link');
|
||
formData.append('uh', cache.get('modhash'));
|
||
status.innerHTML = 'submitting...';
|
||
try {
|
||
reddit.apiTransmit('POST', 'https://' + this.domain + '/api/submit?app=mh', formData, success);
|
||
} catch (error) {
|
||
status.innerHTML = error;
|
||
}
|
||
}
|
||
};
|
||
|
||
/**
|
||
* Grabs the logged in user's reddits.
|
||
* @alias RedditAPI.getReddits()
|
||
* @return {Boolean} Returns true.
|
||
* @method
|
||
*/
|
||
RedditAPI.prototype.getReddits = function () {
|
||
reddit.apiTransmit('GET', 'https://' + this.domain + '/reddits/mine.json?app=mh', null, function (response) {
|
||
cache.remove('reddits');
|
||
cache.set('reddits', response.data.children);
|
||
return true;
|
||
});
|
||
};
|
||
|
||
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() {
|
||
this.notificationIsShown = false;
|
||
this.notification = null;
|
||
return true;
|
||
}
|
||
|
||
/**
|
||
* Clear cached data and reset cleared browser buttons
|
||
* @alias Background.clearCache(tabId, info, tab)
|
||
* @return {Boolean} Returns true.
|
||
* @method
|
||
*/
|
||
Background.prototype.clearCache = function () {
|
||
var oldCache, newCache;
|
||
|
||
oldCache = cache.toObject();
|
||
newCache = {
|
||
modhash: oldCache.modhash,
|
||
reddits: oldCache.reddits
|
||
};
|
||
|
||
utils.forEachIn(oldCache, function (cachedUrl, data) {
|
||
chrome.tabs.query({url: cachedUrl}, function (results) {
|
||
if (results.length > 0) {
|
||
newCache[cachedUrl] = oldCache[cachedUrl];
|
||
}
|
||
cache.fromObject(newCache); // It's messy to put it here since it'll get called over and over, but chrome.tabs.query is asynch.
|
||
});
|
||
});
|
||
};
|
||
|
||
/**
|
||
* 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.
|
||
* @param {Boolean} force Optional: If true, this bypasses any checks.
|
||
* @return {Boolean} Returns true.
|
||
* @method
|
||
*/
|
||
Background.prototype.prepareBrowserAction = function (tabId, info, tab, force) {
|
||
function setBadge() {
|
||
if (cache.get(tab.url) === undefined || cache.get(tab.url).cacheDate - utils.epoch() < -60 * settings.get('cacheTime')) {
|
||
console.log(chrome.i18n.getMessage('loading_api'));
|
||
reddit.getInfo(tab.url, tabId);
|
||
} else {
|
||
console.log(chrome.i18n.getMessage('loading_cache'));
|
||
button.setBadgeFor(tab.url, tabId);
|
||
}
|
||
|
||
return true;
|
||
}
|
||
|
||
if (force === true) {
|
||
setBadge();
|
||
} else if (info.status === 'loading') {
|
||
try {
|
||
var excludedRegex, match;
|
||
|
||
excludedRegex = settings.get('excludedRegex').split('\n');
|
||
excludedDomains = settings.get('excludedDomains').split('\n');
|
||
match = false;
|
||
|
||
for (var i = 0; i < excludedRegex.length; i++) {
|
||
if (tab.url.match(new RegExp(excludedRegex[i], "i")) !== null) {
|
||
match = true;
|
||
}
|
||
}
|
||
|
||
if (utils.parseURL(tab.url).host in utils.objConvert(excludedDomains)) {
|
||
match = true;
|
||
}
|
||
|
||
if (settings.get('waitForClick') === false && match === false) {
|
||
setBadge();
|
||
} else {
|
||
button.setBadgeIgnore(tabId);
|
||
}
|
||
} catch (error) {
|
||
button.setBadgeError(tabId, error.message);
|
||
}
|
||
}
|
||
};
|
||
|
||
/**
|
||
* Sets a timeout for the next time to run checkMail.
|
||
* @alias Background.watchMail()
|
||
* @return {Boolean} Returns true.
|
||
* @method
|
||
*/
|
||
Background.prototype.watchMail = function () {
|
||
var mailProcess, pop;
|
||
|
||
function showNotification (hasMail) {
|
||
var mailInterval;
|
||
|
||
mailInterval = settings.get('mailInterval') * 1000 * 60;
|
||
|
||
if (hasMail === true && background.notificationIsShown === false) {
|
||
if (settings.get('mailSound') === true) {
|
||
pop.play();
|
||
}
|
||
|
||
background.notification = webkitNotifications.createNotification(
|
||
'/pix/mail.png', // icon url - can be relative
|
||
chrome.i18n.getMessage('orangered_received'), // notification title
|
||
chrome.i18n.getMessage('orangered_action') // notification body text
|
||
);
|
||
background.notification.onclick = function () {
|
||
chrome.tabs.create({'url': 'https://' + reddit.domain + '/message/unread/', 'selected': true});
|
||
background.notification.cancel();
|
||
};
|
||
background.notification.onclose = function () {
|
||
background.notificationIsShown = false;
|
||
};
|
||
background.notificationIsShown = true;
|
||
background.notification.show();
|
||
} else if (hasMail === false && background.notificationIsShown === true) {
|
||
background.notification.cancel();
|
||
}
|
||
|
||
window.setTimeout(checkPrefs, mailInterval);
|
||
}
|
||
|
||
function getMail () {
|
||
reddit.apiTransmit('GET', 'https://' + reddit.domain + '/api/me.json?app=mh', null, function (response) {
|
||
showNotification(response.data.has_mail);
|
||
});
|
||
}
|
||
|
||
function checkPrefs () {
|
||
if (settings.get('checkMail') === true) {
|
||
getMail();
|
||
}
|
||
}
|
||
|
||
pop = document.createElement('audio');
|
||
pop.src = '/pix/pop.ogg';
|
||
checkPrefs();
|
||
};
|
||
|
||
/**
|
||
* 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 chrome.i18n.getMessage('error_not_cached');
|
||
}
|
||
|
||
listHTML = '<div id="notificationArea"></div>';
|
||
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, commentText;
|
||
|
||
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;
|
||
commentText = value.savedCommentText === undefined ? '' : value.savedCommentText;
|
||
if (!isFreshEnough) staleCounter++;
|
||
freshText = isFreshEnough ? 'fresh' : 'stale';
|
||
thumbSrc = data.thumbnail.indexOf('/') === 0 ? 'https://' + reddit.domain + data.thumbnail : data.thumbnail;
|
||
|
||
listHTML += '<li id="' + data.name + '" class="' + freshText + '" data-dir="' + voteDir.toString() + '" data-score="' + data.score + '" data-ups="' + data.ups + '" data-downs="' + data.downs + '" data-savestatus="' + saveStatus + '" data-hidestatus="' + hideStatus + '">';
|
||
listHTML += '<div class="votes">';
|
||
listHTML += '<a class="upmod"></a>';
|
||
listHTML += '<span class="count" id="count_' + data.name + '" title="' + chrome.i18n.getMessage('score', [data.ups.toString(), data.downs.toString()]) + '">' + data.score + '</span>';
|
||
listHTML += '<a class="downmod""></a>';
|
||
listHTML += '</div>';
|
||
listHTML += '<a class="thumblink" href="https://' + reddit.domain + data.permalink + '" target="_blank" title="' + chrome.i18n.getMessage('view_on_reddit') + '">';
|
||
listHTML += '<img class="thumb" src="' + thumbSrc + '" alt="' + data.title + '" width="70"/>';
|
||
listHTML += '</a>';
|
||
listHTML += '<div class="post">';
|
||
listHTML += '<a class="link" href="https://' + reddit.domain + data.permalink + '" target="_blank" title="' + chrome.i18n.getMessage('view_on_reddit') + '">' + data.title + '</a> ';
|
||
listHTML += '<a class="domain" href="https://' + reddit.domain + '/domain/' + data.domain + '" target="_blank">(' + data.domain + ')</a>';
|
||
listHTML += '<div class="meta">';
|
||
listHTML += '<span class="timestamp">' + chrome.i18n.getMessage('submitted_when', utils.prettyDate(utils.ISODateString(new Date(data.created_utc * 1000)))) + '</span> ' + chrome.i18n.getMessage('by') + ' ';
|
||
listHTML += '<a class="submitter" href="https://' + reddit.domain + '/user/' + data.author + '" target="_blank">' + data.author + '</a> ' + chrome.i18n.getMessage('to') + ' ';
|
||
listHTML += '<a class="subreddit" href="https://' + reddit.domain + '/r/' + data.subreddit + '/" target="_blank">' + data.subreddit + '</a>';
|
||
listHTML += '</div>';
|
||
listHTML += '<div class="actions">';
|
||
switch (data.num_comments) {
|
||
case 0:
|
||
listHTML += '<a class="comments" onclick="popup.showCommentForm(\'' + data.name + '\')">' + chrome.i18n.getMessage('add_comment_zero') + '</a>';
|
||
break;
|
||
case 1:
|
||
listHTML += '<a class="comments" onclick="popup.showCommentForm(\'' + data.name + '\')">' + chrome.i18n.getMessage('add_comment_one') + '</a>';
|
||
break;
|
||
default:
|
||
listHTML += '<a class="comments" onclick="popup.showCommentForm(\'' + data.name + '\')">' + chrome.i18n.getMessage('add_comment_many', data.num_comments.toString()) + '</a>';
|
||
break;
|
||
}
|
||
// listHTML += '<a class="share">' + chrome.i18n.getMessage('action_share') + '</a>';
|
||
listHTML += '<a class="save" onclick="' + saveAction + '">' + chrome.i18n.getMessage('action_' + saveText) + '</a>';
|
||
listHTML += '<a class="hide" onclick="' + hideAction + '">' + chrome.i18n.getMessage('action_' + hiddenText) + '</a>';
|
||
listHTML += '<a class="report" onclick="reddit.confirmReport(event)">' + chrome.i18n.getMessage('action_report') + '</a>';
|
||
listHTML += '</div>';
|
||
listHTML += '</div>';
|
||
listHTML += '<form class="comment">';
|
||
listHTML += '<fieldset>';
|
||
listHTML += '<legend>' + chrome.i18n.getMessage('leave_comment') + '</legend>';
|
||
listHTML += '<textarea rows="8" onkeyup="popup.cacheComment(event)" style="width:' + (settings.get('popupWidth') - 10) + 'px;">' + commentText + '</textarea>';
|
||
listHTML += '<button type="button" class="submit" onclick="reddit.submitComment(event)">' + chrome.i18n.getMessage('button_submit') + '</button>';
|
||
listHTML += '<button type="button" class="cancel" onclick="this.parentNode.parentNode.style.display = \'none\'">' + chrome.i18n.getMessage('button_hide') + '</button>';
|
||
listHTML += '<span class="status"></span>';
|
||
listHTML += '</fieldset>';
|
||
listHTML += '</form>';
|
||
listHTML += '</li>';
|
||
});
|
||
|
||
listHTML += '</ol>';
|
||
listHTML += '<div class="morelink">';
|
||
listHTML += '<a onclick="popup.replaceWithSubmitForm()">' + chrome.i18n.getMessage('submit_again') + '</a>';
|
||
listHTML += '<div class="nub"></div>';
|
||
listHTML += '</div>';
|
||
|
||
if (staleCounter > 0) {
|
||
listHTML += '<div id="information">' + chrome.i18n.getMessage('stale_posts_hiding', staleCounter.toString()) + '</div>';
|
||
}
|
||
|
||
return listHTML;
|
||
|
||
};
|
||
|
||
/**
|
||
* Create the HTML for a submission form.
|
||
* @alias Popup.createSubmitForm(tab)
|
||
* @param {String} tab The Google Chrome Tab object.
|
||
* @return {String} Returns the generated Form.
|
||
* @method
|
||
*/
|
||
Popup.prototype.createSubmitForm = function (tab) {
|
||
var submitHTML, redditCache;
|
||
|
||
redditCache = cache.get('reddits');
|
||
submitHTML = '<div id="notificationArea"></div>';
|
||
submitHTML += '<form id="submit">';
|
||
submitHTML += '<h1>' + chrome.i18n.getMessage('submit_page') + '</h1>';
|
||
submitHTML += '<fieldset>';
|
||
submitHTML += '<label for="submit_title">' + chrome.i18n.getMessage('title') + '</label>';
|
||
submitHTML += '<textarea id="submit_title" name="submit_title" type="text"></textarea>';
|
||
submitHTML += '<input id="submit_title_suggest" type="button" value="' + chrome.i18n.getMessage('suggest_title') + '" onclick="document.getElementById(\'submit_title\').value=\'' + tab.title + '\'" />';
|
||
submitHTML += '</fieldset>';
|
||
submitHTML += '<fieldset>';
|
||
submitHTML += '<label for="submit_url">' + chrome.i18n.getMessage('url') + '</label>';
|
||
submitHTML += '<input id="submit_url" name="submit_url" type="text" readonly value="' + tab.url + '"/>';
|
||
submitHTML += '</fieldset>';
|
||
submitHTML += '<fieldset>';
|
||
submitHTML += '<label for="submit_reddit">reddit</label>';
|
||
submitHTML += '<input id="submit_reddit" name="submit_reddit" type="text" />';
|
||
if (redditCache !== undefined || reddit.getReddits() === true) {
|
||
submitHTML += '<strong id="your_label">' + chrome.i18n.getMessage('popular_choices') + '</strong>';
|
||
submitHTML += '<ul id="your_reddits">';
|
||
for (var i = 0; i < redditCache.length; i++) {
|
||
submitHTML += '<li><a title="' + redditCache[i].data.title + '" onclick="document.getElementById(\'submit_reddit\').value=\'' + redditCache[i].data.display_name + '\'">' + redditCache[i].data.display_name + '</a></li>';
|
||
}
|
||
submitHTML += '</ul>';
|
||
}
|
||
submitHTML += '</fieldset>';
|
||
submitHTML += '<input type="button" id="submit_submit" onclick="reddit.submitLink(event, \'' + tab.id + '\')" value="' + chrome.i18n.getMessage('submit_page') + '" />';
|
||
submitHTML += '<span class="status"></span>'
|
||
submitHTML += '</form>';
|
||
|
||
return submitHTML;
|
||
}
|
||
|
||
/**
|
||
* Replace the contents of the popup with a submit form.
|
||
* @alias Popup.replaceWithSubmitForm()
|
||
* @return {Boolean} Returns true.
|
||
* @method
|
||
*/
|
||
Popup.prototype.replaceWithSubmitForm = function () {
|
||
var close;
|
||
|
||
chrome.tabs.getSelected(null, function(currTab) {
|
||
document.getElementById('body').style.width = '';
|
||
document.getElementById('body').innerHTML = popup.createSubmitForm(currTab);
|
||
close = document.createElement('button');
|
||
close = document.body.appendChild(close);
|
||
close.innerHTML = chrome.i18n.getMessage('cancel_submission');
|
||
close.className = 'close-button';
|
||
close.setAttribute('onclick', 'window.close()');
|
||
});
|
||
};
|
||
|
||
/**
|
||
* 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 = chrome.i18n.getMessage('stale_posts_showing');
|
||
|
||
while (stalePosts.length > 0) {
|
||
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;
|
||
};
|
||
|
||
/**
|
||
* Cache a comment for a given post.
|
||
* @alias Popup.cacheComment(event)
|
||
* @param {Object} event The event object of the keyup.
|
||
* @return {Boolean} Returns true.
|
||
* @method
|
||
*/
|
||
Popup.prototype.cacheComment = function (e) {
|
||
var value, postId, url, oldCache;
|
||
|
||
value = e.srcElement.value;
|
||
postId = e.srcElement.parentNode.parentNode.parentNode.id
|
||
url = e.srcElement.parentNode.parentNode.parentNode.parentNode.getAttribute('data-url');
|
||
oldCache = cache.get(url);
|
||
oldCache.posts[postId].savedCommentText = value;
|
||
cache.set(url, oldCache);
|
||
return true;
|
||
};
|
||
|
||
|