+++ /dev/null
-// ==UserScript==
-// @name Ponyhoof
-// @namespace http://www.facebook.com/ponyhoof
-// @run-at document-start
-// @version 1.711
-// @installURL https://hoof.little.my/files/ponyhoof.user.js
-// @updateURL https://hoof.little.my/files/ponyhoof.meta.js
-// @icon https://hoof.little.my/files/app32.png
-// @icon64 https://hoof.little.my/files/icon64.png
-// @description Ponify Facebook and make it 20% cooler!
-// @author The Ponyhoof Team <pony@little.my> http://ponyhoof.little.my
-// @developer Ng Yik Phang
-// @contributor James
-// @contributor http://ponyhoof.little.my/credits
-// @homepage http://ponyhoof.little.my
-// @supportURL https://www.facebook.com/Ponyhoof
-// @contributionURL http://ponyhoof.little.my/donate
-// @include http://*.facebook.com/*
-// @include https://*.facebook.com/*
-// @include http://*.little.my/*
-// @include https://*.little.my/*
-// @match http://*.facebook.com/*
-// @match https://*.facebook.com/*
-// @match http://*.little.my/*
-// @match https://*.little.my/*
-// @exclude http://*.facebook.com/ai.php*
-// @exclude http://*.facebook.com/l.php*
-// @exclude http://*.facebook.com/ajax/*
-// @exclude http://*.channel.facebook.com/*
-// @exclude http://static.*.facebook.com/*
-// @exclude http://graph.facebook.com/*
-// @exclude http://0.facebook.com/*
-// @exclude https://*.facebook.com/ai.php*
-// @exclude https://*.facebook.com/l.php*
-// @exclude https://*.facebook.com/ajax/*
-// @exclude https://*.channel.facebook.com/*
-// @exclude https://s-static.*.facebook.com/*
-// @exclude https://graph.facebook.com/*
-// @exclude https://0.facebook.com/*
-// @exclude https://paste.little.my/*
-// ==/UserScript==
-
-/*******************************************************************************
- * Please visit http://jointheherd.lttle.my for the official install!
- *******************************************************************************/
-
-
-(function() {
- if (typeof WScript !== 'undefined' && typeof window === 'undefined') {
- WScript.echo("Ponyhoof is not run by double-clicking a file in Windows.\n\nPlease visit http://jointheherd.little.my for proper installation.");
- WScript.quit(1);
- }
-
- if (window.location.hostname.indexOf('facebook.com') == -1 && window.location.hostname.indexOf('little.my') == -1) {
- return;
- }
-
- /**
- * Hoof Framework
- *
- * @author ngyikp (http://www.facebook.com/ngyikp)
- */
-var d = document, w = window;
-var ELEMENT_NODE = 1;
-var TEXT_NODE = 3;
-
-var SIG = '[Hoof Framework]';
-var FRIENDLYNAME = 'Hoof Framework';
-var CANLOG = true;
-
-var userSettings = {};
-
-var USERAGENT = w.navigator.userAgent.toLowerCase();
-var ISOPERABLINK = /OPR\//.test(w.navigator.userAgent);
-var ISOPERA = !ISOPERABLINK && (typeof opera !== 'undefined' || /opera/.test(USERAGENT));
-var ISMAXTHON = /maxthon/i.test(USERAGENT);
-var ISMSIE = !ISMAXTHON && !ISOPERA && typeof opera === 'undefined' && /trident/.test(USERAGENT);
-var ISMOBILE = /iphone|ipad|ipod|android|blackberry|mini|windows\sce|palm/i.test(USERAGENT);
-var ISCHROME = !ISMAXTHON && !ISOPERABLINK && /chrome/i.test(USERAGENT) && typeof chrome !== 'undefined' && typeof chrome.webstore !== 'undefined' && typeof chrome.webstore.install !== 'undefined' && chrome.webstore.install;
-var ISFIREFOX = /firefox/i.test(USERAGENT);
-var ISSAFARI = !ISOPERABLINK && !ISCHROME && !/chrome/i.test(USERAGENT) && /safari/i.test(USERAGENT);
-var ISAVANT = /avant/i.test(USERAGENT);
-
-// R.I.P. unsafeWindow in Chrome 27+ http://crbug.com/222652
-if (typeof unsafeWindow == 'undefined') {
- var USW = w;
-} else {
- var USW = unsafeWindow;
-}
-
-function log(msg) {
- if (CANLOG) {
- if (typeof console !== 'undefined' && console.log) {
- console.log(SIG + ' ' + msg);
- }
- }
-}
-
-function dir(msg) {
- if (CANLOG) {
- if (typeof console !== 'undefined' && console.log && console.dir) {
- console.log(SIG);
- console.dir(msg);
- }
- }
-}
-
-function debug(msg) {
- if (CANLOG) {
- if (typeof console !== 'undefined') {
- if (console.debug) {
- console.debug(SIG + ' ' + msg);
- } else if (console.log) {
- console.log(SIG + ' ' + msg);
- }
- }
- }
-}
-
-function info(msg) {
- if (CANLOG) {
- if (typeof console !== 'undefined') {
- if (console.info) {
- console.info(SIG + ' ' + msg);
- } else if (console.log) {
- console.log(SIG + ' ' + msg);
- }
- }
- }
-}
-
-function warn(msg) {
- if (CANLOG) {
- if (typeof console !== 'undefined') {
- if (console.warn) {
- console.warn(SIG + ' ' + msg);
- } else if (console.log) {
- console.log(SIG + ' ' + msg);
- }
- }
- }
-}
-
-function error(msg) {
- if (CANLOG) {
- if (typeof console !== 'undefined') {
- if (console.error) {
- console.error(SIG + ' ' + msg);
- } else if (console.log) {
- console.log(SIG + ' ' + msg);
- }
- }
- }
-}
-
-function trace() {
- if (CANLOG) {
- if (typeof console !== 'undefined' && console.trace) {
- console.trace();
- }
- }
-}
-
-function $(id) {
- return d.getElementById(id);
-}
-
-function randNum(min, max) {
- return min + Math.floor(Math.random() * (max - min + 1));
-}
-
-function hasClass(ele, c) {
- if (!ele) {
- return false;
- }
- if (ele.classList) {
- return ele.classList.contains(c);
- }
-
- var regex = new RegExp("(^|\\s)"+c+"(\\s|$)");
- if (ele.className) { // element node
- return (ele.className && regex.test(ele.className));
- } else { // string
- return (ele && regex.test(ele));
- }
-}
-
-function addClass(ele, c) {
- if (ele.classList) {
- ele.classList.add(c);
- } else if (!hasClass(ele, c)) {
- ele.className += ' '+c;
- }
-}
-
-function removeClass(ele, c) {
- if (ele.classList) {
- ele.classList.remove(c);
- } else {
- ele.className = ele.className.replace(new RegExp('(^|\\s)'+c+'(?:\\s|$)','g'),'$1').replace(/\s+/g,' ').replace(/^\s*|\s*$/g,'');
- }
-}
-
-function toggleClass(ele, c) {
- if (hasClass(ele, c)) {
- removeClass(ele, c);
- } else {
- ele.className += ' ' + c;
- }
-}
-
-function clickLink(el) {
- if (!el) {
- return false;
- }
-
- var evt = d.createEvent('MouseEvents');
- evt.initMouseEvent('click', true, true, USW, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
- el.dispatchEvent(evt);
- return true;
-}
-
-function cookie(n) {
- try {
- return unescape(d.cookie.match('(^|;)?'+n+'=([^;]*)(;|$)')[2]);
- } catch (e) {
- return null;
- }
-}
-
-function injectManualStyle(css, id) {
- if ($('ponyhoof_style_'+id)) {
- return $('ponyhoof_style_'+id);
- }
-
- var n = d.createElement('style');
- n.type = 'text/css';
- if (id) {
- n.id = 'ponyhoof_style_'+id;
- }
- n.textContent = '/* '+SIG+' */'+css;
-
- if (d.head) {
- d.head.appendChild(n);
- } else if (d.body) {
- d.body.appendChild(n);
- } else {
- d.documentElement.appendChild(n);
- }
-
- return n;
-}
-
-function fadeOut(ele, callback) {
- addClass(ele, 'ponyhoof_fadeout');
-
- w.setTimeout(function() {
- ele.style.display = 'none';
-
- if (callback) {
- callback(ele);
- }
- }, 250);
-}
-
-function getFbDomain() {
- if (w.location.hostname == 'beta.facebook.com') {
- return w.location.hostname;
- }
- return 'www.facebook.com';
-}
-
-function onPageReady(callback) {
- var _loop = function() {
- if (/loaded|complete/.test(d.readyState)) {
- callback();
- } else {
- w.setTimeout(_loop, 100);
- }
- };
- _loop();
-}
-
-var loopClassName = function(name, func) {
- var l = d.getElementsByClassName(name);
- if (l) {
- for (var i = 0, len = l.length; i < len; i++) {
- func(l[i]);
- }
- }
-};
-
-function $$(parent, query, func) {
- if (!parent) {
- return;
- }
- var l = parent.querySelectorAll(query);
- if (l.length) {
- for (var i = 0, len = l.length; i < len; i++) {
- func(l[i]);
- }
- }
-}
-
-// Hacky code adapted from http://www.javascripter.net/faq/browsern.htm
-function getBrowserVersion() {
- var ua = w.navigator.userAgent;
- var fullVersion = ''+parseFloat(w.navigator.appVersion);
- var majorVersion = parseInt(w.navigator.appVersion, 10);
- var nameOffset, offset, ix;
-
- if (ua.indexOf('Opera') != -1) {
- // In Opera, the true version is after 'Opera' or after 'Version'
- offset = ua.indexOf('Opera');
- fullVersion = ua.substring(offset + 6);
-
- if (ua.indexOf('Version') != -1) {
- offset = ua.indexOf('Version');
- fullVersion = ua.substring(offset + 8);
- }
- } else if (ua.indexOf('OPR/') != -1) {
- offset = ua.indexOf('OPR/');
- fullVersion = ua.substring(offset + 4);
- } else if (ua.indexOf('MSIE') != -1) {
- // In MSIE, the true version is after 'MSIE' in userAgent
- offset = ua.indexOf('MSIE');
- fullVersion = ua.substring(offset + 5);
- } else if (ua.indexOf('Chrome') != -1) {
- // In Chrome, the true version is after 'Chrome'
- offset = ua.indexOf('Chrome');
- fullVersion = ua.substring(offset + 7);
- } else if (ua.indexOf('Safari') != -1) {
- // In Safari, the true version is after 'Safari' or after 'Version'
- offset = ua.indexOf('Safari');
- fullVersion = ua.substring(offset + 7);
-
- if (ua.indexOf('Version') != -1) {
- offset = ua.indexOf('Version');
- fullVersion = ua.substring(offset + 8);
- }
- } else if (ua.indexOf('Firefox') != -1) {
- // In Firefox, the true version is after 'Firefox'
- offset = ua.indexOf('Firefox');
- fullVersion = ua.substring(offset + 8);
- } else {
- throw "Unsupported browser";
- }
-
- if ((ix = fullVersion.indexOf(';')) != -1) {
- fullVersion = fullVersion.substring(0, ix);
- }
- if ((ix = fullVersion.indexOf(' ')) != -1) {
- fullVersion = fullVersion.substring(0, ix);
- }
-
- majorVersion = parseInt(''+fullVersion,10);
- if (isNaN(majorVersion)) {
- fullVersion = ''+parseFloat(w.navigator.appVersion);
- majorVersion = parseInt(w.navigator.appVersion,10);
- }
-
- return {
- major: majorVersion
- ,full: fullVersion
- };
-}
-
-// http://wiki.greasespot.net/Content_Script_Injection
-var contentEval = function(source, arg) {
- var arg = arg || {};
- if (typeof source === 'function') {
- source = '(' + source + ')(' + JSON.stringify(arg) + ');'
- }
-
- var script = d.createElement('script');
- script.textContent = source;
- d.documentElement.appendChild(script);
- d.documentElement.removeChild(script);
-};
-
-var supportsRange = function() {
- var i = d.createElement('input');
- i.setAttribute('type', 'range');
- return i.type !== 'text';
-};
-
-var supportsCssTransition = function() {
- var s = d.createElement('div').style;
- return ('transition' in s || 'WebkitTransition' in s || 'MozTransition' in s || 'msTransition' in s || 'OTransition' in s);
-};
-
-// Menu
-var MENUS = {};
-var Menu = function(id, p) {
- var k = this;
-
- k.id = id;
- MENUS['ponyhoof_menu_'+k.id] = k;
- k.menu = null; // outer wrap
- k.selectorMenu = null; // .uiMenu.uiSelectorMenu
- k.menuInner = null; // .uiMenuInner
- k.content = null; // .uiScrollableAreaContent
- k.button = null;
- k.wrap = null; // ponyhoof_menu_wrap, used to separate button and menu
- k._scrollTop = 0; // fix a bug on old safari where menu jumps back to top
-
- k.menuSearch = null; // .ponyhoof_menu_search
- k.menuSearchInput = null;
- k.menuSearchNoResults = null;
- k.focusStealer = null;
-
- k.hasScrollableArea = false;
- k.scrollableAreaDiv = null; // .uiScrollableArea
- k.scrollableArea = null; // FB ScrollableArea class
-
- k.p = p;
- k.afterClose = function() {};
-
- k.canSearch = true;
- k.alwaysOverflow = false;
- k.rightFaced = false;
- k.buttonTextClipped = 0;
- k.searchNoResultsMessage = "No results";
-
- k.createButton = function(startText) {
- if (!startText) {
- startText = '';
- }
-
- var buttonText = d.createElement('span');
- buttonText.className = 'uiButtonText';
- buttonText.innerHTML = startText;
-
- k.button = d.createElement('a');
- k.button.href = '#';
- k.button.className = 'uiButton ponyhoof_button_menu';
- k.button.setAttribute('role', 'button');
- k.button.setAttribute('aria-haspopup', 'true');
- if (k.buttonTextClipped) {
- k.button.className += ' ponyhoof_button_clipped';
- buttonText.style.maxWidth = k.buttonTextClipped+'px';
- }
- k.button.appendChild(buttonText);
-
- k.wrap = d.createElement('div');
- k.wrap.className = 'ponyhoof_menu_wrap';
- if (k.rightFaced) {
- k.wrap.className += ' uiSelectorRight';
- }
- k.wrap.appendChild(k.button);
- k.p.appendChild(k.wrap);
-
- return k.button;
- }
-
- k.createMenu = function() {
- if ($('ponyhoof_menu_'+k.id)) {
- k.menu = $('ponyhoof_menu_'+k.id);
- k.menuInner = k.menu.getElementsByClassName('uiMenuInner')[0];
- return k.menu;
- }
-
- k.injectStyle();
-
- k.menu = d.createElement('div');
- k.menu.className = 'ponyhoof_menu uiSelectorMenuWrapper';
- k.menu.id = 'ponyhoof_menu_'+k.id;
- k.menu.setAttribute('role', 'menu');
- //k.menu.style.display = 'none';
- k.menu.addEventListener('click', function(e) {
- e.stopPropagation();
- return false;
- }, false);
- k.wrap.appendChild(k.menu);
-
- k.selectorMenu = d.createElement('div');
- k.selectorMenu.className = 'uiMenu uiSelectorMenu';
- k.menu.appendChild(k.selectorMenu);
-
- k.menuInner = d.createElement('div');
- k.menuInner.className = 'uiMenuInner';
- k.selectorMenu.appendChild(k.menuInner);
-
- k.content = d.createElement('div');
- k.content.className = 'uiScrollableAreaContent';
- k.menuInner.appendChild(k.content);
-
- if (k.canSearch) {
- k.menuSearch = d.createElement('div');
- k.menuSearch.className = 'ponyhoof_menu_search';
- k.content.appendChild(k.menuSearch);
-
- k.menuSearchInput = d.createElement('input');
- k.menuSearchInput.type = 'text';
- k.menuSearchInput.className = 'inputtext';
- k.menuSearchInput.placeholder = "Search";
- k.menuSearch.appendChild(k.menuSearchInput);
-
- k.menuSearchNoResults = d.createElement('div');
- k.menuSearchNoResults.className = 'ponyhoof_menu_search_noResults';
- k.menuSearchNoResults.textContent = k.searchNoResultsMessage;
- k.menuSearch.appendChild(k.menuSearchNoResults);
-
- k.menuSearchInput.addEventListener('keydown', k.searchEscapeKey, false);
- k.menuSearchInput.addEventListener('input', k.performSearch, false);
-
- k.focusStealer = d.createElement('input');
- k.focusStealer.type = 'text';
- k.focusStealer.setAttribute('aria-hidden', 'true');
- k.focusStealer.style.position = 'absolute';
- k.focusStealer.style.top = '-9999px';
- k.focusStealer.style.left = '-9999px';
- k.focusStealer.addEventListener('focus', k.focusStealerFocused, false);
- k.selectorMenu.appendChild(k.focusStealer);
- }
-
- return k.menu;
- };
-
- k.attachButton = function() {
- k.button.addEventListener('click', function(e) {
- k.toggle();
- e.stopPropagation();
- e.preventDefault();
- }, false);
- };
-
- k.changeButtonText = function(text) {
- k.button.getElementsByClassName('uiButtonText')[0].innerHTML = text;
- k.button.setAttribute('data-ponyhoof-button-orig', text);
- k.button.setAttribute('data-ponyhoof-button-text', text);
-
- if (k.buttonTextClipped) {
- k.button.title = text;
- }
- };
-
- k.createSeperator = function() {
- var sep = d.createElement('div');
- sep.className = 'uiMenuSeparator';
- k.content.appendChild(sep);
- };
-
- k.createMenuItem = function(param) {
- var menuItem = new MenuItem(k);
- menuItem._create(param);
-
- k.content.appendChild(menuItem.menuItem);
-
- return menuItem;
- };
-
- k.injectStyle = function() {
- var css = '';
- css += 'html .ponyhoof_dialog .ponyhoof_button_menu, .ponyhoof_menuitem_checked {background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfQAAADdCAMAAAB63HDyAAAAaVBMVEUAAABnfapKZJtjeahofqtsbGxwhK97jrXb29vc3Nze3d3f3t/g4N/h4ODi4uLk5OPk5eXm5ubn5+fo6Ojq6enr6+rs6+zs7Ozu7u3v7+/w8PDw8fDx8vHz8vPz8/T09PT19PX19vb////xKBXBAAAAAnRSTlMA70YmMtEAAAFWSURBVHja7d05UsNQFETRNjIS8zzPeP+LxK7CmA04UZ8T6aV968fKijr5pk6+qJNP6uSDOnmnTt6ok1fq5IXZO9j6vfPM/A3TxrA980SB5br58u/KIw3GadwdeaDC+O8799TJHXVyS53cUCfX1MkVdXJJnVxQJ+fUyRl1ckqdnFAnx9TJEXVEFx3RER3RER3RER3RER3RER3RER3RER3REV10REd05hMdAAAAANij3V/4qKtuiL7qZuirboS+6iYAAAAAAAAAAAAAAAAAAAAAAAAAAACA/TrYMkWRYdoYDFFlsW6+MEOZcRqN0FfdBAAAAAAAAAAAAAAAAAAAAAAAAABzcWiCvuaiFzYXvaq35o2PXPPC6JpXVjdCX3UTAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFBnZYK+5qIXNhe9qrfmjY9c88LomldWN0JfdRMAzMcPe9ehQpH/3pgAAAAASUVORK5CYII=") !important;background-repeat:no-repeat;-webkit-background-size:500px 221px;-moz-background-size:500px 221px;background-size:500px 221px;}';
-
- css += 'html .ponyhoof_dialog .ponyhoof_button_menu {background-position:right 0;padding-right:23px;}';
- css += 'html .ponyhoof_button_menu:active {background-position:right -98px;}';
- css += 'html .openToggler .ponyhoof_button_menu {background-color:#6D84B4;background-position:right -49px;border-color:#3B5998;border-bottom-color:#6D84B4;box-shadow:none;}';
- css += 'html .openToggler .ponyhoof_button_menu .uiButtonText {color:#fff;}';
-
- css += '.ponyhoof_menu_label {padding:7px 4px 0 0;}';
- css += '.ponyhoof_menu_label, .ponyhoof_menu_withlabel .ponyhoof_menu_wrap {display:inline-block;}';
- css += '.ponyhoof_menu_withlabel {margin-bottom:8px;}';
- css += '.ponyhoof_menu_withlabel + .ponyhoof_menu_withlabel {margin-top:-8px;}';
- css += '.ponyhoof_menu_withlabel .ponyhoof_button_menu {margin-top:-3px;}';
- css += '.ponyhoof_menu_labelbreak .ponyhoof_menu_label {display:block;padding-bottom:7px;}';
-
- css += '.ponyhoof_menu_wrap {position:relative;}';
- css += 'html .ponyhoof_menu {z-index:1999;display:none;min-width:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;}';
- css += '.ponyhoof_menu_wrap.openToggler .ponyhoof_menu {display:block;}';
- css += '.ponyhoof_menu_wrap + .uiButton {margin:4px 0 0 4px;}';
- css += '.ponyhoof_menu .uiMenu {background:#fff;border:1px solid #777;border-bottom:2px solid #293E6A;color:#000;position:absolute;overflow:auto;overflow-x:hidden;text-align:left;}';
- css += '.ponyhoof_menu .uiMenu.overflow {resize:vertical;height:200px;min-height:200px;}';
- css += '.ponyhoof_menu_wrap.uiSelectorRight .uiMenu {left:auto;right:0;}';
- css += '.ponyhoof_menu .ponyhoof_menu_search {padding:0 3px;margin-bottom:4px;}';
- css += '.ponyhoof_menu .ponyhoof_menu_search input {width:100%;resize:none;}';
- css += '.ponyhoof_menu .ponyhoof_menu_search_noResults {display:none;color:#999;text-align:center;margin-top:7px;width:100px;}';
- css += '.ponyhoof_menuitem {border:solid #fff;border-width:1px 0;color:#111;display:block;font-weight:normal;line-height:16px;padding:1px 22px;text-decoration:none;outline:none;-webkit-user-drag:none;resize:none;}';
- css += '.ponyhoof_menu .ponyhoof_menuitem {color:#111;}';
- css += '.ponyhoof_menuitem:hover, .ponyhoof_menuitem:active, .ponyhoof_menuitem:focus {background-color:#6d84b4;border-color:#3b5998;color:#fff;text-decoration:none;}';
- css += '.ponyhoof_menuitem_checked {background-position:0 -146px;font-weight:bold;}';
- css += '.ponyhoof_menuitem_checked:hover, .ponyhoof_menuitem_checked:active, .ponyhoof_menuitem_checked:focus {background-position:0 -206px;}';
- css += '.ponyhoof_menuitem_span {white-space:nowrap;text-overflow:ellipsis;display:inline-block;overflow:hidden;padding-right:16px;max-width:400px;vertical-align:top;}';
-
- css += '.ponyhoof_button_clipped > .uiButtonText {text-overflow:ellipsis;overflow:hidden;vertical-align:top;}';
-
- if (ISMOBILE) {
- css += '.ponyhoof_menu .uiMenu.overflow {resize:none !important;height:auto !important;}';
- }
-
- injectManualStyle(css, 'menu');
- };
-
- k.open = function() {
- k.closeAllMenus();
-
- addClass(k.wrap, 'openToggler');
-
- if (!hasClass(k.menuInner.parentNode, 'overflow') && (k.menuInner.parentNode.offsetHeight >= 224 || k.alwaysOverflow)) {
- addClass(k.menuInner.parentNode, 'overflow');
- }
-
- if (k.canSearch && !ISMOBILE) {
- k.menuSearchInput.focus();
- k.menuSearchInput.select();
- }
-
- // Poke the menu to show the scroll visual cue on Mac OS
- if (k._scrollTop) {
- k.selectorMenu.scrollTop = 0;
- } else {
- k.selectorMenu.scrollTop = 1;
- }
- k.selectorMenu.scrollTop = k._scrollTop;
-
- d.body.addEventListener('keydown', k.documentEscapeKey, false);
- d.body.addEventListener('click', k.documentClick, false);
- };
-
- k.close = function() {
- if (hasClass(k.wrap, 'openToggler')) {
- k._scrollTop = k.selectorMenu.scrollTop;
-
- removeClass(k.wrap, 'openToggler');
- d.body.removeEventListener('keydown', k.documentEscapeKey, false);
- d.body.removeEventListener('click', k.documentClick, false);
-
- k.afterClose();
- }
- };
-
- k.closeAllMenus = function() {
- for (var menu in MENUS) {
- if (MENUS.hasOwnProperty(menu)) {
- MENUS[menu].close();
- }
- }
- };
-
- k.toggle = function() {
- if (hasClass(k.wrap, 'openToggler')) {
- k.close();
- } else {
- k.open();
- }
- };
-
- k.changeChecked = function(menuItem) {
- var already = k.menu.getElementsByClassName('ponyhoof_menuitem_checked');
- if (already.length) {
- removeClass(already[0], 'ponyhoof_menuitem_checked');
- }
- addClass(menuItem.menuItem, 'ponyhoof_menuitem_checked');
- };
-
- k.performSearch = function() {
- var val = k.menuSearchInput.value;
- var regex = new RegExp(val, 'i');
-
- var count = 0;
- $$(k.menu, '.ponyhoof_menuitem', function(menuitem) {
- if (val == '') {
- menuitem.style.display = '';
- return;
- }
-
- if (!hasClass(menuitem, 'unsearchable')) {
- menuitem.style.display = 'none';
-
- var compare = menuitem.textContent;
- if (menuitem.getAttribute('data-ponyhoof-menu-searchAlternate')) {
- compare = menuitem.getAttribute('data-ponyhoof-menu-searchAlternate');
- }
-
- if (regex.test(compare)) {
- menuitem.style.display = 'block';
- count += 1;
- }
- } else {
- menuitem.style.display = 'none';
- }
- });
-
- $$(k.menu, '.ponyhoof_menu_search_noResults', function(ele) {
- if (val) {
- if (!count) {
- ele.style.display = 'block';
- } else {
- ele.style.display = 'none';
- }
- } else {
- ele.style.display = 'none';
- }
- });
-
- $$(k.menu, '.uiMenuSeparator', function(menuitem) {
- if (val == '') {
- menuitem.style.display = '';
- return;
- }
-
- menuitem.style.display = 'none';
- });
-
- if (k.hasScrollableArea) {
- k.scrollableArea.poke();
- }
- };
-
- k.searchEscapeKey = function(e) {
- if (e.which == 27) {
- if (k.menuSearchInput.value != '') {
- k.menuSearchInput.value = '';
- k.performSearch();
- } else {
- k.close();
- if (k.button) {
- k.button.focus();
- }
- }
- e.stopPropagation();
- e.cancelBubble = true;
- }
- };
-
- k.documentEscapeKey = function(e) {
- if (e.which == 27 && hasClass(k.wrap, 'openToggler')) { // esc
- k.close();
- e.stopPropagation();
- e.cancelBubble = true;
-
- if (k.button) {
- k.button.focus();
- }
- }
- };
-
- k.documentClick = function(e) {
- k.close();
- e.stopPropagation();
- e.preventDefault();
- };
-
- k.focusStealerFocused = function(e) {
- if (k.canSearch) {
- k.menuSearchInput.focus();
- }
- };
-};
-
-var MenuItem = function(menu) {
- var k = this;
-
- k.menuItem = null;
- k.menu = menu;
- k.onclick = null;
-
- k._create = function(param) {
- k.menuItem = d.createElement('a');
- k.menuItem.href = '#';
- k.menuItem.className = 'ponyhoof_menuitem';
- k.menuItem.setAttribute('role', 'menuitem');
-
- if (param.check) {
- k.menuItem.className += ' ponyhoof_menuitem_checked';
- }
-
- if (param.data) {
- k.menuItem.setAttribute('data-ponyhoof-menu-data', param.data);
- }
-
- if (param.title) {
- k.menuItem.setAttribute('aria-label', param.title);
- k.menuItem.setAttribute('data-hover', 'tooltip');
- }
-
- if (param.unsearchable) {
- k.menuItem.className += ' unsearchable';
- }
-
- if (param.searchAlternate) {
- k.menuItem.setAttribute('data-ponyhoof-menu-searchAlternate', param.searchAlternate);
- }
-
- if (param.extraClass) {
- k.menuItem.className += param.extraClass;
- }
-
- k.menuItem.innerHTML = '<span class="ponyhoof_menuitem_span">'+param.html+'</span>';
-
- if (param.onclick) {
- k.onclick = param.onclick;
- }
- k.menuItem.addEventListener('click', function(e) {
- e.stopPropagation();
- if (k.onclick) {
- k.onclick(k, k.menu);
- }
-
- return false;
- }, false);
- k.menuItem.addEventListener('dragstart', function() {
- return false;
- }, false);
-
- return k.menuItem;
- };
-
- k.getText = function() {
- return k.menuItem.getElementsByClassName('ponyhoof_menuitem_span')[0].innerHTML;
- };
-};
-
-// Dialog
-var DIALOGS = {};
-var DIALOGCOUNT = 2000;
-var Dialog = function(id) {
- var k = this;
-
- k.dialog = null;
- k.generic_dialogDiv = null;
- k.popup_dialogDiv = null;
- k.id = id;
- k.visible = false;
-
- k.alwaysModal = false;
- k.noTitle = false;
- k.noBottom = false;
-
- k.canCardspace = true;
- k.cardSpaceTimer = null;
- k.cardspaced = false;
-
- k.onclose = function() {};
- k.onclosefinish = function() {};
- k.canCloseByEscapeKey = true;
-
- k.skeleton = '';
-
- k.create = function() {
- //if (DIALOGS[k.id]) {
- // log("Attempting to recreate dialog ID \""+k.id+"\"");
- // return DIALOGS[k.id].dialog;
- //}
-
- //DIALOGS[k.id] = k;
-
- log("Creating "+k.id+" dialog...");
-
- k.injectStyle();
-
- DIALOGCOUNT += 1;
- k.skeleton = '<!-- '+SIG+' Dialog -->';
- k.skeleton += '<div class="generic_dialog pop_dialog" role="dialog" style="z-index:'+(DIALOGCOUNT)+';">';
- k.skeleton += ' <div class="generic_dialog_popup">';
- k.skeleton += ' <div class="popup">';
- k.skeleton += ' <div class="wrap">';
- k.skeleton += ' <h3 title="This dialog is sent from '+FRIENDLYNAME+'"></h3>';
- k.skeleton += ' <div class="body">';
- k.skeleton += ' <div class="content clearfix"></div>';
- k.skeleton += ' <div class="bottom"></div>';
- k.skeleton += ' </div>'; // body
- k.skeleton += ' </div>'; // wrap
- k.skeleton += ' </div>'; // popup
- k.skeleton += ' </div>'; // generic_dialog_popup
- k.skeleton += '</div>';
-
- INTERNALUPDATE = true;
-
- k.dialog = d.createElement('div');
- k.dialog.className = 'ponyhoof_dialog';
- k.dialog.id = 'ponyhoof_dialog_'+k.id;
- k.dialog.innerHTML = k.skeleton;
- d.body.appendChild(k.dialog);
-
- INTERNALUPDATE = false;
-
- k.generic_dialogDiv = k.dialog.getElementsByClassName('pop_dialog')[0];
- k.popup_dialogDiv = k.dialog.getElementsByClassName('popup')[0];
-
- if (k.alwaysModal) {
- addClass(k.generic_dialogDiv, 'generic_dialog_modal');
- }
- if (k.noTitle) {
- addClass(k.dialog.getElementsByTagName('h3')[0], 'hidden_elem');
- }
- if (k.noBottom) {
- addClass(k.dialog.getElementsByClassName('bottom')[0], 'hidden_elem');
- }
-
- k.show();
-
- return k.dialog;
- };
-
- k.injectStyle = function() {
- var cx = '._6nw';
- if (d.getElementsByClassName('-cx-PUBLIC-hasLitestand__body').length) {
- cx = '.-cx-PUBLIC-hasLitestand__body';
- }
-
- var css = '';
- css += '.ponyhoof_message .wrap {margin-top:3px;background:transparent !important;display:block;}';
- css += '.ponyhoof_message .uiButton.rfloat {margin-left:10px;}';
-
- css += '.ponyhoof_dialog, .ponyhoof_dialog .body {font-size:11px;}';
- css += cx+' .ponyhoof_dialog, '+cx+' .ponyhoof_dialog .body {font-size:12px;}';
- css += '.ponyhoof_dialog iframe {-webkit-user-select:none;-moz-user-select:none;user-select:none;}';
- css += '.ponyhoof_dialog textarea, .ponyhoof_dialog input[type="text"] {cursor:text;-moz-box-sizing:border-box;box-sizing:border-box;}';
- css += '.ponyhoof_dialog .generic_dialog_modal, .ponyhoof_dialog .generic_dialog_fixed_overflow {background-color:rgba(0,0,0,.4) !important;}';
- css += '.ponyhoof_dialog .generic_dialog {z-index:250;}';
- css += '.ponyhoof_dialog .generic_dialog_popup {margin-top:80px;}';
- css += '.ponyhoof_dialog .popup {width:465px;margin:0 auto;cursor:default;box-shadow:0 2px 26px rgba(0, 0, 0, .3), 0 0 0 1px rgba(0, 0, 0, .1);}';
- css += cx+' .ponyhoof_dialog .popup {font-family:"Helvetica Neue", Helvetica, Arial, "lucida grande",tahoma,verdana,arial,sans-serif;}';
- css += '.ponyhoof_dialog .wrap {background:#fff;color:#000;}';
- css += '.ponyhoof_dialog h3 {background-color:#6D84B4;border:1px solid #3B5998;border-bottom:0;color:#fff;font-size:14px !important;font-weight:bold !important;padding:5px 5px 5px 10px;cursor:help;min-height:17px;font-family:\'lucida grande\',tahoma,verdana,arial,sans-serif !important;line-height:1.28 !important;}';
- css += cx+' .ponyhoof_dialog h3 {background:#f5f6f7;border:0;border-bottom:1px solid #e5e5e5;border-radius:3px 3px 0 0;color:#4e5665;line-height:19px !important;padding:10px 12px;text-shadow:0 1px 0 #fff;font-family:\'Helvetica Neue\', Helvetica, Arial, \'lucida grande\',tahoma,verdana,arial,sans-serif !important;}';
- css += '.ponyhoof_dialog h3:before {background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAA90lEQVQYGQXBP0oWAADA0ff9NURBRAVDMBcHl9SpIbCamsOhcOsMObiEICJ2gJYQWhqkscmWTlFeoJbASacIfr4ngaZtAZAGJBLoRV+hDdKjdpJIoJl2oGPopEsSCdAA+tksLfWEREIakcb963ljGpJIoNe9a7eX1beGLbdOIoF01m231U2/um6RRELzpI9V1V2bkEja7qi55npfVf3pbRMSSQddN2ml31XV//YgkTTpWZM+d9xh9aMPfWq3QSKhcQ8a01p/O+hxC522n0gAWqWrnjag750nEqCHXTTbeWs07U3biQRosS9Ne9UIWm6YSABap3kAkntUReU7PxfnpgAAAABJRU5ErkJggg==");background-repeat: no-repeat;display:inline-block;float:right;content:" ";width:16px;height:16px;opacity:.713;}';
- css += cx+' .ponyhoof_dialog h3:before {display:none;}';
- css += '.ponyhoof_dialog .body {border:1px solid #555;border-top-width:0;}';
- css += '.ponyhoof_dialog h3.hidden_elem + .body {border-top-width:1px;}';
- css += cx+' .ponyhoof_dialog .body {border:0;}';
- css += '.ponyhoof_dialog .content {padding:10px;}';
- css += '.ponyhoof_dialog .bottom {background:#F2F2F2;border-top:1px solid #ccc;padding:8px 10px 8px 10px;text-align:right;}';
- css += cx+' .ponyhoof_dialog .bottom {border-radius:0 0 3px 3px;}';
- css += '.ponyhoof_dialog .bottom .lfloat {line-height:17px;margin-top:4px;}';
-
- css += '.ponyhoof_dialog_header {background:#F2F2F2;border:solid #E2E2E2;border-width:1px 0;padding:4px 10px 5px;color:#333;font-size:11px;margin:0 -10px 8px;display:block;font-weight:bold;}';
- css += '.ponyhoof_tabs {padding:4px 10px 0;background:#F2F2F2;border-bottom:1px solid #ccc;margin:-10px -10px 10px;}';
- css += '.ponyhoof_tabs a {margin:3px 10px 0 0;padding:5px 8px;float:left;}';
- css += '.ponyhoof_tabs a.active {color:#333;padding:4px 7px 5px;background:#fff;border:1px solid #ccc;border-bottom:1px solid #fff;margin-bottom:-1px;text-decoration:none;}';
- css += '.ponyhoof_tabs_section {display:none;}';
-
- if (ISMOBILE) {
- css += '.ponyhoof_dialog .generic_dialog {position:absolute;}';
- }
-
- injectManualStyle(css, 'dialog');
- };
-
- k.show = function() {
- removeClass(k.dialog, 'ponyhoof_fadeout');
- removeClass(k.generic_dialogDiv, 'ponyhoof_fadeout');
-
- k.visible = true;
- k.dialog.style.display = 'block';
- k.generic_dialogDiv.style.display = 'block';
-
- if (ISMOBILE) {
- k.canCardspace = false;
- }
-
- if (k.canCardspace) {
- w.addEventListener('resize', k.onBodyResize, false);
- k.cardSpaceTick();
- }
-
- if (k.canCloseByEscapeKey) {
- d.body.addEventListener('keydown', k.documentEscapeKey, false);
- }
- };
-
- k.close = function(callback) {
- k.onclose();
-
- if (!userSettings.disable_animation) {
- fadeOut(k.dialog, function() {
- if (callback) {
- callback();
- }
- k.onclosefinish();
- });
- if (callback) {
- log("Legacy dialog close code found [Dialog.close()]");
- }
-
- if (ISOPERA) {
- fadeOut(k.generic_dialogDiv);
- }
- } else {
- k.dialog.style.display = 'none';
- if (callback) {
- callback();
- }
- k.onclosefinish();
- }
-
- k._close();
- };
-
- k.hide = function() {
- k.onclose();
-
- k.dialog.style.display = 'none';
-
- k._close();
- };
-
- k._close = function() {
- k.visible = false;
-
- w.removeEventListener('resize', k.onBodyResize, false);
- w.clearTimeout(k.cardSpaceTimer);
-
- if (k.cardspaced) {
- removeClass(d.documentElement, 'generic_dialog_overflow_mode');
- if (!k.alwaysModal) {
- removeClass(k.generic_dialogDiv, 'generic_dialog_modal');
- }
- }
- removeClass(k.generic_dialogDiv, 'generic_dialog_fixed_overflow');
- k.cardspaced = false;
-
- d.body.removeEventListener('keydown', k.documentEscapeKey, false);
- };
-
- k.changeTitle = function(c) {
- INTERNALUPDATE = true;
- var title = k.dialog.getElementsByTagName('h3');
- if (title.length) {
- title = title[0];
- title.innerHTML = c;
- }
- INTERNALUPDATE = false;
- };
-
- k.changeContent = function(c) {
- INTERNALUPDATE = true;
- var content = k.dialog.getElementsByClassName('content');
- if (content.length) {
- content = content[0];
- content.innerHTML = c;
- }
- INTERNALUPDATE = false;
- };
-
- k.changeBottom = function(c) {
- INTERNALUPDATE = true;
- var bottom = k.dialog.getElementsByClassName('bottom');
- if (bottom.length) {
- bottom = bottom[0];
- bottom.innerHTML = c;
- }
- INTERNALUPDATE = false;
- };
-
- k.addCloseButton = function(callback) {
- var text = "Close";
- if (CURRENTLANG && CURRENTLANG.close) {
- text = CURRENTLANG.close;
- }
-
- var close = '<a href="#" class="uiButton uiButtonLarge uiButtonConfirm" role="button"><span class="uiButtonText">'+text+'</span></a>';
- k.changeBottom(close);
-
- k.dialog.querySelector('.bottom .uiButton').addEventListener('click', function(e) {
- k.close(function() {
- if (callback) {
- log("Legacy dialog close code found [Dialog.addCloseButton()]");
- callback();
- }
- });
- e.preventDefault();
- }, false);
- };
-
- k.onBodyResize = function() {
- if (k.canCardspace) {
- var dialogHeight = k.popup_dialogDiv.clientHeight + 80 + 40;
- var windowHeight = w.innerHeight;
-
- if (dialogHeight > windowHeight) {
- if (!k.cardspaced) {
- addClass(d.documentElement, 'generic_dialog_overflow_mode');
- if (!k.alwaysModal) {
- addClass(k.generic_dialogDiv, 'generic_dialog_modal');
- }
- addClass(k.generic_dialogDiv, 'generic_dialog_fixed_overflow');
-
- k.cardspaced = true;
- }
- } else {
- if (k.cardspaced) {
- removeClass(d.documentElement, 'generic_dialog_overflow_mode');
- if (!k.alwaysModal) {
- removeClass(k.generic_dialogDiv, 'generic_dialog_modal');
- }
- removeClass(k.generic_dialogDiv, 'generic_dialog_fixed_overflow');
-
- k.cardspaced = false;
- }
- }
- }
- };
-
- k.cardSpaceTick = function() {
- if (k.canCardspace && k.visible) {
- k.onBodyResize();
- k.cardSpaceTimer = w.setTimeout(k.cardSpaceTick, 500);
- } else {
- w.clearTimeout(k.cardSpaceTimer);
- }
- };
-
- k.documentEscapeKey = function(e) {
- if (k.canCloseByEscapeKey) {
- if (e.which == 27 && k.visible) { // esc
- k.close();
- e.stopPropagation();
- e.cancelBubble = true;
- }
- }
- };
-
- if (DIALOGS[k.id]) {
- log("Attempting to recreate dialog ID \""+k.id+"\"");
- return DIALOGS[k.id];
- }
- DIALOGS[k.id] = k;
-};
-
-function createSimpleDialog(id, title, message) {
- if (DIALOGS[id]) {
- DIALOGS[id].changeTitle(title);
- DIALOGS[id].changeContent(message);
- DIALOGS[id].show();
- return DIALOGS[id];
- }
-
- var di = new Dialog(id);
- di.create();
- di.changeTitle(title);
- di.changeContent(message);
- di.addCloseButton();
-
- return di;
-};
-
-function injectSystemStyle() {
- var css = '';
- css += '.ponyhoof_show_if_injected {display:none;}';
- css += '.ponyhoof_hide_if_injected {display:block;}';
- css += '.ponyhoof_hide_if_injected.inline {display:inline;}';
- css += 'html.ponyhoof_injected .ponyhoof_show_if_injected {display:block;}';
- css += 'html.ponyhoof_injected .ponyhoof_hide_if_injected {display:none;}';
- css += '.ponyhoof_show_if_loaded {display:none;}';
- css += '.ponyhoof_updater_latest, .ponyhoof_updater_newVersion, .ponyhoof_updater_error {display:none;}';
-
- css += '.ponyhoof_fadeout {opacity:0;-webkit-transition:opacity .25s linear;-moz-transition:opacity .25s linear;-o-transition:opacity .25s linear;transition:opacity .25s linear;}';
- css += '.ponyhoof_message {padding:10px;color:#000;font-weight:bold;overflow:hidden;}';
-
- css += '.ponyhoof_loading {background:url("//fbstatic-a.akamaihd.net/rsrc.php/v2/y4/x/GsNJNwuI-UM.gif") no-repeat;display:inline-block;width:16px;height:11px;margin:6px 0 0 6px;}';
- css += '.ponyhoof_loading.ponyhoof_show_if_injected {display:none;}';
- css += 'html.ponyhoof_injected .ponyhoof_loading_pony {display:inline-block;}';
-
- css += '.uiHelpLink {background:url("data:image/gif;base64,R0lGODlhDAALAJEAANvb26enp////wAAACH5BAEAAAIALAAAAAAMAAsAAAIblI8WkbcswAtAwWVzwoIbSWliBzWjR5abagoFADs=") no-repeat 0 center;display:inline-block;height:9px;width:12px;}';
-
- css += '.uiInputLabel + .uiInputLabel {margin-top:3px;}';
- css += '.uiInputLabelCheckbox {float:left;margin:0;padding:0;}';
- css += '.uiInputLabel label {color:#333;display:block;font-weight:normal;margin-left:17px;vertical-align:baseline;}';
- css += '.webkit.mac .uiInputLabel label {margin-left:16px;}';
- css += '.webkit.mac .uiInputLabelCheckbox {margin-top:2px;}';
-
- injectManualStyle(css, 'system');
-}
-
-// http://www.html5rocks.com/en/tutorials/pagevisibility/intro/
-var _hiddenPropCached = '';
-var getHiddenProp = function() {
- if (_hiddenPropCached) {
- return _hiddenPropCached;
- }
-
- var prefixes = ['webkit', 'moz', 'ms', 'o'];
-
- if ('hidden' in document) {
- _hiddenPropCached = 'hidden';
- return _hiddenPropCached;
- }
-
- for (var i = 0, len = prefixes.length; i < len; i++){
- if ((prefixes[i] + 'Hidden') in document) {
- _hiddenPropCached = prefixes[i] + 'Hidden';
- return _hiddenPropCached;
- }
- }
-
- return null;
-};
-var isPageHidden = function() {
- var prop = getHiddenProp();
- if (!prop) {
- return false;
- }
-
- return document[prop];
-};
-
-// http://stackoverflow.com/a/2745459
-var isCanvasSupported = function() {
- return !!w.CanvasRenderingContext2D;
-};
-
-// http://stackoverflow.com/a/10930441
-var isWebPSupported = function(callback) {
- var webp = new w.Image();
- try {
- webp.onload = webp.onerror = function() {
- callback(webp.height === 2);
- };
- webp.src = 'data:image/webp;base64,UklGRjoAAABXRUJQVlA4IC4AAACyAgCdASoCAAIALmk0mk0iIiIiIgBoSygABc6WWgAA/veff/0PP8bA//LwYAAA';
- } catch (e) {
- callback(false);
- }
-};
-
- // http://www.myersdaily.org/joseph/javascript/md5.js
-function md5cycle(f,c){var b=f[0],a=f[1],d=f[2],e=f[3],b=ff(b,a,d,e,c[0],7,-680876936),e=ff(e,b,a,d,c[1],12,-389564586),d=ff(d,e,b,a,c[2],17,606105819),a=ff(a,d,e,b,c[3],22,-1044525330),b=ff(b,a,d,e,c[4],7,-176418897),e=ff(e,b,a,d,c[5],12,1200080426),d=ff(d,e,b,a,c[6],17,-1473231341),a=ff(a,d,e,b,c[7],22,-45705983),b=ff(b,a,d,e,c[8],7,1770035416),e=ff(e,b,a,d,c[9],12,-1958414417),d=ff(d,e,b,a,c[10],17,-42063),a=ff(a,d,e,b,c[11],22,-1990404162),b=ff(b,a,d,e,c[12],7,1804603682),e=ff(e,b,a,d,c[13],12,-40341101),d=ff(d,e,b,a,c[14],17,-1502002290),a=ff(a,d,e,b,c[15],22,1236535329),b=gg(b,a,d,e,c[1],5,-165796510),e=gg(e,b,a,d,c[6],9,-1069501632),d=gg(d,e,b,a,c[11],14,643717713),a=gg(a,d,e,b,c[0],20,-373897302),b=gg(b,a,d,e,c[5],5,-701558691),e=gg(e,b,a,d,c[10],9,38016083),d=gg(d,e,b,a,c[15],14,-660478335),a=gg(a,d,e,b,c[4],20,-405537848),b=gg(b,a,d,e,c[9],5,568446438),e=gg(e,b,a,d,c[14],9,-1019803690),d=gg(d,e,b,a,c[3],14,-187363961),a=gg(a,d,e,b,c[8],20,1163531501),b=gg(b,a,d,e,c[13],5,-1444681467),e=gg(e,b,a,d,c[2],9,-51403784),d=gg(d,e,b,a,c[7],14,1735328473),a=gg(a,d,e,b,c[12],20,-1926607734),b=hh(b,a,d,e,c[5],4,-378558),e=hh(e,b,a,d,c[8],11,-2022574463),d=hh(d,e,b,a,c[11],16,1839030562),a=hh(a,d,e,b,c[14],23,-35309556),b=hh(b,a,d,e,c[1],4,-1530992060),e=hh(e,b,a,d,c[4],11,1272893353),d=hh(d,e,b,a,c[7],16,-155497632),a=hh(a,d,e,b,c[10],23,-1094730640),b=hh(b,a,d,e,c[13],4,681279174),e=hh(e,b,a,d,c[0],11,-358537222),d=hh(d,e,b,a,c[3],16,-722521979),a=hh(a,d,e,b,c[6],23,76029189),b=hh(b,a,d,e,c[9],4,-640364487),e=hh(e,b,a,d,c[12],11,-421815835),d=hh(d,e,b,a,c[15],16,530742520),a=hh(a,d,e,b,c[2],23,-995338651),b=ii(b,a,d,e,c[0],6,-198630844),e=ii(e,b,a,d,c[7],10,1126891415),d=ii(d,e,b,a,c[14],15,-1416354905),a=ii(a,d,e,b,c[5],21,-57434055),b=ii(b,a,d,e,c[12],6,1700485571),e=ii(e,b,a,d,c[3],10,-1894986606),d=ii(d,e,b,a,c[10],15,-1051523),a=ii(a,d,e,b,c[1],21,-2054922799),b=ii(b,a,d,e,c[8],6,1873313359),e=ii(e,b,a,d,c[15],10,-30611744),d=ii(d,e,b,a,c[6],15,-1560198380),a=ii(a,d,e,b,c[13],21,1309151649),b=ii(b,a,d,e,c[4],6,-145523070),e=ii(e,b,a,d,c[11],10,-1120210379),d=ii(d,e,b,a,c[2],15,718787259),a=ii(a,d,e,b,c[9],21,-343485551);f[0]=add32(b,f[0]);f[1]=add32(a,f[1]);f[2]=add32(d,f[2]);f[3]=add32(e,f[3])}function cmn(f,c,b,a,d,e){c=add32(add32(c,f),add32(a,e));return add32(c<<d|c>>>32-d,b)}function ff(f,c,b,a,d,e,g){return cmn(c&b|~c&a,f,c,d,e,g)}function gg(f,c,b,a,d,e,g){return cmn(c&a|b&~a,f,c,d,e,g)}function hh(f,c,b,a,d,e,g){return cmn(c^b^a,f,c,d,e,g)}function ii(f,c,b,a,d,e,g){return cmn(b^(c|~a),f,c,d,e,g)}function md51(f){var txt="";var c=f.length,b=[1732584193,-271733879,-1732584194,271733878],a;for(a=64;a<=f.length;a+=64)md5cycle(b,md5blk(f.substring(a-64,a)));f=f.substring(a-64);var d=[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0];for(a=0;a<f.length;a++)d[a>>2]|=f.charCodeAt(a)<<(a%4<<3);d[a>>2]|=128<<(a%4<<3);if(55<a){md5cycle(b,d);for(a=0;16>a;a++)d[a]=0}d[14]=8*c;md5cycle(b,d);return b}function md5blk(f){var c=[],b;for(b=0;64>b;b+=4)c[b>>2]=f.charCodeAt(b)+(f.charCodeAt(b+1)<<8)+(f.charCodeAt(b+2)<<16)+(f.charCodeAt(b+3)<<24);return c}var hex_chr="0123456789abcdef".split("");function rhex(f){for(var c="",b=0;4>b;b++)c+=hex_chr[f>>8*b+4&15]+hex_chr[f>>8*b&15];return c}function hex(f){for(var c=0;c<f.length;c++)f[c]=rhex(f[c]);return f.join("")}function md5(f){return hex(md51(f))}function add32(f,c){return f+c&4294967295}"5d41402abc4b2a76b9719d911017c592"!=md5("hello")&&(add32=function(f,c){var b=(f&65535)+(c&65535);return(f>>16)+(c>>16)+(b>>16)<<16|b&65535});
- var VERSION = 1.711;
- var FRIENDLYNAME = 'P'+'onyh'+'oof';
- var SIG = '['+FRIENDLYNAME+' v'+VERSION+']';
- var DISTRIBUTION = 'userjs';
-
- var runMe = true;
- var STORAGEMETHOD = 'none';
- var INTERNALUPDATE = false;
- var USINGMUTATION = false;
-
- var CURRENTPONY = null;
- var REALPONY = CURRENTPONY;
- var BRONYNAME = '';
- var USERID = 0;
- var UILANG = 'en_US';
- var CURRENTLANG = {};
- var ISUSINGPAGE = false;
- var ISUSINGBUSINESS = false;
- var ONPLUGINPAGE = false;
-
- var SETTINGSPREFIX = '';
- var globalSettings = {};
- var GLOBALDEFAULTSETTINGS = {
- 'allowLoginScreen':true,
- 'runForNewUsers':true,
- 'globalSettingsMigrated':false, 'lastUserId':0, 'lastVersion':''
- };
-
- var PONIES = [{"code":"trixie","name":"Trixie","users":["trixie"],"menu_title":"The Great and Powerful Trixie demands your attention!","color":["6e98b4","3a7196"],"icon16":"trixie\/icon16_2.png","soundNotif":"trixie\/notif","loadingText":"Performing magic..."},{"code":"twilight","name":"Twilight Sparkle","users":["twilight","spark","tw\u0131l\u0131ght","twilite","twi light","\u0162wilight"],"search":"twilight sparkle|twilightsparkle|princess twilight","menu_title":"To switch to Princess Twilight, go to Misc > Appearance","color":["9f6eb4","7a3a96"],"icon16":"twilight\/icon32.png","mane6":true,"loadingText":"Studying friendship..."},{"code":"dash","name":"Rainbow Dash","users":["rainbow","dash"],"search":"rainbow dash|rainbowdash|dashie","color":["6e9db4","3a7796"],"soundNotif":"dash\/notif","mane6":true,"loadingText":"Loading... in ten seconds flat!","successText":"Aww yeah!"},{"code":"pinkie","name":"Pinkie Pie","users":["pink"],"search":"pinkie pie|pinkiepie|pinkamena diane pie","color":["b46e8a","963a5f"],"icon16":"pinkie\/favicon2.png","soundNotif":"pinkie\/notif2","mane6":true,"loadingText":"Come on everypony!"},{"code":"applej","name":"Applejack","users":["apple j","applej"],"search":"applejack|apple jack","color":["b4976e","96703a"],"soundNotif":"applej\/notif2","icon16":"applej\/favicon2.png","mane6":true,"loadingText":"Hold on there sugarcube!","successText":"Yeehaw!"},{"code":"flutter","name":"Fluttershy","users":["flutter","flut ter"],"search":"fluttershy|flutter shy","color":["b4ae6e","968e3a"],"icon16":"flutter\/favicon2.png","soundNotif":"flutter\/notif2","mane6":true,"loadingText":"Screaming...","successText":"Yay!"},{"code":"rarity","name":"Rarity","users":["rarity"],"color":["9b6eb4","763a96"],"soundNotif":"rarity\/notif","icon16":"rarity\/favicon2.png","mane6":true,"loadingText":"Whining...","seperator":true},{"code":"aloe","name":"Aloe","users":["aloe"],"search":"aloe|spa pony|spa ponies","color":["b46e91","963a68"],"icon16":"aloe\/favicon2.png"},{"code":"applebloom","name":"Apple Bloom","users":["appleb","apple b"],"search":"apple bloom|applebloom|cmc|cutie mark crusaders","color":["b46e8d","963a63"],"icon16":"_common\/cmc_favicon.png","soundNotif":"applebloom\/notif","loadingText":"Getting her cutie mark...","nocutie":true},{"code":"babsseed","name":"Babs Seed","users":["babs","seed"],"search":"babs seed|babsseed|cmc|cutie mark crusaders","color":["b4976e","96703a"],"icon16":"_common\/cmc_favicon.png","nocutie":true},{"code":"berry","name":"Berry Punch","users":["berry"],"search":"berry punch|berrypunch","color":["a56eb4","823a96"],"icon16":"berry\/favicon2.png"},{"code":"bigmac","name":"Big Macintosh","users":["bigmac","big mac"],"search":"bigmacintosh|big macintosh|big mcintosh|bigmcintosh","color":["b46e75","963a43"],"icon16":"bigmac\/favicon2.png","soundNotif":"bigmac\/notif","loadingText":"Saying eeyup..."},{"code":"bonbon","name":"Bon Bon","users":["bon bon","bonbon","bon-bon"],"search":"bon bon|bonbon","color":["6e89b4","3a5d96"]},{"code":"braeburn","name":"Braeburn","users":["braeburn","breaburn"],"search":"braeburn|breaburn","color":["b4a86e","96873a"],"icon16":"braeburn\/favicon2.png"},{"code":"cadance","name":"Cadance","users":["cadance","cadence"],"search":"cadance|cadence|princess cadance|princess cadence","color":["b46e96","963a6e"]},{"code":"carrot","name":"Carrot Top","users":["golden","carrot"],"search":"carrot top|carrottop|golden harvest","menu_title":"Also known as Golden Harvest","color":["b2b46e","93963a"]},{"code":"celestia","name":"Celestia","users":["celestia","trollestia","molestia"],"search":"celestia|princess celestia","color":["b46e98","963a71"],"icon16":"celestia\/favicon2.png","loadingText":"Raising the sun..."},{"code":"cheerilee","name":"Cheerilee","users":["cheerilee"],"color":["b46e96","963a6e"]},{"code":"colgate","name":"Colgate","users":["colgate","minuette"],"search":"colgate|minuette|minette","menu_title":"Also known as Minuette","color":["6e99b4","3a7396"],"icon16":"colgate\/favicon2.png","soundNotif":"colgate\/notif","loadingText":"Brushing..."},{"code":"cloudchaser","name":"Cloudchaser","users":["cloudch","cloud ch"],"search":"cloudchaser|cloud chaser|stormwalker|storm walker","menu_title":"Also known as Stormwalker","color":["856eb4","593a96"],"icon16":"cloudchaser\/favicon2.png"},{"code":"daring","name":"Daring Do","users":["daring"],"search":"daring do|daringdo","color":["b4a76e","96853a"]},{"code":"derpy","name":"Derpy Hooves","users":["derpy"],"color":["b4b46e","96963a"],"fbIndex_swf":"derpy\/fbIndex.swf","soundNotif":"derpy\/notif","icon16":"derpy\/icon16_2.png","loadingText":"Wondering what went wrong..."},{"code":"diamondtiara","name":"Diamond Tiara","users":["tiara"],"search":"diamond tiara|diamondtiara","color":["926eb4","6a3a96"],"stack":"villian"},{"code":"discord","name":"Discord","users":["discord"],"color":["b46f6e","963c3a"],"stack":"villian","loadingText":"CHOCOLATE RAIN","nocutie":true},{"code":"whooves","name":"Doctor Whooves","users":["whooves","time turn"],"search":"doctor whooves|doctor hooves|time turner","menu_title":"Also known as Time Turner","color":["b4a06e","967c3a"],"icon16":"whooves\/favicon2.png"},{"code":"fleur","name":"Fleur De Lis","users":["fleur","fluer"],"search":"fleur de lis|fluer de lis|fleur dis lee|fluer dis lee","color":["b46eb4","963a96"]},{"code":"flimflam","name":"Flim and Flam","users":["flim","flam"],"color":["b0b46e","91963a"],"loadingText":"Giving opportunities..."},{"code":"flitter","name":"Flitter","users":["Flitter"],"color":["846eb4","573a96"],"icon16":"flitter\/favicon2.png"},{"code":"gilda","name":"Gilda","users":["gilda"],"color":["b49a6e","96743a"],"stack":"villian","nocutie":true},{"code":"ironwill","name":"Iron Will","users":["iron will","ironwill"],"search":"ironwill|iron will","color":["6e84b4","3a5796"],"stack":"villian","nocutie":true},{"code":"sombra","name":"King Sombra","users":["sombra"],"color":["6eb46e","3a963a"],"stack":"villian","nocutie":true},{"code":"lightningdust","name":"Lightning Dust","users":["lightning"],"color":["6eb4ad","3a968d"],"icon16":"lightningdust\/favicon2.png"},{"code":"lotus","name":"Lotus","users":["lotus"],"search":"lotus|spa pony|spa ponies","color":["6ea0b4","3a7c96"],"icon16":"lotus\/favicon2.png"},{"code":"luna","name":"Luna","users":["luna"],"search":"luna|princess luna|nightmare moon|nightmaremoon","color":["6e7eb4","3a5096"],"icon16":"luna\/favicon2.png","soundNotif":"luna\/notif","loadingText":"Doubling the fun...","successText":"Huzzah!"},{"code":"lyra","name":"Lyra","users":["lyra"],"search":"lyra heartstrings","color":["6eb49d","3a9677"],"icon16":"lyra\/favicon2.png"},{"code":"nightmaremoon","name":"Nightmare Moon","users":["nightmare"],"search":"nightmare moon|nightmaremoon|luna|princess luna","color":["6e7fb4","3a5196"],"stack":"villian"},{"code":"nurseredheart","name":"Nurse Redheart","users":["nurse","redheart"],"color":["b46e76","963a45"],"icon16":"nurseredheart\/favicon2.png"},{"code":"octavia","name":"Octavia","users":["octavia"],"color":["b4a76e","96853a"]},{"code":"pinkamena","name":"Pinkamena","users":["pinkamena"],"search":"pinkamena diane pie","color":["b46e8c","963a62"],"stack":"villian"},{"code":"chrysalis","name":"Queen Chrysalis","users":["chrysalis"],"search":"queen chrysalis|changeling","color":["6ea2b4","3a7f96"],"stack":"chrysalis","loadingText":"Feeding...","nocutie":true},{"code":"roidrage","name":"Roid Rage","users":["snowflake","roid","rage"],"search":"snowflake|roidrage|roid rage","menu_title":"Also known as Snowflake","color":["b4ae6e","968e3a"],"soundNotif":"_sound\/roidrage_yeah","successText":"YEAH!"},{"code":"rose","name":"Rose","users":["rose"],"search":"roseluck","menu_title":"Also known as Roseluck","color":["b46e8c","963a62"],"icon16":"rose\/favicon2.png"},{"code":"scootaloo","name":"Scootaloo","users":["scootaloo"],"search":"scootaloo|cmc|cutie mark crusaders|chicken","color":["b4996e","96733a"],"icon16":"_common\/cmc_favicon.png","loadingText":"Getting her cutie mark...","nocutie":true},{"code":"shiningarmor","name":"Shining Armor","users":["shining armor"],"search":"shining armor|shiningarmor","color":["6e7bb4","3a4b96"],"icon16":"shiningarmor\/favicon2.png"},{"code":"silverspoon","name":"Silver Spoon","users":["spoon"],"search":"silver spoon|silverspoon","color":["6e97b4","3a7096"],"stack":"villian"},{"code":"soarin","name":"Soarin'","users":["soarin"],"search":"soarin'|wonderbolts","color":["6e9db4","3a7796"]},{"code":"spike","name":"Spike","users":["spike"],"color":["a26eb4","7f3a96"],"nocutie":true},{"code":"spitfire","name":"Spitfire","users":["spitfire"],"search":"spitfire|wonderbolts","color":["b4ae6e","968e3a"],"icon16":"spitfire\/favicon2.png"},{"code":"sweetieb","name":"Sweetie Belle","users":["sweetieb","sweetie b"],"search":"sweetiebelle|sweetie belle|cmc|cutie mark crusaders","color":["a06eb4","7c3a96"],"icon16":"_common\/cmc_favicon.png","soundNotif":"sweetieb\/notif","loadingText":"Getting her cutie mark...","nocutie":true},{"code":"thunderlane","name":"Thunderlane","users":["thunder"],"search":"thunderlane|thunder lane","color":["6eb4b4","3a9696"]},{"code":"vinyl","name":"Vinyl Scratch","users":["vinyl","vinyx","dj p"],"search":"vinyl scratch|dj pon3|dj-pon3|dj pon 3|dj pon-3","menu_title":"Also known as DJ Pon-3","color":["6ea9b4","3a8896"],"icon16":"vinyl\/favicon2.png","soundNotif":"vinyl\/notif","loadingText":"Wubbing..."},{"code":"zecora","name":"Zecora","users":["zecora"],"color":["b4af6e","96903a"]},{"code":"blank","name":"(Blank)","color":["b46e6e","963a3a"],"hidden":true,"nocutie":true},{"code":"bloomberg","name":"Bloomberg","color":["9fb46e","7a963a"],"hidden":true,"nocutie":true},{"code":"mono","name":"Mono","color":["b46e6e","963a3a"],"stack":"mono","hidden":true},{"code":"taugeh","name":"Taugeh","color":["b4b46e","96963a"],"icon16":"twilight\/icon32.png","hidden":true,"nocutie":true}];
- var LANG = {"af_ZA":{"sniff_comment_tooltip_like":"Hou van hierdie opmerking","sniff_comment_tooltip_unlike":"Hou nie meer van hierdie opmerking nie"},"ar_AR":{"sniff_comment_tooltip_like":"\u0627\u0644\u0625\u0639\u062c\u0627\u0628 \u0628\u0627\u0644\u062a\u0639\u0644\u064a\u0642","sniff_comment_tooltip_unlike":"\u0625\u0644\u063a\u0627\u0621 \u0625\u0639\u062c\u0627\u0628\u064a \u0628\u0647\u0630\u0627 \u0627\u0644\u062a\u0639\u0644\u064a\u0642"},"az_AZ":{"sniff_comment_tooltip_like":"Bu r\u0259yi b\u0259y\u0259n","sniff_comment_tooltip_unlike":"Bu \u015f\u0259rhi b\u0259y\u0259nm\u0259"},"be_BY":{"sniff_comment_tooltip_like":"\u041f\u0430\u0434\u0430\u0431\u0430\u0435\u0446\u0446\u0430","sniff_comment_tooltip_unlike":"\u041c\u043d\u0435 \u0431\u043e\u043b\u044c\u0448 \u043d\u0435 \u043f\u0430\u0434\u0430\u0431\u0430\u0435\u0446\u0446\u0430 \u0433\u044d\u0442\u044b \u043a\u0430\u043c\u044d\u043d\u0442\u0430\u0440"},"bg_BG":{"sniff_comment_tooltip_like":"\u0425\u0430\u0440\u0435\u0441\u0432\u0430\u043c \u0442\u043e\u0437\u0438 \u043a\u043e\u043c\u0435\u043d\u0442\u0430\u0440","sniff_comment_tooltip_unlike":"\u0412\u0435\u0447\u0435 \u043d\u0435 \u0445\u0430\u0440\u0435\u0441\u0432\u0430\u043c"},"bn_IN":{"sniff_comment_tooltip_like":"\u09ae\u09a8\u09cd\u09a4\u09ac\u09cd\u09af\u099f\u09bf \u09ad\u09be\u09b2\u09cb \u09b2\u09c7\u0997\u09c7\u099b\u09c7","sniff_comment_tooltip_unlike":"\u09ad\u09be\u09b2\u09cb \u09b2\u09be\u0997\u09c7\u09a8\u09bf"},"bs_BA":{"sniff_comment_tooltip_like":"Svi\u0111a mi se ovaj komentar","sniff_comment_tooltip_unlike":"Ne svi\u0111a mi se komentar"},"ca_ES":{"sniff_comment_tooltip_like":"M'agrada aquest comentari","sniff_comment_tooltip_unlike":"Ja no m'agrada aquest comentari."},"cs_CZ":{"sniff_comment_tooltip_like":"Tento koment\u00e1\u0159 se mi l\u00edb\u00ed.","sniff_comment_tooltip_unlike":"Koment\u00e1\u0159 se mi u\u017e nel\u00edb\u00ed","close":"Zav\u0159\u00edt"},"cy_GB":{"sniff_comment_tooltip_like":"Hoffi'r sylw hwn","sniff_comment_tooltip_unlike":"Peidio hoffi'r sylw hwn"},"da_DK":{"fb_composer_lessons":"Hvilke lektioner i venskab har du l\u00e6rt idag?","sniff_comment_tooltip_like":"Tilkendegiv, at du synes godt om denne kommentar","sniff_comment_tooltip_unlike":"Synes ikke godt om denne kommentar l\u00e6ngere","close":"Luk"},"de_DE":{"fb_composer_lessons":"Welche Lektionen \u00fcber Freundschaft hast Du heute gelernt?","sniff_comment_tooltip_like":"Dieser Kommentar gef\u00e4llt mir","sniff_comment_tooltip_unlike":"Dieser Kommentar gef\u00e4llt mir nicht mehr","close":"Schlie\u00dfen"},"el_GR":{"sniff_comment_tooltip_like":"\u039c\u03bf\u03c5 \u03b1\u03c1\u03ad\u03c3\u03b5\u03b9 \u03b1\u03c5\u03c4\u03cc \u03c4\u03bf \u03c3\u03c7\u03cc\u03bb\u03b9\u03bf","sniff_comment_tooltip_unlike":"\"\u0394\u03b5\u03bd \u03bc\u03bf\u03c5 \u03b1\u03c1\u03ad\u03c3\u03b5\u03b9!\" \u03b1\u03c5\u03c4\u03cc \u03c4\u03bf \u03c3\u03c7\u03cc\u03bb\u03b9\u03bf"},"en_PI":{"sniff_comment_tooltip_like":"This comment be pleasin","sniff_comment_tooltip_unlike":"Care not fer such trifles"},"en_US":{"fb_composer_lessons":"What lessons in friendship have you learned today?","fb_comment_box":"Write a friendship letter...","fb_search_box":"Search for ponies, places and things","fb_search_boxAlt":"Type to search for ponies, places and things","fb_composer_coolstory":"Write a cool story...","fb_composer_ponies":"Ponies!","fb_composer_ponies_caps":"PONIES!!!","fb_share_tooltip":"Remember! You gotta share... You gotta care...","sniff_comment_tooltip_like":"Like this comment","sniff_comment_tooltip_unlike":"Unlike this comment","sniff_fb_search_boxAlt":"Type to search","close":"Close","reloadNow":"Reload now","notNow":"Not now","invertSelection":"Invert selection","finish":"Finish","done":"Eeyup","options_title":"Ponyhoof Options","options_tabs_main":"General","options_tabs_background":"Background","options_tabs_sounds":"Sounds","options_tabs_extras":"Misc","options_tabs_advanced":"Debug","options_tabs_about":"About","settings_disable_runForNewUsers_explain":"If you enable this, Ponyhoof will not automatically run for other Facebook accounts that did not activate Ponyhoof yet. They can still open Ponyhoof Options to re-enable Ponyhoof if they wish to.","settings_extras_login_bg":"Use alternate background","settings_sounds":"Play sounds (e.g. notifications and dialogs)","settings_sounds_noNotification":"Play sounds (e.g. dialogs)","settings_extras_runForNewUsers_explain":"If you disable this, Ponyhoof will not automatically run for other Facebook accounts that did not activate Ponyhoof yet. They can still open Ponyhoof Options to re-enable Ponyhoof if they wish to.","settings_main_visitPage":"Visit the Ponyhoof page for news or contact us","settings_main_visitPageBusiness":"Visit the Ponyhoof page for news","settings_sounds_unavailable":"Notification sounds are not available on your browser. Please update your browser if possible.","updater_title":"Update Ponyhoof","costume_tooltip":"Limited to certain characters only"},"eo_EO":{"sniff_comment_tooltip_like":"\u015cati \u0109i tiun komenton","sniff_comment_tooltip_unlike":"Ne plu \u015dati \u0109i tiun komenton"},"es_ES":{"sniff_comment_tooltip_like":"Me gusta este comentario","sniff_comment_tooltip_unlike":"Ya no me gusta este comentario","close":"Cerrar"},"es_LA":{"fb_composer_lessons":"\u00bfQue has aprendido hoy sobre la amistad?","fb_comment_box":"Escribe un reporte de amistad...","sniff_comment_tooltip_like":"Me gusta este comentario","sniff_comment_tooltip_unlike":"Ya no me gusta este comentario","close":"Cerrar"},"et_EE":{"sniff_comment_tooltip_like":"Meeldib see kommentaar","sniff_comment_tooltip_unlike":"Ei meeldi enam"},"eu_ES":{"sniff_comment_tooltip_like":"Iruzkin hau atsegin dut","sniff_comment_tooltip_unlike":"Iruzkin hau desatsegin"},"fa_IR":{"sniff_comment_tooltip_like":"\u0627\u06cc\u0646 \u062f\u06cc\u062f\u06af\u0627\u0647 \u0631\u0627 \u0645\u06cc\u200c\u067e\u0633\u0646\u062f\u0645","sniff_comment_tooltip_unlike":"\u0627\u06cc\u0646 \u062f\u06cc\u062f\u06af\u0627\u0647 \u0631\u0627 \u0646\u067e\u0633\u0646\u062f\u06cc\u062f\u0645"},"fb_LT":{"fb_composer_lessons":"W|-|47 \u00a33550|\\|5 !|\\| |=|2!3|\\||)5|-|!|* |-|4\\\/3 '\/0|_| \u00a334|2|\\|3|) 70|)4'\/?","fb_comment_box":"W|2!73 4 |=|2!3|\\||)5|-|!|* \u00a33773|2...","fb_search_box":"S34|2(|-| |=0|2 |*0|\\|!35, |*\u00a34(35 4|\\||) 7|-|!|\\|95","fb_search_boxAlt":"T'\/|*3 70 534|2(|-| |=0|2 |*0|\\|!35, |*\u00a34(35 4|\\||) 7|-|!|\\|95","fb_composer_coolstory":"W|2!73 4 (00\u00a3 570|2'\/...","fb_composer_ponies":"P0|\\|!35!","fb_composer_ponies_caps":"PONIES!!!","fb_share_tooltip":"R3|\\\/|3|\\\/|83|2! Y0|_| 90774 5|-|4|23... Y0|_| 90774 (4|23...","close":"Alt+F4","reloadNow":"R3\u00a304|) |\\|0vv","notNow":"N07 |\\|0vv","invertSelection":"I|\\|\\\/3|27 53\u00a33(7!0|\\|","finish":"F!|\\|!5|-|","done":"E3'\/|_||*","options_title":"P0|\\|'\/|-|00|= O|*7!0|\\|5","options_tabs_main":"G3|\\|3|24\u00a3","options_tabs_background":"B4(k9|20|_||\\||)","options_tabs_sounds":"S0|_||\\||)5","options_tabs_extras":"M!5(","options_tabs_advanced":"D38|_|9","options_tabs_about":"A80|_|7","settings_disable_runForNewUsers_explain":"I|= '\/0|_| 3|\\|48\u00a33 7|-|!5, P0|\\|'\/|-|00|= vv!\u00a3\u00a3 |\\|07 4|_|70|\\\/|47!(4\u00a3\u00a3'\/ |2|_||\\| |=0|2 07|-|3|2 F4(3800k 4((0|_||\\|75 7|-|47 |)!|) |\\|07 4(7!\\\/473 P0|\\|'\/|-|00|= '\/37. T|-|3'\/ (4|\\| 57!\u00a3\u00a3 0|*3|\\| P0|\\|'\/|-|00|= O|*7!0|\\|5 70 |23-3|\\|48\u00a33 P0|\\|'\/|-|00|= !|= 7|-|3'\/ vv!5|-| 70.","settings_extras_login_bg":"U53 4\u00a373|2|\\|473 84(k9|20|_||\\||)","settings_sounds":"P\u00a34'\/ 50|_||\\||)5 (3.9. |\\|07!|=!(47!0|\\|5 4|\\||) |)!4\u00a3095)","settings_sounds_noNotification":"P\u00a34'\/ 50|_||\\||)5 (3.9. |)!4\u00a3095)","settings_extras_runForNewUsers_explain":"I|= '\/0|_| |)!548\u00a33 7|-|!5, P0|\\|'\/|-|00|= vv!\u00a3\u00a3 |\\|07 4|_|70|\\\/|47!(4\u00a3\u00a3'\/ |2|_||\\| |=0|2 07|-|3|2 F4(3800k 4((0|_||\\|75 7|-|47 |)!|) |\\|07 4(7!\\\/473 P0|\\|'\/|-|00|= '\/37. T|-|3'\/ (4|\\| 57!\u00a3\u00a3 0|*3|\\| P0|\\|'\/|-|00|= O|*7!0|\\|5 70 |23-3|\\|48\u00a33 P0|\\|'\/|-|00|= !|= 7|-|3'\/ vv!5|-| 70.","settings_main_visitPage":"V!5!7 7|-|3 P0|\\|'\/|-|00|= |*493 |=0|2 |\\|3vv5 0|2 (0|\\|74(7 |_|5","settings_main_visitPageBusiness":"V!5!7 7|-|3 P0|\\|'\/|-|00|= |*493 |=0|2 |\\|3vv5","settings_sounds_unavailable":"N07!|=!(47!0|\\| 50|_||\\||)5 4|23 |\\|07 4\\\/4!\u00a348\u00a33 0|\\| '\/0|_||2 8|20vv53|2. P\u00a33453 |_||*|)473 '\/0|_||2 8|20vv53|2 !|= |*055!8\u00a33.","updater_title":"U|*|)473 P0|\\|'\/|-|00|=","costume_tooltip":"L!|\\\/|!73|) 70 (3|274!|\\| (|-|4|24(73|25 0|\\|\u00a3'\/","sniff_comment_tooltip_like":"<3"},"fi_FI":{"fb_composer_lessons":"Mit\u00e4 oppeja yst\u00e4vyydest\u00e4 olet oppinut t\u00e4n\u00e4\u00e4n?","sniff_comment_tooltip_like":"Tykk\u00e4\u00e4 t\u00e4st\u00e4 kommentista","sniff_comment_tooltip_unlike":"En tykk\u00e4\u00e4k\u00e4\u00e4n","close":"Sulje"},"fo_FO":{"sniff_comment_tooltip_like":"M\u00e6r d\u00e1mar vi\u00f0merkingina"},"fr_CA":{"fb_composer_lessons":"Quelles le\u00e7ons sur l'amiti\u00e9 avez-vous appris aujourd'hui ?","sniff_comment_tooltip_like":"J\u2019aime ce commentaire","sniff_comment_tooltip_unlike":"Je n\u2019aime plus ce commentaire","close":"Fermer"},"fr_FR":{"fb_composer_lessons":"Quelles le\u00e7ons sur l'amiti\u00e9 avez-vous appris aujourd'hui ?","sniff_comment_tooltip_like":"J\u2019aime ce commentaire","sniff_comment_tooltip_unlike":"Je n\u2019aime plus ce commentaire","close":"Fermer"},"fy_NL":{"sniff_comment_tooltip_like":"Leuke reaksje","sniff_comment_tooltip_unlike":"Ik mei net mear oer dit berjocht"},"ga_IE":{"fb_composer_lessons":"cad ceachtanna i cairdeas ad'fhoghlaim t\u00fa inniu?","sniff_comment_tooltip_like":"L\u00e9irigh gur maith leat an tr\u00e1cht seo","sniff_comment_tooltip_unlike":"N\u00ed maith liom an tr\u00e1cht seo","close":"D\u00fan"},"gl_ES":{"sniff_comment_tooltip_like":"G\u00fastame este comentario","sniff_comment_tooltip_unlike":"Xa non me gusta"},"he_IL":{"fb_composer_lessons":"\u05d0\u05d9\u05dc\u05d5 \u05dc\u05e7\u05d7\u05d9\u05dd \u05d1\u05d9\u05d3\u05d9\u05d3\u05d5\u05ea \u05dc\u05de\u05d3\u05ea \u05d4\u05d9\u05d5\u05dd?","sniff_comment_tooltip_like":"\u05d0\u05d5\u05d4\u05d1 \u05d0\u05ea \u05d4\u05ea\u05d2\u05d5\u05d1\u05d4","sniff_comment_tooltip_unlike":"\u05dc\u05d0 \u05d0\u05d4\u05d1\/\u05d4 \u05d0\u05ea \u05ea\u05d2\u05d5\u05d1\u05d4 \u05d6\u05d5","close":"\u05e1\u05d2\u05d5\u05e8"},"hi_IN":{"sniff_comment_tooltip_like":"\u091f\u093f\u092a\u094d\u092a\u0923\u0940 \u092a\u0938\u0902\u0926 \u0915\u0930\u0947\u0902","sniff_comment_tooltip_unlike":"\u0907\u0938 \u091f\u093f\u092a\u094d\u092a\u0923\u0940 \u0915\u094b \u0928\u093e\u092a\u0938\u0902\u0926 \u0915\u0930\u0947\u0902"},"hr_HR":{"sniff_comment_tooltip_like":"Svi\u0111a mi se ovaj komentar","sniff_comment_tooltip_unlike":"Ne svi\u0111a mi se"},"hu_HU":{"fb_composer_lessons":"Mit tanult\u00e1l ma a bar\u00e1ts\u00e1gr\u00f3l?","sniff_comment_tooltip_like":"Tetszik a bejegyz\u00e9s.","sniff_comment_tooltip_unlike":"M\u00e9gsem tetszik","close":"Bez\u00e1r\u00e1s"},"hy_AM":{"sniff_comment_tooltip_like":"\u0540\u0561\u057e\u0561\u0576\u0565\u056c \u0561\u0575\u057d \u0574\u0565\u056f\u0576\u0561\u0562\u0561\u0576\u0578\u0582\u0569\u0575\u0578\u0582\u0576\u0568","sniff_comment_tooltip_unlike":"\u0549\u0570\u0561\u057e\u0561\u0576\u0565\u056c \u0561\u0575\u057d \u0574\u0565\u056f\u0576\u0561\u0562\u0561\u0576\u0578\u0582\u0569\u0575\u0578\u0582\u0576\u0568"},"id_ID":{"fb_composer_lessons":"Apa pelajaran yang kalian dapat tentang persahabatan hari ini?","sniff_comment_tooltip_like":"Suka komentar ini","sniff_comment_tooltip_unlike":"Tidak suka komentar ini","close":"Tutup"},"is_IS":{"sniff_comment_tooltip_like":"L\u00edkar vi\u00f0 \u00feessi umm\u00e6li","sniff_comment_tooltip_unlike":"L\u00edka ekki vi\u00f0 \u00feessi umm\u00e6li"},"it_IT":{"fb_composer_lessons":"Che cosa hai imparato oggi sull'amicizia?","sniff_comment_tooltip_like":"Di' che ti piace questo commento","sniff_comment_tooltip_unlike":"Di' che non ti piace pi\u00f9 questo commento","close":"Chiudi"},"ja_JP":{"fb_composer_lessons":"\u4eca\u65e5\u306f\u53cb\u60c5\u306b\u3069\u306e\u3088\u3046\u306a\u6559\u8a13\u3092\u5b66\u3073\u307e\u3057\u305f\u304b\uff1f","sniff_comment_tooltip_like":"\u3053\u306e\u30b3\u30e1\u30f3\u30c8\u306f\u3044\u3044\u306d\uff01","sniff_comment_tooltip_unlike":"\u3044\u3044\u306d\uff01\u3092\u53d6\u308a\u6d88\u3059","close":"\u9589\u3058\u308b"},"ka_GE":{"sniff_comment_tooltip_like":"\u10db\u10dd\u10d8\u10ec\u10dd\u10dc\u10d4 \u10d4\u10e1 \u10d9\u10dd\u10db\u10d4\u10dc\u10e2\u10d0\u10e0\u10d8","sniff_comment_tooltip_unlike":"\u10d0\u10e6\u10d0\u10e0 \u10db\u10dd\u10db\u10ec\u10dd\u10dc\u10e1 \u10d4\u10e1 \u10d9\u10dd\u10db\u10d4\u10dc\u10e2\u10d0\u10e0\u10d8"},"km_KH":{"sniff_comment_tooltip_like":"\u1785\u17bc\u179b\u1785\u17b7\u178f\u17d2\u178f \u179c\u17b7\u1785\u17b6\u179a \u1793\u17c1\u17c7","sniff_comment_tooltip_unlike":"\u179b\u17c2\u1784\u1785\u17bc\u179b\u1785\u17b7\u178f\u17d2\u178f\u1798\u178f\u17b7\u1793\u17c1\u17c7"},"ko_KR":{"fb_composer_lessons":"\uc6b0\uc815\uc5d0 \uad00\ud574\uc11c \uc624\ub298 \ubb34\uc5c7\uc744 \ubc30\uc6e0\ub098\uc694?","sniff_comment_tooltip_like":"\uc88b\uc544\uc694","sniff_comment_tooltip_unlike":"\uc88b\uc544\uc694 \ucde8\uc18c","close":"\ub2eb\uae30"},"ku_TR":{"sniff_comment_tooltip_like":"V\u00ea \u015f\u00eerovey\u00ea biecib\u00eene","sniff_comment_tooltip_unlike":"V\u00ea \u015firovey\u00ea neecib\u00eene"},"la_VA":[],"lt_LT":{"fb_composer_lessons":"Kokias \u017einias apie draugyst\u0119 i\u0161mokote \u0161iandien?","sniff_comment_tooltip_like":"Patinka \u0161is komentaras","sniff_comment_tooltip_unlike":"Nepatinka \u0161is komentaras","close":"U\u017edaryti"},"lv_LV":{"sniff_comment_tooltip_unlike":"Koment\u0101rs vairs nepat\u012bk"},"mk_MK":{"fb_composer_lessons":"\u041a\u043e\u0438 \u043b\u0435\u043a\u0446\u0438\u0438 \u0437\u0430 \u043f\u0440\u0438\u0458\u0430\u0442\u0435\u043b\u0441\u0442\u0432\u043e\u0442\u043e \u0434\u043e\u0437\u043d\u0430\u0432\u0442\u0435 \u0434\u0435\u043d\u0435\u0441?","sniff_comment_tooltip_like":"\u041c\u0438 \u0441\u0435 \u0434\u043e\u043f\u0430\u0453\u0430 \u043a\u043e\u043c\u0435\u043d\u0442\u0430\u0440\u043e\u0432","sniff_comment_tooltip_unlike":"\u041d\u0435 \u043c\u0438 \u0441\u0435 \u0434\u043e\u043f\u0430\u0453\u0430","close":"\u0417\u0430\u0442\u0432\u043e\u0440\u0438"},"ml_IN":{"sniff_comment_tooltip_like":"\u0d08 \u0d05\u0d2d\u0d3f\u0d2a\u0d4d\u0d30\u0d3e\u0d2f\u0d02 \u0d07\u0d37\u0d4d\u0d1f\u0d2e\u0d3e\u0d2f\u0d3f"},"ms_MY":{"fb_composer_lessons":"Apakah pelajaran tentang persahabatan yang telah anda pelajari hari ini?","fb_comment_box":"Tuliskan surat persahabatan...","fb_composer_ponies":"Kuda!","fb_composer_ponies_caps":"KUDA!!!","sniff_comment_tooltip_like":"Suka komen ini","sniff_comment_tooltip_unlike":"Tidak suka komen ini","close":"Tutup","options_title":"Opsyen Ponyhoof"},"nb_NO":{"sniff_comment_tooltip_like":"Lik denne kommentaren"},"ne_NP":[],"nl_NL":{"fb_composer_lessons":"Wat heb je vandaag geleerd over vriendschap?","sniff_comment_tooltip_like":"Leuke reactie","sniff_comment_tooltip_unlike":"Reactie niet meer leuk","close":"Sluiten"},"pa_IN":{"sniff_comment_tooltip_like":"\u0a07\u0a39 \u0a1f\u0a3f\u0a71\u0a2a\u0a23\u0a40 \u0a2a\u0a38\u0a70\u0a26 \u0a15\u0a30\u0a4b","sniff_comment_tooltip_unlike":"\u0a07\u0a39 \u0a1f\u0a3f\u0a71\u0a2a\u0a23\u0a40 \u0a28\u0a3e\u0a2a\u0a38\u0a70\u0a26 \u0a15\u0a30\u0a4b|"},"pl_PL":{"fb_composer_lessons":"Czego si\u0119 dzisiaj nauczy\u0142e\u015b o przyja\u017ani?","sniff_comment_tooltip_like":"Polub komentarz","sniff_comment_tooltip_unlike":"Nie lubi\u0119 tego komentarza","close":"Zamknij"},"ps_AF":[],"pt_BR":{"fb_composer_lessons":"Quais li\u00e7\u00f5es sobre amizade voc\u00ea aprendeu hoje?","sniff_comment_tooltip_like":"Curtir este coment\u00e1rio","sniff_comment_tooltip_unlike":"Curtir (desfazer) este coment\u00e1rio","close":"Fechar"},"pt_PT":{"fb_composer_lessons":"Que li\u00e7\u00f5es de amizade voc\u00ea aprendeu hoje?","sniff_comment_tooltip_like":"Gosto deste coment\u00e1rio","sniff_comment_tooltip_unlike":"N\u00e3o gosto deste coment\u00e1rio","close":"Fechar"},"ro_RO":{"fb_composer_lessons":"Ce lec\u0163ii despre prietenie ai \u00eenv\u0103\u0163at ast\u0103zi?","sniff_comment_tooltip_like":"\u00cemi place acest comentariu","sniff_comment_tooltip_unlike":"Nu-mi mai place acest comentariu","close":"\u00cenchide"},"ru_RU":{"fb_composer_lessons":"\u041a\u0430\u043a\u0438\u0435 \u0443\u0440\u043e\u043a\u0438 \u0434\u0440\u0443\u0436\u0431\u044b \u0432\u044b \u0432\u044b\u0443\u0447\u0438\u043b\u0438 \u0441\u0435\u0433\u043e\u0434\u043d\u044f?","sniff_comment_tooltip_like":"\u041c\u043d\u0435 \u043d\u0440\u0430\u0432\u0438\u0442\u0441\u044f \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0439","sniff_comment_tooltip_unlike":"\u041d\u0435 \u043d\u0440\u0430\u0432\u0438\u0442\u0441\u044f","close":"\u0417\u0430\u043a\u0440\u044b\u0442\u044c"},"sk_SK":{"fb_composer_lessons":"Ak\u00e9 lekcie priate\u013estva si sa nau\u010dil dnes?","sniff_comment_tooltip_like":"P\u00e1\u010di sa mi tento koment\u00e1r","sniff_comment_tooltip_unlike":"Tento koment\u00e1r sa mi u\u017e nep\u00e1\u010di","close":"Zavrie\u0165"},"sl_SI":{"fb_composer_lessons":"Kaj si se o prijateljstvu nau\u010dil\/-a danes?","sniff_comment_tooltip_like":"V\u0161e\u010d mi je","sniff_comment_tooltip_unlike":"Ta komentar mi ni v\u0161e\u010d","close":"Zapri"},"sq_AL":{"sniff_comment_tooltip_like":"P\u00eblqeje k\u00ebt\u00eb koment","sniff_comment_tooltip_unlike":"Mos p\u00eblqe k\u00ebt\u00eb koment"},"sr_RS":{"sniff_comment_tooltip_like":"\u0421\u0432\u0438\u0452\u0430 \u043c\u0438 \u0441\u0435 \u043a\u043e\u043c\u0435\u043d\u0442\u0430\u0440.","sniff_comment_tooltip_unlike":"\u041d\u0435 \u0441\u0432\u0438\u0452\u0430 \u043c\u0438 \u0441\u0435 \u043e\u0432\u0430\u0458 \u043a\u043e\u043c\u0435\u043d\u0442\u0430\u0440","close":"\u0417\u0430\u0442\u0432\u043e\u0440\u0438"},"sv_SE":{"fb_composer_lessons":"Vilka l\u00e4rdomar i v\u00e4nskap har du l\u00e4rt dig idag?","sniff_comment_tooltip_like":"Gilla den h\u00e4r kommentaren","sniff_comment_tooltip_unlike":"Sluta gilla den h\u00e4r kommentaren","close":"St\u00e4ng"},"sw_KE":[],"ta_IN":{"sniff_comment_tooltip_like":"\u0b87\u0b95\u0bcd\u0b95\u0bb0\u0bc1\u0ba4\u0bcd\u0ba4\u0bbf\u0ba9\u0bc8 \u0bb5\u0bbf\u0bb0\u0bc1\u0bae\u0bcd\u0baa\u0bc1\u0b95\u0bbf\u0bb1\u0bc7\u0ba9\u0bcd","sniff_comment_tooltip_unlike":"\u0b87\u0b95\u0bcd\u0b95\u0bb0\u0bc1\u0ba4\u0bcd\u0ba4\u0bbf\u0ba9\u0bc8 \u0bb5\u0bbf\u0bb0\u0bc1\u0bae\u0bcd\u0baa\u0bb5\u0bbf\u0bb2\u0bcd\u0bb2\u0bc8","close":"\u0e1b\u0e34\u0e14"},"te_IN":{"sniff_comment_tooltip_unlike":"\u0c35\u0c4d\u0c2f\u0c3e\u0c16\u0c4d\u0c2f \u0c28\u0c1a\u0c4d\u0c1a\u0c32\u0c47\u0c26\u0c41"},"th_TH":{"sniff_comment_tooltip_like":"\u0e16\u0e39\u0e01\u0e43\u0e08\u0e04\u0e27\u0e32\u0e21\u0e04\u0e34\u0e14\u0e40\u0e2b\u0e47\u0e19\u0e19\u0e35\u0e49","sniff_comment_tooltip_unlike":"\u0e40\u0e25\u0e34\u0e01\u0e16\u0e39\u0e01\u0e43\u0e08\u0e04\u0e27\u0e32\u0e21\u0e04\u0e34\u0e14\u0e40\u0e2b\u0e47\u0e19\u0e19\u0e35\u0e49"},"tl_PH":{"fb_composer_lessons":"Anong mga aralin sa pagkakaibigan ang natutunan mo ngayon?","sniff_comment_tooltip_like":"Gustuhin ang komentong ito","sniff_comment_tooltip_unlike":"Ayawan ang komentong ito","close":"Isara"},"tr_TR":{"fb_composer_lessons":"Bug\u00fcn arkada\u015fl\u0131kla ilgili neler \u00f6\u011frendin?","sniff_comment_tooltip_like":"Bu yorumu be\u011fen","sniff_comment_tooltip_unlike":"Bu yorumu be\u011fenmekten vazge\u00e7","close":"Kapat"},"uk_UA":{"fb_composer_lessons":"\u042f\u043a\u0456 \u0443\u0440\u043e\u043a\u0438 \u0432 \u0434\u0440\u0443\u0436\u0431\u0456 \u0432\u0438 \u0434\u0456\u0437\u043d\u0430\u043b\u0438\u0441\u044f \u0441\u044c\u043e\u0433\u043e\u0434\u043d\u0456?","sniff_comment_tooltip_like":"\u0412\u043f\u043e\u0434\u043e\u0431\u0430\u0442\u0438 \u043a\u043e\u043c\u0435\u043d\u0442\u0430\u0440","sniff_comment_tooltip_unlike":"\u041d\u0435 \u043f\u043e\u0434\u043e\u0431\u0430\u0454\u0442\u044c\u0441\u044f \u043a\u043e\u043c\u0435\u043d\u0442\u0430\u0440","close":"\u0417\u0430\u043a\u0440\u0438\u0442\u0438"},"vi_VN":{"sniff_comment_tooltip_like":"Th\u00edch b\u00ecnh lu\u1eadn n\u00e0y","sniff_comment_tooltip_unlike":"B\u1ecf th\u00edch b\u00ecnh lu\u1eadn n\u00e0y n\u1eefa"},"zh_CN":{"sniff_comment_tooltip_like":"\u559c\u6b22\u6b64\u8bc4\u8bba","sniff_comment_tooltip_unlike":"\u4e0d\u559c\u6b22\u6b64\u8bc4\u8bba","close":"\u5173\u95ed"},"zh_HK":{"sniff_comment_tooltip_like":"\u5c0d\u9019\u5247\u7559\u8a00\u8b9a\u597d","sniff_comment_tooltip_unlike":"\u53d6\u6d88\u8b9a\u597d"},"zh_TW":{"fb_composer_lessons":"\u4f60\u4eca\u5929\u5f9e\u53cb\u60c5\u88e1\u9762\u5b78\u5230\u4e86\u4ec0\u9ebc\uff1f","sniff_comment_tooltip_like":"\u8aaa\u9019\u5247\u7559\u8a00\u8b9a","sniff_comment_tooltip_unlike":"\u6536\u56de\u8b9a","close":"\u95dc\u9589"}};
- var SOUNDS = {"AUTO":{"name":"(Auto-select)","seperator":true},"_sound\/defaultNotification":{"name":"Casting magic","title":"This will also be used for characters that do not have their own notification sound"},"trixie\/notif":{"name":"Trixie - Watch in awe!"},"dash\/notif":{"name":"Rainbow Dash - Aww yeah!"},"pinkie\/notif2":{"name":"Pinkie Pie - *rimshot*"},"applej\/notif":{"name":"Applejack - Yeehaw!"},"flutter\/notif2":{"name":"Fluttershy - Yay!"},"rarity\/notif":{"name":"Rarity - This is whining!"},"applebloom\/notif":{"name":"Apple Bloom - That'll be four bits"},"bigmac\/notif":{"name":"Big Macintosh - Eeyup"},"colgate\/notif":{"name":"Colgate - Why you don't brush your teeth"},"derpy\/notif":{"name":"Derpy Hooves - I brought you a letter!"},"luna\/notif":{"name":"Luna - Huzzah!"},"_sound\/roidrage_yeah":{"name":"Roid Rage\/Snowflake - YEAH!"},"sweetieb\/notif":{"name":"Sweetie Belle - Oh come on!"},"vinyl\/notif":{"name":"Vinyl Scratch - Yeah!","seperator":true},"twilight\/notif":{"name":"Twilight Sparkle - It's not over yet!"},"_sound\/grin2":{"name":"Fluttershy - *squee*"},"_sound\/dash_dundundun":{"name":"Rainbow Dash - DUN DUN DUN"},"_sound\/dash_egghead":{"name":"Rainbow Dash - I'm an egghead"},"_sound\/pinkie_boring":{"name":"Pinkie Pie - Booooring!"},"_sound\/pinkie_gasp":{"name":"Pinkie Pie - *gasp*"},"_sound\/pinkie_partycannon":{"name":"Pinkie Pie - Party cannon"},"_sound\/pinkie_pinkiepiestyle":{"name":"Pinkie Pie - Pinkie Pie style!"},"_sound\/flutter_woohoo":{"name":"Fluttershy - Woo hoo"},"_sound\/rarity_dumbrock":{"name":"Rarity - Dumb rock!"},"_sound\/rarity_itison":{"name":"Rarity - Oh. It. Is. On!"},"_sound\/rarity_wahaha":{"name":"Rarity - Wahaha!"},"_sound\/octavia_nevermess":{"name":"Octavia - Never mess with Octavia"},"_sound\/vinyl_awyeah":{"name":"Vinyl Scratch - Aw yeah!"},"_sound\/vinyl_mybasscannon":{"name":"Vinyl Scratch - My bass cannon!"},"_sound\/vinyl_wubwubwub":{"name":"Vinyl Scratch - Wubwubwub"},"_sound\/vinyl_wubedubdub":{"name":"Vinyl Scratch - Wubedubdub"},"_sound\/vinyl_yougotwubs":{"name":"Vinyl Scratch - You got wubs"}};
- var SOUNDS_CHAT = {"_sound\/grin2":{"name":"Fluttershy - *squee*"},"_sound\/chat_boing":{"name":"Boing"}};
- var HTMLCLASS_SETTINGS = ['login_bg', 'disable_animation', 'pinkieproof', 'disable_emoticons'];
- var DEFAULTSETTINGS = {
- 'theme':CURRENTPONY,
- 'login_bg':false, 'customBg':null, //'allowLoginScreen':true,
- 'sounds':false, 'soundsFile':'AUTO', 'soundsNotifTypeBlacklist':'', 'soundsVolume':1, 'chatSound':true, 'chatSoundFile':'_sound/grin2',
- //'show_messages_other':true,
- 'pinkieproof':false, 'forceEnglish':false, 'disable_emoticons':false, 'randomPonies':'', 'costume': '', //'commentBrohoofed':true,
- 'disable_animation':false, 'disableDomNodeInserted':false, //'disableCommentBrohoofed':false,
- 'customcss':'', 'debug_dominserted_console':false, 'debug_slow_load':false, 'debug_disablelog':false, 'debug_noMutationObserver':false, 'debug_mutationDebug':false, 'debug_exposed':false, 'debug_betaFacebookLinks':false //,'debug_mutationObserver':false,
- //'lastVersion':''
-
- //'survivedTheNight', 'chatSound1401', 'randomSettingMigrated'
- };
- var STACKS_LANG = [{"stack":"pony","people":"ponies","person":"pony","friend":"pal","friends":"pals","friend_logic":"pal","friends_logic":"pals","like":"brohoof","likes":"brohoofs","unlike":"unbrohoof","like_past":"brohoof","likes_past":"brohoofs","liked":"brohoof'd","liked_button":"brohoof'd","liking":"brohoofing","findFriendship":"Find Friendship"},{"stack":"chrysalis","people":"changelings","person":"changeling","friend":"prey","friends":"prey","friend_logic":"changeling","friends_logic":"changelings","like":"feed","likes":"feeds","unlike":"unfeed","like_past":"fed on","likes_past":"fed on","liked":"fed on","liked_button":"fed","liking":"feeding","findFriendship":"Find Prey"},{"stack":"villian","people":"ponies","person":"pony","friend":"pal","friends":"pals","friend_logic":"pal","friends_logic":"pals","like":"brohoof","likes":"brohoofs","unlike":"unbrohoof","like_past":"brohoof","likes_past":"brohoofs","liked":"brohoof'd","liked_button":"brohoof'd","liking":"brohoofing","findFriendship":"Find Friendship"}];
- var CURRENTSTACK = STACKS_LANG[0];
- var COSTUMESX = {"winterwrapup":{"name":"Winter Wrap Up","characters":["twilight","dash","pinkie","applej","flutter","rarity","derpy"]},"nightmarenight":{"name":"Nightmare Night","characters":["twilight","dash","pinkie","applej","flutter","applebloom","bigmac","derpy","luna","scootaloo","spike","sweetieb","zecora"]},"hearthwarming":{"name":"Hearth's Warming","characters":["twilight","dash","pinkie","applej","flutter","rarity"]},"season3premiere":{"name":"Season 3 Premiere","characters":["twilight","rarity"]},"crystal":{"name":"Crystal Pony","characters":["twilight","dash","pinkie","applej","flutter","rarity","cadance"]},"wedding":{"name":"Canterlot Wedding","characters":["sweetieb"]},"coronation":{"name":"Princess Coronation Dresses","characters":["dash","pinkie","applej","flutter","rarity","cadance"]},"princess":{"name":"Princess Twilight Sparkle","characters":["twilight"]}};
- var SOUNDS_NOTIFTYPE = {
- poke: {name:"Nuzzles", type:"poke"}
- ,like: {name:"Brohoofs", type:"like"}
- ,group_activity: {name:"New posts in herds and tags about you", type:"group_activity"}
- ,group_r2j: {name:"Herd join requests", type:"group_r2j"}
- ,group_added_to_group: {name:"Herd invites from friends", type:"group_added_to_group"}
- ,plan_reminder: {name:"Adventure reminders", type:"plan_reminder"}
- ,follow_profile: {name:"New followers", type:"follow_profile"}
- //,photo_made_profile_pic: {name:"Made your pony pic his/her profile picture", type:"photo_made_profile_pic"}
- ,answers_answered: {name:"New answers on the Facebook Help Center", type:"answers_answered"}
-
- ,app_invite: {name:"Game/app requests", type:"app_invite"}
- ,close_friend_activity: {name:"Posts from Close Friends", type:"close_friend_activity"}
- ,notify_me: {name:"Page posts that you subscribed to", type:"notify_me"}
-
- //,fbpage_presence: {name:"Facebook nagging you to post to your page", type:"fbpage_presence"}
- ,fbpage_fan_invite: {name:"Page invites from friends", type:"fbpage_fan_invite"}
- ,page_new_likes: {name:"New page brohoofs", type:"page_new_likes"}
- //,fbpage_new_message: {name:"New private messages on your page", type:"fbpage_new_message"}
- };
-
- var THEMEURL = w.location.protocol + '//hoof.little.my/files/';
- var THEMECSS = THEMEURL+'';
- var THEMECSS_EXT = '.css?userscript_version='+VERSION;
- var UPDATEURL = w.location.protocol + '//hoof.little.my/files/update_check.js?' + (+new Date());
-
- var PONYHOOF_PAGE = '197956210325433';
- var PONYHOOF_URL = '//'+getFbDomain()+'/Ponyhoof';
- var PONYHOOF_README = '//hoof.little.my/files/_welcome/readme.htm?version='+VERSION+'&distribution='+DISTRIBUTION;
-
- var _ext_messageId = 0;
- var _ext_messageCallback = {};
-
- // Chrome
- var chrome_sendMessage = function(message, callback) {
- try {
- if (chrome.extension.sendMessage) {
- chrome.extension.sendMessage(message, callback);
- } else {
- chrome.extension.sendRequest(message, callback);
- }
- } catch (e) {
- if (e.toString().indexOf('Error: Error connecting to extension ') === 0) {
- extUpdatedError(e.toString());
- }
- throw e;
- }
- };
-
- var chrome_storageFallback = false;
- var chrome_getValue = function(name, callback) {
- if (chrome.storage && !chrome_storageFallback) {
- if (chrome_isExtUpdated()) {
- extUpdatedError("[chrome_getValue("+name+")]");
- callback(null);
- return;
- }
-
- chrome.storage.local.get(name, function(item) {
- if (chrome.runtime && chrome.runtime.lastError) {
- // Fallback to old storage method
- chrome_storageFallback = true;
- chrome_getValue(name, callback);
- return;
- }
-
- if (Object.keys(item).length === 0) {
- callback(null);
- return;
- }
- callback(item[name]);
- });
- return;
- }
-
- try {
- chrome_sendMessage({'command':'getValue', 'name':name}, function(response) {
- if (response && typeof response.val != 'undefined') {
- callback(response.val);
- } else {
- callback(null);
- }
- });
- } catch (e) {
- dir(e);
- getValueError(e);
- callback(null);
- }
- };
-
- var chrome_setValue = function(name, val) {
- if (chrome.storage && !chrome_storageFallback) {
- if (chrome_isExtUpdated()) {
- extUpdatedError("[chrome_setValue("+name+")]");
- return;
- }
-
- var toSet = {};
- toSet[name] = val;
- chrome.storage.local.set(toSet, function() {
- if (chrome.runtime && chrome.runtime.lastError) {
- saveValueError(chrome.runtime.lastError);
- return;
- }
- });
- return;
- }
-
- chrome_sendMessage({'command':'setValue', 'name':name, 'val':val}, function() {});
- };
-
- var chrome_clearStorage = function() {
- if (chrome.storage) {
- chrome.storage.local.clear();
- }
- chrome_sendMessage({'command':'clearStorage'}, function() {});
- };
-
- var chrome_ajax = function(details) {
- chrome_sendMessage({'command': 'ajax', 'details': details}, function(response) {
- if (response && response.val === 'success') {
- if (details.onload) {
- details.onload(response.request);
- }
- } else {
- if (details.onerror) {
- details.onerror(response.request);
- }
- }
- });
- };
-
- var chrome_isExtUpdated = function() {
- return (typeof chrome.i18n === 'undefined' || typeof chrome.i18n.getMessage('@@extension_id') === 'undefined');
- };
-
- if (ISOPERA) {
- if (opera.extension) {
- opera.extension.onmessage = function(message) {
- if (message.data) {
- var response = message.data;
- var callback = _ext_messageCallback[response.messageid];
- if (callback) {
- callback(response.val);
- }
- }
- }
- }
-
- var opera_getValue = function(name, callback) {
- _ext_messageCallback[_ext_messageId] = callback;
- opera.extension.postMessage({'command':'getValue', 'messageid':_ext_messageId, 'name':name});
- _ext_messageId += 1;
- };
-
- var opera_setValue = function(name, val) {
- opera.extension.postMessage({'command':'setValue', 'name':name, 'val':val});
- };
-
- var opera_clearStorage = function() {
- opera.extension.postMessage({'command':'clearStorage'});
- };
-
- var opera_ajax = function(details) {
- _ext_messageCallback[_ext_messageId] = function(response) {
- if (response.val == 'success') {
- if (details.onload) {
- details.onload(response.request);
- }
- } else {
- if (details.onerror) {
- details.onerror(response.request);
- }
- }
- };
- var detailsX = {
- 'method': details.method
- ,'url': details.url
- ,'headers': details.headers
- ,'data': details.data
- };
- opera.extension.postMessage({'command':'ajax', 'messageid':_ext_messageId, 'details':detailsX});
- _ext_messageId += 1;
- };
- }
-
- if (ISSAFARI) {
- if (typeof safari != 'undefined') {
- safari.self.addEventListener('message', function(message) {
- var data = message.message;
- if (data) {
- var response = data;
- var callback = _ext_messageCallback[message.name];
- if (callback) {
- callback(response.val);
- }
- }
- });
- }
-
- var safari_getValue = function(name, callback) {
- _ext_messageId = md5(Math.random().toString()); // safari, you don't know what's message passing/callbacks, do you?
- _ext_messageCallback[_ext_messageId] = callback;
- safari.self.tab.dispatchMessage('getValue', {'messageid':_ext_messageId, 'name':name});
- //_ext_messageId += 1;
- };
-
- var safari_setValue = function(name, val) {
- safari.self.tab.dispatchMessage('setValue', {'name':name, 'val':val});
- };
-
- var safari_clearStorage = function() {
- safari.self.tab.dispatchMessage('clearStorage', {});
- };
-
- var safari_ajax = function(details) {
- _ext_messageId = md5(Math.random().toString());
- _ext_messageCallback[_ext_messageId] = function(response) {
- if (response.val == 'success') {
- if (details.onload) {
- details.onload(response.request);
- }
- } else {
- if (details.onerror) {
- details.onerror(response.request);
- }
- }
- };
- var detailsX = {
- 'method': details.method
- ,'url': details.url
- ,'headers': details.headers
- ,'data': details.data
- };
- safari.self.tab.dispatchMessage('ajax', {'messageid':_ext_messageId, 'details':detailsX});
- //_ext_messageId += 1;
- };
- }
-
- if (typeof self != 'undefined' && typeof self.on != 'undefined') {
- self.on('message', function(message) {
- var data = message;
- if (data) {
- var response = data;
- var callback = _ext_messageCallback[message.messageid];
- if (callback) {
- callback(response.val);
- }
- }
- });
-
- var xpi_getValue = function(name, callback) {
- _ext_messageCallback[_ext_messageId] = callback;
- self.postMessage({'command':'getValue', 'messageid':_ext_messageId, 'name':name});
- _ext_messageId += 1;
- };
-
- var xpi_setValue = function(name, val) {
- self.postMessage({'command':'setValue', 'name':name, 'val':val});
- };
-
- var xpi_clearStorage = function() {
- self.postMessage({'command':'clearStorage'});
- };
-
- var xpi_ajax = function(details) {
- _ext_messageCallback[_ext_messageId] = function(response) {
- if (response.val == 'success') {
- if (details.onload) {
- details.onload(response.request);
- }
- } else {
- if (details.onerror) {
- details.onerror(response.request);
- }
- }
- };
- var detailsX = {
- 'method': details.method
- ,'url': details.url
- ,'headers': details.headers
- ,'data': details.data
- };
- self.postMessage({'command':'ajax', 'messageid':_ext_messageId, 'details':detailsX});
- _ext_messageId += 1;
- };
-
- var xpi_sendMessage = function(message, callback) {
- _ext_messageCallback[_ext_messageId] = callback;
- message.messageid = _ext_messageId;
- self.postMessage(message);
- _ext_messageId += 1;
- };
- }
-
- if (typeof w.external != 'undefined' && typeof w.external.mxGetRuntime != 'undefined') {
- var maxthonRuntime = w.external.mxGetRuntime();
- maxthonRuntime.listen('messageContentScript', function(message) {
- var data = message;
- if (data) {
- var response = data;
- var callback = _ext_messageCallback[message.messageid];
- if (callback) {
- callback(response.val);
- }
- }
- });
-
- var mxaddon_getValue = function(name, callback) {
- try {
- callback(maxthonRuntime.storage.getConfig(name));
- } catch (e) {
- if (e.message && e.message === 'No LocalStorage Service Extension! (206)') {
- extUpdatedError(e.message);
- }
- throw e;
- }
- };
-
- var mxaddon_setValue = function(name, val) {
- try {
- maxthonRuntime.storage.setConfig(name, val);
- } catch (e) {
- if (e.message && e.message === 'No LocalStorage Service Extension! (206)') {
- extUpdatedError(e.message);
- }
- throw e;
- }
- };
-
- var mxaddon_clearStorage = function() {
- // Maxthon does not have a clear storage function
- };
-
- var mxaddon_ajax = function(details) {
- _ext_messageCallback[_ext_messageId] = function(response) {
- if (response.val == 'success') {
- if (details.onload) {
- details.onload(response.request);
- }
- } else {
- if (details.onerror) {
- details.onerror(response.request);
- }
- }
- };
- var detailsX = {
- 'method': details.method
- ,'url': details.url
- ,'headers': details.headers
- ,'data': details.data
- };
- try {
- maxthonRuntime.post('messageBackground', {'command':'ajax', 'messageid':_ext_messageId, 'details':detailsX});
- } catch (e) {
- if (e.message && e.message === 'No Platform_Message Service Extension! (355)') {
- extUpdatedError(e.message);
- }
- throw e;
- }
- _ext_messageId += 1;
- };
- }
-
- function ajax(obj) {
- switch (STORAGEMETHOD) {
- case 'greasemonkey':
- return GM_xmlhttpRequest(obj);
-
- case 'chrome':
- return chrome_ajax(obj);
-
- case 'opera':
- return opera_ajax(obj);
-
- case 'safari':
- return safari_ajax(obj);
-
- case 'xpi':
- return xpi_ajax(obj);
-
- case 'mxaddon':
- return mxaddon_ajax(obj);
-
- default:
- break;
- }
-
- throw {
- responseXML:''
- ,responseText:''
- ,readyState:4
- ,responseHeaders:''
- ,status:-100
- ,statusText:'No GM_xmlhttpRequest support'
- };
- }
-
- function isPonyhoofPage(id) {
- if (id == PONYHOOF_PAGE) {
- return true;
- }
- return false;
- }
-
- function capitaliseFirstLetter(string) {
- return string.charAt(0).toUpperCase() + string.slice(1);
- }
-
- // Settings
- for (var i in HTMLCLASS_SETTINGS) {
- if (!DEFAULTSETTINGS[HTMLCLASS_SETTINGS[i]]) {
- DEFAULTSETTINGS[HTMLCLASS_SETTINGS[i]] = false;
- }
- }
- //DEFAULTSETTINGS.show_messages_other = true;
- if (ISMOBILE) {
- DEFAULTSETTINGS.disable_animation = true;
- }
-
- function getValueError(extra) {
- if (chrome_isExtUpdatedError(extra)) {
- extUpdatedError(extra);
- } else {
- createSimpleDialog('localStorageError_getValue', "Ponyhoof derp'd", "Whoops, Ponyhoof can't load your settings. Please try again later.<br><br>If you keep seeing this error, please update to the latest version of Ponyhoof if available and <a href=\""+w.location.protocol+PONYHOOF_URL+"\" data-hovercard=\"/ajax/hovercard/page.php?id="+PONYHOOF_PAGE+"\">visit and post to the Ponyhoof page for help</a>.<br><br><code>"+extra+"</code>");
- }
-
- trace();
- }
-
- function saveValueError(extra) {
- var desc = "Whoops, Ponyhoof can't save your settings. Please try again later.";
- if (ISFIREFOX && STORAGEMETHOD === 'greasemonkey' && userSettings.customBg) {
- desc += "<br><br>This may be caused by a large custom background that you have set. Please try removing it.";
- }
- desc += "<br><br>If you keep seeing this error, please update to the latest version of Ponyhoof if available and <a href=\""+w.location.protocol+PONYHOOF_URL+"\" data-hovercard=\"/ajax/hovercard/page.php?id="+PONYHOOF_PAGE+"\">visit and post to the Ponyhoof page for help</a>.<br><br><code>"+extra+"</code>";
- createSimpleDialog('localStorageError_saveValue', "Ponyhoof derp'd", desc);
-
- trace();
- }
-
- function ponyhoofError(extra) {
- createSimpleDialog('ponyhoofError', "Ponyhoof derp'd", "Whoops, Ponyhoof encountered an internal error. Please try again later.<br><br>If you keep seeing this error, please update to the latest version of Ponyhoof if available and <a href=\""+w.location.protocol+PONYHOOF_URL+"\" data-hovercard=\"/ajax/hovercard/page.php?id="+PONYHOOF_PAGE+"\">visit and post to the Ponyhoof page for help</a>.<br><br><code>"+extra+"</code>");
-
- trace();
- }
-
- var chrome_isExtUpdatedError = function(message) {
- var a = 'ModuleSystem has been deleted';
- var b = 'TypeError: Cannot read property \'sendMessage\' of undefined';
- return (message === a || message === b);
- };
-
- var extUpdatedError = function(extra) {
- createSimpleDialog('localStorageError_extUpdatedError', "Ponyhoof derp'd", "Ponyhoof has been updated/disabled recently. Please reload the page in order for Ponyhoof to work properly.<br><br><code>"+extra+"</code>");
- };
-
- function getValue(name, callback) {
- switch (STORAGEMETHOD) {
- case 'greasemonkey':
- callback(GM_getValue(name));
- break;
-
- case 'chrome':
- chrome_getValue(name, callback);
- break;
-
- case 'opera':
- opera_getValue(name, callback);
- break;
-
- case 'safari':
- safari_getValue(name, callback);
- break;
-
- case 'xpi':
- xpi_getValue(name, callback);
- break;
-
- case 'mxaddon':
- mxaddon_getValue(name, callback);
- break;
-
- case 'localstorage':
- default:
- name = 'ponyhoof_'+name;
- callback(w.localStorage.getItem(name));
- break;
- }
- }
-
- function saveValue(name, v) {
- switch (STORAGEMETHOD) {
- case 'greasemonkey':
- GM_setValue(name, v);
- break;
-
- case 'chrome':
- chrome_setValue(name, v);
- break;
-
- case 'opera':
- opera_setValue(name, v);
- break;
-
- case 'safari':
- safari_setValue(name, v);
- break;
-
- case 'xpi':
- xpi_setValue(name, v);
- break;
-
- case 'mxaddon':
- mxaddon_setValue(name, v);
- break;
-
- case 'localstorage':
- default:
- name = 'ponyhoof_'+name;
- w.localStorage.setItem(name, v);
- break;
- }
- }
-
- function loadSettings(callback, opts) {
- // opts => prefix, defaultsettings
- var opts = opts || {prefix:null};
- var settingsKey = 'settings';
- if (opts.prefix != null) {
- settingsKey = opts.prefix+settingsKey;
- } else {
- settingsKey = SETTINGSPREFIX+settingsKey;
- }
- if (!opts.defaultSettings) {
- opts.defaultSettings = DEFAULTSETTINGS;
- }
-
- try {
- getValue(settingsKey, function(s) {
- if (s) {
- s = JSON.parse(s);
- if (!s) {
- s = {};
- }
- } else {
- s = {};
- }
- for (var i in opts.defaultSettings) {
- if (!s.hasOwnProperty(i)) {
- s[i] = opts.defaultSettings[i];
- }
- }
- callback(s);
- });
- } catch (e) {
- dir(e);
-
- var extra = '';
- if (e.message) {
- extra = e.message;
- } else {
- extra = e.toString();
- }
- try {
- getValueError(extra);
- } catch (e) {
- onPageReady(function() {
- if (d.body) {
- getValueError(extra);
- }
- });
- }
- callback();
- return false;
- }
- }
-
- function saveSettings(opts) {
- // opts => prefix, settings
- var opts = opts || {prefix:null, settings:userSettings};
- var settingsKey = 'settings';
- if (opts.prefix != null) {
- settingsKey = opts.prefix+settingsKey;
- } else {
- settingsKey = SETTINGSPREFIX+settingsKey;
- }
- var settings = userSettings;
- if (opts.settings) {
- settings = opts.settings;
- }
-
- try {
- saveValue(settingsKey, JSON.stringify(settings));
- return true;
- } catch (e) {
- dir(e);
-
- var extra = '';
- if (e.message) {
- if (e.message == 'ModuleSystem has been deleted' || e.message == 'TypeError: Cannot read property \'sendMessage\' of undefined') {
- extUpdatedError(e.message);
- callback();
- return;
- }
-
- extra = e.message;
- } else {
- extra = e.toString();
- }
- saveValueError(extra);
- return false;
- }
- }
-
- var saveGlobalSettings = function() {
- saveSettings({prefix:'global_', settings:globalSettings});
- };
-
- function statTrack(stat) {
- var i = d.createElement('iframe');
- i.style.position = 'absolute';
- i.style.top = '-9999px';
- i.style.left = '-9999px';
- i.setAttribute('aria-hidden', 'true');
- i.src = '//hoof.little.my/files/_htm/stat_'+stat+'.htm?version='+VERSION;
- d.body.appendChild(i);
- }
-
- var canPlayFlash = function() {
- return !!w.navigator.mimeTypes['application/x-shockwave-flash'];
- };
-
- // Pony selector
- var PonySelector = function(p, param) {
- var k = this;
-
- if (param) {
- k.param = param;
- } else {
- k.param = {};
- }
- k.p = p;
- k.wrap = null;
- k.button = null;
-
- k.oldPony = CURRENTPONY;
- k.customClick = function() {};
- k.customCheckCondition = false;
- k.overrideClickAction = false;
- k.saveTheme = true;
-
- k.menu = null;
- k.createSelector = function() {
- if (k.menu) {
- return k.menu;
- }
-
- k.injectStyle();
-
- var currentPonyData = convertCodeToData(CURRENTPONY);
- var name = "(Nopony)";
- if (currentPonyData) {
- name = currentPonyData.name;
- } else if (CURRENTPONY == 'RANDOM') {
- name = "(Random)";
- }
-
- var iu = INTERNALUPDATE;
- INTERNALUPDATE = true;
-
- k.menu = new Menu('ponies_'+p.id, k.p/*, {checkable:true}*/);
- k.button = k.menu.createButton(name);
- k.menu.alwaysOverflow = true;
- k.menu.searchNoResultsMessage = "No ponies :(";
- k.menu.createMenu();
- k.menu.attachButton();
-
- if (k.allowRandom) {
- var check = false;
- if (CURRENTPONY == 'RANDOM') {
- check = true;
- }
-
- k.menu.createMenuItem({
- html: "(Random)"
- ,title: "To choose which characters to randomize, go to the Misc tab"
- ,check: check
- ,unsearchable: true
- ,onclick: function(menuItem, menuClass) {
- CURRENTPONY = 'RANDOM';
-
- changeThemeSmart('RANDOM');
- if (k.saveTheme) {
- userSettings.theme = 'RANDOM';
- saveSettings();
- }
-
- menuClass.changeButtonText("(Random)");
- menuClass.changeChecked(menuItem);
- menuClass.close();
-
- if (k.customClick) {
- k.customClick(menuItem, menuClass);
- }
- }
- });
- }
-
- if (k.allowRandom) {
- k.menu.createSeperator();
- }
-
- if (k.param.feature && k.param.feature != -1) {
- k._createItem(PONIES[k.param.feature], true);
- k.menu.createSeperator();
- }
-
- for (var i = 0, len = PONIES.length; i < len; i += 1) {
- if (k.param.feature && k.param.feature != -1 && PONIES[k.param.feature].code == PONIES[i].code) {
- if (PONIES[i].seperator) {
- k.menu.createSeperator();
- }
- continue;
- }
-
- var check = false;
- if (k.customCheckCondition) {
- if (k.customCheckCondition(PONIES[i].code)) {
- check = true;
- }
- } else {
- if (PONIES[i].code == CURRENTPONY) {
- check = true;
- }
- }
-
- k._createItem(PONIES[i], check);
-
- if (PONIES[i].seperator) {
- k.menu.createSeperator();
- }
- }
-
- var img = d.createElement('span');
- img.className = 'ponyhoof_loading ponyhoof_show_if_injected ponyhoof_loading_pony';
- k.menu.wrap.appendChild(img);
-
- INTERNALUPDATE = iu;
- };
-
- k._createItem = function(ponyData, check) {
- var unsearchable = false;
- if (ponyData.hidden) {
- unsearchable = true;
- }
- var menuItem = k.menu.createMenuItem({
- html: ponyData.name
- ,title: ponyData.menu_title
- ,data: ponyData.code
- ,check: check
- ,unsearchable: unsearchable
- ,searchAlternate: ponyData.search
- ,onclick: function(menuItem, menuClass) {
- if (!k.overrideClickAction) {
- var code = ponyData.code;
- CURRENTPONY = code;
-
- changeThemeSmart(code);
- if (k.saveTheme) {
- userSettings.theme = code;
- saveSettings();
- }
-
- menuClass.changeButtonText(ponyData.name);
- menuClass.changeChecked(menuItem);
- menuClass.close();
- }
-
- if (k.customClick) {
- k.customClick(menuItem, menuClass);
- }
- }
- });
- if (ponyData.hidden) {
- addClass(menuItem.menuItem, 'ponyhoof_pony_hidden');
- }
- };
-
- k.injectStyle = function() {
- var css = '';
- css += 'html .ponyhoof_pony_hidden {display:none;}';
- for (var i = 0, len = PONIES.length; i < len; i += 1) {
- if (PONIES[i].color) {
- css += 'html .ponyhoof_menuitem[data-ponyhoof-menu-data="'+PONIES[i].code+'"]:hover, html .ponyhoof_menuitem[data-ponyhoof-menu-data="'+PONIES[i].code+'"]:active, html .ponyhoof_menuitem[data-ponyhoof-menu-data="'+PONIES[i].code+'"]:focus {background-color:#'+PONIES[i].color[0]+' !important;border-top-color:#'+PONIES[i].color[1]+' !important;border-bottom-color:#'+PONIES[i].color[1]+' !important;}';
- }
- }
-
- injectManualStyle(css, 'ponySelector');
- };
- };
-
- // Sounds
- var _soundCache = {};
- var PonySound = function(id) {
- var k = this;
- k.id = id;
-
- k.sound = d.createElement('audio');
-
- // Don't loop sounds for 3 seconds
- k.wait = 3;
- k.respectSettings = true;
- k.respectVolumeSetting = true;
-
- k._time = 0;
-
- k.source = '';
- k.changeSource = function(source) {
- k.source = source;
- };
-
- k.changeSourceSmart = function(source) {
- if (k.canPlayMp3()) {
- source = source.replace(/\.EXT/, '.mp3');
- } else if (k.canPlayOgg()) {
- source = source.replace(/\.EXT/, '.ogg');
- } else {
- throw new Error("No supported audio formats");
- }
-
- k.changeSource(source);
- };
-
- k.play = function() {
- if (k.respectSettings) {
- if (!userSettings.sounds) {
- return;
- }
- }
-
- if (STORAGEMETHOD === 'chrome' && chrome_isExtUpdated()) {
- extUpdatedError("PonySound.play()");
- return;
- }
-
- if (k.wait == 0) {
- k.continuePlaying();
- return;
- }
-
- // Make sure we aren't playing it on another page already
- k._time = Math.floor(Date.now() / 1000);
-
- //try {
- getValue(SETTINGSPREFIX+'soundCache', function(s) {
- if (typeof s != 'undefined') {
- try {
- _soundCache = JSON.parse(s);
- } catch (e) {
- _soundCache = {};
- }
-
- if (_soundCache == null) {
- _soundCache = {};
- }
-
- if (_soundCache[k.id]) {
- if (_soundCache[k.id]+k.wait <= k._time) {
- } else {
- return;
- }
- }
- }
-
- k.continuePlaying();
- });
- //} catch (e) {
- // k.continuePlaying();
- //}
- };
-
- k.continuePlaying = function() {
- if (k.wait) {
- _soundCache[k.id] = k._time;
- saveValue(SETTINGSPREFIX+'soundCache', JSON.stringify(_soundCache));
- }
-
- if (k.respectVolumeSetting) {
- k.sound.volume = userSettings.soundsVolume;
- }
- k.sound.src = k.source;
- k.sound.play();
- };
-
- // http://html5doctor.com/native-audio-in-the-browser/
- k.audioTagSupported = function() {
- return !!(k.sound.canPlayType);
- };
-
- k.canPlayMp3 = function() {
- return !!k.sound.canPlayType && '' != k.sound.canPlayType('audio/mpeg');
- };
-
- k.canPlayOgg = function() {
- return !!k.sound.canPlayType && '' != k.sound.canPlayType('audio/ogg; codecs="vorbis"');
- };
- };
-
- var ponySounds = {};
- function initPonySound(id, source) {
- var source = source || '';
-
- if (ponySounds[id]) {
- if (source) {
- ponySounds[id].changeSourceSmart(source);
- }
-
- return ponySounds[id];
- }
-
- var sound = new PonySound(id);
-
- if (!sound.audioTagSupported()) {
- throw new Error('No <audio> tag support');
- }
-
- if (source) {
- sound.changeSourceSmart(source);
- }
-
- ponySounds[id] = sound;
-
- return sound;
- }
-
- // Updater
- var Updater = function() {
- var k = this;
-
- k.classChecking = 'ponyhoof_updater_checking';
- k.classLatest = 'ponyhoof_updater_latest';
- k.classError = 'ponyhoof_updater_error';
- k.classNewVersion = 'ponyhoof_updater_newVersion';
- k.classVersionNum = 'ponyhoof_updater_versionNum';
- k.classUpdateButton = 'ponyhoof_updater_updateNow';
-
- k.update_url = UPDATEURL;
-
- k.update_json = {};
-
- k.checkForUpdates = function() {
- loopClassName(k.classUpdateButton, function(ele) {
- if (ISSAFARI && STORAGEMETHOD != 'safari') {
- // NinjaKit is bugged and only listens to install script requests on page load, no DOMNodeInserted, so we plan to open a new window
- ele.target = '_blank';
- }
-
- ele.addEventListener('click', k._updateNowButton, false);
- });
-
- log("Checking for updates...");
- try {
- ajax({
- method: 'GET'
- ,url: k.update_url
- ,onload: function(response) {
- if (response.status != 200) {
- k._onError(response);
- return;
- }
-
- try {
- var json = JSON.parse(response.responseText);
- } catch (e) {
- k._onError(response);
- return;
- }
-
- if (json.version > VERSION) {
- k._newVersion(json);
- } else {
- k._noNewVersion();
- }
- }
- ,onerror: function(response) {
- k._onError(response);
- }
- });
- } catch (e) {
- k._onError(e);
- }
- };
-
- k._noNewVersion = function() {
- // Hide checking for updates
- loopClassName(k.classChecking, function(ele) {
- ele.style.display = 'none';
- });
-
- // Show yay
- loopClassName(k.classLatest, function(ele) {
- ele.style.display = 'block';
- });
- };
- k._newVersion = function(json) {
- k.update_json = json;
-
- // Hide checking for updates
- loopClassName(k.classChecking, function(ele) {
- ele.style.display = 'none';
- });
-
- // Show version number
- loopClassName(k.classVersionNum, function(ele) {
- ele.textContent = json.version;
- });
- // Show that we have a new version
- loopClassName(k.classNewVersion, function(ele) {
- ele.style.display = 'block';
- });
- // Change the update now button to point to the new link
- loopClassName(k.classUpdateButton, function(ele) {
- if (ISSAFARI && STORAGEMETHOD != 'safari') {
- ele.href = json.safari;
- return;
- }
-
- switch (STORAGEMETHOD) {
- // v1.501
- case 'chrome':
- ele.href = json.chrome_url;
- break;
-
- case 'opera':
- ele.href = json.opera_url;
- break;
-
- // v1.521
- case 'safari':
- ele.href = json.safariextz;
- break;
-
- // v1.611
- case 'xpi':
- ele.href = json.xpi;
- break;
-
- case 'mxaddon':
- ele.href = json.mxaddon_instruction;
- break;
-
- default:
- ele.href = json.update_url;
- break;
- }
- });
- };
- k._onError = function(response) {
- // Hide checking for updates
- loopClassName(k.classChecking, function(ele) {
- ele.style.display = 'none';
- });
-
- // Show derp
- loopClassName(k.classError, function(ele) {
- ele.style.display = 'block';
- });
-
- error("Error checking for updates.");
- dir(response);
- };
-
- k.updateDialog = null;
- k._updateNowButton = function() {
- statTrack('updateNowButton');
-
- switch (STORAGEMETHOD) {
- case 'chrome':
- k._cws();
- return false;
-
- case 'opera':
- k._opera();
- return false;
-
- case 'safari':
- k.safariInstruction();
- return false;
-
- case 'xpi':
- k._xpi();
- return;
-
- // Maxthon 4.2.0.2200 starts blocking off-store extensions
- /*case 'mxaddon':
- k.mxaddon();
- return;*/
-
- default:
- break;
- }
-
- if (DIALOGS.updater_dialog) {
- k.updateDialog.show();
- return;
- }
-
- var c = "The update will load after you reload Facebook.";
- if (STORAGEMETHOD === 'mxaddon') {
- c = "Follow the instructions in the new window and reload Facebook when you are done.";
- } else if (ISCHROME) { // still localstorage
- c = "Click Continue on the bottom of this window and click Add to finish updating. The update will load after you reload Facebook.";
- } else if (ISSAFARI) { // still ninjakit
- c = "Follow the instructions in the new window and reload Facebook when you are done.";
- } else if (ISOPERA) { // still localstorage
- c = "Follow the instructions in the new window and reload Facebook when you are done.";
- } else if (STORAGEMETHOD === 'greasemonkey') {
- c = "Click <strong>Install</strong> when you see this dialog. The update will load after you reload Facebook.<br><br><"+"img src='"+THEMEURL+"_welcome/guide/firefox/install.png' alt='' width='552' height='110' class='ponyhoof_image_shadow'>";
- injectManualStyle('#ponyhoof_dialog_updater_dialog .generic_dialog_popup, #ponyhoof_dialog_updater_dialog .popup {width:600px;}', 'updater_dialog');
- }
-
- var bottom = '';
- bottom += '<div class="lfloat"><a href="#" class="retry hidden_elem">Retry</a></div>';
- bottom += '<a href="#" class="uiButton uiButtonLarge uiButtonConfirm reloadNow" role="button"><span class="uiButtonText">'+CURRENTLANG.reloadNow+'</span></a>';
- bottom += '<a href="#" class="uiButton uiButtonLarge notNow" role="button"><span class="uiButtonText">'+CURRENTLANG.notNow+'</span></a>';
-
- k.updateDialog = new Dialog('updater_dialog');
- k.updateDialog.alwaysModal = true;
- k.updateDialog.create();
- k.updateDialog.changeTitle(CURRENTLANG['updater_title']);
- k.updateDialog.changeContent(c);
- k.updateDialog.changeBottom(bottom);
-
- if (!ISCHROME && STORAGEMETHOD == 'greasemonkey') {
- var retry = k.updateDialog.dialog.getElementsByClassName('retry');
- if (retry.length) {
- retry = retry[0];
- retry.href = k.update_json.update_url;
- removeClass(retry, 'hidden_elem');
- }
- }
- k._initReloadButtons(k.updateDialog);
-
- return false;
- };
-
- k.cwsDialog = null;
- k.cwsWaitDialog = null;
- k.cwsOneClickSuccess = false;
- k._cws = function() {
- if (k.cwsWaitDialog) {
- k._cws_showDialog();
- return;
- }
-
- var ok = true;
- loopClassName(k.classUpdateButton, function(ele) {
- if (hasClass(ele, 'uiButtonDisabled')) {
- ok = false;
- } else {
- addClass(ele, 'uiButtonDisabled');
- }
- });
- if (!ok) {
- return;
- }
-
- var c = "Updating... <span class='ponyhoof_loading'></span>";
- k.cwsWaitDialog = new Dialog('update_cwsWait');
- k.cwsWaitDialog.alwaysModal = true;
- k.cwsWaitDialog.noBottom = true;
- k.cwsWaitDialog.canCloseByEscapeKey = false;
- k.cwsWaitDialog.create();
- k.cwsWaitDialog.changeTitle(CURRENTLANG['updater_title']);
- k.cwsWaitDialog.changeContent(c);
-
- chrome_sendMessage({'command':'checkForUpdates'}, function(status, details) {
- if (status == 'update_available') {
- var c = "Downloading update... <span class='ponyhoof_loading'></span>";
- k.cwsWaitDialog.changeContent(c);
- chrome_sendMessage({'command':'onUpdateAvailable'}, function(status) {
- if (status == 'updated') {
- k.cwsOneClickSuccess = true;
-
- var successText = '';
- var ponyData = convertCodeToData(REALPONY);
- if (ponyData.successText) {
- successText = ponyData.successText;
- } else {
- successText = "Yay!";
- }
- var c = successText+" Update complete, reloading... <span class='ponyhoof_loading'></span>";
- k.cwsWaitDialog.changeContent(c);
-
- if (!k.cwsDialog) {
- chrome_sendMessage({'command':'reloadNow'}, function() {});
- w.setTimeout(function() {
- w.location.reload();
- }, 1000);
- }
- } else {
- k._cws_fallback();
- }
- });
- } else {
- k._cws_fallback();
- }
- });
-
- w.setTimeout(k._cws_fallback, 8000);
- };
-
- k._cws_fallback = function() {
- if (k.cwsOneClickSuccess) {
- return;
- }
- k.cwsOneClickSuccess = true;
-
- k.cwsWaitDialog.close();
- loopClassName(k.classUpdateButton, function(ele) {
- removeClass(ele, 'uiButtonDisabled');
- });
- k._cws_showDialog();
- };
-
- k._cws_showDialog = function() {
- if (k.cwsDialog) {
- k.cwsDialog.show();
- return;
- }
-
- var header = '';
- if (DISTRIBUTION == 'cws') {
- if (!ISOPERABLINK) {
- header = "Ponyhoof automatically updates from the Chrome Web Store.";
- } else {
- header = "Ponyhoof automatically updates on Opera.";
- }
- } else {
- header = "Ponyhoof automatically updates on Google Chrome.";
- }
-
- var newversion = k.update_json.version;
- var c = "<strong>"+header+"</strong><br><br>To update now, go to <a href='#' class='ponyhoof_updater_cws_openExtensions'><strong>about:extensions</strong></a> in the address bar, enable <strong>Developer mode</strong> at the top-right and click <strong>Update extensions now</strong>.";
- if (newversion) {
- c += "<br><br>Verify that the version changes from "+VERSION+" to "+parseFloat(newversion)+" and reload Facebook.";
- }
- c += "<br><br><"+"img src='"+THEMEURL+"_welcome/chrome_forceupdate.png' alt='' width='177' height='108' class='ponyhoof_image_shadow'>";
-
- var bottom = '';
- bottom += '<a href="#" class="uiButton uiButtonLarge uiButtonConfirm ponyhoof_updater_cws_openExtensions" role="button"><span class="uiButtonText">Open Extensions</span></a>';
- bottom += '<a href="#" class="uiButton uiButtonLarge uiButtonConfirm reloadNow" role="button"><span class="uiButtonText">'+CURRENTLANG.reloadNow+'</span></a>';
- bottom += '<a href="#" class="uiButton uiButtonLarge notNow" role="button"><span class="uiButtonText">'+CURRENTLANG.notNow+'</span></a>';
-
- k.cwsDialog = new Dialog('update_cws');
- k.cwsDialog.alwaysModal = true;
- k.cwsDialog.create();
- k.cwsDialog.changeTitle(CURRENTLANG['updater_title']);
- k.cwsDialog.changeContent(c);
- k.cwsDialog.changeBottom(bottom);
-
- $$(k.cwsDialog.dialog, '.ponyhoof_updater_cws_openExtensions', function(button) {
- button.addEventListener('click', function(e) {
- e.preventDefault();
- if (!hasClass(this, 'uiButtonDisabled')) {
- chrome_sendMessage({'command':'openExtensions'}, function() {});
- }
- });
- });
-
- k._initReloadButtons(k.cwsDialog);
- };
-
- k.operaDialog = null;
- k._opera = function() {
- if ($('ponyhoof_dialog_update_opera')) {
- k.operaDialog.show();
- return;
- }
-
- var version = getBrowserVersion();
-
- var c = '';
- if (parseFloat(version.full) >= 12.10) {
- c += "<div class='ponyhoof_message uiBoxYellow'>If Opera blocks the update, then <a href='http://jointheherd.little.my' target='_top'>please visit the installer at http://jointheherd.little.my</a> for instructions.</div><br>";
- } else {
- c += "New versions of Opera will block extensions that aren't from the official Opera Add-ons Gallery. Therefore, please set up Opera to trust our website for future updates.<br><br>";
- //c += "If you can't update anymore, then <a href='http://jointheherd.little.my' target='_top'>please visit the installer at http://jointheherd.little.my</a> for instructions.<br><br>";
- c += "If you get this security prompt, check <strong>Always allow installation from this location</strong> and click <strong>OK</strong>.<br><br><"+"img src='"+THEMEURL+"_welcome/installv2/install_opera_1.png' alt='' width='385' height='170' class='ponyhoof_image_shadow'><br><br>";
- }
- c += "Click <strong>Install</strong> when you see this dialog. The update will load after you reload Facebook.<br><br><"+"img src='"+THEMEURL+"_welcome/installv2/install_opera_2.png' alt='' width='316' height='201' class='ponyhoof_image_shadow'>";
-
- var bottom = '';
- bottom += '<a href="#" class="uiButton uiButtonLarge uiButtonConfirm reloadNow" role="button"><span class="uiButtonText">'+CURRENTLANG.reloadNow+'</span></a>';
- bottom += '<a href="#" class="uiButton uiButtonLarge notNow" role="button"><span class="uiButtonText">'+CURRENTLANG.notNow+'</span></a>';
-
- k.operaDialog = new Dialog('update_opera');
- k.operaDialog.alwaysModal = true;
- k.operaDialog.create();
- k.operaDialog.changeTitle(CURRENTLANG.updater_title);
- k.operaDialog.changeContent(c);
- k.operaDialog.changeBottom(bottom);
-
- k._initReloadButtons(k.operaDialog);
- };
-
- k.safariDialog = null;
- k.safariInstruction = function() {
- if (k.safariDialog) {
- k.safariDialog.show();
- return;
- }
-
- injectManualStyle('#ponyhoof_dialog_update_safari .generic_dialog_popup, #ponyhoof_dialog_update_safari .popup {width:600px;}', 'update_safari');
-
- var c = '';
- if (w.navigator.userAgent.indexOf('Mac OS X') != -1) {
- c += "On the top-right of the Safari window, click on the Downloads button and then double-click <strong>ponyhoof.safariextz</strong><br><br><"+"img src='"+THEMEURL+"_welcome/guide/safari_mac/install_1.png' alt='' width='276' height='201' class='ponyhoof_image_shadow noshadow'><br><br>";
- c += "Click <strong>Install</strong>. The update will load after you reload Facebook.<br><br><"+"img src='"+THEMEURL+"_welcome/guide/safari_mac/install_2.png' alt='' width='518' height='285' class='ponyhoof_image_shadow'>";
- } else {
- c += "When you see this download dialog, click <strong>Open</strong>.<br><br><"+"img src='"+THEMEURL+"_welcome/guide/safari5/install_1.png' alt='' width='500' height='222' class='ponyhoof_image_shadow'><br><br>";
- c += "Click <strong>Install</strong>. The update will load after you reload Facebook.<br><br><"+"img src='"+THEMEURL+"_welcome/guide/safari5/install_2.png' alt='' width='524' height='226' class='ponyhoof_image_shadow'>";
- }
-
- var bottom = '';
- bottom += '<a href="#" class="uiButton uiButtonLarge uiButtonConfirm reloadNow" role="button"><span class="uiButtonText">'+CURRENTLANG.reloadNow+'</span></a>';
- bottom += '<a href="#" class="uiButton uiButtonLarge notNow" role="button"><span class="uiButtonText">'+CURRENTLANG.notNow+'</span></a>';
-
- k.safariDialog = new Dialog('update_safari');
- k.safariDialog.alwaysModal = true;
- k.safariDialog.create();
- k.safariDialog.changeTitle(CURRENTLANG.updater_title);
- k.safariDialog.changeContent(c);
- k.safariDialog.changeBottom(bottom);
-
- k._initReloadButtons(k.safariDialog);
- };
-
- k.xpiDialog = null;
- k.xpiWaitDialog = null;
- k.xpiOneClickSuccess = false;
- k._xpi = function() {
- if (k.xpiWaitDialog) {
- k._xpi_showDialog();
- return;
- }
-
- var c = "Updating... <span class='ponyhoof_loading'></span>";
- k.xpiWaitDialog = new Dialog('update_xpiWait');
- k.xpiWaitDialog.alwaysModal = true;
- k.xpiWaitDialog.noBottom = true;
- k.xpiWaitDialog.canCloseByEscapeKey = false;
- k.xpiWaitDialog.create();
- k.xpiWaitDialog.changeTitle(CURRENTLANG['updater_title']);
- k.xpiWaitDialog.changeContent(c);
-
- xpi_sendMessage({'command':'checkForUpdates'}, function(val) {
- if (val != 'update_available') {
- k._xpi_fallback();
- return;
- }
-
- xpi_sendMessage({'command':'onUpdateAvailable'}, function(val) {
- if (!val.status) {
- return;
- }
- var c = '';
- switch (val.status) {
- case 'onDownloadStarted':
- c = "Downloading update...";
- break;
-
- case 'onDownloadEnded':
- c = "Preparing to install...";
- break;
-
- case 'onInstallStarted':
- c = "Installing update...";
-
- w.setTimeout(function() {
- k.xpiOneClickSuccess = true;
-
- if (!k.xpiDialog) {
- var successText = '';
- var ponyData = convertCodeToData(REALPONY);
- if (ponyData.successText) {
- successText = ponyData.successText;
- } else {
- successText = "Yay!";
- }
- c = successText+" Update complete, reloading...";
- k.xpiWaitDialog.changeContent(c);
-
- w.location.reload();
- }
- }, 100);
- break;
-
- case 'onDownloadFailed':
- case 'onInstallFailed':
- k._xpi_fallback();
- break;
-
- default:
- break;
- }
- if (c) {
- c += " <span class='ponyhoof_loading'></span>";
- k.xpiWaitDialog.changeContent(c);
- }
- });
- });
-
- w.setTimeout(k._xpi_fallback, 10000);
- };
-
- k._xpi_fallback = function() {
- if (k.xpiOneClickSuccess) {
- return;
- }
- k.xpiOneClickSuccess = true;
-
- k.xpiWaitDialog.close();
- k._xpi_showDialog();
- };
-
- k._xpi_showDialog = function() {
- var c = '';
- c += "Firefox may prompt a security warning at the top-left, click <strong>Allow</strong>.<br><br><"+"img src='"+THEMEURL+"_welcome/guide/firefox/xpi_1_facebook.png' alt='' width='409' height='144' class='ponyhoof_image_shadow'><br>";
- c += "When you see the Software Installation dialog, click <strong>Install Now</strong>. The update will load after you reload Facebook, you do not need to restart Firefox.<br><br><"+"img src='"+THEMEURL+"_welcome/guide/firefox/xpi_2.png' alt='' width='400' height='412' class='ponyhoof_image_shadow'>";
-
- var bottom = '';
- bottom += '<div class="lfloat hidden_elem"><a href="#" class="retry">Retry</a></div>';
- bottom += '<a href="#" class="uiButton uiButtonLarge uiButtonConfirm reloadNow" role="button"><span class="uiButtonText">'+CURRENTLANG['reloadNow']+'</span></a>';
- bottom += '<a href="#" class="uiButton uiButtonLarge notNow" role="button"><span class="uiButtonText">'+CURRENTLANG['notNow']+'</span></a>';
-
- k.xpiDialog = new Dialog('update_xpi');
- k.xpiDialog.alwaysModal = true;
- k.xpiDialog.create();
- k.xpiDialog.changeTitle(CURRENTLANG['updater_title']);
- k.xpiDialog.changeContent(c);
- k.xpiDialog.changeBottom(bottom);
-
- if (k.update_json.xpi) {
- var retry = k.xpiDialog.dialog.getElementsByClassName('retry');
- if (retry.length) {
- retry = retry[0];
- retry.href = k.update_json.xpi;
- removeClass(retry.parentNode, 'hidden_elem');
- }
- k._initReloadButtons(k.xpiDialog);
-
- try {
- USW.InstallTrigger.install({
- "Ponyhoof": {
- URL: k.update_json.xpi
- ,IconURL: 'https://hoof.little.my/files/app32.png'
- }
- });
- } catch (e) {
- dir(e);
- }
- }
- };
-
- k.mxaddonDialog = null;
- k.mxaddon = function() {
- if (k.mxaddonDialog) {
- k.mxaddonDialog.show();
- return;
- }
-
- injectManualStyle('#ponyhoof_dialog_update_mxaddon .generic_dialog_popup, #ponyhoof_dialog_update_mxaddon .popup {width:500px;}', 'update_mxaddon');
-
- var c = "Click <strong>Update</strong> when you see this dialog. The update will load after you reload Facebook.<br><br><"+"img src='"+THEMEURL+"_welcome/guide/maxthon/update.png' alt='' width='446' height='419' class='ponyhoof_image_shadow'>";
-
- var bottom = '';
- bottom += '<div class="lfloat"><a href="#" class="retry hidden_elem">Retry</a></div>';
- bottom += '<a href="#" class="uiButton uiButtonLarge uiButtonConfirm reloadNow" role="button"><span class="uiButtonText">'+CURRENTLANG['reloadNow']+'</span></a>';
- bottom += '<a href="#" class="uiButton uiButtonLarge notNow" role="button"><span class="uiButtonText">'+CURRENTLANG['notNow']+'</span></a>';
-
- k.mxaddonDialog = new Dialog('update_mxaddon');
- k.mxaddonDialog.alwaysModal = true;
- k.mxaddonDialog.create();
- k.mxaddonDialog.changeTitle(CURRENTLANG['updater_title']);
- k.mxaddonDialog.changeContent(c);
- k.mxaddonDialog.changeBottom(bottom);
-
- var retry = k.mxaddonDialog.dialog.getElementsByClassName('retry');
- if (retry.length) {
- retry = retry[0];
- retry.addEventListener('click', function(e) {
- e.preventDefault();
- k._mxaddonInstallNow();
- }, false);
- removeClass(retry, 'hidden_elem');
- }
- k._initReloadButtons(k.mxaddonDialog);
-
- k._mxaddonInstallNow();
- };
-
- k._mxaddonInstallNow = function() {
- try {
- w.external.mxCall('InstallApp', k.update_json.mxaddon);
- } catch (e) {
- dir(e);
- }
- };
-
- k._initReloadButtons = function(dialog) {
- $$(dialog.dialog, '.reloadNow', function(ele) {
- ele.addEventListener('click', function() {
- if (!hasClass(this, 'uiButtonDisabled')) {
- dialog.canCloseByEscapeKey = false;
- $$(dialog.dialog, '.uiButton', function(ele) {
- addClass(ele, 'uiButtonDisabled');
- });
- w.location.reload();
- }
- return false;
- });
- });
-
- $$(dialog.dialog, '.notNow', function(ele) {
- ele.addEventListener('click', function() {
- if (!hasClass(this, 'uiButtonDisabled')) {
- dialog.close();
- }
- return false;
- });
- });
- };
- };
-
- var BrowserPoniesHoof = function() {
- var k = this;
-
- k.dialog = null;
- k.url = 'https://hoof.little.my/_browserponies/';
- k.initLoaded = false;
- k.ponies = [];
- k.ponySelected = 'RANDOM';
- k.doneCallback = function() {};
-
- k.selectPoniesMenu = null;
- k.selectPoniesButton = null;
-
- k.errorDialog = null;
- k.errorDialogShown = false;
-
- k.run = function() {
- if (!k.initLoaded) {
- k._init(k.run);
-
- w.setTimeout(function() {
- if (!k.initLoaded) {
- if (k.errorCallback) {
- k.errorCallback('timeout');
- }
- }
- }, 15000);
-
- return;
- }
-
- k.spawnPony(k.ponySelected);
-
- if (k.doneCallback) {
- k.doneCallback();
- }
- };
-
- k._init = function(callback) {
- k.errorDialogShown = false;
- k._getAjax(k.url+'BrowserPoniesBaseConfig.json?userscript_version='+VERSION, function(response) {
- try {
- var tempPonies = JSON.parse(response.responseText);
- } catch (e) {
- if (k.errorCallback) {
- k.errorCallback(response);
- }
- return;
- }
- contentEval("var BrowserPoniesBaseConfig = "+response.responseText);
-
- for (var i = 0, len = tempPonies.ponies.length; i < len; i += 1) {
- var pony = tempPonies.ponies[i].ini.split(/\r?\n/);
- for (var j = 0, jLen = pony.length; j < jLen; j += 1) {
- var temp = pony[j].split(',');
- if (temp && temp[0].toLowerCase() == 'name') {
- k.ponies.push(temp[1].replace(/\"/g, ''));
- break;
- }
- }
- }
-
- k._getAjax(k.url+'browserponies.js?userscript_version='+VERSION, function(response) {
- contentEval(response.responseText);
- k.initLoaded = true;
-
- contentEval(function(arg) {
- try {
- (function(cfg) {
- if (typeof(window.BrowserPoniesConfig) === "undefined") {
- window.BrowserPoniesConfig = {};
- }
- window.BrowserPonies.setBaseUrl(cfg.baseurl);
- if (!window.BrowserPoniesBaseConfig.loaded) {
- window.BrowserPonies.loadConfig(window.BrowserPoniesBaseConfig);
- window.BrowserPoniesBaseConfig.loaded = true;
- }
- window.BrowserPonies.loadConfig(cfg);
- })({"baseurl":arg.baseurl,"fadeDuration":500,"volume":1,"fps":25,"speed":3,"audioEnabled":false,"showFps":false,"showLoadProgress":true,"speakProbability":0.1});
- } catch (e) {
- if (arg.CANLOG && typeof console != 'undefined' && console.log && console.dir) {
- console.log("Unable to hook to BrowserPonies");
- console.dir(e);
- }
- }
- }, {"CANLOG":CANLOG, "baseurl":k.url});
-
- callback();
-
- if (k.errorDialog) {
- k.errorDialog.close();
- }
- });
- });
- }
-
- k._getAjax = function(url, callback) {
- try {
- ajax({
- method: 'GET'
- ,url: url
- ,onload: function(response) {
- if (response.status != 200) {
- if (k.errorCallback) {
- k.errorCallback(response);
- }
- return;
- }
-
- callback(response);
- }
- ,onerror: function(response) {
- if (k.errorCallback) {
- k.errorCallback(response);
- }
- }
- });
- } catch (e) {
- if (k.errorCallback) {
- k.errorCallback(e);
- }
- }
- };
-
- k.createDialog = function() {
- if ($('ponyhoof_dialog_browserponies')) {
- k.dialog.show();
- return;
- }
-
- k.injectStyle();
-
- var c = '';
- c += '<div id="ponyhoof_bp_select"></div><br>';
- c += '<a href="#" class="uiButton uiButtonConfirm" role="button" id="ponyhoof_bp_more"><span class="uiButtonText">MORE PONY!</span></a><br><br>';
- c += '<a href="#" class="uiButton" role="button" id="ponyhoof_bp_close"><span class="uiButtonText">Hide this</span></a><br><br>';
- c += '<a href="#" class="uiButton" role="button" id="ponyhoof_bp_remove"><span class="uiButtonText">Reset</span></a>';
-
- k.dialog = new Dialog('browserponies');
- k.dialog.canCloseByEscapeKey = false;
- k.dialog.canCardspace = false;
- k.dialog.noTitle = true;
- k.dialog.noBottom = true;
- k.dialog.create();
- k.dialog.changeContent(c);
-
- $('ponyhoof_bp_more').addEventListener('click', k.morePonies, false);
- $('ponyhoof_bp_close').addEventListener('click', k.closeDialog, false);
- $('ponyhoof_bp_remove').addEventListener('click', k.clearAll, false);
-
- k.selectPoniesMenu = new Menu('browserponies_select', $('ponyhoof_bp_select'));
- k.selectPoniesMenu.rightFaced = true;
- k.selectPoniesMenu.buttonTextClipped = 59;
- k.selectPoniesButton = k.selectPoniesMenu.createButton("(Random)");
- k.selectPoniesMenu.searchNoResultsMessage = "No ponies :(";
- k.selectPoniesMenu.createMenu();
- k.selectPoniesMenu.attachButton();
-
- k.selectPoniesMenu.createMenuItem({
- html: "(Random)"
- ,check: true
- ,unsearchable: true
- ,onclick: function(menuItem, menuClass) {
- k._select_spawn(menuItem, menuClass, 'RANDOM');
- }
- });
- for (var code in k.ponies) {
- if (k.ponies.hasOwnProperty(code)) {
- k._select_item(code);
- }
- }
-
- k.dialog.show();
- };
-
- k._select_item = function(code) {
- var pony = k.ponies[code];
- k.selectPoniesMenu.createMenuItem({
- html: pony
- ,onclick: function(menuItem, menuClass) {
- k._select_spawn(menuItem, menuClass, pony);
- }
- });
- };
-
- k._select_spawn = function(menuItem, menuClass, pony) {
- menuClass.changeChecked(menuItem);
- menuClass.close();
-
- if (pony == 'RANDOM') {
- menuClass.changeButtonText("(Random)");
- } else {
- menuClass.changeButtonText(pony);
- }
-
- k.ponySelected = pony;
- k.spawnPony(pony);
- };
-
- k.spawnPony = function(pony) {
- contentEval(function(arg) {
- try {
- if (arg.pony == 'RANDOM') {
- window.BrowserPonies.spawnRandom();
- } else {
- window.BrowserPonies.spawn(arg.pony);
- }
- if (!window.BrowserPonies.running()) {
- window.BrowserPonies.start();
- }
- } catch (e) {
- if (arg.CANLOG && typeof console != 'undefined' && console.log && console.dir) {
- console.log("Unable to hook to BrowserPonies");
- console.dir(e);
- }
- }
- }, {"CANLOG":CANLOG, "pony":pony});
- };
-
- k.createErrorDialog = function(response) {
- if (!k.errorDialogShown) {
- dir(response);
- k.errorDialog = createSimpleDialog('browserponies_error', "Browser Ponies derp'd", "Whoops, there was a problem loading Browser Ponies. Please try again later.<br><br>If you keep seeing this error, please update to the latest version of Ponyhoof if available and <a href=\""+w.location.protocol+PONYHOOF_URL+"\" data-hovercard=\"/ajax/hovercard/page.php?id="+PONYHOOF_PAGE+"\">visit and post to the Ponyhoof page for help</a>.");
-
- k.errorDialogShown = true;
- }
- }
-
- k.injectStyle = function() {
- var css = '';
- css += '#ponyhoof_dialog_browserponies .generic_dialog {z-index:100000000 !important;}';
- css += '#ponyhoof_dialog_browserponies .generic_dialog_popup {width:'+(88+8+8+8+10+10)+'px;margin:'+(38+8)+'px 8px 0 auto;}';
- css += 'body.hasSmurfbar #ponyhoof_dialog_browserponies .generic_dialog_popup {margin-top:'+(42+8)+'px;}';
- css += 'body.hasVoiceBar #ponyhoof_dialog_browserponies .generic_dialog_popup {margin-top:'+(56+8)+'px;}';
- css += 'body.hasSmurfbar.hasVoiceBar #ponyhoof_dialog_browserponies .generic_dialog_popup {margin-top:'+(70+8)+'px;}';
- css += 'body.hasViewasChromeBar #ponyhoof_dialog_browserponies .generic_dialog_popup {margin-top:'+(76+8)+'px;}';
- css += 'body.hasSmurfbar.hasViewasChromeBar #ponyhoof_dialog_browserponies .generic_dialog_popup {margin-top:'+(80+8)+'px;}';
- css += '.sidebarMode #ponyhoof_dialog_browserponies .generic_dialog_popup {margin-right:213px;}';
- css += '._4g5r #ponyhoof_dialog_browserponies .generic_dialog_popup, .-cx-PUBLIC-hasLitestandBookmarksSidebar__root #ponyhoof_dialog_browserponies .generic_dialog_popup {margin-right:8px;}';
- css += '#ponyhoof_dialog_browserponies .popup {width:'+(88+8+8+8)+'px;margin:0;opacity:.6;-webkit-transition:opacity .3s linear;-moz-transition:opacity .3s linear;-o-transition:opacity .3s linear;transition:opacity .3s linear;}';
- css += '#ponyhoof_dialog_browserponies .popup:hover {opacity:1;}';
- css += '#ponyhoof_dialog_browserponies .content {background:#F2F2F2;text-align:center;}';
- css += '#ponyhoof_dialog_browserponies .uiButton {text-align:left;}';
- css += '#browser-ponies img {-webkit-user-select:none;-moz-user-select:none;user-select:none;}';
- injectManualStyle(css, 'browserponies');
- };
-
- k.copyrightDialog = function() {
- createSimpleDialog('browserponies_copyright', "Browser Ponies", "<a href='http://panzi.github.io/Browser-Ponies/' target='_blank'>Browser Ponies</a> is created by Mathias Panzenböck, licensed under the <a href='http://opensource.org/licenses/mit-license.html' target='_blank'>MIT License</a>. Based on Desktop Ponies written by <a href='mailto:random.anonymous.pony@gmail.com'>random.anonymous.pony@gmail.com</a>");
- };
-
- k.morePonies = function(e) {
- k.spawnPony(k.ponySelected);
- if (e) {
- e.preventDefault();
- }
- };
-
- k.closeDialog = function(e) {
- k.dialog.close();
- if (e) {
- e.preventDefault();
- }
- };
-
- k.clearAll = function(e) {
- //k.closeDialog();
- contentEval(function(arg) {
- try {
- window.BrowserPonies.unspawnAll();
- window.BrowserPonies.stop();
- } catch (e) {
- if (arg.CANLOG && typeof console != 'undefined' && console.log && console.dir) {
- console.log("Unable to hook to BrowserPonies");
- console.dir(e);
- }
- }
- }, {"CANLOG":CANLOG});
- if (e) {
- e.preventDefault();
- }
- };
- };
-
- // Options
- var Options = function() {
- var k = this;
-
- k.dialog = null;
- k.saveButton = null;
-
- k.needToSaveLabel = false;
- k.needToRefresh = false;
- k.canSaveSettings = true;
-
- k._stack = CURRENTSTACK;
-
- k.created = false;
- k.create = function() {
- // Did we create our Options interface already?
- if ($('ponyhoof_dialog_options')) {
- k._refreshDialog();
- return false;
- }
-
- k.injectStyle();
-
- if (!runMe) {
- var extra = '';
- if (ISCHROME) {
- extra = '<br><br><a href="http://jointheherd.little.my" target="_top">Please update to the latest version of Ponyhoof here.</a>';
- }
-
- k.dialog = new Dialog('options_force_run');
- k.dialog.create();
- k.dialog.changeTitle("Ponyhoof does not run on "+w.location.hostname);
- k.dialog.changeContent("Unfortunately, your browser stores settings seperately for each domain ("+w.location.protocol+"//www.facebook.com is different from "+w.location.protocol+"//"+w.location.hostname+")"+extra);
- k.dialog.addCloseButton();
- return;
- }
-
- var c = '';
- c += '<div class="ponyhoof_tabs clearfix">';
- c += '<a href="#" class="active" data-ponyhoof-tab="main">'+CURRENTLANG.options_tabs_main+'</a>';
- c += '<a href="#" class="ponyhoof_show_if_injected" data-ponyhoof-tab="background">'+CURRENTLANG.options_tabs_background+'</a>';
- c += '<a href="#" class="ponyhoof_show_if_injected" data-ponyhoof-tab="sounds">'+CURRENTLANG.options_tabs_sounds+'</a>';
- c += '<a href="#" data-ponyhoof-tab="extras">'+CURRENTLANG.options_tabs_extras+'</a>';
- c += '<a href="#" data-ponyhoof-tab="advanced">'+CURRENTLANG.options_tabs_advanced+'</a>';
- c += '<a href="#" data-ponyhoof-tab="about">'+CURRENTLANG.options_tabs_about+'</a>';
- c += '</div>';
-
- c += '<div class="ponyhoof_tabs_section" id="ponyhoof_options_tabs_main" style="display:block;">';
- //c += '<div class="ponyhoof_tabs_section" id="ponyhoof_options_tabs_main">';
- c += '<div class="clearfix">';
- c += renderBrowserConfigWarning();
-
- c += '<a href="#" ajaxify="/ajax/sharer/?s=18&p[]='+PONYHOOF_PAGE+'" rel="dialog" class="uiButton uiButtonSpecial rfloat ponyhoof_noShareIsCare" role="button" data-hover="tooltip" data-tooltip-alignh="right" aria-label="'+CURRENTLANG['fb_share_tooltip']+'"><span class="uiButtonText">Share with your pals!</span></a>';
-
- var visitPageText = CURRENTLANG.settings_main_visitPage;
- if (ISUSINGBUSINESS) {
- visitPageText = CURRENTLANG.settings_main_visitPageBusiness;
- }
-
- c += '<div class="ponyhoof_show_if_injected">Select your favorite character:</div>';
- c += '<div class="ponyhoof_hide_if_injected">Select your favorite character to re-enable Ponyhoof:</div>';
- c += '<div id="ponyhoof_options_pony"></div>';
- c += '<div id="ponyhoof_options_likebox_div" class="notPage notBusiness"><iframe src="about:blank" id="ponyhoof_options_likebox" scrolling="no" frameborder="0" allowTransparency="true" class="ponyhoof_options_framerefresh"></iframe></div>';
- c += '<a href="'+w.location.protocol+PONYHOOF_URL+'" class="ponyhoof_options_linkclick ponyhoof_options_fatlink" data-hovercard="/ajax/hovercard/page.php?id='+PONYHOOF_PAGE+'">'+visitPageText+'</a>';
- c += '<a href="#" class="ponyhoof_options_fatlink" id="ponyhoof_browserponies" data-hover="tooltip" aria-label="Run Desktop Ponies on this page for MOAR ponies!!">Run Browser Ponies<span class="ponyhoof_loading"></span></a>';
- c += '<div class="ponyhoof_show_if_injected"><a href="#" class="ponyhoof_options_fatlink" id="ponyhoof_options_disable">Disable Ponyhoof</a></div>';
-
- c += '<div class="ponyhoof_message uiBoxYellow ponyhoof_updater_newVersion">';
- c += '<a href="#" class="uiButton uiButtonSpecial rfloat ponyhoof_updater_updateNow" role="button"><span class="uiButtonText">Update now</span></a>';
- c += '<span class="wrap">An update (v<span class="ponyhoof_updater_versionNum"></span>) for Ponyhoof is available.</span>';
- c += '</div>';
- c += '<div class="ponyhoof_message uiBoxRed ponyhoof_updater_error">Ponyhoof cannot check for updates at this moment. <a href="'+w.location.protocol+PONYHOOF_URL+'" class="ponyhoof_options_linkclick">Please visit the Ponyhoof page for the latest news.</a></div>';
- c += '</div>';
- c += '</div>';
-
- c += '<div class="ponyhoof_tabs_section" id="ponyhoof_options_tabs_background">';
- c += '<div class="ponyhoof_show_if_injected">';
- c += 'Use as background:';
- c += '<ul class="ponyhoof_options_fatradio clearfix">';
- c += '<li id="ponyhoof_options_background_cutie" data-ponyhoof-background="cutie"><a href="#"><span>Cutie mark</span><div class="wrap"><i></i></div></a></li>';
- c += '<li id="ponyhoof_options_background_loginbg" data-ponyhoof-background="loginbg"><a href="#"><span>Background</span><div class="wrap"><i></i></div></a></li>';
- c += '<li id="ponyhoof_options_background_custom" data-ponyhoof-background="custom"><a href="#"><span>Custom</span><div class="wrap"><i></i></div></a></li>';
- c += '</ul>';
-
- c += '<div class="ponyhoof_message uiBoxRed hidden_elem" id="ponyhoof_options_background_error"></div>';
- c += '<div class="ponyhoof_message uiBoxYellow hidden_elem" id="ponyhoof_options_background_message"></div>';
- c += '<div id="ponyhoof_options_background_drop">';
- c += '<div id="ponyhoof_options_background_drop_notdrop">';
- c += 'Drag and drop a pony pic here to customize your background. <a href="#" class="uiHelpLink" data-hover="tooltip" data-tooltip-alignh="center" aria-label=""></a><br><br>';
- c += '<span class="ponyhoof_menu_label">Or browse for a pony pic: </span>';
- c += '<div id="ponyhoof_options_background_selectOuterWrap"><a href="#" class="uiButton" role="button" aria-hidden="true" tabindex="-1"><span class="uiButtonText">Browse...</span></a><div id="ponyhoof_options_background_selectFileWrap"><input type="file" id="ponyhoof_options_background_select" accept="image/*" title="Choose a file..."></div></div>';
- c += '</div>';
- c += '<div id="ponyhoof_options_background_drop_dropping">Drop here</div>';
- c += '</div>';
- c += '</div>';
- c += '</div>';
-
- c += '<div class="ponyhoof_tabs_section" id="ponyhoof_options_tabs_sounds">';
- c += '<div class="ponyhoof_show_if_injected">';
- c += '<div class="ponyhoof_message uiBoxRed hidden_elem unavailable">'+CURRENTLANG.settings_sounds_unavailable+'</div>';
-
- var soundsText = CURRENTLANG.settings_sounds;
- if (ISUSINGPAGE || ISUSINGBUSINESS) {
- soundsText = CURRENTLANG.settings_sounds_noNotification;
- }
-
- c += '<div class="available">';
- c += '<div class="ponyhoof_message uiBoxRed usingPage">Notification sounds are not available when you are using Facebook as your page.</div>';
- c += k.generateCheckbox('sounds', soundsText, {customFunc:k.soundsClicked});
- c += '<div class="notPage notBusiness">';
- c += '<div id="ponyhoof_options_soundsSettingsWrap"><br>';
- c += '<div id="ponyhoof_options_soundsSetting" class="ponyhoof_menu_withlabel"><span class="ponyhoof_menu_label">Notification sound: </span></div>';
- c += '<div id="ponyhoof_options_soundsNotifType" class="ponyhoof_menu_withlabel ponyhoof_menu_labelbreak"><span class="ponyhoof_menu_label">Don\'t play sounds for these types of notifications:</span></div>';
- c += '<span class="ponyhoof_menu_label">Volume: </span><input type="range" id="ponyhoof_options_soundsVolume" min="1" max="100"> <a href="#" class="uiButton" role="button" id="ponyhoof_options_soundsVolumePreview"><span class="uiButtonText">Preview</span></a><span class="ponyhoof_menu_label" id="ponyhoof_options_soundsVolumeValue"></span>';
- c += '</div>';
- c += '</div>';
-
- c += '<div class="notPage notBusiness"><br>';
- c += '<span class="ponyhoof_dialog_header">Chat</span>';
- c += '<div class="ponyhoof_message uiBoxYellow notPage hidden_elem" id="ponyhoof_options_soundsChatSoundWarning">';
- c += '<a href="#" class="uiButton uiButtonConfirm rfloat" role="button"><span class="uiButtonText">Enable now</span></a>';
- c += '<span class="wrap">The chat sound option built into Facebook needs to be enabled.</span>';
- c += '</div>';
- c += '<div class="ponyhoof_message uiBoxYellow notPage hidden_elem" id="ponyhoof_options_soundsMessengerForWindowsWarning">Please turn off Facebook Messenger for Windows for chat sounds to work properly.</div>';
- c += k.generateCheckbox('chatSound', "Change chat sound", {customFunc:k.chatSound});
- c += '<div id="ponyhoof_options_soundsChatWrap">';
- c += '<div id="ponyhoof_options_soundsChatSetting" class="ponyhoof_menu_withlabel"><span class="ponyhoof_menu_label">Chat sound: </span></div>';
- c += '</div>';
- c += '</div>';
- c += '</div>'; // .available
- c += '</div>';
- c += '<div class="ponyhoof_hide_if_injected ponyhoof_message uiBoxRed">';
- c += 'You must enable Ponyhoof to use Ponyhoof sounds.';
- c += '</div>';
- c += '</div>';
-
- c += '<div class="ponyhoof_tabs_section" id="ponyhoof_options_tabs_extras">';
- c += '<div class="ponyhoof_show_if_injected">';
- c += k.generateCheckbox('pinkieproof', "Strengthen the fourth wall", {title:"Prevents Pinkie Pie from breaking the fourth wall for non-villains"});
- c += '</div>';
- c += k.generateCheckbox('forceEnglish', "Always use Ponyhoof in English", {title:"Ponyhoof tries to use your Facebook language, but you can force Ponyhoof to always use English", refresh:true});
- c += '<div class="ponyhoof_show_if_injected">';
- c += k.generateCheckbox('disable_emoticons', "Disable emoticon ponification");
- c += '<div id="ponyhoof_options_randomPonies" class="ponyhoof_menu_withlabel"><span class="ponyhoof_menu_label">Characters to randomize: </span></div>';
- c += '<div id="ponyhoof_options_costume" class="ponyhoof_menu_withlabel"><span class="ponyhoof_menu_label">Appearance: </span></div>';
- c += '</div>';
- c += '<div class="ponyhoof_hide_if_injected"><br></div>';
-
- c += '<span class="ponyhoof_dialog_header">Multi-user</span>';
- c += k.generateCheckbox('allowLoginScreen', "Run Ponyhoof on the Facebook login screen", {global:true, customFunc:k.allowLoginScreenClicked});
- c += k.generateCheckbox('runForNewUsers', "Run Ponyhoof for new users", {title:CURRENTLANG['settings_extras_runForNewUsers_explain'], global:true});
- c += '<br>';
-
- c += '<div class="ponyhoof_show_if_injected">';
- c += '<span class="ponyhoof_dialog_header">Performance</span>';
- c += k.generateCheckbox('disable_animation', "Disable all animations");
- c += k.generateCheckbox('disableDomNodeInserted', "Disable HTML detection", {title:"Disables Ponyhoof from ponifying certain stuff that is not possible to do with styling alone such as notifications and dialogs (Some features require this to be enabled)", customFunc:k.disableDomNodeInsertedClicked});
- c += '</div>';
-
- c += '<a href="#" class="ponyhoof_options_fatlink" id="ponyhoof_options_resetSettings" data-hover="tooltip" aria-label="Reset your Ponyhoof settings and show the welcome screen">Reset settings</a>';
- c += '<a href="http://ponyhoof.little.my/faq" class="ponyhoof_options_fatlink" target="_blank" data-hover="tooltip" aria-label="View frequently asked questions, such as how to uninstall or update">View the Ponyhoof FAQ</a>';
- c += '</div>';
-
- c += '<div class="ponyhoof_tabs_section" id="ponyhoof_options_tabs_advanced">';
- c += '<div class="ponyhoof_message uiBoxYellow">These features are unsupported and used for debugging. This should be used by advanced users only.</div><br>';
- c += '<span class="ponyhoof_show_if_loaded inline">Style version <span class="ponyhoof_VERSION_CSS"></span><br><br></span>';
-
- c += '<textarea id="ponyhoof_options_technical" READONLY spellcheck="false"></textarea><br><br>';
-
- if (STORAGEMETHOD == 'localstorage') {
- c += '<span class="ponyhoof_dialog_header">localStorage dump</span>';
- c += '<textarea id="ponyhoof_options_dump" READONLY spellcheck="false"></textarea><br><br>';
- }
-
- c += '<span class="ponyhoof_dialog_header">Chat config</span>';
- c += '<textarea id="ponyhoof_options_chatconfig" READONLY spellcheck="false"></textarea><br><br>';
-
- c += '<div class="ponyhoof_show_if_injected">';
- c += '<span class="ponyhoof_dialog_header">Custom CSS</span>';
- c += '<textarea id="ponyhoof_options_customcss" placeholder="Enter any custom CSS to load after Ponyhoof is loaded." title="Enter any custom CSS to load after Ponyhoof is loaded." spellcheck="false"></textarea><br>';
- c += '<a href="#" class="uiButton" role="button" id="ponyhoof_options_customcss_preview"><span class="uiButtonText">Preview</span></a><br><br>';
- c += '</div>';
-
- c += '<span class="ponyhoof_dialog_header">Settings</span>';
- c += '<textarea id="ponyhoof_options_debug_settings" spellcheck="false"></textarea>';
- c += '<a href="#" class="uiButton" role="button" id="ponyhoof_options_debug_settings_export"><span class="uiButtonText">Export settings</span></a> <a href="#" class="uiButton" role="button" id="ponyhoof_options_debug_settings_saveall"><span class="uiButtonText">Import settings</span></a><br><br>';
-
- c += '<span class="ponyhoof_dialog_header">Other</span>';
- c += '<div class="ponyhoof_hide_if_injected ponyhoof_message uiBoxYellow">';
- c += 'You must enable Ponyhoof to use custom CSS or dump debug data.';
- c += '</div>';
-
- c += k.generateCheckbox('debug_exposed', "Always show Debug tab");
- c += k.generateCheckbox('debug_slow_load', "Disable fast load");
- c += '<div class="ponyhoof_show_if_injected">';
- c += k.generateCheckbox('debug_dominserted_console', "Dump DOMNodeInserted data to console");
- c += k.generateCheckbox('debug_disablelog', "Disable console logging", {customFunc:k.debug_disablelog});
- c += k.generateCheckbox('debug_noMutationObserver', "Use legacy HTML detection (slower)", {refresh:true});
- c += k.generateCheckbox('debug_mutationDebug', "Dump mutation debug info to console");
- c += k.generateCheckbox('debug_betaFacebookLinks', "Rewrite links on beta.facebook.com", {refresh:true});
- c += '<a href="#" id="ponyhoof_options_tempRemove" class="ponyhoof_options_fatlink">Remove style</a>';
- c += '</div>';
- c += '<a href="#" id="ponyhoof_options_sendSource" class="ponyhoof_options_fatlink">Send page source</a>';
- if (STORAGEMETHOD != 'mxaddon') {
- c += '<a href="#" class="ponyhoof_options_fatlink" id="ponyhoof_options_clearLocalStorage" data-hover="tooltip">Reset all settings (including global)</a>';
- }
- c += '</div>';
-
- c += '<div class="ponyhoof_tabs_section" id="ponyhoof_options_tabs_about">';
- c += '<div class="clearfix">';
- c += '<div class="top">';
- c += '<div class="rfloat"><a href="'+w.location.protocol+PONYHOOF_URL+'" class="ponyhoof_options_linkclick" data-hovercard="/ajax/hovercard/page.php?id='+PONYHOOF_PAGE+'" id="ponyhoof_options_devpic" data-hovercard-instant="1"><'+'img src="'+THEMEURL+'icon100.png" alt="" width="50" height="50"></a>';
- c += '</div>';
- c += '<strong>Ponyhoof v'+VERSION+'</strong><br>';
- c += 'By <a href="'+w.location.protocol+'//'+getFbDomain()+'/ngyikp" class="ponyhoof_options_linkclick" data-hovercard="/ajax/hovercard/user.php?id=100000971648506">Ng Yik Phang</a> and <a href="http://ponyhoof.little.my/credits" class="ponyhoof_options_linkclick" data-hover="tooltip" aria-label="View all the ponies, artists and contributors that made Ponyhoof come to life">many contributors</a>';
- c += '</div>';
- c += '<a href="'+w.location.protocol+PONYHOOF_URL+'" class="ponyhoof_options_linkclick ponyhoof_options_fatlink notBusiness" data-hovercard="/ajax/hovercard/page.php?id='+PONYHOOF_PAGE+'">Send feedback and suggestions on our page</a>';
- if (ISCHROME || (STORAGEMETHOD == 'chrome' && !ISOPERABLINK)) {
- c += '<a href="http://ponyhoof.little.my/cwsreview" target="_blank" class="ponyhoof_options_fatlink">Rate us 5 stars and write a review on the Chrome Web Store</a>';
- }
- c += '<iframe src="about:blank" id="ponyhoof_options_twitter" allowtransparency="true" frameborder="0" scrolling="no"></iframe>';
- if (ISCHROME || STORAGEMETHOD == 'chrome') {
- c += '<div id="ponyhoof_options_plusone"><div class="g-plusone" data-size="medium" data-annotation="inline" data-width="443" data-href="https://chrome.google.com/webstore/detail/efjjgphedlaihnlgaibiaihhmhaejjdd"></div></div>';
- }
-
- c += '<div class="ponyhoof_options_aboutsection"><div class="inner">';
- c += '<strong>If you love Ponyhoof, then please help us a hoof and contribute to support development! Thanks!</strong><br><br>';
- c += '<div id="ponyhoof_donate" class="clearfix">';
- c += '<div class="inner"><form name="_xclick" action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_blank" id="ponyhoof_options_donatepaypal"><input type="hidden" name="cmd" value="_xclick"><input type="hidden" name="business" value="paypal@little.my"><input type="hidden" name="currency_code" value="USD"><input type="hidden" name="item_name" value="Support Ponyhoof"><a href="#" id="ponyhoof_options_donatepaypal_link">Contribute with PayPal</a></form></div>';
- c += '<div class="inner"><iframe src="about:blank" id="ponyhoof_donate_flattr_iframe" allowtransparency="true" frameborder="0" scrolling="no"></iframe></div>'; //<a href="//flattr.com/thing/641591/Ponyhoof" target="_blank" id="ponyhoof_donate_flattr">Flattr this!</a>
- c += '</div>';
- c += '</div></div>';
-
- c += '<div class="ponyhoof_options_aboutsection"><div class="inner">The Ponyhoof extension for Facebook is not affiliated or endorsed by Facebook and/or Hasbro in any way. MY LITTLE PONY, FRIENDSHIP IS MAGIC and all related characters are trademarks of Hasbro. © '+(new Date().getFullYear())+' Hasbro. All Rights Reserved.</div></div>';
- c += '</div>';
- c += '</div>';
-
- var successText = '';
- var ponyData = convertCodeToData(REALPONY);
- if (ponyData.successText) {
- successText = ponyData.successText+' ';
- }
- var bottom = '';
- bottom += '<div class="lfloat"><span class="ponyhoof_updater_checking">Checking for updates...</span><span class="ponyhoof_updater_latest">'+successText+'Ponyhoof is up-to-date.</span></div>';
- bottom += '<a href="#" class="uiButton uiButtonLarge uiButtonConfirm" role="button" id="ponyhoof_options_save"><span class="uiButtonText">'+CURRENTLANG.close+'</span></a>';
-
- k.dialog = new Dialog('options');
- k.dialog.create();
- k.dialog.changeTitle(CURRENTLANG.options_title);
- k.dialog.changeContent(c);
- k.dialog.changeBottom(bottom);
- k.dialog.onclose = k.dialogOnClose;
- k.dialog.onclosefinish = k.dialogOnCloseFinish;
- k.created = true;
-
- // After
- k.dialog.dialog.className += ' ponyhoof_dialog_localstorageWarningEmbedded';
-
- k.saveButton = $('ponyhoof_options_save');
- k.saveButton.addEventListener('click', k.saveButtonClick, false);
-
- k.dialog.dialog.getElementsByClassName('ponyhoof_noShareIsCare')[0].addEventListener('click', function() {
- k.dialog.close();
- }, false);
-
- var l = k.dialog.dialog.getElementsByClassName('ponyhoof_options_linkclick');
- for (var i = 0, len = l.length; i < len; i += 1) {
- l[i].addEventListener('click', function() {
- k.dialog.close();
- }, false);
- }
-
- // Updater
- w.setTimeout(function() {
- var update = new Updater();
- update.checkForUpdates();
- }, 500);
-
- k.checkboxInit();
- k.tabsInit();
-
- // @todo make k.mainInit non-dependant
- k.mainInit();
-
- k._refreshDialog();
-
- if (userSettings.debug_exposed) {
- addClass(k.dialog.dialog, 'ponyhoof_options_debugExposed');
- }
- };
-
- k._refreshDialog = function() {
- k.ki();
- k.disableDomNodeInserted();
-
- if (k.debugLoaded) {
- $('ponyhoof_options_technical').textContent = k.techInfo();
- //$('ponyhoof_options_linkedcss').textContent = k.linkedCss();
- }
- };
-
- k.debugLoaded = false;
- k.techInfo = function() {
- var cxPrivate = false;
- if (d.getElementsByClassName('-cx-PRIVATE-fbLayout__root').length) {
- cxPrivate = true;
- }
-
- var tech = SIG + " " + new Date().toString() + "\n";
- tech += "USERID: " + USERID + "\n";
- tech += "CURRENTPONY: " + CURRENTPONY + "\n";
- tech += "REALPONY: " + REALPONY + "\n";
- tech += "CURRENTSTACK: " + CURRENTSTACK.stack + "\n";
- tech += "STORAGEMETHOD: " + STORAGEMETHOD + "\n";
- tech += "DISTRIBUTION: " + DISTRIBUTION + "\n";
- if (STORAGEMETHOD == 'localstorage') {
- tech += "localStorage.length: " + w.localStorage.length + "\n";
- }
- tech += "\n";
- tech += "navigator.userAgent: " + w.navigator.userAgent + "\n";
- tech += "document.documentElement.className: " + d.documentElement.className + "\n";
- tech += "document.body.className: " + d.body.className + "\n";
- tech += "Has cx-PRIVATE: " + cxPrivate + "\n";
- tech += "window.location.href: " + w.location.href + "\n";
- tech += "\n";
- tech += k.linkedCss();
- tech += "\n";
- tech += k.linkedScript();
- tech += "\n";
- tech += k.linkedIframe();
- tech += "\n";
-
- var ext = [];
- var conflict = [];
- if ($('bfb_options_button')) {
- ext.push("Social Fixer");
- }
- if (d.getElementsByClassName('rg3fbpz-tooltip').length) {
- ext.push("Photo Zoom for Facebook");
- }
- if ($('fbpoptslink')) {
- ext.push("FB Purity");
- }
- if ($('fbfPopupContainer')) {
- ext.push("FFixer");
- }
- if ($('unfriend_finder')) {
- ext.push("Unfriend Finder");
- }
- if ($('window-resizer-tooltip')) {
- ext.push("Window Resizer");
- }
- if ($('hzImg')) {
- ext.push("Hover Zoom");
- }
- if ($('myGlobalPonies')) {
- ext.push("My Global Ponies");
- }
- if ($('memeticonStyle')) {
- ext.push("Memeticon (ads)");
- }
- if ($('socialplus')) {
- ext.push("SocialPlus! (ads)");
- }
- if (d.querySelector('script[src^="chrome-extension://igdhbblpcellaljokkpfhcjlagemhgjl"]')) {
- ext.push("Iminent (ads)");
- }
- if ($('_fbm-emoticons-wrapper')) {
- ext.push("myemoticons.com");
- }
- if (d.querySelector('script[src^="chrome-extension://lifbcibllhkdhoafpjfnlhfpfgnpldfl"]')) {
- ext.push("Skype plugin");
- }
- if (d.querySelector('script[src^="chrome-extension://jmfkcklnlgedgbglfkkgedjfmejoahla"]')) {
- ext.push("AVG Safe Search");
- }
- if ($('DAPPlugin')) {
- ext.push("Download Accelerator Plus");
- }
-
- if ($('bfb_theme')) {
- conflict.push("Social Fixer theme");
- }
- if ($('mycssstyle')) {
- conflict.push("SocialPlus! theme");
- }
- if ($('ColourChanger')) {
- conflict.push("Facebook Colour Changer");
- }
- if (hasClass(d.documentElement, 'myFacebook')) {
- conflict.push("Color My Facebook");
- }
- if (w.navigator.userAgent.match(/Mozilla\/4\.0 \(compatible\; MSIE 7\.0\; Windows/)) {
- conflict.push("IE 7 user-agent spoofing");
- }
- tech += "Installed extensions: ";
- if (ext.length) {
- for (var i = 0, len = ext.length; i < len; i += 1) {
- tech += ext[i];
- if (ext.length-1 != i) {
- tech += ', ';
- }
- }
- } else {
- tech += "None detected";
- }
- tech += "\n";
-
- tech += "Conflicts: ";
- if (conflict.length) {
- for (var i = 0, len = conflict.length; i < len; i += 1) {
- tech += conflict[i];
- if (conflict.length-1 != i) {
- tech += ', ';
- }
- }
- } else {
- tech += "None detected";
- }
- tech += "\n";
-
- return tech;
- };
-
- k.linkedCss = function() {
- var css = d.getElementsByTagName('link');
- var t = '';
- for (var i = 0, len = css.length; i < len; i += 1) {
- if (css[i].rel == 'stylesheet') {
- t += css[i].href + "\n";
- }
- }
-
- return t;
- };
-
- k.linkedScript = function() {
- var script = d.getElementsByTagName('script');
- var t = '';
- for (var i = 0, len = script.length; i < len; i += 1) {
- if (script[i].src) {
- t += script[i].src + "\n";
- }
- }
-
- return t;
- };
-
- k.linkedIframe = function() {
- var iframe = d.getElementsByTagName('iframe');
- var t = '';
- for (var i = 0, len = iframe.length; i < len; i += 1) {
- if (iframe[i].src && iframe[i].src.indexOf('://'+getFbDomain()+'/ai.php') == -1) {
- t += iframe[i].src + "\n";
- }
- }
-
- return t;
- };
-
- k.debugInfo = function() {
- if (k.debugLoaded) {
- return;
- }
- k.debugLoaded = true;
-
- // Custom CSS
- var customcss = $('ponyhoof_options_customcss');
- if (userSettings.customcss) {
- customcss.value = userSettings.customcss;
- }
- customcss.addEventListener('input', function() {
- if (!k.needsToRefresh) {
- k.needsToRefresh = true;
- k.updateCloseButton();
- }
- }, false);
- $('ponyhoof_options_customcss_preview').addEventListener('click', function() {
- if (!$('ponyhoof_style_customcss')) {
- injectManualStyle('', 'customcss');
- }
-
- $('ponyhoof_style_customcss').textContent = '/* '+SIG+' */'+customcss.value;
- }, false);
-
- if (STORAGEMETHOD == 'localstorage') {
- var dump = '';
- for (var i in localStorage) {
- dump += i+": "+localStorage[i]+"\n";
- }
- $('ponyhoof_options_dump').value = dump;
- }
-
- contentEval(function(arg) {
- try {
- if (typeof window.requireLazy == 'function') {
- window.requireLazy(['ChatConfig'], function(ChatConfig) {
- document.getElementById('ponyhoof_options_chatconfig').value = JSON.stringify(ChatConfig.getDebugInfo());
- });
- }
- } catch (e) {
- if (arg.CANLOG && typeof console != 'undefined' && console.log && console.dir) {
- console.log("Unable to hook to ChatConfig");
- console.dir(e);
- }
- }
- }, {"CANLOG":CANLOG});
-
- // Settings
- var settingsTextarea = $('ponyhoof_options_debug_settings');
-
- $('ponyhoof_options_debug_settings_export').addEventListener('click', function() {
- settingsTextarea.value = JSON.stringify(userSettings);
- }, false);
-
- $('ponyhoof_options_debug_settings_saveall').addEventListener('click', function(e) {
- e.preventDefault();
- try {
- var s = JSON.parse(settingsTextarea.value);
- } catch (e) {
- createSimpleDialog('debug_settingsKey_error', "Derp'd", "Invalid JSON<br><br><code>\n\n"+e.toString()+"</code>");
- return false;
- }
-
- if (confirm(SIG+" Are you sure you want to overwrite your settings? Facebook will be reloaded immediately after saving.")) {
- userSettings = s;
- saveSettings();
- w.location.reload();
- }
- }, false);
-
- // Other
- $('ponyhoof_options_tempRemove').addEventListener('click', k._debugRemoveStyle, false);
- k._debugNoMutationObserver();
-
- $('ponyhoof_options_sendSource').addEventListener('click', function() {
- if (confirm(SIG+" Are you sure you want to send the page source for debugging? Only the Ponyhoof developers can view the page. Please send the page source only when necessary.\n\nNote that it will take some time to upload, don't close the browser window until it is finished.")) {
- k.dialog.hide();
-
- var temp = $('ponyhoof_options_technical').value;
- $('ponyhoof_options_technical').value = '';
- if ($('ponyhoof_sourceSend_input')) {
- $('ponyhoof_sourceSend_input').value = '';
- var sourceSend = $('ponyhoof_sourceSend_input').parentNode;
- }
-
- var settings = {};
- for (var x in userSettings) {
- settings[x] = userSettings[x];
- }
- settings['customBg'] = null;
-
- var t = d.documentElement.innerHTML.replace(/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi, '');
- t = '<!DOCTYPE html><html class="'+d.documentElement.className+'" id="'+d.documentElement.id+'"><!-- '+k.techInfo()+"\n\n"+JSON.stringify(settings)+' -->'+t+'</html>';
-
- if ($('ponyhoof_sourceSend_input')) {
- $('ponyhoof_sourceSend_input').value = t;
- } else {
- var sourceSendTxt = d.createElement('input');
- sourceSendTxt.type = 'hidden';
- sourceSendTxt.id = 'ponyhoof_sourceSend_input';
- sourceSendTxt.name = 'post';
- sourceSendTxt.value = t;
-
- var sourceSend = d.createElement('form');
- sourceSend.method = 'POST';
- sourceSend.action = 'https://paste.little.my/post/';
- sourceSend.target = '_blank';
- sourceSend.appendChild(sourceSendTxt);
- d.body.appendChild(sourceSend);
- }
-
- sourceSend.submit();
-
- $('ponyhoof_options_technical').value = temp;
- }
- return false;
- }, false);
-
- $('ponyhoof_options_technical').textContent = k.techInfo();
- //$('ponyhoof_options_linkedcss').textContent = k.linkedCss();
- };
-
- k._debugRemoveStyle = function(e) {
- changeThemeSmart('NONE');
-
- d.removeEventListener('DOMNodeInserted', DOMNodeInserted, true);
- if (mutationObserverMain) {
- mutationObserverMain.disconnect();
- }
-
- k.dialog.close();
- e.preventDefault();
- };
-
- k._debugNoMutationObserver = function() {
- var mutationObserver = w.WebKitMutationObserver || w.MutationObserver || false;
- if (!mutationObserver) {
- var option = $('ponyhoof_options_debug_noMutationObserver');
- option.disabled = true;
- option.checked = true;
-
- var label = $('ponyhoof_options_label_debug_noMutationObserver');
- addClass(label, 'ponyhoof_options_unavailable');
- label.setAttribute('data-hover', 'tooltip');
- label.setAttribute('aria-label', "The new HTML detection method is not supported on your browser. Please update your browser if possible.");
- }
- };
-
- k.mainInitLoaded = false;
- k.mainInit = function() {
- if (k.mainInitLoaded) {
- return;
- }
-
- // Pony selector
- var ponySelector = new PonySelector($('ponyhoof_options_pony'), {});
- ponySelector.allowRandom = true;
- ponySelector.customClick = function(menuItem, menuClass) {
- if (ponySelector.oldPony == 'NONE' || CURRENTPONY == 'NONE') {
- if (ponySelector.oldPony == 'NONE' && CURRENTPONY != 'NONE') {
- extraInjection();
- runDOMNodeInserted();
- }
- }
- if (ponySelector.oldPony != 'NONE' && CURRENTPONY == 'NONE') {
- k.needsToRefresh = true;
- }
- if (k._stack != CURRENTSTACK) {
- k.needsToRefresh = true;
- }
- k.needToSaveLabel = true;
- k.updateCloseButton();
-
- var f = k.dialog.dialog.getElementsByClassName('ponyhoof_options_framerefresh');
- for (var i = 0, len = f.length; i < len; i += 1) {
- (function() {
- var iframe = f[i];
- fadeOut(iframe, function() {
- w.setTimeout(function() {
- iframe.style.display = '';
- removeClass(iframe, 'ponyhoof_fadeout');
-
- iframe.src = iframe.src.replace(/\href\=/, '&href=');
- }, 250);
- });
- })();
- }
- };
- ponySelector.createSelector();
-
- if (!ISUSINGPAGE && !ISUSINGBUSINESS) {
- w.setTimeout(function() {
- $('ponyhoof_options_likebox').src = '//'+getFbDomain()+'/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fprofile.php%3Fid%3D'+PONYHOOF_PAGE+'&send=false&layout=standard&show_faces=true&action=like&colorscheme=light&ponyhoof_runme';
- }, 500);
- }
-
- // Disable Ponyhoof
- $('ponyhoof_options_disable').addEventListener('click', k.disablePonyhoof, false);
-
- // Browser Ponies
- $('ponyhoof_browserponies').addEventListener('click', k.runBrowserPonies, false);
-
- k.mainInitLoaded = true;
- };
-
- k.extrasInitLoaded = false;
- k.extrasInit = function() {
- if (k.extrasInitLoaded) {
- return;
- }
-
- k.randomInit();
- k.costumesInit();
-
- // Disable animations
- if (!supportsCssTransition()) {
- var option = $('ponyhoof_options_disable_animation');
- option.disabled = true;
- option.checked = true;
-
- var label = $('ponyhoof_options_label_disable_animation');
- addClass(label, 'ponyhoof_options_unavailable');
- label.setAttribute('data-hover', 'tooltip');
- label.setAttribute('aria-label', "Animations are not supported on your browser. Please update your browser if possible.");
- }
-
- // Reset settings
- $('ponyhoof_options_resetSettings').addEventListener('click', k.resetSettings, false);
-
- var clearLocalStorage = $('ponyhoof_options_clearLocalStorage');
- if (clearLocalStorage) {
- clearLocalStorage.addEventListener('click', k.clearStorage, false);
- }
-
- k.extrasInitLoaded = true;
- };
-
- k.extrasCostumeMenu = null;
- k.extrasCostumeButton = null;
- k.extrasCostumeMenuItemNormal = null;
- k.extrasCostumeMenuItems = {};
- k.costumesInit = function() {
- var desc = "(Normal)";
- var check = true;
- if (userSettings.costume && doesCharacterHaveCostume(REALPONY, userSettings.costume)) {
- desc = COSTUMESX[userSettings.costume].name;
- check = false;
- }
-
- k.extrasCostumeMenu = new Menu('costume', $('ponyhoof_options_costume'));
- k.extrasCostumeButton = k.extrasCostumeMenu.createButton(desc);
- k.extrasCostumeButton.setAttribute('data-hover', 'tooltip');
- k.extrasCostumeButton.setAttribute('aria-label', CURRENTLANG.costume_tooltip);
- k.extrasCostumeMenu.canSearch = false;
- k.extrasCostumeMenu.createMenu();
- k.extrasCostumeMenu.attachButton();
- k.extrasCostumeMenuItemNormal = k.extrasCostumeMenu.createMenuItem({
- html: "(Normal)"
- ,data: ''
- ,check: check
- ,onclick: function(menuItem, menuClass) {
- k._costumesInit_save(menuItem, menuClass, '');
- }
- });
-
- for (var code in COSTUMESX) {
- if (COSTUMESX.hasOwnProperty(code)) {
- k._costumesInit_item(code);
- }
- }
-
- changeThemeFuncQueue.push(function() {
- if (doesCharacterHaveCostume(REALPONY, userSettings.costume)) {
- k.extrasCostumeMenu.changeButtonText(COSTUMESX[userSettings.costume].name);
- k.extrasCostumeMenu.changeChecked(k.extrasCostumeMenuItems[userSettings.costume]);
- } else {
- k.extrasCostumeMenu.changeButtonText("(Normal)");
- k.extrasCostumeMenu.changeChecked(k.extrasCostumeMenuItemNormal);
- }
-
- for (var code in COSTUMESX) {
- if (COSTUMESX.hasOwnProperty(code)) {
- if (doesCharacterHaveCostume(REALPONY, code)) {
- removeClass(k.extrasCostumeMenuItems[code].menuItem, 'hidden_elem');
- } else {
- addClass(k.extrasCostumeMenuItems[code].menuItem, 'hidden_elem');
- }
- }
- }
- });
- };
-
- k._costumesInit_item = function(code) {
- var check = false;
- var extraClass = '';
- if (doesCharacterHaveCostume(REALPONY, code)) {
- if (userSettings.costume == code) {
- check = true;
- }
- } else {
- extraClass += ' hidden_elem';
- }
-
- k.extrasCostumeMenuItems[code] = k.extrasCostumeMenu.createMenuItem({
- html: COSTUMESX[code].name
- ,data: code
- ,check: check
- ,extraClass: extraClass
- ,onclick: function(menuItem, menuClass) {
- k._costumesInit_save(menuItem, menuClass, code);
- }
- });
- };
-
- k._costumesInit_save = function(menuItem, menuClass, code) {
- if (!COSTUMESX[code] && code != '') {
- return;
- }
-
- changeCostume(code);
- userSettings.costume = code;
- saveSettings();
-
- if (COSTUMESX[code]) {
- menuClass.changeButtonText(COSTUMESX[code].name);
- } else {
- menuClass.changeButtonText("(Normal)");
- }
- menuClass.changeChecked(menuItem);
- menuClass.close();
-
- k.needToSaveLabel = true;
- k.updateCloseButton();
- };
-
- k.resetSettings = function(e) {
- e.preventDefault();
-
- userSettings = {};
- saveSettings();
-
- saveValue(SETTINGSPREFIX+'soundCache', JSON.stringify(null));
-
- k.canSaveSettings = false;
- k.dialog.close();
- w.location.reload();
- };
-
- k.clearStorage = function(e) {
- e.preventDefault();
-
- k.canSaveSettings = false;
-
- if (typeof GM_listValues != 'undefined') {
- try {
- var keys = GM_listValues();
- for (var i = 0, len = keys.length; i < len; i += 1) {
- GM_deleteValue(keys[i]);
- }
- } catch (e) {
- alert(e.toString());
- }
- }
-
- switch (STORAGEMETHOD) {
- case 'localstorage':
- if (confirm(SIG+" localStorage must be cleared in order to reset settings. Doing this may cause other extensions to lose their settings.")) {
- try {
- w.localStorage.clear();
- } catch (e) {
- alert("Can't clear localStorage :(\n\n"+e.toString());
- }
- } else {
- return;
- }
- break;
-
- case 'chrome':
- chrome_clearStorage();
- break;
-
- case 'opera':
- opera_clearStorage();
- break;
-
- case 'safari':
- safari_clearStorage();
- break;
-
- case 'xpi':
- xpi_clearStorage();
- break;
-
- case 'mxaddon':
- // Maxthon does not have a clear storage function
- break;
-
- default:
- break;
- }
-
- k.dialog.close();
- w.location.reload();
- };
-
- k.donateLoaded = false;
- k.loadDonate = function() {
- if (k.donateLoaded) {
- return;
- }
-
- statTrack('aboutclicked');
-
- $('ponyhoof_options_twitter').src = 'https://platform.twitter.com/widgets/follow_button.html?screen_name=ponyhoof&show_screen_name=true&show_count=true';
- if (ISCHROME || STORAGEMETHOD == 'chrome') {
- (function() {
- var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
- po.src = 'https://apis.google.com/js/plusone.js';
- var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
- })();
- }
-
- $('ponyhoof_options_donatepaypal_link').addEventListener('click', function() {
- $('ponyhoof_options_donatepaypal').submit();
- statTrack('paypalClicked');
- return false;
- }, false);
-
- $('ponyhoof_donate_flattr_iframe').src = THEMEURL+'_welcome/flattrStandalone.htm';
-
- k.donateLoaded = true;
- };
-
- k.randomInit = function() {
- var current = [];
- if (userSettings.randomPonies) {
- current = userSettings.randomPonies.split('|');
- }
-
- var outerwrap = $('ponyhoof_options_randomPonies');
- var ponySelector = new PonySelector(outerwrap, {});
- ponySelector.overrideClickAction = true;
- ponySelector.customCheckCondition = function(code) {
- if (current.indexOf(code) != -1) {
- return true;
- }
-
- return false;
- };
- ponySelector.customClick = function(menuItem, menuClass) {
- var code = menuItem.menuItem.getAttribute('data-ponyhoof-menu-data');
-
- if (!hasClass(menuItem.menuItem, 'ponyhoof_menuitem_checked')) {
- menuItem.menuItem.className += ' ponyhoof_menuitem_checked';
-
- current.push(code);
- } else {
- removeClass(menuItem.menuItem, 'ponyhoof_menuitem_checked');
-
- current.splice(current.indexOf(code), 1);
- }
- userSettings.randomPonies = current.join('|');
- saveSettings();
-
- k._randomUpdateButtonText(current, menuClass);
- k.needToSaveLabel = true;
- k.updateCloseButton();
- };
- ponySelector.createSelector();
- k._randomUpdateButtonText(current, ponySelector.menu);
-
- var mass = d.createElement('a');
- mass.href = '#';
- mass.className = 'uiButton';
- mass.setAttribute('role', 'button');
- mass.id = 'ponyhoof_options_randomPonies_mass';
- mass.innerHTML = '<span class="uiButtonText">'+CURRENTLANG.invertSelection+'</span>';
- mass.addEventListener('click', function(e) {
- var newCurrent = [];
- for (var i = 0, len = PONIES.length; i < len; i += 1) {
- var menuitem = ponySelector.menu.menu.querySelector('.ponyhoof_menuitem[data-ponyhoof-menu-data="'+PONIES[i].code+'"]');
- if (PONIES[i].hidden) {
- if (menuitem) {
- removeClass(menuitem, 'ponyhoof_menuitem_checked');
- }
- continue;
- }
- if (current.indexOf(PONIES[i].code) == -1) {
- newCurrent.push(PONIES[i].code);
-
- if (menuitem) {
- addClass(menuitem, 'ponyhoof_menuitem_checked');
- }
- } else {
- if (menuitem) {
- removeClass(menuitem, 'ponyhoof_menuitem_checked');
- }
- }
- }
- current = newCurrent;
- userSettings.randomPonies = current.join('|');
- saveSettings();
-
- k._randomUpdateButtonText(current, ponySelector.menu);
- k.needToSaveLabel = true;
- k.updateCloseButton();
- w.setTimeout(function() {
- ponySelector.menu.open();
- }, 1);
-
- return false;
- }, false);
- outerwrap.appendChild(mass);
- };
-
- k._randomUpdateButtonText = function(current, menuClass) {
- var buttonText = "("+current.length+" characters)";
- if (current.length == 0) {
- buttonText = "(All characters)";
- } else if (current.length == 1) {
- var data = convertCodeToData(current[0]);
- buttonText = data.name;
- }
- menuClass.changeButtonText(buttonText);
- };
-
- k.soundsMenu = null;
- k.soundsButton = null;
- k.soundsInitLoaded = false;
- k.soundsNotifTypeMenu = null;
- k.soundsNotifTypeButton = null;
- k.soundsSettingsWrap = null;
-
- k.soundsChatSoundWarning = null;
- k.soundsChatLoaded = false;
- k.soundsChatWrap = null;
- k.soundsChatMenu = null;
- k.soundsChatButton = null;
- k.soundsInit = function() {
- if (k.soundsInitLoaded) {
- return;
- }
-
- try {
- if (typeof w.Audio === 'undefined') {
- throw 1;
- }
- initPonySound('soundsTest');
- } catch (e) {
- $$(k.dialog.dialog, '.unavailable', function(ele) {
- removeClass(ele, 'hidden_elem');
- });
- $$(k.dialog.dialog, '.available', function(ele) {
- addClass(ele, 'hidden_elem');
- });
- k.soundsInitLoaded = true;
- return;
- }
-
- var desc = "(Auto-select)";
- if (SOUNDS[userSettings.soundsFile] && SOUNDS[userSettings.soundsFile].name) {
- desc = SOUNDS[userSettings.soundsFile].name;
- }
-
- k.soundsMenu = new Menu('sounds', $('ponyhoof_options_soundsSetting'));
- k.soundsButton = k.soundsMenu.createButton(desc);
- k.soundsMenu.searchNoResultsMessage = "No sounds found";
- k.soundsMenu.createMenu();
- k.soundsMenu.attachButton();
-
- for (var code in SOUNDS) {
- if (SOUNDS.hasOwnProperty(code)) {
- k._soundsMenu_item(code);
-
- if (SOUNDS[code].seperator) {
- k.soundsMenu.createSeperator();
- }
- }
- }
-
- k._soundsNotifTypeInit();
-
- var volumeInput = $('ponyhoof_options_soundsVolume');
- var volumePreview = $('ponyhoof_options_soundsVolumePreview');
- var volumeValue = $('ponyhoof_options_soundsVolumeValue');
- var volumeTimeout = null;
-
- volumeInput.value = userSettings.soundsVolume * 100;
- if (supportsRange()) {
- volumePreview.style.display = 'none';
- volumeValue.style.display = 'inline';
- volumeValue.innerText = volumeInput.value+"%";
- volumeInput.addEventListener('change', function() {
- volumeValue.innerText = volumeInput.value+"%";
-
- w.clearTimeout(volumeTimeout);
- volumeTimeout = w.setTimeout(function() {
- var volume = volumeInput.value / 100;
- userSettings.soundsVolume = Math.max(0, Math.min(volume, 1));
- saveSettings();
-
- k._soundsPreview(userSettings.soundsFile);
- }, 300);
- }, false);
- } else {
- volumeInput.type = 'number';
- volumeInput.className = 'inputtext';
- volumeInput.setAttribute('data-hover', 'tooltip');
- volumeInput.setAttribute('aria-label', "Enter a number between 1-100");
- volumePreview.addEventListener('click', function(e) {
- var volume = volumeInput.value / 100;
- userSettings.soundsVolume = Math.max(0, Math.min(volume, 1));
- saveSettings();
-
- k._soundsPreview(userSettings.soundsFile);
- e.preventDefault();
- }, false);
- }
-
- k.soundsChanged();
-
- // Detect chat sound enabled setting
- k.soundsChatSoundWarning = $('ponyhoof_options_soundsChatSoundWarning');
- k.soundsChatWrap = $('ponyhoof_options_soundsChatWrap');
- try {
- if (typeof USW.requireLazy == 'function') {
- USW.requireLazy(['ChatOptions', 'Arbiter'], function(ChatOptions, Arbiter) {
- if (userSettings.chatSound) {
- k._soundsChatSoundWarn(ChatOptions.getSetting('sound'));
- } else {
- addClass(k.soundsChatSoundWarning, 'hidden_elem');
- }
-
- Arbiter.subscribe('chat/option-changed', function(e, option) {
- if (!userSettings.chatSound) {
- return;
- }
- if (option.name == 'sound') {
- k._soundsChatSoundWarn(option.value);
- }
- });
- });
- }
- } catch (e) {
- error("Unable to hook to ChatOptions and Arbiter");
- dir(e);
- }
-
- // Detect Facebook Messenger for Windows
- if (w.navigator.plugins) {
- w.navigator.plugins.refresh(false);
-
- for (var i = 0, len = w.navigator.plugins.length; i < len; i += 1) {
- var plugin = w.navigator.plugins[i];
- if (plugin[0] && plugin[0].type === 'application/x-facebook-desktop-1') {
- removeClass($('ponyhoof_options_soundsMessengerForWindowsWarning'), 'hidden_elem');
- break;
- }
- }
- }
-
- k._soundsChatLoad();
- k._soundsChatInit();
-
- var button = k.soundsChatSoundWarning.getElementsByClassName('uiButton');
- button[0].addEventListener('click', function() {
- k._soundsTurnOnFbSound();
- }, false);
-
- k.soundsInitLoaded = true;
- };
-
- // Create a menu item for notification sounds
- // Used only on k.soundsInit()
- k._soundsMenu_item = function(code) {
- var check = false;
- if (userSettings.soundsFile == code) {
- check = true;
- }
-
- k.soundsMenu.createMenuItem({
- html: SOUNDS[code].name
- ,title: SOUNDS[code].title
- ,data: code
- ,check: check
- ,onclick: function(menuItem, menuClass) {
- if (!SOUNDS[code] || !SOUNDS[code].name) {
- return;
- }
-
- //$('ponyhoof_options_sounds').checked = true;
- //userSettings.sounds = true;
- userSettings.soundsFile = code;
- saveSettings();
-
- k._soundsPreview(code);
-
- menuClass.changeButtonText(menuItem.getText());
- menuClass.changeChecked(menuItem);
-
- k.needToSaveLabel = true;
- k.updateCloseButton();
- }
- });
- };
-
- // Warn people that Facebook's own chat sound needs to be enabled
- // Used 2 times on k.soundsInit()
- k._soundsChatSoundWarn = function(isFbSoundEnabled) {
- if (isFbSoundEnabled) {
- addClass(k.soundsChatSoundWarning, 'hidden_elem');
- $('ponyhoof_options_chatSound').disabled = false;
- if (userSettings.chatSound) {
- $('ponyhoof_options_chatSound').checked = true;
- }
- } else {
- removeClass(k.soundsChatSoundWarning, 'hidden_elem');
- $('ponyhoof_options_chatSound').disabled = true;
- $('ponyhoof_options_chatSound').checked = false;
- }
- };
-
- // Turn on Facebook chat sounds
- // Used on k.soundsInit() and k.chatSound()
- k._soundsTurnOnFbSound = function() {
- try {
- if (typeof USW.requireLazy == 'function') {
- USW.requireLazy(['ChatOptions', 'ChatSidebarDropdown'], function(ChatOptions, ChatSidebarDropdown) {
- ChatOptions.setSetting('sound', 1);
- ChatSidebarDropdown.prototype.changeSetting('sound', 1);
- });
- }
- } catch (e) {
- error("Unable to hook to ChatOptions and ChatSidebarDropdown");
- dir(e);
- }
- };
-
- k._soundsNotifTypeCurrent = [];
- // Initialize the notification sound blacklist and its HTML template
- // Used only on k.soundsInit()
- k._soundsNotifTypeInit = function() {
- if (userSettings.soundsNotifTypeBlacklist) {
- var current = userSettings.soundsNotifTypeBlacklist.split('|');
-
- for (var code in SOUNDS_NOTIFTYPE) {
- if (current.indexOf(code) != -1) {
- k._soundsNotifTypeCurrent.push(code);
- }
- }
- }
-
- k.soundsNotifTypeMenu = new Menu('soundsNotifType', $('ponyhoof_options_soundsNotifType'));
- k.soundsNotifTypeButton = k.soundsNotifTypeMenu.createButton('');
- k.soundsNotifTypeMenu.canSearch = false;
- k.soundsNotifTypeMenu.createMenu();
- k.soundsNotifTypeMenu.attachButton();
-
- for (var code in SOUNDS_NOTIFTYPE) {
- if (SOUNDS_NOTIFTYPE.hasOwnProperty(code)) {
- k._soundsNotifTypeInit_item(code);
- }
- }
- k._soundsNotifTypeUpdateButtonText(k._soundsNotifTypeCurrent, k.soundsNotifTypeMenu);
- };
-
- // Create a menu item for notification sound blacklist
- // Used only on k._soundsNotifTypeInit()
- k._soundsNotifTypeInit_item = function(code) {
- var check = false;
- if (k._soundsNotifTypeCurrent.indexOf(code) != -1) {
- check = true;
- }
-
- k.soundsNotifTypeMenu.createMenuItem({
- html: SOUNDS_NOTIFTYPE[code].name
- ,data: code
- ,check: check
- ,onclick: function(menuItem, menuClass) {
- if (!SOUNDS_NOTIFTYPE[code] || !SOUNDS_NOTIFTYPE[code].name) {
- return;
- }
-
- if (!hasClass(menuItem.menuItem, 'ponyhoof_menuitem_checked')) {
- menuItem.menuItem.className += ' ponyhoof_menuitem_checked';
-
- k._soundsNotifTypeCurrent.push(code);
- } else {
- removeClass(menuItem.menuItem, 'ponyhoof_menuitem_checked');
-
- k._soundsNotifTypeCurrent.splice(k._soundsNotifTypeCurrent.indexOf(code), 1);
- }
- userSettings.soundsNotifTypeBlacklist = k._soundsNotifTypeCurrent.join('|');
- saveSettings();
-
- k._soundsNotifTypeUpdateButtonText(k._soundsNotifTypeCurrent, menuClass);
- k.needToSaveLabel = true;
- k.updateCloseButton();
- }
- });
- };
-
- // Update the notification sound blacklist button text, perhaps after changes
- // Used on k._soundsNotifTypeInit() and k._soundsNotifType_item()
- k._soundsNotifTypeUpdateButtonText = function(current, menuClass) {
- var buttonText = "("+current.length+" types)";
- if (current.length == 0) {
- buttonText = "(None)";
- } else if (current.length == 1) {
- buttonText = SOUNDS_NOTIFTYPE[current[0]].name;
- }
- menuClass.changeButtonText(buttonText);
- };
-
- // Hide/show the extra sound options if the main sound option id disabled/enabled
- // Used on k.soundsInit(), the sound option is changed, or DOMNodeInserted is disabled
- k.soundsChanged = function() {
- k.soundsSettingsWrap = k.soundsSettingsWrap || $('ponyhoof_options_soundsSettingsWrap');
- if (userSettings.sounds && !userSettings.disableDomNodeInserted) {
- removeClass(k.soundsSettingsWrap, 'hidden_elem');
- } else {
- addClass(k.soundsSettingsWrap, 'hidden_elem');
- }
- };
-
- // Calls the main function k.soundsChanged(), and also performs extra cleanup duties, e.g. if the user disable sounds, we need to update the Close button to "Save and Reload"
- // Used when the sound option is changed
- k.soundsClicked = function() {
- k.soundsChanged();
-
- if (userSettings.sounds) {
- turnOffFbNotificationSound();
- } else {
- // We already nuked Facebook's sounds, so we need to reload
- k.needsToRefresh = true;
- k.updateCloseButton();
- }
- };
-
- // The wording of this function is a bit confusing
- // Hide/show the extra chat sound options if the chat sound option is disabled/enabled
- // Used on k.soundsInit() and k.chatSound()
- k._soundsChatInit = function() {
- if (userSettings.chatSound) {
- removeClass(k.soundsChatWrap, 'hidden_elem');
- } else {
- addClass(k.soundsChatSoundWarning, 'hidden_elem');
- addClass(k.soundsChatWrap, 'hidden_elem');
- }
- };
-
- // Initialize the chat sounds options and its HTML template
- // Used only on k.soundsInit()
- k._soundsChatLoad = function() {
- if (k.soundsChatLoaded) {
- return;
- }
-
- var desc = "(Select a chat sound)";
- if (SOUNDS_CHAT[userSettings.chatSoundFile] && SOUNDS_CHAT[userSettings.chatSoundFile].name) {
- desc = SOUNDS_CHAT[userSettings.chatSoundFile].name;
- }
- k.soundsChatMenu = new Menu('sounds_chat', $('ponyhoof_options_soundsChatSetting'));
- k.soundsChatButton = k.soundsChatMenu.createButton(desc);
- k.soundsChatMenu.canSearch = false;
- k.soundsChatMenu.createMenu();
- k.soundsChatMenu.attachButton();
- for (var code in SOUNDS_CHAT) {
- if (SOUNDS_CHAT.hasOwnProperty(code)) {
- k._soundsChatLoad_item(code);
- }
- }
- k.soundsChatLoaded = true;
- };
-
- // Create a menu item for chat sound options
- // Used only on k._soundsChatLoad()
- k._soundsChatLoad_item = function(code) {
- var check = false;
- if (userSettings.chatSoundFile == code) {
- check = true;
- }
-
- k.soundsChatMenu.createMenuItem({
- html: SOUNDS_CHAT[code].name
- ,title: SOUNDS_CHAT[code].title
- ,data: code
- ,check: check
- ,onclick: function(menuItem, menuClass) {
- if (!SOUNDS_CHAT[code] || !SOUNDS_CHAT[code].name) {
- return;
- }
-
- userSettings.chatSoundFile = code;
- saveSettings();
-
- k._soundsPreview(code);
- changeChatSound(code);
-
- menuClass.changeButtonText(menuItem.getText());
- menuClass.changeChecked(menuItem);
-
- k.needToSaveLabel = true;
- k.updateCloseButton();
- }
- });
- };
-
- // When the user enables chat sounds, we will turn it on immediately, while if the user chooses to turn it off, we would change the Close button to "Save and Reload"
- // Also calls k._soundsChatInit()
- // Used when the chat sound option is changed
- k.chatSound = function() {
- if (userSettings.chatSound) {
- // Enable Facebook's chat sound automatically
- k._soundsTurnOnFbSound();
- if (SOUNDS_CHAT[userSettings.chatSoundFile] && SOUNDS_CHAT[userSettings.chatSoundFile].name) {
- changeChatSound(userSettings.chatSoundFile);
- }
- } else {
- // Chat sounds are already ponified, we need to reload to clear it
- k.needsToRefresh = true;
- k.updateCloseButton();
- }
- k._soundsChatInit();
- };
-
- // Run a sound preview
- k._soundsPreview = function(code) {
- var sound = code;
- if (code == 'AUTO') {
- sound = '_sound/defaultNotification';
-
- var data = convertCodeToData(REALPONY);
- if (data.soundNotif) {
- sound = data.soundNotif;
- }
- }
- try {
- var ps = initPonySound('soundsTest', THEMEURL+sound+'.EXT');
- ps.respectSettings = false;
- ps.wait = 0;
- ps.play();
- } catch (e) {}
- };
-
- k.bgError = null;
- k.bgMessage = null;
- k.bgTab = null;
- k.bgDrop = null;
- k.bgClearCustomBg = false;
- k.bgInitLoaded = false;
- k.bgSizeLimit = 1024 * 1024;
- k.bgSizeLimitDescription = '1 MB';
- k._isWebPSupported = false;
- k.bgInit = function() {
- if (k.bgInitLoaded) {
- return;
- }
-
- k.bgError = $('ponyhoof_options_background_error');
- k.bgMessage = $('ponyhoof_options_background_message');
- k.bgTab = $('ponyhoof_options_tabs_background');
- k.bgDrop = $('ponyhoof_options_background_drop');
-
- // Firefox 23 started enforcing a 1MB limit per preference
- // http://hg.mozilla.org/mozilla-central/rev/2e46cabb6a11
- if (ISFIREFOX && STORAGEMETHOD == 'greasemonkey') {
- k.bgSizeLimit = 1024 * 512;
- k.bgSizeLimitDescription = '512 KB';
- }
-
- if (userSettings.customBg) {
- addClass(k.bgTab, 'hasCustom');
- addClass($('ponyhoof_options_background_custom'), 'active');
- } else if (userSettings.login_bg) {
- addClass($('ponyhoof_options_background_loginbg'), 'active');
- } else {
- addClass($('ponyhoof_options_background_cutie'), 'active');
- }
-
- $$(k.bgTab, '.ponyhoof_options_fatradio a', function(ele) {
- ele.addEventListener('click', function() {
- $$(k.bgTab, '.ponyhoof_options_fatradio a', function(ele2) {
- removeClass(ele2.parentNode, 'active');
- });
-
- var parent = this.parentNode;
- var attr = parent.getAttribute('data-ponyhoof-background');
- if (attr == 'custom') {
- userSettings.login_bg = false;
- changeCustomBg(userSettings.customBg);
- k.bgClearCustomBg = false;
- } else if (attr == 'loginbg') {
- userSettings.login_bg = true;
- changeCustomBg(null);
- addClass(d.documentElement, 'ponyhoof_settings_login_bg');
- k.bgClearCustomBg = true;
- } else {
- userSettings.login_bg = false;
- changeCustomBg(null);
- k.bgClearCustomBg = true;
- }
- addClass(parent, 'active');
- saveSettings();
-
- k.needToSaveLabel = true;
- k.updateCloseButton();
-
- return false;
- }, false);
- });
-
- $('ponyhoof_options_background_select').addEventListener('change', function(e) {
- if (this.files && this.files[0]) {
- k.bgProcessFile(this.files[0]);
- }
- }, false);
-
- isWebPSupported(function(result) {
- k._isWebPSupported = result;
-
- var desc = 'Maximum file size is '+k.bgSizeLimitDescription+'.\n\nFor best results, the resolution of your pony pic should be '+w.screen.width+'x'+w.screen.height+' to fill the entire screen.';
- if (isCanvasSupported()) {
- var filetype = 'JPEG';
- if (k._isWebPSupported) {
- filetype = 'JPEG/WebP';
- }
-
- desc = 'If the file size of your pony pic is too big, we will attempt to automatically convert to '+filetype+' and resize it.\n\nFor best results, the resolution of your pony pic should be '+w.screen.width+'x'+w.screen.height+' to fill the entire screen.';
- }
-
- var uiHelpLink = k.bgDrop.getElementsByClassName('uiHelpLink');
- if (uiHelpLink.length) {
- uiHelpLink[0].setAttribute('aria-label', desc);
- }
- });
-
- k.bgDropInit();
-
- k.bgInitLoaded = true;
- };
-
- k.bgDropInit = function() {
- if (typeof w.FileReader == 'undefined') {
- k.bgError.textContent = "Custom background pony pics are not supported on your browser. Please update your browser if possible.";
- removeClass(k.bgError, 'hidden_elem');
- addClass(k.bgDrop, 'hidden_elem');
- return;
- }
-
- k.bgDrop.addEventListener('drop', function(e) {
- e.stopPropagation();
- e.preventDefault();
-
- removeClass(this, 'ponyhoof_dropping');
-
- if (e.dataTransfer.files && e.dataTransfer.files[0]) {
- k.bgProcessFile(e.dataTransfer.files[0]);
- }
- }, false);
-
- k.bgDrop.addEventListener('dragover', function(e) {
- e.stopPropagation();
- e.preventDefault();
-
- e.dataTransfer.dropEffect = 'copy';
- }, false);
-
- k.bgDrop.addEventListener('dragenter', function(e) {
- addClass(k.bgDrop, 'ponyhoof_dropping');
- }, false);
-
-
- k.bgDrop.addEventListener('dragend', function(e) {
- removeClass(k.bgDrop, 'ponyhoof_dropping')
- }, false);
- }
-
- k.bgReaderFile = null;
- k.bgReaderBg = null;
- k.bgProcessFile = function(file) {
- k.bgReaderFile = file;
- addClass(k.bgError, 'hidden_elem');
- addClass(k.bgMessage, 'hidden_elem');
-
- if (!file.type.match(/image.*/)) {
- if (file.type) {
- k.bgError.textContent = "The file ("+file.name+") doesn't seem to be a pony pic ("+file.type+").";
- } else {
- k.bgError.textContent = "The file ("+file.name+") doesn't seem to be a pony pic.";
- }
- removeClass(k.bgError, 'hidden_elem');
- return;
- }
-
- var reader = new w.FileReader();
- reader.onload = k.bgReaderLoad;
- reader.onerror = k.bgReaderError;
- reader.readAsDataURL(file);
- };
-
- k.bgReaderLoad = function(e) {
- k.bgReaderBg = e.target.result;
- if (e.target.result.length > k.bgSizeLimit) {
- // base64 result is too big to fit, convertion required
- if (isCanvasSupported()) {
- k.bgPerformConvertion();
- } else {
- k.bgErrorTooBig();
- }
- } else {
- k.bgChangeSuccess();
- }
- };
-
- k.bgReaderError = function(e) {
- k.bgError.textContent = "An error occurred reading the file. Please try again.";
- removeClass(k.bgError, 'hidden_elem');
- dir(e);
- };
-
- k.bgErrorTooBig = function() {
- if (k.bgReaderFile.type && k.bgReaderFile.type != 'image/jpeg' && !isCanvasSupported()) {
- k.bgError.textContent = "Sorry, the file size of your pony pic is too big (over "+k.bgSizeLimitDescription+") and may not save properly. Try saving your pony pic as a JPEG, resize your pony pic, or use a different pony pic.";
- } else {
- k.bgError.textContent = "Sorry, the file size of your pony pic is too big (over "+k.bgSizeLimitDescription+") and may not save properly. Try resizing your pony pic or use a different pony pic.";
- }
- removeClass(k.bgError, 'hidden_elem');
- };
-
- k.bgChangeSuccess = function() {
- addClass(k.bgError, 'hidden_elem');
- addClass(k.bgTab, 'hasCustom');
-
- $$(k.bgTab, '.ponyhoof_options_fatradio a', function(ele) {
- removeClass(ele.parentNode, 'active');
- });
- addClass($('ponyhoof_options_background_custom'), 'active');
- k.bgClearCustomBg = false;
-
- userSettings.login_bg = false;
- userSettings.customBg = k.bgReaderBg;
- saveSettings();
-
- k.needToSaveLabel = true;
- k.updateCloseButton();
-
- changeCustomBg(k.bgReaderBg);
- };
-
- k.bgPerformConvertion = function() {
- var img = new w.Image();
- try {
- img.onload = function() {
- // First try converting to JPEG/WebP
- if (k.bgReaderFile.type != 'image/jpeg' || (k._isWebPSupported && k.bgReaderFile.type != 'image/webp')) {
- var transformed = k.bgCanvasTransform(img, img.width, img.height);
- if (transformed.length <= k.bgSizeLimit) {
- k.bgReaderBg = transformed;
- k.bgChangeSuccess();
-
- img = null;
- transformed = null;
- return;
- }
- transformed = null;
- }
-
- // Now try resizing to screen resolution
- var transformed = k.bgCanvasTransform(img, Math.min(w.screen.width, img.width), Math.min(w.screen.height, img.height));
- if (transformed.length <= k.bgSizeLimit) {
- k.bgMessage.textContent = "Automatically resized to screen resolution. For best results, we recommend using an image editor and resize/crop your pony pic.";
- removeClass(k.bgMessage, 'hidden_elem');
-
- k.bgReaderBg = transformed;
- k.bgChangeSuccess();
-
- img = null;
- transformed = null;
- return;
- }
- img = null;
- transformed = null;
-
- // Fail :(
- k.bgErrorTooBig();
- };
- img.src = k.bgReaderBg;
- } catch (e) {
- k.bgErrorTooBig();
- }
- };
-
- k.bgCanvasTransform = function(img, width, height) {
- var canvas = d.createElement('canvas');
- canvas.width = width;
- canvas.height = height;
- var ctx = canvas.getContext('2d');
- ctx.drawImage(img, 0, 0, width, height);
-
- var type = 'image/jpeg';
- if (k._isWebPSupported) {
- type = 'image/webp';
- }
-
- return canvas.toDataURL(type);
- };
-
- k.disableDomNodeInserted = function() {
- k.soundsChanged(); // to set k.soundsSettingsWrap
-
- var affectedOptions = ['sounds', 'debug_dominserted_console', 'debug_noMutationObserver', 'debug_mutationDebug', 'debug_betaFacebookLinks'];
- //'disableCommentBrohoofed','debug_mutationObserver'
- for (var i = 0, len = affectedOptions.length; i < len; i += 1) {
- var option = $('ponyhoof_options_'+affectedOptions[i]);
- var label = $('ponyhoof_options_label_'+affectedOptions[i]);
- if (userSettings.disableDomNodeInserted) {
- if (ranDOMNodeInserted) {
- k.needsToRefresh = true;
- k.updateCloseButton();
- }
-
- option.disabled = true;
- option.checked = false;
-
- addClass(label, 'ponyhoof_options_unavailable');
- label.setAttribute('data-hover', 'tooltip');
- label.setAttribute('aria-label', "This feature is not available because HTML detection is disabled, re-enable it at the Misc tab");
- } else {
- var option = $('ponyhoof_options_'+affectedOptions[i]);
- option.disabled = false;
- if (userSettings[affectedOptions[i]]) {
- option.checked = true;
- }
-
- removeClass(label, 'ponyhoof_options_unavailable');
- label.removeAttribute('data-hover');
- label.removeAttribute('aria-label');
- label.removeAttribute('aria-owns');
- label.removeAttribute('aria-controls');
- label.removeAttribute('aria-haspopup');
- }
- }
- k._debugNoMutationObserver();
- };
-
- k.disableDomNodeInsertedClicked = function() {
- if (!userSettings.disableDomNodeInserted) {
- runDOMNodeInserted();
- }
- k.disableDomNodeInserted();
- };
-
- k.allowLoginScreenClicked = function() {
- if (globalSettings.allowLoginScreen) {
- globalSettings.lastUserId = USERID;
- } else {
- globalSettings.lastUserId = null;
- }
- saveGlobalSettings();
- };
-
- k.debug_disablelog = function() {
- if ($('ponyhoof_options_debug_disablelog').checked) {
- CANLOG = false;
- } else {
- CANLOG = true;
- }
- };
-
- k.disableDialog = null;
- k.disablePonyhoof = function() {
- if ($('ponyhoof_dialog_disable')) {
- $('ponyhoof_disable_allowLoginScreen').checked = !globalSettings.allowLoginScreen;
- $('ponyhoof_disable_runForNewUsers').checked = !globalSettings.runForNewUsers;
-
- k.dialog.hide();
- k.disableDialog.show();
- $('ponyhoof_disable_ok').focus();
- return false;
- }
-
- var c = '';
- c += "<strong>Are you sure you want to disable Ponyhoof for yourself?</strong><br><br>";
- c += "You can re-enable Ponyhoof for yourself at any time by going back to Ponyhoof Options and re-select a character.<br><br>";
- c += '<div class="uiInputLabel"><input type="checkbox" class="uiInputLabelCheckbox" id="ponyhoof_disable_allowLoginScreen"><label for="ponyhoof_disable_allowLoginScreen">Don\'t run Ponyhoof on the Facebook login screen</label></div>';
- c += '<div class="uiInputLabel" data-hover="tooltip" aria-label="'+CURRENTLANG['settings_disable_runForNewUsers_explain']+'"><input type="checkbox" class="uiInputLabelCheckbox" id="ponyhoof_disable_runForNewUsers"><label for="ponyhoof_disable_runForNewUsers">Don\'t run Ponyhoof for new users <a href="#" class="uiHelpLink"></a></label></div>';
-
- var bottom = '';
- bottom += '<a href="#" class="uiButton uiButtonLarge uiButtonConfirm" role="button" id="ponyhoof_disable_ok"><span class="uiButtonText">Disable</span></a>';
- bottom += '<a href="#" class="uiButton uiButtonLarge" role="button" id="ponyhoof_disable_no"><span class="uiButtonText">Cancel</span></a>';
-
- k.dialog.hide();
- k.disableDialog = new Dialog('disable');
- k.disableDialog.alwaysModal = true;
- k.disableDialog.create();
- k.disableDialog.changeTitle("Disable Ponyhoof");
- k.disableDialog.changeContent(c);
- k.disableDialog.changeBottom(bottom);
-
- $('ponyhoof_disable_allowLoginScreen').checked = !globalSettings.allowLoginScreen;
- $('ponyhoof_disable_runForNewUsers').checked = !globalSettings.runForNewUsers;
-
- k.disableDialog.show();
- k.disableDialog.onclose = function() {
- k.dialog.show();
- };
-
- $('ponyhoof_disable_ok').focus();
- $('ponyhoof_disable_ok').addEventListener('click', function() {
- userSettings.theme = 'NONE';
- saveSettings();
-
- globalSettings.allowLoginScreen = !$('ponyhoof_disable_allowLoginScreen').checked;
- globalSettings.runForNewUsers = !$('ponyhoof_disable_runForNewUsers').checked;
- saveGlobalSettings();
-
- k.disableDialog.canCloseByEscapeKey = false;
- d.body.style.cursor = 'progress';
- $('ponyhoof_disable_allowLoginScreen').disabled = true;
- $('ponyhoof_disable_runForNewUsers').disabled = true;
- $('ponyhoof_disable_ok').className += ' uiButtonDisabled';
- $('ponyhoof_disable_no').className += ' uiButtonDisabled';
- w.location.reload();
-
- return false;
- }, false);
-
- $('ponyhoof_disable_no').addEventListener('click', function() {
- k.disableDialog.close();
- return false;
- }, false);
-
- return false;
- };
-
- k.browserPonies = null;
- k.runBrowserPonies = function() {
- var link = this;
- if (hasClass(link, 'ponyhoof_browserponies_loading')) {
- return false;
- }
-
- var alreadyLoaded = (k.browserPonies && k.browserPonies.initLoaded);
- addClass(link, 'ponyhoof_browserponies_loading');
-
- if (!k.browserPonies) {
- k.browserPonies = new BrowserPoniesHoof();
- }
- k.browserPonies.doneCallback = function() {
- k.dialog.close();
- removeClass(link, 'ponyhoof_browserponies_loading');
- if (!alreadyLoaded) {
- k.browserPonies.copyrightDialog();
- }
- k.browserPonies.createDialog();
- };
- k.browserPonies.errorCallback = function(error) {
- removeClass(link, 'ponyhoof_browserponies_loading');
- k.browserPonies.createErrorDialog(error);
- };
- k.browserPonies.run();
-
- return false;
- }
-
- k.checkboxStore = {};
- k.generateCheckbox = function(id, label, data) {
- data = data || {};
- var ex = '';
- var checkmark = '';
-
- if ((!data.global && userSettings[id]) || (data.global && globalSettings[id])) {
- checkmark += ' CHECKED';
- }
- data.extraClass = data.extraClass || '';
- if (data.title) {
- label += ' <a href="#" class="uiHelpLink"></a>';
- ex += ' data-hover="tooltip" aria-label="'+data.title+'"';
- }
- if (data.tip) {
- label += ' <a href="#" class="uiHelpLink ponyhoof_tip_trigger"><div class="ponyhoof_tip_wrapper"><span class="ponyhoof_tip"><span class="ponyhoof_tip_body">'+data.tip+'</span><span class="ponyhoof_tip_arrow"></span></span></div></a>';
- }
-
- k.checkboxStore[id] = data;
-
- return '<div class="uiInputLabel '+data.extraClass+'"'+ex+' id="ponyhoof_options_label_'+id+'"><input type="checkbox" class="uiInputLabelCheckbox" id="ponyhoof_options_'+id+'" data-ponyhoof-checkmark="'+id+'" '+checkmark+'><label for="ponyhoof_options_'+id+'">'+label+'</label></div>';
- };
-
- k.checkboxInit = function() {
- var extras = $('ponyhoof_dialog_options').querySelectorAll('input[type="checkbox"]');
- for (var i = 0, len = extras.length; i < len; i += 1) {
- var checkmark = extras[i].getAttribute('data-ponyhoof-checkmark');
- var data = {};
- if (k.checkboxStore[checkmark]) {
- data = k.checkboxStore[checkmark];
- }
- if (data.tooltipPosition) {
- extras[i].parentNode.setAttribute('data-tooltip-position', data.tooltipPosition);
- }
-
- extras[i].addEventListener('click', function() {
- var checkmark = this.getAttribute('data-ponyhoof-checkmark');
- var data = {};
- if (k.checkboxStore[checkmark]) {
- data = k.checkboxStore[checkmark];
- }
-
- if (!data.global) {
- userSettings[checkmark] = this.checked;
- saveSettings();
- } else {
- globalSettings[checkmark] = this.checked;
- saveGlobalSettings();
- }
-
- if (this.checked) {
- addClass(d.documentElement, 'ponyhoof_settings_'+checkmark);
- } else {
- removeClass(d.documentElement, 'ponyhoof_settings_'+checkmark);
- }
- if (data.refresh) {
- k.needsToRefresh = true;
- }
- if (data.customFunc) {
- data.customFunc();
- }
-
- k.needToSaveLabel = true;
- k.updateCloseButton();
- }, true);
- }
- };
-
- k.tabsExposeDebug = 0;
- k.tabsInit = function() {
- var tabs = k.dialog.dialog.querySelectorAll('.ponyhoof_tabs a');
- for (var i = 0, len = tabs.length; i < len; i += 1) {
- tabs[i].addEventListener('click', function(e) {
- var tabName = this.getAttribute('data-ponyhoof-tab');
- if (tabName == 'extras') {
- if (!userSettings.debug_exposed && k.tabsExposeDebug < 5) {
- k.tabsExposeDebug += 1;
- if (k.tabsExposeDebug >= 5) {
- addClass(k.dialog.dialog, 'ponyhoof_options_debugExposed');
- k.switchTab('advanced');
- return;
- }
- }
- } else {
- k.tabsExposeDebug = 0;
- }
-
- k.switchTab(tabName);
- e.preventDefault();
- }, false);
- }
- };
-
- k.switchTab = function(tabName) {
- var tabActions = {
- 'main': k.mainInit
- ,'background': k.bgInit
- ,'sounds': k.soundsInit
- ,'extras': k.extrasInit
- ,'advanced': k.debugInfo
- ,'about': k.loadDonate
- };
- removeClass(k.dialog.dialog.querySelector('.ponyhoof_tabs a.active'), 'active');
- addClass(k.dialog.dialog.querySelector('.ponyhoof_tabs a[data-ponyhoof-tab="'+tabName+'"]'), 'active');
-
- try {
- if (tabActions[tabName]) {
- tabActions[tabName]();
- }
- } catch (e) {
- dir(e);
- ponyhoofError(e.toString());
- }
-
- $$(k.dialog.dialog, '.ponyhoof_tabs_section', function(section) {
- section.style.display = 'none';
- });
- $('ponyhoof_options_tabs_'+tabName).style.display = 'block';
-
- k.dialog.cardSpaceTick();
- };
-
- k.saveButtonClick = function() {
- k.dialog.close();
- return false;
- };
-
- k.dialogOnClose = function() {
- d.removeEventListener('keydown', k.kf, true);
-
- if (k.debugLoaded) {
- if ($('ponyhoof_options_customcss').value == "Enter any custom CSS to load after Ponyhoof is loaded.") {
- userSettings.customcss = '';
- } else {
- userSettings.customcss = $('ponyhoof_options_customcss').value;
- }
- }
- if (k.canSaveSettings) {
- saveSettings();
- }
-
- if (k.needsToRefresh) {
- w.location.reload();
- }
- };
-
- k.dialogOnCloseFinish = function() {
- k.saveButton.getElementsByClassName('uiButtonText')[0].innerHTML = CURRENTLANG.close;
-
- if (k.canSaveSettings) {
- if (k.bgClearCustomBg) {
- removeClass(k.bgTab, 'hasCustom');
- userSettings.customBg = null;
- saveSettings();
- }
- }
- };
-
- k.updateCloseButton = function() {
- var button = k.saveButton.getElementsByClassName('uiButtonText')[0];
- var text = CURRENTLANG.close;
-
- if (k.needToSaveLabel) {
- text = "Save & Close";
- }
-
- if (k.needsToRefresh) {
- text = "Save & Reload";
- }
-
- button.innerHTML = text;
- };
-
- k.injectStyle = function() {
- var css = '';
- //css += '#ponyhoof_options_tabs_main .clearfix {margin-bottom:10px;}';
- css += '#ponyhoof_dialog_options .generic_dialog_popup, #ponyhoof_dialog_options .popup {width:480px;}';
- css += '#ponyhoof_options_likebox_div {height:80px;}';
- //css += 'html.ponyhoof_isusingpage #ponyhoof_options_likebox_div {display:none;}';
- css += '#ponyhoof_options_likebox {border:none;overflow:hidden;width:100%;height:80px;}';
- css += '#ponyhoof_options_pony {margin:8px 0 16px;}';
- css += '.ponyhoof_options_fatlink {display:block;margin-top:10px;}';
- css += '.ponyhoof_options_unavailable label {cursor:default;}';
- css += '#ponyhoof_dialog_options .usingPage, html.ponyhoof_isusingpage #ponyhoof_dialog_options .notPage {display:none;}';
- css += 'html.ponyhoof_isusingpage #ponyhoof_dialog_options .usingPage {display:block;}';
- css += 'html.ponyhoof_isusingbusiness #ponyhoof_dialog_options .notBusiness {display:none;}';
-
- css += '#ponyhoof_dialog_options .uiHelpLink {margin-left:2px;}';
- css += '#ponyhoof_dialog_options textarea, #ponyhoof_options_tabs_advanced input[type="text"] {font-family:Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,monospace;}';
- css += '#ponyhoof_dialog_options textarea {resize:vertical;width:100%;height:60px;min-height:60px;line-height:normal;}';
- css += '#ponyhoof_dialog_options .ponyhoof_tabs > a[data-ponyhoof-tab="advanced"] {display:none;}';
- css += '#ponyhoof_dialog_options.ponyhoof_options_debugExposed .ponyhoof_tabs > a[data-ponyhoof-tab="advanced"] {display:block;}';
-
- // 214px
- css += '.ponyhoof_options_fatradio {margin:10px 0;}';
- css += '.ponyhoof_options_fatradio li {width:222px;float:left;margin-left:12px;}';
- css += '#ponyhoof_options_tabs_background.hasCustom .ponyhoof_options_fatradio li {width:144px;}';
- css += '.ponyhoof_options_fatradio li:first-child {margin:0;}';
- css += '.ponyhoof_options_fatradio a {border:1px solid rgba(0,0,0,.3);display:block;text-align:center;width:100%;text-decoration:none;border-radius:3px;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}';
- css += '.ponyhoof_options_fatradio a:hover {box-shadow:0 0 8px rgba(0,0,0,.3);}';
- css += '.ponyhoof_options_fatradio a:active {background:#ECEFF5;box-shadow:0 0 8px rgba(0,0,0,.7);}';
- css += '.ponyhoof_options_fatradio li.active a {background-color:#6D84B4;border-color:#3b5998;color:#fff;}';
- css += '.ponyhoof_options_fatradio span {padding:4px;display:block;}';
- css += '.ponyhoof_options_fatradio .wrap i {height:200px;width:100%;display:block;=webkit-transition:all .2s ease-in;-moz-transition:.2s ease-in;-o-transition:.2s ease-in;transition:.2s ease-in;}';
- css += '#ponyhoof_options_tabs_background.hasCustom .ponyhoof_options_fatradio .wrap i {height:144px;}';
- css += '#ponyhoof_options_background_cutie .wrap {padding:8px;}';
- css += '#ponyhoof_options_background_cutie .wrap i {width:206px;height:184px;}';
- css += '#ponyhoof_options_tabs_background.hasCustom #ponyhoof_options_background_cutie .wrap i {width:128px;height:128px;}';
- css += '#ponyhoof_options_background_custom {display:none;}';
- css += '#ponyhoof_options_tabs_background.hasCustom #ponyhoof_options_background_custom {display:block;}';
- css += '#ponyhoof_options_background_custom .wrap i {background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAABh0lEQVRIx82WP2oCURDGFwsrSWEVPIMH8AAWSwiL4H6/BSuxCDlCSBHIESRFziMWOYFFqlRiIRZWi6QwRQxslvfP7K5k4FVvZ35vZ+Z986LoDANGwC7LsmOWZUdgB4yipqwIK0IrBZX0AByAjaS4uFeG/aySP5IWwIukjg/2VDp9XoT6gJJmJf+lFSppagoG5MANMLIBgZGke8veUlLbVJ+5LWDVBQxNwAGQNwTs29Ia1w2VNPM1Tgx8XgR2AraBbQ1p3BqbxQCcOIKsJZEkSS9Jkp4kgLXjDydeuXLA3iV1DQfsAqsA/28ZDIGdTpu6NDYwzbsotCZxHF85ytAJjXN5YGhKXWPorJRKSoF9wMerik2zN/ZBwLVIJV2fVnr2tTAA7+qStfF4fOuDTWsW7bw8xIuF7zc0KXJgYAIOG5yHc6NoS3qzOHyESB9wsDTP1HqBgaVhxLQkpR7Za5nmKfDsa5wO8CppIYk/vNpiYAMcJD1WekKGAAvW+p8PYU+6f8mgVa4c9gXXnNjGKCXX6gAAAABJRU5ErkJggg==") no-repeat center center;}';
-
- css += '#ponyhoof_options_background_error, #ponyhoof_options_background_message {margin-bottom:10px;}';
- css += '#ponyhoof_options_background_drop {background:#fff;border:2px dashed #75a3f5;padding:8px;position:relative;}'; //margin-bottom:8px;
- css += '#ponyhoof_options_background_drop_dropping {background:#fff;background:rgba(255,255,255,.95);border:2px dashed #75a3f5;color:#75a3f5;position:absolute;top:-2px;left:-2px;width:100%;height:100%;font-size:16px;line-height:64px;text-align:center;font-weight:bold;display:none;}';
- css += '#ponyhoof_options_background_drop.ponyhoof_dropping #ponyhoof_options_background_drop_dropping {display:block;}';
- css += '#ponyhoof_options_background_selectOuterWrap {position:relative;display:inline-block;top:-3px;}';
- css += '#ponyhoof_options_background_selectFileWrap {position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden;}';
- css += '#ponyhoof_options_background_select {font-size:1000px !important;opacity:0;padding:0;margin:0;position:absolute;bottom:0;right:0;cursor:pointer;}';
-
- css += '#ponyhoof_options_tabs_main .ponyhoof_message {margin-top:10px;}';
- css += '#ponyhoof_browserponies .ponyhoof_loading {display:none;margin-top:0;vertical-align:text-bottom;}';
- css += '#ponyhoof_browserponies.ponyhoof_browserponies_loading .ponyhoof_loading {display:inline-block;}';
- css += '#ponyhoof_options_randomPonies .ponyhoof_loading {display:none !important;}';
- css += '#ponyhoof_options_randomPonies .ponyhoof_menuitem_checked {display:block;}';
- css += '#ponyhoof_options_tabs_sounds .ponyhoof_message.unavailable {margin-bottom:10px;}';
- css += '#ponyhoof_options_soundsSettingsWrap {margin-top:-14px;}';
- css += '#ponyhoof_options_soundsVolume {vertical-align:middle;width:50px;}';
- css += '#ponyhoof_options_soundsVolume[type="range"] {cursor:pointer;width:200px;}';
- css += '#ponyhoof_options_soundsVolumePreview {vertical-align:middle;}';
- css += '#ponyhoof_options_soundsVolumeValue {display:none;padding-left:3px;}';
- css += '#ponyhoof_options_soundsChatSoundWarning, #ponyhoof_options_soundsMessengerForWindowsWarning {margin-bottom:10px;}';
- css += '#ponyhoof_options_soundsChatSetting {margin:0;}';
- css += '#ponyhoof_options_tabs_extras .ponyhoof_show_if_injected + .uiInputLabel, #ponyhoof_options_tabs_extras .uiInputLabel + .ponyhoof_show_if_injected, #ponyhoof_options_tabs_advanced .uiInputLabel + .ponyhoof_show_if_injected {margin-top:3px;}';
- css += '#ponyhoof_options_tabs_advanced .ponyhoof_hide_if_injected.ponyhoof_message {margin-bottom:10px;}';
- css += '.ponyhoof_options_aboutsection {border-top:1px solid #ccc;margin:10px -10px 0;}';
- css += '.ponyhoof_options_aboutsection > .inner {border-top:1px solid #E9E9E9;padding:10px 10px 0;}';
- css += '#ponyhoof_options_devpic {display:block;}';
- css += '#ponyhoof_options_devpic img {width:50px !important;height:50px !important;}';
- css += '#ponyhoof_options_twitter {margin-top:10px;width:100%;height:20px;}';
- css += '#ponyhoof_options_plusone {margin-top:10px;height:23px;}';
-
- css += '.ponyhoof_tip_wrapper {position:relative;z-index:10;}';
- css += '.ponyhoof_tip_trigger, .ponyhoof_tip_trigger:hover {text-decoration:none;}';
- css += '.ponyhoof_tip_trigger:hover .ponyhoof_tip {display:block;}';
- css += '.ponyhoof_options_unavailable .ponyhoof_tip_trigger {display:none !important;}';
- css += '.ponyhoof_tip {text-align:left;position:absolute;z-index:-1;display:none;top:11px;padding:4px 0 0;right:-7px;color:#000;font-weight:normal;}';
- css += '.ponyhoof_tip_body {line-height:15px;width:300px;white-space:normal;background:#fff;border:1px solid;border-color:#888 #999;display:block;left:0;padding:6px 8px;box-shadow:0 1px 0 rgba(0,0,0,.1);}';
- css += '.ponyhoof_tip_arrow {position:absolute;top:0;right:10px;border:solid transparent;border-width:0 3px 5px 4px;border-bottom-color:#888;}';
-
- css += '#ponyhoof_donate {background:#EDEFF4;border:1px solid #D2DBEA;color:#9CADCF;font-family:Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;}';
- css += '#ponyhoof_donate .inner {background:#EDEFF4;display:block;font-size:16px;font-weight:bold;height:75px;line-height:75px;text-align:center;float:left;width:50%;}';
- css += '#ponyhoof_donate a {display:block;width:100%;color:#9CADCF;text-decoration:none;}';
- css += '#ponyhoof_options_donatepaypal {border-right:1px solid #D2DBEA;}';
- //css += '#ponyhoof_donate_flattr {background-image:url("//api.flattr.com/button/flattr-badge-large.png");background-position:center center;background-repeat:no-repeat;text-indent:-99999px;}';
- css += '#ponyhoof_donate_flattr_iframe {width:55px;height:62px;margin-top:6px;}';
- css += '#ponyhoof_donate a:hover {background-color:#DEDFE7;color:#3B5998;}';
-
- injectManualStyle(css, 'options');
- };
-
- k.show = function() {
- if (!k.created) {
- k.create();
- }
- k.dialog.show();
- };
-
- k.kr = false;
- k.ks = [];
- k.kc = '\x33\x38\x2C\x33\x38\x2C\x34\x30\x2C\x34\x30\x2C\x33\x37\x2C\x33\x39\x2C\x33\x37\x2C\x33\x39\x2C\x36\x36\x2C\x36\x35';
- k.kf = function(e) {
- if (k.kr) {
- return;
- }
-
- k.ks.push(e.which);
- if (k.ks.join(',').indexOf(k.kc) > -1) {
- k.kr = true;
- k.dialog.close();
-
- var width = 720;
- var height = 405;
-
- injectManualStyle('#ponyhoof_dialog_ky .generic_dialog_popup,#ponyhoof_dialog_ky .popup{width:740px;}#ponyhoof_dialog_ky .generic_dialog{z-index:250 !important;}#ponyhoof_kc_align{margin:8px auto 0;text-align:center;}', 'kx');
- var di = new Dialog('ky');
- di.alwaysModal = true;
- di.create();
- di.changeTitle("\x54\x48\x45\x20\x55\x4C\x54\x49\x4D\x41\x54\x45\x20\x42\x52\x4F\x4E\x59\x20\x43\x48\x41\x4C\x4C\x45\x4E\x47\x45");
- di.changeContent('<iframe src="//hoof.little.my/files/zR7V_bCyZe0.htm" width="100%" height="405" scrolling="auto" frameborder="0" allowTransparency="true"></iframe><div id="ponyhoof_kc_align"><a href="#" class="uiButton uiButtonSpecial ponyhoof_noShareIsCare" id="ponyhoof_kc_share" role="button" data-hover="tooltip" aria-label="\x53\x4F\x20\x4D\x55\x43\x48\x20\x50\x4F\x4E\x59" data-tooltip-alignh="center"><span class="uiButtonText">\x53\x48\x41\x52\x45\x20\x57\x49\x54\x48\x20\x59\x4F\x55\x52\x20\x50\x41\x4C\x53\x21</span></a></div>');
- di.addCloseButton();
- di.onclosefinish = function() {
- di.changeContent('');
- };
-
- $('ponyhoof_kc_share').addEventListener('click', function() {
- var width = 626;
- var height = 436;
- w.open('//'+getFbDomain()+'/sharer/sharer.php?u=http://www.youtube.com/watch?v=zR7V_bCyZe0', 'ponyhoof_kc_sharer', 'left='+((screen.width-width)/2)+',top='+(((screen.height-height)/2)-50)+',width='+width+',height='+height);
- return false;
- }, false);
- }
- };
-
- k.ki = function() {
- d.addEventListener('keydown', k.kf, true);
- };
- };
-
- var optionsGlobal = null;
- function optionsOpen() {
- log("Opening options...");
-
- if (!optionsGlobal) {
- optionsGlobal = new Options();
- }
- optionsGlobal.create();
- optionsGlobal.show();
-
- $$($('ponyhoof_dialog_options'), '#ponyhoof_options_pony .ponyhoof_button_menu', function(button) {
- try {
- button.focus();
- } catch (e) {}
- });
- }
-
- // Welcome
- var WelcomeUI = function(param) {
- var k = this;
-
- if (param) {
- k.param = param;
- } else {
- k.param = {};
- }
- k.dialogFirst = null;
- k.dialogPinkie = null;
- k.dialogFinish = null;
-
- k._stack = '';
-
- k.start = function() {
- k.injectStyle();
- k.createScenery();
- addClass(d.documentElement, 'ponyhoof_welcome_html');
- statTrack('welcomeUI');
-
- k.showWelcome();
- };
-
- k.showWelcome = function() {
- if ($('ponyhoof_dialog_welcome')) {
- return;
- }
-
- addClass(d.documentElement, 'ponyhoof_welcome_html_scenery_loaded');
-
- var co = '';
- co += '<div class="ponyhoof_message uiBoxYellow ponyhoof_updater_newVersion">';
- co += '<a href="#" class="uiButton uiButtonSpecial rfloat ponyhoof_updater_updateNow" role="button"><span class="uiButtonText">Update now</span></a>';
- co += '<span class="wrap">An update (v<span class="ponyhoof_updater_versionNum"></span>) for Ponyhoof is available.</span>';
- co += '</div>';
-
- co += renderBrowserConfigWarning();
-
- if (STORAGEMETHOD == 'chrome' && chrome.extension.inIncognitoContext) {
- co += '<div class="ponyhoof_message uiBoxYellow">Please note that your Ponyhoof settings are saved and not cleared, even if you are using Chrome incognito mode. Please disable Ponyhoof from running in incognito mode if you do not want others to know that you logged on to this browser.</div><br>';
- }
-
- co += '<strong>Select your favorite character to get started:</strong>';
- co += '<div id="ponyhoof_welcome_pony"></div>';
- co += '<div id="ponyhoof_welcome_afterClose">You can re-select your character in Ponyhoof Options at the Account menu.</div>';
-
- var bottom = '';
- bottom += '<a href="#" class="uiButton uiButtonLarge uiButtonConfirm uiButtonDisabled" role="button" id="ponyhoof_welcome_next"><span class="uiButtonText">Next</span></a>';
-
- DIALOGCOUNT += 5;
-
- k.dialogFirst = new Dialog('welcome');
- k.dialogFirst.canCardspace = false;
- k.dialogFirst.canCloseByEscapeKey = false;
- k.dialogFirst.create();
- k.dialogFirst.generic_dialogDiv.className += ' generic_dialog_fixed_overflow';
- if (BRONYNAME) {
- k.dialogFirst.changeTitle("Welcome to Ponyhoof, "+BRONYNAME+"!");
- } else {
- k.dialogFirst.changeTitle("Welcome to Ponyhoof!");
- }
- k.dialogFirst.changeContent(co);
- k.dialogFirst.changeBottom(bottom);
-
- k.dialogFirst.dialog.className += ' ponyhoof_dialog_localstorageWarningEmbedded';
-
- DIALOGCOUNT += 4;
-
- var menuClosed = false;
- var ponySelector = new PonySelector($('ponyhoof_welcome_pony'), k.param);
- ponySelector.saveTheme = false;
- ponySelector.createSelector();
- w.setTimeout(function() {
- ponySelector.menu.open();
- }, 1);
- ponySelector.menu.afterClose = function() {
- if (!menuClosed) {
- menuClosed = true;
- addClass($('ponyhoof_welcome_afterClose'), 'show');
-
- addClass(d.documentElement, 'ponyhoof_welcome_showmedemo');
- if ($('navAccount')) {
- addClass($('navAccount'), 'openToggler');
- }
- //addClass($('ponyhoof_account_options'), 'active');
-
- w.setTimeout(function() {
- removeClass($('ponyhoof_welcome_next'), 'uiButtonDisabled');
- }, 200);
- }
- };
-
- w.setTimeout(function() {
- changeThemeSmart(CURRENTPONY);
- }, 10);
- k._stack = CURRENTSTACK;
-
- w.setTimeout(function() {
- var update = new Updater();
- update.checkForUpdates();
- }, 500);
-
- // Detect if the Facebook's chat sound setting is turned off
- // We need to do this here as it is async
- try {
- if (typeof USW.requireLazy == 'function') {
- USW.requireLazy(['ChatOptions'], function(ChatOptions) {
- if (!ChatOptions.getSetting('sound')) {
- userSettings.chatSound = false;
- }
- });
- }
- } catch (e) {
- error("Unable to hook to ChatOptions");
- dir(e);
- }
-
- $('ponyhoof_welcome_next').addEventListener('click', function(e) {
- e.preventDefault();
- if (hasClass(this, 'uiButtonDisabled')) {
- return false;
- }
-
- k.dialogFirst.close();
- fadeOut($('ponyhoof_welcome_scenery'));
-
- w.setTimeout(function() {
- removeClass(d.documentElement, 'ponyhoof_welcome_showmedemo');
- removeClass($('navAccount'), 'openToggler');
- //removeClass($('ponyhoof_account_options'), 'active');
- }, 100);
-
- userSettings.theme = CURRENTPONY;
- userSettings.chatSound1401 = true;
- saveSettings();
-
- globalSettings.lastVersion = VERSION;
- if (globalSettings.allowLoginScreen) {
- globalSettings.lastUserId = USERID;
- }
- saveGlobalSettings();
-
- if (CURRENTPONY == 'pinkie') {
- k.pinkieWelcome();
- } else {
- k.createFinalDialog();
- }
- }, false);
- };
-
- k.pinkieWelcome = function() {
- removeClass(d.documentElement, 'ponyhoof_welcome_html_scenery_loaded');
-
- var width = 720;
- var height = 405;
-
- var bottom = '';
- bottom += '<a href="#" class="uiButton uiButtonLarge uiButtonConfirm" role="button" id="ponyhoof_welcome_pinkie_next"><span class="uiButtonText">Stop being silly, Pinkie</span></a>';
-
- k.dialogPinkie = new Dialog('welcome_pinkie');
- k.dialogPinkie.alwaysModal = true;
- k.dialogPinkie.create();
- k.dialogPinkie.changeTitle("\x59\x4F\x55\x20\x43\x48\x4F\x4F\x53\x45\x20\x50\x49\x4E\x4B\x49\x45\x21\x3F\x21");
- k.dialogPinkie.changeContent('<iframe src="//hoof.little.my/files/aEPDsG6R4dY.htm" width="100%" height="405" scrolling="auto" frameborder="0" allowTransparency="true"></iframe>');
- k.dialogPinkie.changeBottom(bottom);
- k.dialogPinkie.onclose = function() {
- fadeOut($('ponyhoof_welcome_scenery'));
- k.createFinalDialog();
- };
- k.dialogPinkie.onclosefinish = function() {
- k.dialogPinkie.changeContent('');
- };
-
- $('ponyhoof_welcome_pinkie_next').addEventListener('click', function(e) {
- k.dialogPinkie.close();
- e.preventDefault();
- }, false);
- };
-
- k.createFinalDialog = function() {
- removeClass(d.documentElement, 'ponyhoof_welcome_html');
- removeClass(d.documentElement, 'ponyhoof_welcome_html_scenery_loaded');
-
- var c = '';
-
- var lang = getDefaultUiLang();
- if (lang != 'en_US' && lang != 'en_GB') {
- c += '<div class="ponyhoof_message uiBoxYellow"><'+'a href="//'+getFbDomain()+'/ajax/intl/language_dialog.php" rel="dialog" id="ponyhoof_welcome_final_changelanguage">For the best Ponyhoof experience, we recommend switching your Facebook language to English (US). Why? Because ponies!</a></div><br>';
- }
-
- if (!ISUSINGBUSINESS) {
- c += '<span class="ponyhoof_brohoof_button">'+capitaliseFirstLetter(CURRENTSTACK['like'])+'</span> us to receive news and help for Ponyhoof!';
- c += '<div id="ponyhoof_welcome_likeWrap"><iframe src="about:blank" id="ponyhoof_welcome_like" scrolling="no" frameborder="0" allowTransparency="true"></iframe></div>';
- c += 'Got somepony else that you want to suggest? Want to leave some feedback? <a href="'+w.location.protocol+PONYHOOF_URL+'" target="_top" id="ponyhoof_welcome_posttowall">Let us know at our page!</a>';
- } else {
- c += '<a href="'+w.location.protocol+PONYHOOF_URL+'" target="_top" id="ponyhoof_welcome_posttowall">Visit our Ponyhoof page for the latest news!</a>';
- }
-
- var successText = '';
- var ponyData = convertCodeToData(REALPONY);
- if (ponyData.successText) {
- successText = ponyData.successText;
- } else {
- successText = "Yay!";
- }
-
- k.dialogFinish = new Dialog('welcome_final');
- if (k._stack != CURRENTSTACK) {
- k.dialogFinish.alwaysModal = true;
- }
- k.dialogFinish.create();
- k.dialogFinish.changeTitle(successText);
- k.dialogFinish.changeContent(c);
- var buttonText = CURRENTLANG.done;
- if (k._stack != CURRENTSTACK) {
- buttonText = CURRENTLANG.finish;
- }
- k.dialogFinish.changeBottom('<a href="#" class="uiButton uiButtonLarge uiButtonConfirm" role="button" id="ponyhoof_welcomefinal_ok"><span class="uiButtonText">'+buttonText+'</span></a>');
- k.dialogFinish.onclose = function() {
- if (k._stack != CURRENTSTACK) {
- w.location.reload();
- }
- };
-
- $('ponyhoof_welcomefinal_ok').addEventListener('click', k.dialogFinishOk, false);
- $('ponyhoof_welcomefinal_ok').focus();
-
- if (!ISUSINGBUSINESS) {
- w.setTimeout(function() {
- $('ponyhoof_welcome_like').src = '//'+getFbDomain()+'/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fprofile.php%3Fid%3D'+PONYHOOF_PAGE+'&width=292&height=62&colorscheme=light&show_faces=false&stream=false&header=false&ponyhoof_runme';
- }, 1);
- }
-
- $('ponyhoof_welcome_posttowall').addEventListener('click', function(e) {
- k.dialogFinish.onclose = function() {};
- k.dialogFinish.close();
- }, false);
- };
-
- k.dialogFinishOk = function(e) {
- if (k._stack != CURRENTSTACK) {
- if (hasClass(this, 'uiButtonDisabled')) {
- return false;
- }
-
- this.className += ' uiButtonDisabled';
- w.location.reload();
- } else {
- k.dialogFinish.close();
- }
- e.preventDefault();
- };
-
- k.createScenery = function() {
- if ($('ponyhoof_welcome_scenery')) {
- $('ponyhoof_welcome_scenery').style.display = 'block';
- return;
- }
-
- var n = d.createElement('div');
- n.id = 'ponyhoof_welcome_scenery';
- d.body.appendChild(n);
-
- return n;
- };
-
- k.injectStyle = function() {
- var css = '';
- css += 'html.ponyhoof_welcome_html {overflow:hidden;}';
- css += 'html.ponyhoof_welcome_html .fbPageBanner, html.ponyhoof_welcome_html .uiLayer[data-ownerid="userNavigationLabel"], html.ponyhoof_welcome_html ._50d1, html.ponyhoof_welcome_html .-cx-PUBLIC-notificationBeeper__list {display:none !important;}';
- css += 'html #ponyhoof_dialog_welcome .generic_dialog_fixed_overflow {background:transparent !important;}';
- css += '#ponyhoof_welcome_scenery {width:100%;height:100%;position:fixed;top:0;left:0;background-color:#fff;background-color:rgba(252,252,252,.9);background-repeat:no-repeat;background-position:center center;z-index:'+(DIALOGCOUNT-6)+';}';
-
- //css += '#ponyhoof_dialog_welcome .generic_dialog {z-index:401 !important;}';
- css += '#ponyhoof_dialog_welcome .generic_dialog_popup, #ponyhoof_dialog_welcome .popup {width:475px !important;}';
- //css += '#ponyhoof_dialog_welcome .content {-webkit-transition:.3s linear;-webkit-transition-property:min-height, padding-top;-moz-transition:.3s linear;-moz-transition-property:min-height, padding-top;-o-transition:.3s linear;-o-transition-property:min-height, padding-top;transition:.3s linear;transition-property:min-height, padding-top;}';
- css += '#ponyhoof_dialog_welcome .ponyhoof_updater_newVersion {margin-bottom:10px;}';
-
- css += '#ponyhoof_welcome_newVersion {display:none;margin:0 0 10px;}';
- css += '#ponyhoof_welcome_pony {margin:8px 0;}';
- css += '#ponyhoof_welcome_afterClose {visibility:hidden;opacity:0;}';
- css += '#ponyhoof_welcome_afterClose.show {visibility:visible;opacity:1;-webkit-transition:opacity .3s linear;-moz-transition:opacity .3s linear;-o-transition:opacity .3s linear;transition:opacity .3s linear;}';
-
- css += 'html.ponyhoof_welcome_html_scenery_loaded #blueBar, html.ponyhoof_welcome_html_scenery_loaded #blueBar.fixed_elem {opacity:0;-webkit-transition:opacity .3s linear;-moz-transition:opacity .3s linear;-o-transition:opacity .3s linear;transition:opacity .3s linear;}';
- css += 'html.ponyhoof_welcome_showmedemo {cursor:not-allowed;}';
- css += 'html.ponyhoof_welcome_showmedemo .popup {cursor:default;}';
- css += 'html.ponyhoof_welcome_showmedemo #blueBar #pageHead {width:981px !important;padding-right:0 !important;}';
- css += 'html.sidebarMode.ponyhoof_welcome_showmedemo #pageHead, html.sidebarMode.ponyhoof_welcome_showmedemo .sidebarMode #globalContainer {left:0 !important;}';
- css += 'html.ponyhoof_welcome_showmedemo #blueBar, html.ponyhoof_welcome_showmedemo.tinyViewport #blueBar, html.ponyhoof_welcome_showmedemo #blueBar.fixed_elem, html.ponyhoof_welcome_showmedemo.tinyViewport #blueBar.fixed_elem {position:fixed !important;z-index:'+(DIALOGCOUNT-4)+';opacity:1;margin-left:0 !important;left:0 !important;right:0 !important;top:0 !important;}';
-
- css += '#ponyhoof_dialog_welcome_pinkie .generic_dialog_popup, #ponyhoof_dialog_welcome_pinkie .popup {width:720px;}';
- css += '#ponyhoof_dialog_welcome_pinkie .content {line-height:0;padding:0;}';
-
- css += '#ponyhoof_welcome_likeWrap {margin:8px 0;}';
- css += '#ponyhoof_welcome_like {border:none;overflow:hidden;width:292px;height:62px;margin:0;}';
-
- if (ISMOBILE) {
- css += '#ponyhoof_welcome_scenery {background-image:none !important;}';
- }
-
- injectManualStyle(css, 'welcome');
- };
- };
-
- var renderBrowserConfigWarning = function() {
- var c = '';
- if (STORAGEMETHOD == 'localstorage') {
- c += '<div class="ponyhoof_message uiBoxRed">Ponyhoof is not supported on this browser configuration. Your settings will get cleared out from time to time, and some features such as update-checking and Browser Ponies will not work.</div><br>';
- } else if (ISMOBILE) {
- c += '<div class="ponyhoof_message uiBoxYellow">Mobile support for Ponyhoof is provided as a courtesy and is not officially supported.</div><br>';
- }
- return c;
- };
-
- // Theme
- function getFaviconTag() {
- var l = d.getElementsByTagName('link');
- for (var i = 0, len = l.length; i < len; i += 1) {
- if (l[i].getAttribute('rel') == 'shortcut icon') {
- return l[i];
- }
- }
-
- return false;
- }
-
- function changeFavicon(character) {
- if (userSettings.noFavicon) {
- return;
- }
-
- var favicon = getFaviconTag();
-
- if (favicon) {
- // Don't change the favicon on apps.facebook.com
- if (w.location.hostname.indexOf('apps.') === 0) {
- if (favicon.href.indexOf('.ico') !== favicon.href.length-('.ico'.length)) {
- return;
- }
- }
-
- var newIcon = favicon.cloneNode(true);
- } else {
- var newIcon = d.createElement('link');
- newIcon.rel = 'shortcut icon';
- }
-
- if (character != 'NONE') {
- newIcon.type = 'image/png';
-
- var data = convertCodeToData(character);
- if (data.icon16) {
- newIcon.href = THEMEURL+data.icon16;
- } else {
- newIcon.href = THEMEURL+character+'/icon16.png';
- }
- } else {
- newIcon.type = 'image/x-icon';
- newIcon.href = '//fbstatic-a.akamaihd.net/rsrc.php/yl/r/H3nktOa7ZMg.ico';
- }
-
- if (favicon) {
- favicon.parentNode.replaceChild(newIcon, favicon);
- } else {
- d.head.appendChild(newIcon);
- }
- }
-
- function changeStack(character) {
- var pony = convertCodeToData(character);
- CURRENTSTACK = STACKS_LANG[0];
- if (pony.stack) {
- for (var i = 0, len = STACKS_LANG.length; i < len; i += 1) {
- if (STACKS_LANG[i].stack == pony.stack) {
- CURRENTSTACK = STACKS_LANG[i];
- break;
- }
- }
- }
-
- if (UILANG == 'fb_LT') {
- if (CURRENTSTACK['people'] == 'ponies') {
- CURRENTSTACK['people'] = 'pwnies';
- }
- if (CURRENTSTACK['person'] == 'pony') {
- CURRENTSTACK['person'] = 'pwnie';
- }
- if (CURRENTSTACK['like'] == 'brohoof') {
- CURRENTSTACK['like'] = '/)';
- }
- if (CURRENTSTACK['likes'] == 'brohoofs') {
- CURRENTSTACK['likes'] = '/)';
- }
- //if (CURRENTSTACK['unlike'] == 'unbrohoof') {
- // CURRENTSTACK['unlike'] = '/)(\\';
- //}
- if (CURRENTSTACK['like_past'] == 'brohoof') {
- CURRENTSTACK['like_past'] = '/)';
- }
- if (CURRENTSTACK['likes_past'] == 'brohoofs') {
- CURRENTSTACK['likes_past'] = '/)';
- }
- if (CURRENTSTACK['liked'] == 'brohoof\'d') {
- CURRENTSTACK['liked'] = '/)';
- }
- if (CURRENTSTACK['liked_button'] == 'brohoof\'d') {
- CURRENTSTACK['liked_button'] = '/)';
- }
- if (CURRENTSTACK['liking'] == 'brohoofing') {
- CURRENTSTACK['liking'] = '/)';
- }
- }
- }
-
- var changeThemeFuncQueue = [];
- function changeTheme(character) {
- addClass(d.documentElement, 'ponyhoof_injected');
-
- REALPONY = character;
- d.documentElement.setAttribute('data-ponyhoof-character', character);
-
- changeFavicon(character);
- changeStack(character);
- buildStackLang();
-
- if (changeThemeFuncQueue) {
- for (var x in changeThemeFuncQueue) {
- if (changeThemeFuncQueue.hasOwnProperty(x) && changeThemeFuncQueue[x]) {
- changeThemeFuncQueue[x]();
- }
- }
- }
-
- // Did we injected our theme already?
- if ($('ponyhoof_userscript_style')) {
- changeCostume(userSettings.costume);
- $('ponyhoof_userscript_style').href = THEMECSS+character+THEMECSS_EXT;
- return;
- }
-
- addClass(d.documentElement, 'ponyhoof_initial');
- w.setTimeout(function() {
- removeClass(d.documentElement, 'ponyhoof_initial');
- }, 1000);
-
- var n = d.createElement('link');
- n.href = THEMECSS+character+THEMECSS_EXT;
- n.type = 'text/css';
- n.rel = 'stylesheet';
- n.id = 'ponyhoof_userscript_style';
- d.head.appendChild(n);
-
- changeCostume(userSettings.costume);
- }
-
- function getRandomPony() {
- while (1) {
- var r = randNum(0, PONIES.length-1);
- if (!PONIES[r].hidden) {
- return PONIES[r].code;
- }
- }
- }
-
- function getRandomMane6() {
- while (1) {
- var r = randNum(0, PONIES.length-1);
- if (PONIES[r].mane6) {
- return PONIES[r].code;
- }
- }
- }
-
- function convertCodeToData(code) {
- for (var i = 0, len = PONIES.length; i < len; i += 1) {
- if (PONIES[i].code == code) {
- return PONIES[i];
- }
- }
-
- return false;
- }
-
- function changeThemeSmart(theme) {
- switch (theme) {
- case 'NONE':
- removeClass(d.documentElement, 'ponyhoof_injected');
- changeFavicon('NONE');
- changeCostume(null);
-
- var style = $('ponyhoof_userscript_style');
- if (style) {
- style.parentNode.removeChild(style);
- }
- break;
-
- case 'RANDOM':
- var current = [];
- if (userSettings.randomPonies) {
- current = userSettings.randomPonies.split('|');
- changeTheme(current[Math.floor(Math.random() * current.length)]);
- } else {
- changeTheme(getRandomPony());
- }
-
- break;
-
- default:
- if (theme == 'login' || convertCodeToData(theme)) {
- changeTheme(theme);
- } else {
- error("changeThemeSmart: "+theme+" is not a valid theme");
- userSettings.theme = null;
- CURRENTPONY = REALPONY = 'NONE';
- }
- break;
- }
- }
-
- function changeCustomBg(base64) {
- if (!base64) {
- removeClass(d.documentElement, 'ponyhoof_settings_login_bg');
- removeClass(d.documentElement, 'ponyhoof_settings_customBg');
-
- var style = $('ponyhoof_style_custombg');
- if (style) {
- style.parentNode.removeChild(style);
- }
- return;
- }
-
- addClass(d.documentElement, 'ponyhoof_settings_login_bg');
- addClass(d.documentElement, 'ponyhoof_settings_customBg');
-
- if (!$('ponyhoof_style_custombg')) {
- injectManualStyle('', 'custombg');
- }
- $('ponyhoof_style_custombg').textContent = '/* '+SIG+' */html,.fbIndex{background-position:center center !important;background-image:url("'+base64+'") !important;background-repeat:no-repeat;}';
- }
-
- var changeCostume = function(costume) {
- // Make sure the costume exists
- if (!COSTUMESX[costume]) {
- removeCostume();
- return false;
- }
-
- // Make sure the character has the costume
- if (!doesCharacterHaveCostume(REALPONY, costume)) {
- //removeCostume(); // leaving the costume alone wouldn't hurt...
- return false;
- }
-
- d.documentElement.setAttribute('data-ponyhoof-costume', costume);
- };
-
- var removeCostume = function() {
- d.documentElement.removeAttribute('data-ponyhoof-costume');
- };
-
- var doesCharacterHaveCostume = function(character, costume) {
- return (COSTUMESX[costume] && COSTUMESX[costume].characters && COSTUMESX[costume].characters.indexOf(character) != -1);
- }
-
- function getBronyName() {
- var name = d.querySelector('.headerTinymanName, #navTimeline > .navLink, .fbxWelcomeBoxName, ._521h ._4g5y, .-cx-PRIVATE-litestandSidebarBookmarks__profilewrapper .-cx-PRIVATE-litestandSidebarBookmarks__name');
- if (name) {
- BRONYNAME = name.textContent;
- }
-
- return BRONYNAME;
- }
-
- function getDefaultUiLang() {
- if (!d.body) {
- return false;
- }
- var classes = d.body.className.split(' ');
- for (var i = 0, len = classes.length; i < len; i += 1) {
- if (classes[i].indexOf('Locale_') == 0) {
- return classes[i].substring('Locale_'.length);
- }
- }
-
- return false;
- }
-
- // Screen saver
- var screenSaverTimer = null;
- var screenSaverActive = false;
- var screenSaverInactivity = function() {
- if (!screenSaverActive) {
- addClass(d.body, 'ponyhoof_screensaver');
- }
- screenSaverActive = true;
- };
- var screenSaverActivity = function() {
- if (screenSaverActive) {
- removeClass(d.body, 'ponyhoof_screensaver');
- }
- screenSaverActive = false;
-
- w.clearTimeout(screenSaverTimer);
- screenSaverTimer = w.setTimeout(screenSaverInactivity, 30000);
- };
- var screenSaverActivate = function() {
- var mousemoveX = 0;
- var mousemoveY = 0;
-
- d.addEventListener('click', screenSaverActivity, true);
- d.addEventListener('mousemove', function(e) {
- if (mousemoveX == e.clientX && mousemoveY == e.clientY) {
- return;
- }
- mousemoveX = e.clientX;
- mousemoveY = e.clientY;
-
- screenSaverActivity();
- }, true);
- d.addEventListener('keydown', screenSaverActivity, true);
- d.addEventListener('contextmenu', screenSaverActivity, true);
- d.addEventListener('mousewheel', screenSaverActivity, true);
- d.addEventListener('touchstart', screenSaverActivity, true);
-
- screenSaverActivity();
- };
-
- // DOMNodeInserted
- var domReplaceText = function(ele, cn, deeper, regex, text) {
- var t = '';
- var id = ele.getAttribute('id');
- if ((cn == '' && deeper == '') || (cn && hasClass(ele, cn)) || (cn && id && id == nc)) {
- t = ele.innerHTML;
- t = t.replace(regex, text);
- if (ele.innerHTML != t) {
- ele.innerHTML = t;
- }
-
- return;
- }
-
- if (deeper) {
- var query = ele.querySelectorAll(deeper);
- if (query.length) {
- for (var i = 0, len = query.length; i < len; i += 1) {
- t = query[i].innerHTML;
- t = t.replace(regex, text);
- if (query[i].innerHTML != t) {
- query[i].innerHTML = t;
- }
- }
- }
- }
- };
-
- var _fb_input_placeholderChanged = false;
- var domChangeTextbox = function(ele, cn, text) {
- var query = ele.querySelectorAll(cn);
- if (!query.length) {
- return;
- }
- if (!_fb_input_placeholderChanged) {
- contentEval(function(arg) {
- try {
- if (typeof window.requireLazy == 'function') {
- window.requireLazy(['Input'], function(Input) {
- var _setPlaceholder = Input.setPlaceholder;
- Input.setPlaceholder = function(textbox, t) {
- if (!textbox.getAttribute('data-ponyhoof-ponified-overridefb')) {
- if (textbox != document.activeElement) {
- _setPlaceholder(textbox, t);
- }
- textbox.setAttribute('data-ponyhoof-ponified-overridefb', 1);
- } else {
- // we already overridden, now FB wants to change the placeholder
- if (textbox.getAttribute('placeholder') == '' && t) {
- if (textbox.title) {
- // for composer
- _setPlaceholder(textbox, textbox.title);
- } else {
- // for typeahead (share dialog > private message)
- _setPlaceholder(textbox, t);
- }
- } else if (t == '') {
- // allow blanking placeholder (for typeahead)
- _setPlaceholder(textbox, t);
- }
- }
- };
- });
- }
- } catch (e) {
- if (arg.CANLOG && typeof console != 'undefined' && console.log && console.dir) {
- console.log("Unable to override Input.setPlaceholder()");
- console.dir(e);
- }
- }
- }, {"CANLOG":CANLOG});
- _fb_input_placeholderChanged = true;
- }
-
- var placeholders = [];
- for (var i = 0, len = query.length; i < len; i += 1) {
- var textbox = query[i];
- if (textbox.getAttribute('data-ponyhoof-ponified')) {
- continue;
- }
- textbox.setAttribute('data-ponyhoof-ponified', 1);
-
- if (typeof text == 'function') {
- placeholders[i] = text(textbox);
- } else {
- placeholders[i] = text;
- }
-
- textbox.title = placeholders[i];
- textbox.setAttribute('aria-label', placeholders[i]);
- textbox.setAttribute('placeholder', placeholders[i]);
-
- if (hasClass(textbox, 'DOMControl_placeholder')) {
- textbox.value = placeholders[i];
- }
-
- }
-
- /*try {
- if (typeof USW.requireLazy == 'function') {
- USW.requireLazy(['TextAreaControl'], function(TextAreaControl) {
- for (var i = 0; i < query.length; i++) {
- if (placeholders[i]) {
- //if (query[i] != d.activeElement) {
- TextAreaControl.getInstance(query[i]).setPlaceholderText(placeholders[i]);
- //}
- }
- }
- });
- } else {*/
- for (var i = 0, len = query.length; i < len; i += 1) {
- if (placeholders[i]) {
- var textbox = query[i];
- if (!textbox.getAttribute('data-ponyhoof-ponified-overridefb')) {
- textbox.setAttribute('aria-label', placeholders[i]);
- textbox.setAttribute('placeholder', placeholders[i]);
- textbox.setAttribute('data-ponyhoof-ponified-overridefb', 1);
- if (textbox == d.activeElement) {
- continue;
- }
- if (textbox.value == '' || hasClass(textbox, 'DOMControl_placeholder')) {
- if (placeholders[i]) {
- addClass(textbox, 'DOMControl_placeholder');
- } else {
- removeClass(textbox, 'DOMControl_placeholder');
- }
- textbox.value = placeholders[i] || '';
- }
- }
- }
- }
- /*}
- } catch (e) {
- error("Unable to hook to TextAreaControl");
- dir(e);
- }*/
- };
-
- var domReplaceFunc = function(ele, cn, deeper, func) {
- if (!ele || (cn == '' && deeper == '')) {
- return;
- }
-
- var id = ele.getAttribute('id');
- if ((cn && hasClass(ele, cn)) || (cn && id && id == cn)) {
- func(ele);
- return;
- }
-
- if (deeper) {
- var query = ele.querySelectorAll(deeper);
- if (query.length) {
- for (var i = 0, len = query.length; i < len; i += 1) {
- func(query[i]);
- }
- }
- }
- };
-
- var replaceText = function(arr, t) {
- var lowercase = t.toLowerCase();
- for (var i = 0, len = arr.length; i < len; i += 1) {
- if (arr[i][0] instanceof RegExp) {
- t = t.replace(arr[i][0], arr[i][1]);
- } else {
- if (arr[i][0].toLowerCase() == lowercase) {
- t = arr[i][1];
- }
- }
- }
-
- return t;
- };
-
- var loopChildText = function(ele, func) {
- if (!ele || !ele.childNodes) {
- return;
- }
- for (var i = 0, len = ele.childNodes.length; i < len; i += 1) {
- func(ele.childNodes[i]);
- }
- };
-
- var buttonTitles = [];
- var dialogTitles = [];
- var tooltipTitles = [];
- var headerTitles = [];
- var menuTitles = [];
- var menuPrivacyOnlyTitles = [];
- var dialogDerpTitles = [];
- var headerInsightsTitles = [];
- var dialogDescriptionTitles = [];
- function buildStackLang() {
- var ponyData = convertCodeToData(REALPONY);
-
- buttonTitles = [
- ["Done", "Eeyup"]
- ,["Okay", "Eeyup"]
- ,["Done Editing", "Eeyup"]
- ,["Save Changes", "Eeyup"]
- ,["OK", "Eeyup"]
-
- ,[/everyone/i, "Everypony"] // for Everyone (Most Recent)
- ,["Everybody", "Everypony"]
- ,["Public", "Everypony"]
- ,["Anyone", "Anypony"]
- ,["Friends of Friends", capitaliseFirstLetter(CURRENTSTACK['friends'])+" of "+capitaliseFirstLetter(CURRENTSTACK['friends'])]
- ,["Friends", capitaliseFirstLetter(CURRENTSTACK['friends'])]
- ,["Friends of Guests", capitaliseFirstLetter(CURRENTSTACK['friends'])+" of Guests"]
- ,["Friends of Contributors", capitaliseFirstLetter(CURRENTSTACK['friends'])+" of Contributors"]
- ,["Only Me", "Alone"]
- ,["Only me", "Alone"]
- ,["Only Me (+)", "Alone (+)"]
- ,["Only me (+)", "Alone (+)"]
- ,["No One", "Alone"]
- ,["Nobody", "Nopony"]
-
- ,["Add Friend", "Add "+capitaliseFirstLetter(CURRENTSTACK['friend'])]
- ,["Friend Request Sent", "Friendship Request Sent"]
- ,["Respond to Friend Request", "Respond to Friendship Request"]
- ,["Like", capitaliseFirstLetter(CURRENTSTACK['like'])]
- ,["Liked", capitaliseFirstLetter(CURRENTSTACK['liked_button'])]
- ,["Unlike", capitaliseFirstLetter(CURRENTSTACK['unlike'])]
- ,["Like Page", capitaliseFirstLetter(CURRENTSTACK['like'])+" Page"]
- ,["Like This Page", capitaliseFirstLetter(CURRENTSTACK['like'])+" This Page"]
- ,["Suggest Friends", "Suggest "+capitaliseFirstLetter(CURRENTSTACK['friends'])]
- ,["Suggest Friend", "Suggest "+capitaliseFirstLetter(CURRENTSTACK['friend'])]
- ,["All Friends", "All "+capitaliseFirstLetter(CURRENTSTACK['friends'])]
- ,["All friends", "All "+CURRENTSTACK['friends']]
- ,["Poke", "Nuzzle"]
- ,["Request Deleted", "Request Nuked"]
-
- ,["Likes", capitaliseFirstLetter(CURRENTSTACK['likes'])]
- ,["Friends' Posts", capitaliseFirstLetter(CURRENTSTACK['friends'])+"' Posts"]
-
- ,["Photos", "Pony Pics"]
- ,["People", capitaliseFirstLetter(CURRENTSTACK['people'])]
- ,["Banned", "Banished to Moon"]
- ,["Blocked", "Banished to Moon"]
- ,["People who like this", capitaliseFirstLetter(CURRENTSTACK.people)+" that "+CURRENTSTACK.like_past+" this"]
- ,["Pages that like this", "Pages that "+CURRENTSTACK.like_past+" this"]
-
- ,["Delete and Ban User", "Nuke and Banish to Moon"]
- ,["Remove from Friends", "Banish to Moon"]
- ,["Delete", "Nuke"]
- ,["Delete Photo", "Nuke Pony Pic"]
- ,["Delete Page", "Nuke Page"]
- ,["Delete All", "Nuke All"]
- ,["Delete Selected", "Nuke Selected"]
- ,["Delete Conversation", "Nuke Conversation"]
- ,["Delete Message", "Nuke Friendship Report"]
- ,["Delete Messages", "Nuke Friendship Reports"]
- ,["Delete Post", "Nuke Post"]
- ,["Remove", "Nuke"]
- ,["Delete Report", "Nuke This Whining"]
- ,["Report", "Whine"]
- ,["Report as Spam", "Whine as Spam"]
- ,["Clear Searches", "Nuke Searches"]
- ,["Report/Remove Tags", "Whine/Nuke Tags"]
- ,["Untag Photo", "Untag Pony Pic"]
- ,["Untag Photos", "Untag Pony Pics"]
- ,["Delete My Account", "Nuke My Account"]
- ,["Allowed on Timeline", "Allowed on Journal"]
- ,["Hidden from Timeline", "Hidden from Journal"]
- ,["Unban", "Unbanish"]
- ,["Delete Album", "Nuke Album"]
- ,["Cancel Report", "Cancel Whining"]
- ,["Unfriend", "Banish to Moon"]
- ,["Delete List", "Nuke List"]
-
- ,["Messages", "Trough"]
- ,["New Message", "Write a Friendship Report"]
- ,["Other Messages", "Other Friendship Reports"]
- ,["Stay on Message", "Stay on Friendship Report"]
-
- ,["Share Photo", "Share Pony Pic"]
- ,["Share Application", "Share Magic"]
- ,["Share Note", "Share Scroll"]
- ,["Share Question", "Share Query"]
- ,["Share Event", "Share Adventure"]
- ,["Share Group", "Share Herd"]
- ,["Send Message", "Send Friendship Letter"]
- ,["Share Photos", "Share Pony Pics"]
- ,["Share This Note", "Share This Scroll"] // entstream
- ,["Share This Photo", "Share This Pony Pic"]
-
- ,["Add Friends", "Add "+capitaliseFirstLetter(CURRENTSTACK['friends'])]
- ,["Go to App", "Go to Magic"]
- ,["Back to Timeline", "Back to Journal"]
- ,["Add App", "Add Magic"]
- ,["Get More Likes", "Get More "+capitaliseFirstLetter(CURRENTSTACK['likes'])]
- ,["Advertise Your App", "Advertise Your Magic"]
- ,["Leave App", "Leave Magic"]
- ,["Find another app", "Find another magic"]
- ,["Post on your timeline", "Post on your journal"]
- ,["App Center", "Magic Center"]
- ,["View App Center", "View Magic Center"]
-
- ,["Events", "Adventures"]
- ,["Page Events", "Page Adventures"]
- ,["Suggested Events", "Suggested Adventures"]
- ,["Past Events", "Past Adventures"]
- ,["Declined Events", "Declined Adventures"]
- ,["Create Event", "Plan an Adventure"]
- ,["Save Event", "Save Adventure"]
- ,["Back to Event", "Back to Adventure"]
- ,["Invite Friends", "Invite "+capitaliseFirstLetter(CURRENTSTACK['friends_logic'])]
- ,["Page Event", "Page Adventures"]
- ,["Upcoming Events", "Upcoming Adventures"]
- ,["Group Events", "Herd Adventures"]
- ,["Change Event Photo", "Change Pony Pic for Adventure"]
- ,["Add Event Photo", "Add Pony Pic for Adventure"]
- ,["+ Create an Event", "+ Plan an Adventure"]
-
- ,["Friend Activity", capitaliseFirstLetter(CURRENTSTACK['friend'])+" Activity"]
- ,["Activity Log", "Adventure Log"]
-
- ,["Invite More Friends", "Invite More Pals"]
- ,["Find Friends", CURRENTSTACK['findFriendship']]
- //,["Pages I Like", "Pages I "+capitaliseFirstLetter(CURRENTSTACK['like_past'])]
- ,["Find My Friends", CURRENTSTACK['findFriendship']]
-
- ,["Leave Group", "Leave Herd"]
- ,["Set Up Group Address", "Set Up Herd Address"]
- ,["Change Group Photo", "Change Herd Pony Pic"]
- //,["Notifications", "Sparks"]
- ,["Start Chat", "Start Whinny Chat"]
- ,["Create Group", "Create Herd"]
- ,["Add People", "Add "+capitaliseFirstLetter(CURRENTSTACK['people'])]
- ,["Groups", "Herds"]
- ,["Join Group", "Join the Herd"]
- ,["View group", "View herd"]
- ,["Create New Group", "Create New Herd"]
- ,["Set Up Group", "Set Up Herd"] // tour
-
- ,["Move photo", "Move pony pic"]
- ,["Delete Photos", "Nuke Pony Pics"]
- ,["Keep Photos", "Keep Pony Pics"]
- ,["Save Photo", "Save Pony Pic"]
- ,["Tag Photos", "Tag Pony Pics"]
- ,["Add Photos", "Add Pony Pics"]
- ,["Upload Photos", "Upload Pony Pics"]
- ,["Tag Photo", "Tag Pony Pic"]
- ,["Add More Photos", "Add More Pony Pics"]
- ,["Post Photos", "Post Pony Pics"]
- ,["Add Photos to Map", "Add Pony Pics to Map"]
- ,["Add Photo", "Add Pony Pic"]
-
- ,["On your own timeline", "On your own journal"]
- ,["On a friend's timeline", "On a "+CURRENTSTACK['friend']+"'s journal"]
- ,["In a group", "In a herd"]
- ,["In a private message", "In a private friendship report"]
-
- ,["Timeline", "Journal"]
- ,["Notes", "Scrolls"]
- ,["Comments", "Friendship Letters"]
- ,["Posts and Apps", "Posts and Magic"]
- ,["Timeline Review", "Journal Review"]
- ,["Pokes", "Nuzzles"]
- ,["Add to Timeline", "Add to Journal"]
-
- ,["Photo", "Pony Pic"]
- ,["Question", "Query"]
-
- //,["Create List", "Create Directory"]
- ,["See All Friends", "See All "+capitaliseFirstLetter(CURRENTSTACK['friends'])]
- //,["Manage List", "Manage Directory"]
- ,["Write a Note", "Write a Scroll"]
- ,["Add Note", "Add Scroll"]
- ,["Edit Featured Likes", "Edit Featured "+capitaliseFirstLetter(CURRENTSTACK['likes'])]
- ,["Add Featured Likes", "Add Featured "+capitaliseFirstLetter(CURRENTSTACK['likes'])]
- ,["Add profile picture", "Add journal pony pic"]
- ,["Edit Profile Picture", "Edit Journal Pony Pic"]
- //,["Create an Ad", "Buy a Cupcake"]
- //,["On This List", "On This Directory"]
- ,["Friend Requests", "Friendship Requests"]
- //,["Add Friends to List", "Add "+capitaliseFirstLetter(CURRENTSTACK['friends'])+" to Directory"]
- ,["Add Friends to List", "Add "+capitaliseFirstLetter(CURRENTSTACK['friends'])+" to List"]
-
- ,[/^Pages I Like$/, "Pages I "+capitaliseFirstLetter(CURRENTSTACK['like_past'])]
- ,[/^Pages I like$/, "Pages I "+CURRENTSTACK['like_past']]
- ,["My Friends", "My "+capitaliseFirstLetter(CURRENTSTACK.friends)]
- ,["Tell Friends", "Tell "+capitaliseFirstLetter(CURRENTSTACK.friends)]
-
- ,["Add to Profile", "Add to Journal"]
- ,["Add Likes", "Add "+capitaliseFirstLetter(CURRENTSTACK.likes)]
- ,["Set as Profile Picture", "Set as Journal Pony Pic"]
- ,["View Activity Log", "View Adventure Log"]
- ,["Invite Your Friends", "Invite Your "+capitaliseFirstLetter(CURRENTSTACK['friends'])]
- ,["Suggest Photo", "Suggest Pony Pic"]
- ,["All Apps", "All Magic"]
- ,["Link My Profile to Twitter", "Link My Journal to Twitter"]
- ,["Link profile to Twitter", "Link journal to Twitter"]
- //,["The app sends you a notification", "The magic sends you a spark"]
- ,["The app sends you a notification", "The magic sends you a notification"]
- ,["Upload a Photo", "Upload a Pony Pic"]
- ,["Take a Photo", "Take a Pony Pic"]
- ,["Take a Picture", "Take a Pony Pic"] // edit page
- ,["Search All Friends", "Search All "+capitaliseFirstLetter(CURRENTSTACK.friends)] // invite friends
- ,["Top Comments", "Top Friendship Letters"] // comment resort
- ,["Go to Activity Log", "Go to Adventure Log"] // checkpoint
- ,["Upload Photo", "Upload Pony Pic"] // composer warning
- ,["Poke Back", "Nuzzle Back"] // newsfeed flyout
- ,["Friends to Invite", capitaliseFirstLetter(CURRENTSTACK['friends'])+" to Invite"] // app invite
- ,["Inbox", "Trough"] // page inbox
- ,["Save Profile Info", "Save Journal Info"] // welcome
- ,["Like Pages", capitaliseFirstLetter(CURRENTSTACK['like'])+" Pages"] // litestand Following
- ,["Visit App Center", "Visit Magic Center"] // litestand Games
- ,["Go to App Center", "Go to Magic Center"] // no https on app
- ,["Set Profile Picture", "Set Journal Pony Pic"] // page nux
- ,["Edit Offer Image", "Edit Offer Pony Pic"] // page composer
-
- // graph search
- ,["Likers", "Brohoofers"] // @todo likers
- ,["Liked by", capitaliseFirstLetter(CURRENTSTACK['liked'])+" by"] // @todo likers
-
- ,["Create New App", "Create New Magic"]
- ,["Submit App Detail Page", "Submit Magic Detail Page"]
- ,["Edit App", "Edit Magic"]
- ,["Promote App", "Promote Magic"]
- ,["Make Friends", "Make "+capitaliseFirstLetter(CURRENTSTACK['friends'])]
- ,["Add to Other Apps", "Add to Other Magic"]
- ,["Delete Image", "Nuke Pony Pic"]
- ];
-
- dialogTitles = [
- [/People who like /, capitaliseFirstLetter(CURRENTSTACK['people'])+" who "+CURRENTSTACK['like_past']+" "]
- ,[/People Who Like /, capitaliseFirstLetter(CURRENTSTACK['people'])+" Who "+capitaliseFirstLetter(CURRENTSTACK['like_past'])+" "]
- ,[/Friends who like /i, capitaliseFirstLetter(CURRENTSTACK['friends_logic'])+" who "+CURRENTSTACK['like_past']+" "]
- ,["People who voted for this option", capitaliseFirstLetter(CURRENTSTACK['people'])+" who voted for this option"]
- ,["People who are following this question", capitaliseFirstLetter(CURRENTSTACK['people'])+" who are following this question"]
- ,[/People Connected to /, capitaliseFirstLetter(CURRENTSTACK['people'])+" Connected to "]
- ,["People who saw this", capitaliseFirstLetter(CURRENTSTACK['people'])+" who saw this"]
- ,["Added Friends", "Added "+capitaliseFirstLetter(CURRENTSTACK.friends)]
- ,["People who can repro this", capitaliseFirstLetter(CURRENTSTACK['people'])+" who can repro this"]
- ,["Friends that like this", capitaliseFirstLetter(CURRENTSTACK['friends_logic'])+" that "+CURRENTSTACK['like_past']+" this"]
- ,["People", capitaliseFirstLetter(CURRENTSTACK['people'])] // gifts
- ,["Choose friends to help translate", "Choose "+CURRENTSTACK['friends']+" to help translate"]
-
- ,["Share this Profile", "Share this Journal"]
- ,["Share This Photo", "Share This Pony Pic"]
- //,["Share this Album", ""]
- ,["Share this Note", "Share this Scroll"]
- ,["Share this Group", "Share this Herd"]
- ,["Share this Event", "Share this Adventure"]
- //,["Share this Ad", ""]
- ,["Share this Application", "Share this Magic"]
- //,["Share this Video", ""]
- //,["Share this Page", "Share this Landmark"]
- //,["Share this Page", "You gotta share!"]
- //,["Share this Job", ""]
- //,["Share this Status", "You gotta share!"]
- ,["Share this Question", "Share this Query"]
- //,["Share this Link", "You gotta share!"]
- ,["Share", "You gotta share!"]
- //,["Share this Help Content", ""]
- ,["Send This Photo", "Send This Pony Pic"]
- ,["Share Photo", "Share Pony Pic"]
-
- ,["Timeline and Tagging", "Journal and Tagging"]
- ,["Timeline Review", "Journal Review"]
- //,["Friends Can Check You Into Places", capitaliseFirstLetter(CURRENTSTACK['friends_logic'])+" Can Check You Into Landmarks"]
- //,["Limit The Audience for Old Posts on Your Timeline", "Limit The Audience for Old Posts on Your Journal"]
- //,["How people bring your info to apps they use", "How "+CURRENTSTACK['people']+" bring your info to magic they use"]
- //,["Turn off Apps, Plugins and Websites", "Turn off Magic, Plugins and Websites"]
-
- ,["Likes", capitaliseFirstLetter(CURRENTSTACK['likes'])]
- ,["Edit Featured Likes", "Edit Featured "+capitaliseFirstLetter(CURRENTSTACK['likes'])]
- ,["Change Date", "Time Travel"]
- ,["Date Saved", "Time Traveled"]
-
- ,["Delete", "Nuke"]
- ,["Delete Comment", "Nuke Friendship Letter"]
- ,["Delete Photo", "Nuke Pony Pic"]
- ,["Remove Picture?", "Nuke Pony Pic?"]
- ,["Delete Video?", "Nuke Video?"]
- ,["Delete Milestone", "Nuke Milestone"]
- ,["Delete Page?", "Nuke Page?"]
- ,["Delete This Message?", "Nuke This Friendship Report?"]
- ,["Delete This Entire Conversation?", "Nuke This Entire Conversation?"]
- ,["Delete These Messages?", "Nuke These Friendship Reports?"]
- ,["Delete Post", "Nuke Post"]
- ,["Delete Post?", "Nuke Post?"]
- ,["Delete Page Permanently?", "Nuke Page Permanently?"]
- ,["Unlike", capitaliseFirstLetter(CURRENTSTACK['unlike'])]
- ,["Remove Search", "Nuke Search"]
- //,["Clear Searches", "Nuke Searches"]
- ,["Untag Photo", "Untag Pony Pic"]
- ,["Untag Photos", "Untag Pony Pics"]
- ,["Permanently Delete Account", "Permanently Nuke Account"]
- ,["Remove", "Nuke"]
- ,["Delete and Ban Member", "Nuke and Banish to Moon"]
- ,["Delete Album", "Nuke Album"]
- ,["Are you sure you want to clear all your searches?", "Are you sure you want to nuke all your searches?"]
- ,["Remove Photo?", "Nuke Pony Pic?"]
- ,["Removed Group Photo", "Nuked Herd Pony Pic"]
- ,["Post Deleted", "Post Nuked"]
- ,["Remove Event", "Nuke Adventure"]
- ,["Delete Entry?", "Nuke Entry?"]
- ,["Delete Video", "Nuke Video"]
- ,["Delete Event", "Nuke Adventure"] // for group admin
- ,["Remove Profile Picture", "Nuke Journal Pony Pic"]
- ,["Delete Photo?", "Nuke Pony Pic?"]
- ,["Remove App", "Nuke Magic"]
-
- ,["Report and/or Block This Person", "Whine and/or Block This "+capitaliseFirstLetter(CURRENTSTACK['person'])] // 0
- ,["Report This Photo", "Whine About This Pony Pic"]
- ,["Report This Event", "Whine About This Adventure"]
- ,["Report Conversation", "Whine About Conversation"]
- ,["Report as Spam?", "Whine as Spam?"]
- ,["Invalid Report", "Invalid Whining"]
- ,["Report This Page", "Whine About This Page"]
- ,["Report This Doc Revision", "Whine About This Doc Revision"]
- ,["Confirm Report", "Confirm Whining"]
- ,["Report This Place", "Whine About This Place"] // 64
- ,["Thanks For This Report", "Thanks For Whining"]
- ,["Send Message", "Send Friendship Report"] // social report
- ,["Send Messages", "Send Friendship Reports"]
- ,["Why don't you like these photos?", "Why don't you like these pony pics?"]
- ,["Photos Untagged and Messages Sent", "Pony Pics Untagged and Friendship Reports Sent"]
- ,["Report This Post", "Whine About This Post"] // report lists as a page
- ,["Report This?", "Whine About This?"]
- ,["Report Recommendation", "Whine About Recommendation"] // 108
- ,["Why don't you like this photo?", "Why don't you like this pony pic?"]
- ,["Report Spam or Abuse", "Whine as Spam or Abuse"] // messages
- ,["Report Incorrect External Link", "Whine About Incorrect External Link"] // page vertex // 87
- ,["Post Reported", "Whined About Post"]
- ,[" Report a Problem ", "Whine About a Problem"]
- ,["Report a Problem", "Whine About a Problem"]
-
- // report types: 5: links / 125: status / 70: group post / 86: og post
- ,["Is this post about you or a friend?", "Is this post about you or a "+CURRENTSTACK.friend+"?"]
- ,["Why are you reporting this Page?", "Why are you whining about this Page?"] // 23
- ,["Is this group about you or a friend?", "Is this herd about you or a "+CURRENTSTACK['friend']+"?"] // 1
- ,["Is this comment about you or a friend?", "Is this friendship letter about you or a "+CURRENTSTACK['friend']+"?"] // 71 / 74: page comment
- //,["Is this list about you or a friend?", "Is this directory about you a "+CURRENTSTACK.friend+"?"] // 92
- ,["Is this list about you or a friend?", "Is this list about you a "+CURRENTSTACK.friend+"?"] // 92
- ,["Is this photo about you or a friend?", "Is this pony pic about you or a "+CURRENTSTACK['friend']+"?"] // 2
- ,["Is this note about you or a friend?", "Is this scroll about you or a "+CURRENTSTACK['friend']+"?"] // 4
- ,["Is this video about you or a friend?", "Is this video about you or a "+CURRENTSTACK['friend']+"?"] // 13
- ,["Is this event about you or a friend?", "Is this adventure about you or a "+CURRENTSTACK['friend']+"?"] // 81
-
- ,["How to Report Posts", "How to Whine About Posts"]
- ,["How to Report Posts on My Timeline", "How to Whine About Posts on My Journal"]
- ,["How to Report the Profile Picture", "How to Whine About the Journal Pony Pic"]
- ,["Why are you reporting this photo?", "Why are you whining about this pony pic?"]
- ,["How to Report the Cover", "How to Whine About the Cover"]
- ,["How to Report Messages", "How to Whine About Friendship Reports"]
- ,["How to Report a Page", "How to Whine About a Page"]
- ,["How to Report a Group", "How to Whine About a Herd"]
- ,["How to Report an Event", "How to Whine About an Adventure"]
- ,["How to Report Page Posts", "How to Whine About Page Posts"]
-
- ,["New Message", "Write a Friendship Report"]
- ,["Forward Message", "Forward this Friendship Report"]
- ,["Delete This Message?", "Nuke This Friendship Report?"]
- ,["Message Not Sent", "Friendship Report Not Sent"]
- ,["Add People", "Add "+capitaliseFirstLetter(CURRENTSTACK['people'])]
- ,["Add Photos", "Add Pony Pics"]
- ,["People in this message", capitaliseFirstLetter(CURRENTSTACK['people'])+" in this friendship report"]
- ,["Message Sent", "Friendship Report Sent"]
- ,["Message Filtering Preferences", "Friendship Report Filtering Preferences"]
- ,["Don't Send Message?", "Don't Send Friendship Report?"] // webmessenger
-
- ,["Create New Group", "Create New Herd"]
- ,[/Create New Event/, "Plan an Adventure"]
- //,["Notification Settings", "Spark Settings"]
- ,["Create Group Email Address", "Create Herd Email Address"]
- ,["Set Up Group Web and Email Address", "Set Up Herd Web and Email Address"]
- ,["Mute Chat?", "Mute Whinny Chat?"]
- ,["Add Friends to Group", "Add "+capitaliseFirstLetter(CURRENTSTACK['friends_logic'])+" to the Herd"]
- ,["Add People to Group", "Add "+capitaliseFirstLetter(CURRENTSTACK['people'])+" to the Herd"]
- ,["Not a member of the group", "Not a member of the herd"]
- ,["Invite People to Group by Email", "Invite "+capitaliseFirstLetter(CURRENTSTACK.people)+" to Herd by Email"]
- ,["Remove Group Admin", "Remove Herd Admin"]
- ,["Add Group Admin", "Add Herd Admin"]
- ,["Group Admins", "Herd Admins"]
- ,["Change Group Privacy?", "Change Herd Privacy?"]
-
- ,["Cancel Event?", "Cancel Adventure?"]
- ,["Change Event Photo", "Change Pony Pic for Adventure"]
- ,["Add Event Photo", "Add Adventure Pony Pic"]
- ,["Export Event", "Export Adventure"]
- ,["Edit Event Info", "Edit Adventure Info"]
- ,["Create Repeat Event", "Plan a Repeat Adventure"]
- ,["Event Invites", "Adventure Invites"]
-
- ,["Hide all recent profile changes?", "Hide all recent journal changes?"]
- ,["Edit your profile story settings", "Edit your journal story settings"]
- ,["Edit your timeline recent activity settings", "Edit your journal recent activity settings"]
- ,["Hide all recent likes activity?", "Hide all recent "+CURRENTSTACK.likes+" activity?"]
- ,["Edit Privacy of Likes", "Edit Privacy of "+capitaliseFirstLetter(CURRENTSTACK.likes)]
-
- ,["Edit News Feed Settings", "Edit Feed Bag Settings"]
- //,["Create New List", "Create New Directory"]
- ,["Invite Friends", "Invite "+capitaliseFirstLetter(CURRENTSTACK['friends_logic'])]
- ,["Advanced Chat Settings", "Advanced Whinny Chat Settings"]
- //,["Notifications Updated", "Sparks Updated"]
- ,["Move photo to another album?", "Move pony pic to another album?"]
- ,["Group Muted", "Herd Muted"]
- ,["Block App?", "Block Magic?"]
- //,["List Notification Settings", "Directory Spark Settings"]
- //,["List Notification Settings", "List Spark Settings"]
- ,["Like This Photo?", capitaliseFirstLetter(CURRENTSTACK['like'])+" This Pony Pic?"]
- ,["Friends", capitaliseFirstLetter(CURRENTSTACK['friends'])]
- ,["All Friends", "All "+capitaliseFirstLetter(CURRENTSTACK['friends'])]
- ,["Suggest Friend", "Suggest "+capitaliseFirstLetter(CURRENTSTACK.friend)]
- ,["Blocked People", "Blocked "+capitaliseFirstLetter(CURRENTSTACK.people)]
- ,["Block People", "Block "+capitaliseFirstLetter(CURRENTSTACK.people)]
- ,["Tag Friends", "Tag "+capitaliseFirstLetter(CURRENTSTACK.friends)]
- ,["Unable to edit Group", "Unable to edit Herd"]
- ,["Thanks for Inviting Your Friends", "Thanks for Inviting Your "+capitaliseFirstLetter(CURRENTSTACK.friends)]
- ,["Timeline Gift Preview", "Journal Gift Preview"]
- ,["Friend Request Setting", "Friendship Request Setting"]
- ,["Invalid Question", "Invalid Query"]
- //,["List Subscribers", "Directory Subscribers"]
- ,["People Who Shared This", capitaliseFirstLetter(CURRENTSTACK.people)+" Who Shared This"]
- //,["Edit List Settings", "Edit Directory Settings"]
- ,["Turn Off Chat", "Turn Off Whinny Chat"]
- ,["Access Log", "Adventure Log"]
- ,["Post to Your Wall", "Post to Your Journal"]
- ,["About Adding Comments by Email", "About Adding Friendship Letters by Email"]
- ,["Find Your Friends", CURRENTSTACK['findFriendship']]
- ,["Upload a profile picture", "Upload a journal pony pic"]
- ,["Photo Upload Failed", "Pony Pic Upload Failed"] // chat photo upload
- ,["Related Groups", "Related Herds"] // community page
- ,["Poke", "Nuzzle"]
-
- ,["Take a Profile Picture", "Take a Journal Pony Pic"]
- ,["Choosing Your Cover Photo", "Choosing Your Cover Pony Pic"]
- ,["Choose from Group Photos", "Choose from Herd Pony Pics"]
- ,["Group Albums", "Herd Albums"]
- ,["Choose From Your Photos", "Choose From Your Pony Pics"]
- ,["Choose from Photos", "Choose from Pony Pics"]
- ,["Choose Your Cover Photo", "Choose Your Cover Pony Pic"]
- ,["Choose from your synced photos", "Choose from your synced pony pics"]
- ,["Upload Your Profile Picture", "Upload Your Journal Pony Pic"] // welcome
-
- ,["Create New App", "Create New Magic"]
- ,["Add Test Users to other Apps", "Add Test Users to other Magic"]
- ,["Upload Page Tab Image", "Upload Page Tab Pony Pic"]
-
- ,["Hidden in Groups", "Hidden in Herds"] // timeline
- ,["Add Friends as Contributors", "Add "+capitaliseFirstLetter(CURRENTSTACK['friends'])+" as Contributors"] // shared albums
- ,[/^Invite your friends to like /, "Invite your "+CURRENTSTACK['friends']+" to "+CURRENTSTACK['like']+" "] // page invite friends
- ];
- if (ponyData.successText) {
- dialogTitles.push(["Success", ponyData.successText]);
- dialogTitles.push(["Success!", ponyData.successText]);
- }
-
- tooltipTitles = [
- [/everyone/gi, "Everypony"]
- //,[/\bpublic\b/g, "everypony"]
- ,[/\bPublic\b/g, "Everypony"]
- ,["People you're not friends with can follow you and see only your public posts.", capitaliseFirstLetter(CURRENTSTACK.people)+" you're not pals with can follow you and see only your public posts."]
- //,["These people subscribe to the lists you're featured on", "These "+capitaliseFirstLetter(CURRENTSTACK['people'])+" subscribe to the directories you're featured on"]
- ,["These people subscribe to the lists you're featured on", "These "+capitaliseFirstLetter(CURRENTSTACK['people'])+" subscribe to the lists you're featured on"]
- ,["Friends of anyone going to this event", capitaliseFirstLetter(CURRENTSTACK['friends'])+" of anypony going to this adventure"]
- ,["Friends of guests going to this event can see and join it", capitaliseFirstLetter(CURRENTSTACK['friends'])+" of guests going to this adventure can see and join it"]
- ,["Anyone can see and join this event", "Anypony can see and join this adventure"]
- ,["Your friends will see your comment in News Feed.", "Your "+CURRENTSTACK['friends']+" will see your friendship letter in Feed Bag."]
- ,[/\bfriends in group\b/, CURRENTSTACK['friends']+" in herd"]
- ,["Your post will only be promoted to the people who like your Page and their friends", "Your post will only be promoted to the "+CURRENTSTACK['people']+" who like your Page and their "+CURRENTSTACK['friends']]
- ,["Your post will be promoted to people based on the targeting you choose below.", "Your post will be promoted to "+CURRENTSTACK['people']+" based on the targeting you choose below."]
- ,["Friends and friends of anyone tagged", capitaliseFirstLetter(CURRENTSTACK['friends'])+" and "+CURRENTSTACK['friends']+" of anypony tagged"]
- ,["Guests of this event will see the comment you write below.", "Guests of this adventure will see the friendship letter you write below."]
- ,[/^([0-9,]+?) other friends like this$/, '$1 other '+CURRENTSTACK['friends']+' '+CURRENTSTACK['like']+' this']
- ,[/\bfriends of friends\b/g, CURRENTSTACK['friends']+" of "+CURRENTSTACK['friends']]
- ,[/\bFriends of Friends\b/g, capitaliseFirstLetter(CURRENTSTACK['friends'])+" of "+capitaliseFirstLetter(CURRENTSTACK['friends'])]
- ,[/\bfriends\b/g, CURRENTSTACK['friends']]
- ,[/\bFriends\b/g, capitaliseFirstLetter(CURRENTSTACK['friends'])]
- ,["Only Me", "Alone"]
- ,["Only me", "Alone"]
- ,["No One", "Alone"]
- ,["Only you", "Alone"]
- ,["Anyone tagged", "Anypony tagged"]
- //,[/cover photos are everypony/i, "Everypony can see your cover pony pics"]
- ,["Cover photos are public", "Everypony can see your cover pony pics"]
- ,[/any other information you made Everypony/i, "any other information that everypony can see"]
- ,["Anyone can see this Everypony comment", "Everypony can see this public friendship letter"]
- //,["Remember: all place ratings are Everypony.", "Remember: everypony can see all place ratings."]
- ,["Everypony can see posts on this Everypony page.", "Everypony can see posts on this public page."]
- ,["Name, profile picture, age range, gender, language, country and other public info", "Name, journal pony pic, age range, gender, language, country and other public info"]
- //,["Name, profile picture, age range, gender, language, country and other Everypony info", "Name, profile picture, age range, gender, language, country and other public info"]
- ,["This will hide you from Everypony attribution", "This will hide you from public attribution"]
- ,["Remember: all place ratings are public.", "Remember: everypony can see all place ratings."]
- ,["Shared with: Anyone who can see this page", "Shared with: Anypony who can see this page"]
- ,["Anyone can see the group, who's in it, and what members post.", "Anypony can see the herd, who's in it, and what members post."]
- ,["Anyone can see the group, who's in it and what members post.", "Anypony can see the herd, who's in it and what members post."] // English (UK)
- ,["Anyone can see the group and who's in it. Only members see posts.", "Anypony can see the herd and who's in it. Only members see posts."]
- ,["Only members see the group, who's in it, and what members post.", "Only members see the herd, who's in it, and what members post."]
- ,["Only members see the group, who's in it and what members post.", "Only members see the herd, who's in it and what members post."] // English (UK)
- ,["The number of people who have checked in to places you've helped recently", "The number of "+CURRENTSTACK['people']+" who have checked in to places you've helped recently"]
- ,["People you block can still see and comment on stuff you share in groups, apps and other shared places.", capitaliseFirstLetter(CURRENTSTACK['people'])+" you block can still see and comment on stuff you share in herds, magic and other shared places."]
- ,[/^Organic Reach: ([0-9,]+?) people \(([0-9]+?)%\)$/, 'Organic Reach: $1 '+CURRENTSTACK['people']+' ($2%)']
-
- ,["Show comments", "Show friendship letters"]
- ,["Comment deleted", "Friendship letter nuked"]
- ,[/Comments/, "Friendship Letters"]
- ,[/Comment/, "Friendship Letter"]
-
- ,["Remove", "Nuke"]
- ,["Edit or Delete", "Edit or Nuke"]
- ,["Edit or Remove", "Edit or Nuke"]
- ,["Delete Post", "Nuke Post"]
- ,["Remove or Report", "Nuke or Whine"]
- ,["Report", "Whine"]
- ,["Report/Mark as Spam", "Whine/Mark as Spam"]
- ,["Report as not relevant", "Whine as not relevant"]
- ,["Remove Invite", "Nuke Invite"]
- ,["Report/Remove Tag", "Whine/Nuke Tag"]
- ,["Delete", "Nuke"]
- ,["Delete and Ban", "Nuke and Banish"]
- ,["Report Place", "Whine About Place"]
- ,["Delete Album", "Nuke Album"]
-
- ,["Shown on Timeline", "Shown on Journal"]
- ,["Allow on Timeline", "Allow on Journal"]
- ,["Highlighted on Timeline", "Highlighted on Journal"]
- ,["Allowed on Timeline", "Allowed on Journal"]
- ,["Hidden from Timeline", "Hidden from Journal"]
-
- //,[/likes? this/g, "brohoof'd this"]
- ,["Sent from chat", "Sent from whinny chat"]
- ,["New Message", "Write a Friendship Report"]
-
- //,[/\bpeople\b/gi, "ponies"]
- ,[/See who likes this/gi, "See who "+CURRENTSTACK['likes']+" this"]
- ,[/people like this\./gi, CURRENTSTACK['people']+" "+CURRENTSTACK['like_past']+" this."] // entstream
- ,[/like this\./gi, CURRENTSTACK['like_past']+" this."]
- ,[/likes this\./gi, CURRENTSTACK['likes_past']+" this."]
-
- // top right pages
- ,["Status", "Take a Note"]
- ,["Photo / Video", "Add a Pic"]
- ,["Event, Milestone +", "Adventure, Milestone +"]
-
- //,["Onsite Notifications", "Onsite Sparks"]
- ,["Create Event", "Plan an Adventure"]
- ,["Search messages in this conversation", "Search friendship reports in this conversation"]
- ,["Open photo viewer", "Open pony pic viewer"]
- ,["Choose a unique image for the cover of your timeline.", "Choose a unique pony pic for the cover of your journal."]
- ,["Remove from Dashboard", "Remove from Dashieboard"]
- ,["Choose a unique cover photo to express what your Page is about.", "Choose a unique cover pony pic to express what your Page is about."]
-
- ,["Each photo has its own privacy setting", "Each pony pic has its own privacy setting"]
- ,["You can change the audience for each photo in this album", "You can change the audience for each pony pic in this album"]
-
- ,["View Photo", "View Pony Pic"]
-
- // litestand navigation when collapsed
- ,["News Feed", "Feed Bag"]
- ,["Messages", "Trough"]
- ,["Pokes", "Nuzzles"]
- ,["Manage Apps", "Manage Magic"]
- ,["Events", "Adventures"]
- ,["App Center", "Magic Center"]
- ,["Add Friend", "Add "+capitaliseFirstLetter(CURRENTSTACK['friend'])] // people you may know
-
- // photo comments
- ,["Attach a Photo", "Attach a Pony Pic"]
- ,["Remove Photo", "Nuke Pony Pic"]
-
- ,["Dismiss and go to most recent message", "Dismiss and go to most recent friendship letter"] // messages
- ,["To create an offer, your Page needs at least 50 likes.", "To create an offer, your Page needs at least 50 "+CURRENTSTACK['likes']+"."] // page composer
- ,["Verified profile", "Verified journal"] // verified
- ,["Tags help people find groups about certain topics.", "Tags help "+CURRENTSTACK['people']+" find herds about certain topics."] // verified
- ,["This post is more engaging than many of your other posts. You can boost it to get more likes and comments.", "This post is more engaging than many of your other posts. You can boost it to get more "+CURRENTSTACK['likes']+" and friendship letters."] // page admin pabel
- ,["Help Facebook gather feedback about News Feed. Your input is private and won't be shared.", "Help Facebook gather feedback about Feed Bag. Your input is private and won't be shared."]
- ,["Like", capitaliseFirstLetter(CURRENTSTACK['like'])]
-
- // developers
- ,["Enable the newsfeed ticker", "Enable the feedbag ticker"]
- ,["Add selected users to other apps you own.", "Add selected users to other magic you own."]
- ,["Remove selected users from this app.", "Remove selected users from this magic."]
-
- // insights
- ,["The total number of clicks on your posts, not including likes, comments, or shares, which are broken out above.", "The total number of clicks on your posts, not including "+CURRENTSTACK['likes']+", friendship letters, or shares, which are broken out above."]
- ,["The percentage of people who liked, commented, shared or clicked on your post after having seen it.", "The percentage of "+CURRENTSTACK['people']+" who "+CURRENTSTACK['liked']+", commented, shared or clicked on your post after having seen it."]
- ,["The unique number of people who liked, commented, shared or clicked on your posts", "The unique number of "+CURRENTSTACK['people']+" who "+CURRENTSTACK['liked']+", commented, shared or clicked on your posts"]
-
- ,["The week when the most people were talking about this Page.", "The week when the most "+CURRENTSTACK['people']+" were talking about this Page."]
- ,["The city where most of the people talking about this Page are from.", "The city where most of the "+CURRENTSTACK['people']+" talking about this Page are from."]
- ,["The largest age group of the people talking about this Page.", "The largest age group of the "+CURRENTSTACK['people']+" talking about this Page."]
- ,["The number of photos that have this Page tagged.", "The number of pony pics that have this Page tagged."]
- ,["The week when the most people checked in at this Page's location.", "The week when the most "+CURRENTSTACK['people']+" checked in at this Page's location."]
- ];
- if (ponyData.loadingText) {
- tooltipTitles.push(["Loading...", ponyData.loadingText]);
- }
-
- headerTitles = [
- //["List Suggestions", "Directory Suggestions"]
- ["People You May Know", capitaliseFirstLetter(CURRENTSTACK.people)+" You May Know"]
- ,["Sponsored", "Cupcake Money"]
- ,["Pokes", "Nuzzles"]
- ,["People To Follow", capitaliseFirstLetter(CURRENTSTACK.people)+" To Follow"]
- ,["Poke Suggestions", "Nuzzle Suggestions"]
- ,["Suggested Groups", "Suggested Herds"]
- ,["Find More Friends", CURRENTSTACK['findFriendship']]
- ,["Rate Recently Used Apps", "Rate Recently Used Magic"]
- ,["Friends' Photos", "Pals' Pony Pics"]
- ,["Add a Location to Your Photos", "Add a Location to Your Pony Pics"]
- ,["Suggest Friends", "Suggest "+capitaliseFirstLetter(CURRENTSTACK.friends)]
- ,["Other Pages You Like", "Other Pages You "+capitaliseFirstLetter(CURRENTSTACK.like)]
- ,["Entertainment Pages You Might Like", "Entertainment Pages You Might "+capitaliseFirstLetter(CURRENTSTACK.like)]
- ,["Music Pages You Might Like", "Music Pages You Might "+capitaliseFirstLetter(CURRENTSTACK.like)]
- ,["Add Personal Contacts as Friends", "Add Personal Contacts as "+capitaliseFirstLetter(CURRENTSTACK.friends)]
- ,["Find Friends", CURRENTSTACK['findFriendship']]
- //,[/On This List/, "On This Directory"]
- //,["On this list", "On this directory"]
- //,["On This List", "On This Directory"]
- ,["Related Groups", "Related Herds"]
- ,["Entertainment Pages You May Like", "Entertainment Pages You May "+capitaliseFirstLetter(CURRENTSTACK['like'])]
- ,["Music Pages You May Like", "Music Pages You May "+capitaliseFirstLetter(CURRENTSTACK['like'])]
- ,["No New Friend Requests", "No New Friendship Requests"] // /friends/requests/
- ,["Games Your Friends Are Playing", "Games Your "+capitaliseFirstLetter(CURRENTSTACK['friends'])+" Are Playing"]
- ,["Promote This Event", "Promote This Adventure"]
- ,["Respond to Your Friend Request", "Respond to Your Friendship Request"] // /friends/requests/
- ,[/^Respond to Your ([0-9]+?) Friend Requests$/, "Respond to Your $1 Friendship Requests"] // /friends/requests/
- ,["Add People You Know", "Add "+capitaliseFirstLetter(CURRENTSTACK['people'])+" You Know"]
- ,["Complete your profile", "Complete your journal"]
- ,["No Sent Friend Requests", "No Sent Friendship Requests"] // /friends/requests/
- ,["Friend Requests Sent", "Friendship Requests Sent"] // /friends/requests/
-
- //,["Notifications", "Sparks"]
- ,["New Likes", "New "+capitaliseFirstLetter(CURRENTSTACK['likes'])]
- ,["Invite Friends", "Invite "+capitaliseFirstLetter(CURRENTSTACK['friends'])]
- ,["Get More Likes", "Get More "+capitaliseFirstLetter(CURRENTSTACK['likes'])]
- ,["Added Apps", "Added Magic"]
- ,["Apps You May Like", "Magic You May "+capitaliseFirstLetter(CURRENTSTACK.like)]
- ,["Your Apps", "Your Magic"]
- ,["People Talking About This", capitaliseFirstLetter(CURRENTSTACK.people)+" Blabbering About This"]
- ,["Total Likes", "Total "+capitaliseFirstLetter(CURRENTSTACK['likes'])]
- ,["Games You May Like", "Games You May "+capitaliseFirstLetter(CURRENTSTACK.like)]
- ,["Add To News Feed", "Add To Feed Bag"]
-
- ,["Messages", "Trough"]
- //,["Other Messages", "Other Friendship Reports"]
- //,["Unread Messages", "Unread Friendship Reports"]
- //,["Sent Messages", "Sent Friendship Reports"]
- //,["Archived Messages", "Archived Friendship Reports"]
- ,["Inbox", "Trough"]
-
- ,["Groups", "Herds"]
- //,["Pages and Ads", "Landmarks and Ads"]
- ,["Apps", "Magic"]
- ,[/Friends who like /gi, capitaliseFirstLetter(CURRENTSTACK['friends_logic'])+" who "+CURRENTSTACK['like_past']+" "]
- ,["Favorites", capitaliseFirstLetter(CURRENTSTACK['likes'])]
- ,["Likes", capitaliseFirstLetter(CURRENTSTACK['likes'])]
- ,["Events", "Adventures"]
- ,["Friends", capitaliseFirstLetter(CURRENTSTACK['friends'])]
- ,["Ads", "Cupcakes"]
- ,["Mutual Likes", "Mutual "+capitaliseFirstLetter(CURRENTSTACK.likes)]
- ,[/Mutual Friends/, "Mutual "+capitaliseFirstLetter(CURRENTSTACK.friends)]
-
- ,["Notes", "Scrolls"]
- ,["My Notes", "My Scrolls"]
- ,["Notes About Me", "Scrolls About Me"]
- ,["Write a Note", "Write a Scroll"]
- ,["Edit Note", "Edit Scroll"]
-
- ,["Timeline and Tagging", "Journal and Tagging"]
- ,["Ads, Apps and Websites", "Ads, Magic and Websites"]
- ,["Blocked People and Apps", "Banished "+capitaliseFirstLetter(CURRENTSTACK['people'])+" and Magic"]
- //,["Notifications Settings", "Sparks Settings"]
- ,["App Settings", "Magic Settings"]
- ,["Friend Requests", "Friendship Requests"]
- ,["People Who Shared This", capitaliseFirstLetter(CURRENTSTACK.people)+" Who Shared This"]
- //,["Your Notifications", "Your Sparks"]
- ,["Timeline and Tagging Settings", "Journal and Tagging Settings"]
- ,["Delete My Account", "Nuke My Account"]
-
- ,["Posts in Groups", "Posts in Herds"]
- ,["People", capitaliseFirstLetter(CURRENTSTACK['people'])]
-
- ,["Posts by Friends", "Posts by "+capitaliseFirstLetter(CURRENTSTACK.friends)]
- ,["Support Dashboard", "Support Dashieboard"]
- ,["Event Invitations", "Adventure Invitations"]
- ,["Who Is in These Photos?", "Who Is in These Pony Pics?"]
- ,["People who like this", capitaliseFirstLetter(CURRENTSTACK.people)+" that "+CURRENTSTACK.like_past+" this"]
- //,["List Subscribers", "Directory Subscribers"]
- ,["Upcoming Events", "Upcoming Adventures"]
- ,["Photos and Videos", "Pony Pics and Videos"]
- ,["People Who Are Going", capitaliseFirstLetter(CURRENTSTACK.people)+" Who Are Going"]
- //,["Would you like to opt out of this email notification?", "Would you like to opt out of this email spark?"]
- ,["Confirm Like", "Confirm "+capitaliseFirstLetter(CURRENTSTACK['like'])]
-
- ,["Invite Friends You Email", "Invite "+capitaliseFirstLetter(CURRENTSTACK['friends'])+" You Email "]
- ,["Invite Your Friends", "Invite Your "+capitaliseFirstLetter(CURRENTSTACK['friends'])]
-
- ,["Account Groups", "Account Herds"]
- //,["Ads Email Notifications", "Ads Email Sparks"]
- //,["Ads Notifications on Facebook", "Ads Sparks on Facebook"]
-
- ,["App Restrictions", "Magic Restrictions"]
- ,["App Info", "Magic Info"]
-
- ,["Tagged Photos", "Tagged Pony Pics"]
-
- ,["Add Groups", "Add Herds"] // /addgroup
- ,["Photos", "Pony Pics"] // /media/video/
- ,["Post to Your Wall", "Post to Your Stall"]
- ,["Set Your Profile Picture", "Set Your Journal Pony Pic"] // page nux
- ,["Suggested Pokes", "Suggested Nuzzles"]
-
- ,["Timeline Review", "Journal Review"]
- ,["Photos of You", "Pony Pics of You"]
- ,["Your Photos", "Your Pony Pics"]
- ,["Comments", "Friendship Letters"]
- ,["Questions", "Queries"]
- ,["All Apps", "All Magic"]
- ];
-
- menuTitles = [
- ["Everyone", "Everypony"]
- ,["Everybody", "Everypony"]
- ,["Public", "Everypony"]
- ,["Anyone", "Anypony"]
- ,["Friends of Friends", capitaliseFirstLetter(CURRENTSTACK['friends'])+" of "+capitaliseFirstLetter(CURRENTSTACK['friends'])]
- ,["Friends except Acquaintances", capitaliseFirstLetter(CURRENTSTACK['friends'])+" except Acquaintances"]
- ,["Friends", capitaliseFirstLetter(CURRENTSTACK['friends'])]
- ,["Friends ", capitaliseFirstLetter(CURRENTSTACK['friends'])]
- ,["Friends of Guests", capitaliseFirstLetter(CURRENTSTACK['friends'])+" of Guests"]
- ,["Friends of Contributors", capitaliseFirstLetter(CURRENTSTACK['friends'])+" of Contributors"]
- ,["Only Me", "Alone"]
- ,["Only me", "Alone"]
- ,["No One", "Alone"]
- ,["Nobody", "Nopony"]
- //,["See all lists...", "See entire directory..."]
-
- ,["Mutual Friends", "Mutual "+capitaliseFirstLetter(CURRENTSTACK['friends'])]
- ,["People You May Know", "Ponies You May Know"]
- ,["Poke...", "Nuzzle..."]
- ,["Poke", "Nuzzle"]
- ,["All Friends", "All "+capitaliseFirstLetter(CURRENTSTACK['friends'])]
- ,["All friends", "All "+CURRENTSTACK['friends']]
-
- ,["On your own timeline", "On your own journal"]
- ,["On a friend's timeline", "On a "+CURRENTSTACK['friend']+"'s journal"]
- ,["In a group", "In a herd"]
- ,["In a private Message", "In a private Friendship Report"]
-
- ,["Friends' Posts", capitaliseFirstLetter(CURRENTSTACK['friends'])+"' Posts"]
- ,["Friend Activity", capitaliseFirstLetter(CURRENTSTACK['friend'])+" Activity"]
-
- ,["Change Date...", "Time Travel..."]
- ,["Reposition Photo...", "Reposition Pony Pic..."]
- //,["Manage Notifications", "Manage Sparks"]
- ,["Use Activity Log", "Use Adventure Log"]
- ,["See Banned Users...", "See Ponies who were Banished to the Moon..."]
- ,["Invite Friends...", "Invite "+capitaliseFirstLetter(CURRENTSTACK['friends'])+"..."]
- ,["Like As Your Page...", capitaliseFirstLetter(CURRENTSTACK.like)+" As Your Page..."]
- ,["Add App to Page", "Add Magic to Page"]
- ,["Change Primary Photo", "Change Primary Pony Pic"]
- ,["Change Date", "Time Travel"]
-
- ,["People", capitaliseFirstLetter(CURRENTSTACK['people'])]
- //,["Pages", "Landmarks"]
- ,["Banned", "Banished to Moon"]
- ,["Blocked", "Banished to Moon"]
- ,["People who like this", capitaliseFirstLetter(CURRENTSTACK.people)+" who "+CURRENTSTACK.like_past+" this"]
- ,["Pages that like this", "Pages that "+CURRENTSTACK.like_past+" this"]
-
- ,["Unlike", capitaliseFirstLetter(CURRENTSTACK['unlike'])]
- ,["Unlike...", capitaliseFirstLetter(CURRENTSTACK['unlike'])+"..."]
- ,["Show in News Feed", "Show in Feed Bag"]
- ,["Suggest Friends...", "Suggest "+capitaliseFirstLetter(CURRENTSTACK['friends'])+"..."]
- ,["Unfriend...", "Banish to Moon..."]
- ,["Unfriend", "Banish to Moon"]
- //,["New List...", "New Directory..."]
- //,["Get Notifications", "Get Sparks"]
- //,["Add to another list...", "Add to another directory..."]
-
- ,["Create Event", "Plan an Adventure"]
- ,["Edit Group", "Edit Herd"]
- ,["Report Group", "Whine about Herd"]
- ,["Leave Group", "Leave Herd"]
- ,["Edit Group Settings", "Edit Herd Settings"]
- ,["Choose from Group Photos", "Choose from Herd Pony Pics"]
- ,["Upload a Photo", "Upload a Pony Pic"]
- ,["Remove from Group", "Banish to Moon"]
- ,["Share Group", "Share Herd"]
- ,["Create Group", "Create Herd"]
- ,["Change group settings", "Change herd settings"]
- ,["Add People to Group", "Add "+capitaliseFirstLetter(CURRENTSTACK['people'])+" to the Herd"]
- ,["Send Message", "Send Friendship Report"]
- ,["View Group", "View Herd"]
- ,["Add People", "Add "+capitaliseFirstLetter(CURRENTSTACK['people'])]
-
- ,["Remove App", "Remove Magic"]
- ,["Uninstall App", "Uninstall Magic"]
- ,["Report App", "Whine about Magic"]
- ,["Block App", "Block Magic"]
- ,["Find More Apps", "Find More Magic"]
- ,["No more apps to add.", "No more magic to add."]
-
- ,["Delete Post And Remove User", "Nuke Post And Banish to Moon"]
- ,["Delete Post And Ban User", "Nuke Post And Banish to Moon"]
- ,["Hide from Timeline", "Hide from Journal"]
- ,["Delete", "Nuke"]
- ,["Delete...", "Nuke..."]
- ,["Delete Photo", "Nuke Pony Pic..."]
- ,["Delete This Photo", "Nuke This Pony Pic"]
- ,["Delete Messages...", "Nuke Friendship Reports..."]
- ,["Delete Post", "Nuke Post"]
- ,["Delete Comment", "Nuke Friendship Letter..."]
- ,["Show on Timeline", "Show on Journal"]
- ,["Show on Profile", "Show on Journal"]
- ,["Shown on Timeline", "Shown on Journal"]
- ,["Allow on Timeline", "Allow on Journal"]
- ,["Highlighted on Timeline", "Highlighted on Journal"]
- ,["Allowed on Timeline", "Allowed on Journal"]
- ,["Hidden from Timeline", "Hidden from Journal"]
- ,["Remove", "Nuke"]
- ,["Delete Photo...", "Nuke Pony Pic..."]
- ,["Remove this photo", "Nuke this pony pic"]
- ,["Remove photo", "Nuke pony pic"]
- ,["Remove...", "Nuke..."]
- ,["Delete Conversation...", "Nuke Conversation..."]
- ,["Delete Album", "Nuke Album"]
- ,["Delete Comment...", "Nuke Friendship Letter..."]
- ,["Hide Comment...", "Hide Friendship Letter..."]
- ,["Hide Event", "Hide Adventure"]
- ,["Hide Comment", "Hide Friendship Letter"]
- ,["Delete Post...", "Nuke Post..."]
- ,["Delete Video", "Nuke Video"]
- ,["Delete Event", "Nuke Adventure"] // for group admin
-
- ,["Report/Block...", "Whine/Block..."]
- ,["Report/Mark as Spam", "Whine/Mark as Spam"]
- ,["Report Page", "Whine about Page"]
- ,["Report Story or Spam", "Whine about Story or Spam"]
- ,["Report/Mark as Spam...", "Whine/Mark as Spam..."]
- ,["Report story...", "Whine about story..."]
- ,["Report as Spam or Abuse...", "Whine as Spam or Abuse..."]
- ,["Report Spam or Abuse...", "Whine as Spam or Abuse..."]
- ,["Report as Spam...", "Whine as Spam..."]
- ,["Report Conversation...", "Whine about Conversation..."]
- ,["Report This Photo", "Whine About This Pony Pic"]
- ,["Report/Remove Tag", "Whine/Nuke Tag"]
- ,["Mark as Spam", "Whine as Spam"]
- ,["Report/Remove Tag...", "Whine/Nuke Tag..."]
- ,["Report Content", "Whine about Content"]
- ,["Report Profile", "Whine about Journal"]
- ,["Report User", "Whine about This Pony"]
- ,["Report", "Whine"]
- ,["Report Place", "Whine about Place"]
- ,["Report App", "Whine about Magic"]
- //,["Report list", "Whine about directory"]
- ,["Report list", "Whine about list"]
- ,["Event at a place", "Adventure at a place"]
- ,["Report as Abuse", "Whine as Abuse"]
- ,["Report to Admin", "Whine to Admin"]
-
- ,["Hide this recent activity story from Timeline", "Hide this recent activity story from Journal"]
- ,["Hide Similar Activity from Timeline...", "Hide Similar Activity from Journal..."]
- //,["Hide All Recent Lists from Timeline...", "Hide All Recent Directories from Journal..."]
- ,["Hide All Recent Lists from Timeline...", "Hide All Recent Lists from Journal..."]
- ,["Hide all Friend Highlights from Timeline", "Hide all "+capitaliseFirstLetter(CURRENTSTACK.friend)+" Highlights from Journal"]
- ,["Hide This Action from Profile...", "Hide This Action from Journal..."]
- ,["Hide All Recent profile changes from Profile...", "Hide All Recent journal changes from Journal..."]
- ,["Hide All Recent Pages from Timeline...", "Hide All Recent Pages from Journal..."]
- ,["See Photos Hidden From Timeline", "See Pony Pics Hidden From Journal"]
- ,["Hide Similar Activity from Timeline", "Hide Similar Activity from Journal"]
-
- ,["Upcoming Events", "Upcoming Adventures"]
- ,["Suggested Events", "Suggested Adventures"]
- ,["Past Events", "Past Adventures"]
- ,["Past events", "Past adventures"]
- ,["Declined Events", "Declined Adventures"]
- ,["Export Events...", "Export Adventures..."]
- ,["Add Event Photo", "Add Adventure Pony Pic"]
- ,["Cancel Event", "Cancel Adventure"]
- ,["Export Event", "Export Adventure"]
- ,["Share Event", "Share Adventure"]
- //,["Turn Off Notifications", "Turn Off Sparks"]
- //,["Turn On Notifications", "Turn On Sparks"]
- ,["Promote Event", "Promote Adventure"]
- ,["Create Repeat Event", "Create Repeat Adventure"]
- ,["Message Guests", "Start Whinny Chat with Guests"]
- ,["Edit Event", "Edit Adventure"]
- ,["Publish Event on Timeline", "Publish Adventure on Journal"]
- ,["Leave Event", "Leave Adventure"]
-
- ,["Add Friends to Chat...", "Add "+capitaliseFirstLetter(CURRENTSTACK.friends)+" to Whinny Chat..."]
- ,["Chat Sounds", "Whinny Chat Sounds"]
- ,["Add People...", "Add "+capitaliseFirstLetter(CURRENTSTACK['people'])+"..."]
- ,["Unread Messages", "Unread Friendship Reports"]
- ,["Archived Messages", "Archived Friendship Reports"]
- ,["Sent Messages", "Sent Friendship Reports"]
- ,["Forward Messages...", "Forward Friendship Reports..."]
- ,["Turn Off Chat", "Turn Off Whinny Chat"]
- ,["Open in Chat", "Open in Whinny Chat"]
- ,["Create Group...", "Create Herd..."]
- ,["Turn On Chat", "Turn On Whinny Chat"]
-
- ,["Add/Remove Friends...", "Add/Remove "+capitaliseFirstLetter(CURRENTSTACK.friends)+"..."]
- ,["Comments and Likes", "Friendship Letters and Brohoofs"]
- //,["Archive List", "Archive Directory"]
- //,["On This List", "On This Directory"]
- //,["Restore List", "Restore Directory"]
-
- //,["Rename List", "Rename Directory"]
- //,["Edit List", "Edit Directory"]
- //,["Notification Settings...", "Spark Settings..."]
- //,["Delete List", "Nuke Directory"]
- ,["Delete List", "Nuke List"]
-
- ,["Likes", capitaliseFirstLetter(CURRENTSTACK['likes'])]
- ,["Photos", "Pony Pics"]
- ,["Comments", "Friendship Letters"]
- ,["Questions", "Queries"]
- ,["Events", "Adventures"]
- ,["Groups", "Herds"]
- ,["Timeline", "Journal"]
- ,["Notes", "Scrolls"]
- ,["Posts and Apps", "Posts and Magic"]
- ,["Recent Likes", "Recent "+capitaliseFirstLetter(CURRENTSTACK['likes'])]
- ,["Recent Comments", "Recent Friendship Letters"]
- ,["Timeline Review", "Journal Review"]
- ,["Pokes", "Nuzzles"]
- ,["Activity Log...", "Adventure Log..."]
- ,["Activity Log", "Adventure Log"]
- ,["Timeline Settings", "Journal Settings"]
- ,["Likers", "Brohoofers"] // @todo likers
- ,["Open Groups", "Open Herds"]
- ,["Cancel Friend Request", "Cancel Friendship Request"] // activity log
-
- ,["Choose from Photos...", "Choose from Pony Pics..."]
- ,["Upload Photo...", "Upload Pony Pic..."]
- ,["Take Photo...", "Take Pony Pic..."]
- ,["Choose from my Photos", "Choose from my Pony Pics"]
- ,["Reposition Photo", "Reposition Pony Pic"]
- ,["Add Synced Photo...", "Add Synced Pony Pic..."]
- ,["Add Synced Photo", "Add Synced Pony Pic"]
- ,["Change Primary Photo...", "Change Primary Pony Pic..."]
- ,["Choose from Photo Albums...", "Choose from Pony Pic Albums..."]
- ,["Suggest this photo...", "Suggest this pony pic..."]
-
- ,["Photo", "Pony Pic"]
- ,["Question", "Query"]
-
- ,["Pages I like", "Pages I "+capitaliseFirstLetter(CURRENTSTACK.like)]
- ,["My Friends", "My "+capitaliseFirstLetter(CURRENTSTACK.friends)]
- //,["All Notifications", "All Sparks"]
- ,["Search All Friends", "Search All "+capitaliseFirstLetter(CURRENTSTACK.friends)]
- ,["All Apps", "All Magic"]
- ,["Pages my friends like", "Pages my "+CURRENTSTACK['friends']+" "+CURRENTSTACK['like']]
-
- ,["Page Likes", "Page "+capitaliseFirstLetter(CURRENTSTACK.likes)]
- ,["Mentions and Photo Tags", "Mentions and Pony Pic Tags"]
-
- ,["Suggest photos", "Suggest pony pics"]
-
- ,["Make Profile Picture", "Make Journal Pony Pic"]
- ,["Make Profile Picture for Page", "Make Journal Pony Pic for Page"]
- ,["Make Cover Photo", "Make Cover Pony Pic"]
-
- //,["The app sends you a notification", "The magic sends you a spark"]
- ,["The app sends you a notification", "The magic sends you a notification"]
-
- ,["Top Comments", "Top Friendship Letters"] // comment resort
- ,["See All Groups", "See All Herds"] // timeline
- ,["Friends to Invite", capitaliseFirstLetter(CURRENTSTACK['friends'])+" to Invite"] // app invite
- ,["Take a survey to improve News Feed", "Take a survey to improve Feed Bag"] // news feed
-
- // insights
- ,["Post Clicks / Likes, Comments & Shares", "Post Clicks / "+capitaliseFirstLetter(CURRENTSTACK['likes'])+", Comments & Shares"]
- ,["Likes / Comments / Shares", capitaliseFirstLetter(CURRENTSTACK['likes'])+" / Comments / Shares"]
- ,["Post Hides, Hides of All Posts, Reports of Spam, Unlikes of Page", "Post Hides, Hides of All Posts, Whining of Spam, Unbrohoofs of Page"] // @todo
- ,["Likes, Comments & Shares", capitaliseFirstLetter(CURRENTSTACK['likes'])+", Comments & Shares"]
- ];
-
- menuPrivacyOnlyTitles = [
- ["Everyone", "Everypony"]
- ,["Public", "Everypony"]
- ,["Anyone", "Anypony"]
- ,["Friends of Friends", capitaliseFirstLetter(CURRENTSTACK['friends'])+" of "+capitaliseFirstLetter(CURRENTSTACK['friends'])]
- ,["Friends except Acquaintances", capitaliseFirstLetter(CURRENTSTACK['friends'])+" except Acquaintances"]
- ,["Friends", capitaliseFirstLetter(CURRENTSTACK['friends'])]
- ,["Friends ", capitaliseFirstLetter(CURRENTSTACK['friends'])]
- ,["Friends of Guests", capitaliseFirstLetter(CURRENTSTACK['friends'])+" of Guests"]
- ,["Friends of Contributors", capitaliseFirstLetter(CURRENTSTACK['friends'])+" of Contributors"]
- ,["Only Me", "Alone"]
- ,["Only me", "Alone"]
- //,["See all lists...", "See entire directory..."]
- ];
-
- dialogDerpTitles = [
- "Insufficient send permissions"
- ,"Update Failed"
- ,"Failed to upload photo."
- ,"Hide Photo Failed"
- ,"Undo Mark Spam Failed"
- ,"Your Request Couldn't be Processed"
- ,"Sorry! The blocking system is overloaded"
- ,"Invalid Request"
- ,"Block! You are engaging in behavior that may be considered annoying or abusive by other users."
- ,"Already connected."
- ,"Cannot connect."
- ,"Database Down"
- ,"Failure to hide minifeed story."
- ,"Object cannot be liked"
- ,"Sorry, something went wrong"
- ,"Authentication Failure"
- ,"Unknown error"
- ,"Not Logged In"
- ,"No Permission to Add Comment or Trying to Comment on Deleted Post"
- ,"Could not determine coordinates of place"
- ,"Sorry, your account is temporarily unavailable."
- ,"Don't Have Permission"
- ,"Oops"
- ,"No Languages Provided ForUpdate"
- ,"Comment Does Not Exist"
- ,"Sorry, we got confused"
- ,"Database Write Failed"
- ,"Editing Bookmarks Failed"
- ,"Required Field Missing"
- ,"Could Not Load Story"
- ,"Invalid Name"
- ,"Cannot connect to yourself."
- ,"This content is no longer available"
- ,"Error" // poking someone who hasn't poked back yet
- ,"Please Try Again Later"
- ,"Submitting Documentation Feedback Failed"
- ,"Bad Request"
- ,"Internal Error"
- ,"Mark as Spam Failed"
- ,"Could not post to Wall"
- ,"No permissions"
- ,"Messages Unavailable"
- ,"Don't have Permission"
- ,"No file specified."
- ,"Storage Failure"
- ,"Invalid Date"
- ,"Vote submission failed."
- ,"Web Address is Invalid"
- ,"Oops!"
- ,"Invalid Recipients"
- ,"Add Fan Status Failed"
- ,"Adding Member Failed"
- ,"Post Has Been Removed"
- ,"Unable to edit Group"
- ,"Invalid Photo Selected"
- ,"Cannot backdate photo"
- ,"Invalid Search Query"
- ,"Unable to Add Friend"
- ,"Cannot Add Member"
- ,"Bad Image"
- ,"Missing Field"
- ,"Invalid Custom Privacy Setting"
- ,"Empty Friend List"
- ,"Unable to Add Attachment"
- ,"Unable to Change Date"
- ,"Invalid Whining"
- ,"Your Page Can't Be Promoted"
- ,"Cannot Send Gift"
- ,"An error occurred."
- ,"Image Resource Invalid"
- ,"Confirmation Required"
- ,"Error Uploading Video"
- ,"Upload Failed"
- ,"Photo Upload Failed"
- ,"Sticker Failed"
- ,"Could Not Post to Timeline"
- ];
-
- headerInsightsTitles = [
- ["People Who Like Your Page (Demographics and Location)", capitaliseFirstLetter(CURRENTSTACK.people)+" Who "+capitaliseFirstLetter(CURRENTSTACK.like)+" Your Page (Demographics and Location)"]
- ,["Where Your Likes Came From", "Where Your "+capitaliseFirstLetter(CURRENTSTACK.likes)+" Came From"]
- ,["How You Reached People (Reach and Frequency)", "How You Reached "+capitaliseFirstLetter(CURRENTSTACK.people)+" (Reach and Frequency)"]
- ,["How People Are Talking About Your Page", "How "+capitaliseFirstLetter(CURRENTSTACK.people)+" Are Talking About Your Page"]
- ];
-
- dialogDescriptionTitles = [
- ["Are you sure you want to delete this?", "Are you sure you want to nuke this?"]
- ,["Are you sure you want to delete this video?", "Are you sure you want to nuke this video?"]
- ,["Are you sure you want to delete this photo?", "Are you sure you want to nuke this pony pic?"]
- ,["Are you sure you want to delete this comment?", "Are you sure you want to nuke this friendship letter?"]
- ,["Are you sure you want to delete this event?", "Are you sure you want to nuke this adventure?"]
- ,["Are you sure you want to delete this post?", "Are you sure you want to nuke this post?"]
- ,["Are you sure you want to remove this picture?", "Are you sure you want to nuke this pony pic?"]
- ,["The post or object that you were commenting has been removed by its owner and can no longer be commented on.", "The post or object that you were commenting has been nuked by its owner and can no longer be commented on."]
- ,["Are you sure you want to remove this event?", "Are you sure you want to nuke this adventure?"]
- ,["Are you sure you want to unlike this?", "Are you sure you want to "+CURRENTSTACK['unlike']+" this?"]
- ,["Are you sure you want to remove this profile picture?", "Are you sure you want to nuke this journal pony pic?"]
- ,["Are you sure you want to remove this application?", "Are you sure you want to nuke this magic?"]
-
- ,["Report this if it's not relevant to your search results.", "Whine about this if it's not relevant to your search results."]
-
- ,["Uploading a photo will remove the link preview. Do you want to continue?", "Uploading a pony pic will remove the link preview. Do you want to continue?"]
- ,["This post has been reported to the group admin.", "This post has been whined to the group admin."]
-
- ,["You must select some messages to delete. Click on a message to select it.", "You must select some friendship reports to nuke. Click on a friendship report to select it."]
- ,["You have not uploaded a picture.", "You have not uploaded a pony pic."]
- ,["Please try again. Make sure you are uploading a valid photo.", "Please try again. Make sure you are uploading a valid pony pic."]
- ,["There was a problem uploading the image file.", "There was a problem uploading the pony pic file."]
- ,["If you leave this page, your message won't be sent.", "If you leave this page, your friendship report won't be sent."]
- ];
- }
-
- var DOMNodeInserted = function(dom) {
- domNodeHandlerMain.run(dom);
- };
-
- var domNodeHandler = function() {
- var k = this;
- k.snowliftPinkieInjected = false;
-
- k.run = function(dom) {
- if (INTERNALUPDATE) {
- return;
- }
-
- if (k.shouldIgnore(dom)) {
- return;
- }
-
- k.dumpConsole(dom);
-
- // Start internal update
- var iu = INTERNALUPDATE;
- INTERNALUPDATE = true;
-
- // Buttons
- if (dom.target.parentNode && dom.target.parentNode.parentNode) {
- var stop = true;
- var replacer = buttonTitles;
- if (hasClass(dom.target.parentNode, 'uiButtonText')) {
- var buttonText = dom.target.parentNode;
- var button = dom.target.parentNode.parentNode;
- stop = false;
-
- if (button.parentNode && button.parentNode.parentNode && hasClass(button.parentNode.parentNode, 'audienceSelector')) {
- replacer = menuPrivacyOnlyTitles;
- }
- } else if (hasClass(dom.target.parentNode, '_42ft') || hasClass(dom.target.parentNode, '-cx-PRIVATE-abstractButton__root')) {
- // dropdown on close friends list dialog
- // <a class="-cx-PRIVATE-abstractButton__root -cx-PRIVATE-uiButton__root -cx-PRIVATE-uiPopoverButton__root autofocus -cx-PRIVATE-uiPopover__trigger" role="button" href="#" style="max-width: 200px;" aria-haspopup="true" aria-expanded="true" rel="toggle" id="u_i_b" aria-owns="u_i_9">On This List<i class="mls img sp_8noqk7 sx_706bf4"></i></a>
- var buttonText = dom.target;
- var button = dom.target.parentNode;
- stop = false;
- } else if (hasClass(dom.target.parentNode.parentNode, '_42ft') || hasClass(dom.target.parentNode.parentNode, '-cx-PRIVATE-abstractButton__root')) {
- // hasClass(buttonText, '_55pe') || hasClass(buttonText, '-cx-PUBLIC-abstractPopoverButton__label')
- // "share to" dropdown on sharer dialog
- // comment resort on entstream
- var buttonText = dom.target;
- var button = dom.target.parentNode.parentNode;
- stop = false;
- }
-
- if (!stop) {
- if (buttonText.nodeType == 3) {
- var orig = buttonText.textContent;
- } else {
- var orig = buttonText.innerHTML;
- }
- var replaced = replaceText(replacer, orig);
- if (hasClass(button, 'uiButton') || hasClass(button, '_42ft') || hasClass(button, '-cx-PRIVATE-abstractButton__root')) {
- // button text that didn't get ponified needs to be considered, e.g. share dialog's "On your Page"
- if (button.getAttribute('data-hover') != 'tooltip') {
- if (orig != replaced) {
- // ponified text
- if (button.title == '') {
- // tooltip is blank, so it would be OK to set our own
- button.title = orig;
- } else {
- // tooltip is NOT blank, this means (1) FB added their own tooltip or (2) we already added our own tooltip
- if (button.title == button.getAttribute('data-ponyhoof-button-orig')) {
- button.title = orig;
- }
- }
- } else {
- button.title = '';
- }
- }
- button.setAttribute('data-ponyhoof-button-orig', orig);
- button.setAttribute('data-ponyhoof-button-text', replaced);
- }
- if (orig != replaced) {
- if (buttonText.nodeType == 3) {
- buttonText.textContent = replaced;
- } else {
- buttonText.innerHTML = replaced;
- }
- }
- }
- }
-
- // Text nodes
- if (dom.target.nodeType == 3) {
- //k.textNodes(dom);
- // firefox in mutationObserver goes to here when it should be characterData
- k.mutateCharacterData(dom);
- INTERNALUPDATE = iu;
- return;
- }
-
- injectOptionsLink();
-
- k.snowliftPinkie(dom);
- k.notificationsFlyoutSettings();
- k.findFriendsNav();
-
- if (k.fbPhotoSubscribeWrapper(dom.target)) {
- INTERNALUPDATE = iu;
- return;
- }
-
- // .ufb-button-input => mutateAttributes
- // ._42fu, .-cx-PRIVATE-uiButton__root, ._4jy0, .-cx-PRIVATE-xuiButton__root
- domReplaceFunc(dom.target, '', '.uiButtonText, .uiButton input, ._42ft, .-cx-PRIVATE-abstractButton__root', function(ele) {
- // <a class="uiButton uiButtonConfirm uiButtonLarge" href="#" role="button"><span class="uiButtonText">Finish</span></a>
- // <label class="uiButton uiButtonConfirm"><input value="Okay" type="submit"></label>
-
- // <button class="_42ft _42fu _11b selected _42g-" type="submit">Post</button>
- // <a class="_42ft _42fu" role="button" href="#"><i class="mrs img sp_8jfoef sx_d2d7c4"></i>Promote App</a>
-
- // Skip close icons
- if (hasClass(ele, '_50zy') || hasClass(ele, '-cx-PRIVATE-xuiCloseButton__root')) {
- return;
- }
-
- var button = ele;
- var replacer = buttonTitles;
- var tagName = ele.tagName.toUpperCase();
- if (tagName != 'A' && tagName != 'LABEL' && tagName != 'BUTTON') {
- button = ele.parentNode;
-
- // new message
- var potentialLabel = button.querySelector('._6q-, .-cx-PUBLIC-mercuryComposer__button');
- if (potentialLabel) {
- ele = potentialLabel;
- }
- } else {
- var potentialLabel = button.querySelector('._55pe, .-cx-PUBLIC-abstractPopoverButton__label');
- if (potentialLabel) {
- ele = potentialLabel;
- } else {
- // Get More Likes button on page admin panel
- // <button value="1" class="_42ft _42fu selected _42g- _42gy" id="fanAcquisitionPanelPreviewBodyConfirmButton" type="submit"><span id="u_x_a">Get More Likes</span></button>
- }
- // Get More Likes (above)
- // comment resort on entstream
- if (ele.childNodes && ele.childNodes.length == 1 && ele.childNodes[0].tagName && ele.childNodes[0].tagName.toUpperCase() == 'SPAN') {
- ele = ele.childNodes[0];
- }
- }
- if (button &&
- (button.getAttribute('data-ponyhoof-button-orig') == null || (hasClass(button, '_for') || hasClass(button, '-cx-PRIVATE-fbVaultBadgedButton__button'))) && // vault buttons are crapped
- (hasClass(button, 'uiButton') || hasClass(button, '_42ft') || hasClass(button, '-cx-PRIVATE-abstractButton__root') /*|| hasClass(button, '_42fu') || hasClass(button, '-cx-PRIVATE-uiButton__root') || hasClass(button, '_4jy0') || hasClass(button, '-cx-PRIVATE-xuiButton__root')*/)
- ) {
- if (button.parentNode && button.parentNode.parentNode && hasClass(button.parentNode.parentNode, 'audienceSelector')) {
- replacer = menuPrivacyOnlyTitles;
- }
-
- if (tagName == 'INPUT') {
- var orig = ele.value;
- button.setAttribute('data-ponyhoof-button-orig', orig);
- var replaced = replaceText(replacer, orig);
-
- k.changeButtonText(ele, replaced);
- } else {
- var orig = '';
- var replaced = '';
- loopChildText(ele, function(child) {
- if (child.nodeType == 3) {
- orig += child.textContent;
- replaced += replaceText(replacer, child.textContent);
- if (child.textContent != replaced) {
- child.textContent = replaced;
- }
- }
- });
- button.setAttribute('data-ponyhoof-button-orig', orig);
- }
-
- if (orig != replaced) {
- if (button.getAttribute('data-hover') != 'tooltip') {
- if (button.title == '') {
- button.title = orig;
- }
- }
- }
- button.setAttribute('data-ponyhoof-button-text', replaced);
-
- // Top-right "Join Group" and "Notifications" link on groups requires some treatment to avoid long group names from being crapped
- var ajaxify = button.getAttribute('ajaxify');
- if ((ajaxify && ajaxify.indexOf('/ajax/groups/membership/r2j.php?ref=group_jump_header') == 0) || (button.parentNode && button.parentNode.parentNode && hasClass(button.parentNode.parentNode, 'groupNotificationsSelector'))) {
- var groupsJumpTitle = $('groupsJumpTitle');
- if (!groupsJumpTitle) {
- return;
- }
-
- var groupsJumpBarTop = dom.target.getElementsByClassName('groupsJumpBarTop');
- if (!groupsJumpBarTop.length) {
- return;
- }
- groupsJumpBarTop = groupsJumpBarTop[0];
-
- var rfloat = groupsJumpBarTop.getElementsByClassName('rfloat');
- if (!rfloat.length) {
- return;
- }
- rfloat = rfloat[0];
-
- var groupsCleanLinks = groupsJumpBarTop.getElementsByClassName('groupsCleanLinks');
- if (!groupsCleanLinks.length) {
- return;
- }
- groupsCleanLinks = groupsCleanLinks[0];
-
- groupsJumpTitle.style.maxWidth = (800 - ((groupsCleanLinks.offsetWidth || 0) + (rfloat.offsetWidth || 0) - (groupsJumpTitle.offsetWidth || 0)) - 10) + 'px';
- }
- }
-
- });
-
- k.ufiPagerLink(dom);
-
- if (k.reactRoot(dom)) {
- INTERNALUPDATE = iu;
- return;
- }
-
- k.postLike(dom);
-
- if (k.ticker(dom) || k.pagesVoiceBarText(dom.target) || k.endOfFeedPymlContainer(dom.target) || k.pubcontentFeedChaining(dom.target)) {
- INTERNALUPDATE = iu;
- return;
- }
-
- domReplaceFunc(dom.target, '', '.inCommonSectionList, #fbTimelineHeadline .name h2 > div, ._8yb, .-cx-PRIVATE-fbEntstreamAttachmentAvatar__secondarydetaillist, ._508a, .-cx-PRIVATE-pageLikeStory__fancountfooter, .permalinkHeaderInfo > .subscribeOrLikeSentence > .fwn, ._5j2m, ._7ll .pageByline, ._5cnt > .fcg, ._5h4h > .fcg, ._5bxn, ._5l2i', k.textBrohoof);
-
- domReplaceFunc(dom.target, '', '.uiUfiViewAll, .uiUfiViewPrevious, .uiUfiViewMore', function(ele) {
- var button = ele.querySelector('input[type="submit"]');
- var t = button.value;
- t = t.replace(/comments/g, "friendship letters");
- t = t.replace(/comment/g, "friendship letter");
- if (button.value != t) {
- button.value = t;
- }
- });
-
- k.tooltip(dom.target);
-
- domReplaceFunc(dom.target, 'egoProfileTemplate', '.egoProfileTemplate', function(ele) {
- if (ele.getAttribute('data-ponyhoof-ponified')) {
- return;
- }
- var div = ele.getElementsByTagName('div');
- if (div.length) {
- for (var i = 0, len = div.length; i < len; i += 1) {
- var t = div[i].innerHTML;
- t = k.textStandard(t);
- if (div[i].innerHTML != t) {
- div[i].innerHTML = t;
- }
- }
- }
-
- var action = ele.getElementsByClassName('uiIconText');
- if (action.length) {
- action = action[0];
- ele.setAttribute('data-ponyhoof-iconText', action.textContent);
-
- var t = action.innerHTML;
- t = t.replace(/Like/g, capitaliseFirstLetter(CURRENTSTACK.like));
- t = t.replace(/Join Group/g, "Join the Herd");
- t = t.replace(/Add Friend/g, "Add "+capitaliseFirstLetter(CURRENTSTACK.friend));
- t = t.replace(/\bConfirm Friend\b/g, "Confirm Friendship");
- action.innerHTML = t;
- }
-
- ele.setAttribute('data-ponyhoof-ponified', 1);
- });
-
- domReplaceFunc(dom.target, 'uiInterstitial', '.uiInterstitial', function(ele) {
- if (ele.getAttribute('data-ponyhoof-ponified')) {
- return;
- }
- ele.setAttribute('data-ponyhoof-ponified', 1);
-
- var title = ele.getElementsByClassName('uiHeaderTitle');
- if (title.length) {
- title = title[0];
- } else {
- title = ele.querySelector('.fsxl.fwb');
- if (!title) {
- return;
- }
- }
- ele.setAttribute('data-ponyhoof-inters-title', title.textContent);
- });
-
- domReplaceFunc(dom.target, 'uiLayer', '.uiLayer', function(ele) {
- if (ele.getAttribute('data-ponyhoof-dialog-title')) {
- return;
- }
-
- var titlebar = ele.querySelector('.-cx-PUBLIC-uiDialog__title, ._t ._1yw, ._4-i0, .-cx-PRIVATE-xuiDialog__title, .overlayTitle, .fbCalendarOverlayHeader');
- if (titlebar) {
- var titletext = ele.querySelector('._52c9, .-cx-PRIVATE-xuiDialog__titletext');
- if (!titletext) {
- titletext = titlebar;
- }
-
- var orig = '';
- var replaced = '';
- loopChildText(titletext, function(child) {
- if (child.nodeType == 3) {
- orig += child.textContent;
- replaced += replaceText(dialogTitles, child.textContent);
- if (child.textContent != replaced) {
- child.textContent = replaced;
- }
- }
- });
- addClass(titlebar, 'ponyhoof_fbdialog_title');
- if (orig != replaced) {
- titlebar.title = orig;
- }
-
- addClass(ele, 'ponyhoof_fbdialog');
- ele.setAttribute('data-ponyhoof-dialog-title', replaced);
- ele.setAttribute('data-ponyhoof-dialog-orig', orig);
-
- var body = ele.querySelector('._t ._13, .-cx-PRIVATE-uiDialog__body, ._4-i2, .-cx-PRIVATE-xuiDialog__body, .uiLayerPageContent > .pvm');
- if (body) {
- addClass(body, 'ponyhoof_fbdialog_body');
-
- // fix nuke dialog on entstream
- var descriptionBody = body;
- if (descriptionBody.childNodes && descriptionBody.childNodes.length && descriptionBody.childNodes[0]) {
- if (descriptionBody.childNodes[0].nodeType === ELEMENT_NODE && hasClass(descriptionBody.childNodes[0], '_50f4')) {
- descriptionBody = descriptionBody.childNodes[0];
- }
- }
-
- var stop = false;
- loopChildText(descriptionBody, function(child) {
- if (stop) {
- return;
- }
- if (child.nodeType == TEXT_NODE) {
- var replaced = replaceText(dialogDescriptionTitles, child.textContent);
- if (child.textContent != replaced) {
- child.textContent = replaced;
- stop = true;
- }
- }
- });
-
- k._dialog_insertReadme(body);
- }
-
- if (hasClass(dom.target, 'uiLayer')) {
- // dom.target is intentional
- // Detect rare cases when HTML detection just got turned on, and there is a dialog at the back
- k._dialog_playSound(replaced, ele);
- }
-
- if (USINGMUTATION) {
- k.updateLayerPosition(ele);
- }
- }
-
- domChangeTextbox(ele, '._5nw-, .groupsMemberFlyoutWelcomeTextarea', function(textbox) {
- var orig = textbox.getAttribute('placeholder');
- var t = orig.replace(/\bgroup\b/, 'herd');
- if (t != orig) {
- return t;
- }
- return "Welcome him/her to the herd...";
- });
- domChangeTextbox(ele, '.fbEventMemberComment', function(textbox) {
- var orig = textbox.getAttribute('placeholder');
- var t = orig.replace(/\bevent\b/, 'adventure');
- if (t != orig) {
- return t;
- }
- return orig; // for pages "Write something to let her know you're going too."
- });
-
- // Hovercard
- $$(ele, '._7lo > .fcg, .-cx-PRIVATE-hovercard__footer > .fcg', function(footer) {
- loopChildText(footer, k.textBrohoof);
- });
- });
-
- domReplaceFunc(dom.target, '', 'a[href^="/ajax/sharer/"][rel="dialog"], a[ajaxify^="/ajax/sharer/"], a[href^="/ajax/sharer?"][rel="dialog"], a[href^="/ajax/photos/album/share_dialog.php"], a[ajaxify^="/ajax/video/actions/share/dialog/"]', function(ele) {
- if (CURRENTSTACK.stack == 'pony') {
- ele.setAttribute('data-hover', 'tooltip');
- ele.setAttribute('aria-label', CURRENTLANG.fb_share_tooltip);
- ele.setAttribute('title', '');
- }
- });
-
- domReplaceFunc(dom.target, '', '.uiHeaderTitle, .legacyContextualDialogTitle, ._6dp, .-cx-PRIVATE-litestandRHC__titlename, ._34e, ._50f5._50f7', function(ele) {
- var imgwrap = ele.querySelector('._8m, .-cx-PRIVATE-uiImageBlock__content, .adsCategoryTitleLink');
- if (imgwrap) {
- ele = imgwrap;
- };
-
- loopChildText(ele, function(child) {
- if (!child.children || !child.children.length) {
- var t = replaceText(headerTitles, child.textContent);
- if (child.textContent != t) {
- child.textContent = t;
- }
- }
- });
- });
-
- /*domReplaceFunc(dom.target, '', '.insights-header .header-title > .ufb-text-content', function(ele) {
- var t = replaceText(headerInsightsTitles, ele.textContent);
- if (ele.textContent != t) {
- ele.textContent = t;
- }
- });*/
-
- if (k.fbDockChatBuddylistNub(dom.target) || k.pokesDashboard(dom.target)) {
- INTERNALUPDATE = iu;
- return;
- }
-
- k.commentBrohoofed(dom);
-
- k.changeCommentBox(dom);
- k.changeComposer(dom);
-
- k.notification(dom);
- k.menuItems(dom);
- k.fbRemindersStory(dom.target);
- if (k.flyoutLikeForm(dom.target)) {
- INTERNALUPDATE = iu;
- return;
- }
- k.pluginButton(dom.target);
- k.pluginCommentBox(dom.target);
- //k.insightsCountry(dom.target);
- k.timelineMutualLikes(dom.target);
- k.videoStageContainer(dom.target);
- k.uiStreamShareLikePageBox(dom.target);
- k.fbTimelineUnit(dom.target);
- k.pageBrowserItem(dom.target);
- k.EntstreamCollapsedUFISentence(dom.target);
-
- domChangeTextbox(dom.target, '.MessagingComposerForm textarea, ._1rt ._1rv, .-cx-PRIVATE-webMessengerComposer__composertextarea, ._20y textarea, .-cx-PRIVATE-mercuryComposerDialog__root textarea, ._2oj, .-cx-PRIVATE-mercuryComposerDialog__textarea', "Dear Princess Celestia...");
- domChangeTextbox(dom.target, '.groupAddMemberTypeaheadBox .inputtext', "Add "+capitaliseFirstLetter(CURRENTSTACK.friends)+" to the Herd");
- //domChangeTextbox(dom.target, '.friendListAddTypeahead .inputtext', "Add "+CURRENTSTACK.friends+" to this directory");
- domChangeTextbox(dom.target, '.friendListFeed .friendListAddTypeahead .inputtext', "Add "+CURRENTSTACK['friends']+" to this list");
- domChangeTextbox(dom.target, '.groupsJumpHeaderSearch .inputtext', "Search this herd");
- domChangeTextbox(dom.target, '.MessagingSearchFilter .inputtext', "Search Friendship Reports");
- domChangeTextbox(dom.target, '#chatFriendsOnline .fbChatTypeahead .inputtext', "Pals on Whinny Chat");
-
- //domChangeTextbox(dom.target, '.uiComposer textarea', "What lessons in friendship have you learned today?");
- //domChangeTextbox(dom.target, '.uiComposerMessageBox textarea', "Share your friendship stories...");
- //domChangeTextbox(dom.target, '.uiMetaComposerMessageBox textarea', "What lessons in friendship have you learned today?");
- domChangeTextbox(dom.target, '#q, ._585- ._586f, .-cx-PUBLIC-fbFacebar__root .-cx-PUBLIC-uiStructuredInput__text', function(searchbox) {
- if (CURRENTLANG.sniff_fb_search_boxAlt && searchbox.getAttribute('placeholder').indexOf(CURRENTLANG.sniff_fb_search_boxAlt) != -1) {
- return CURRENTLANG.fb_search_boxAlt;
- }
- return CURRENTLANG.fb_search_box;
- });
-
- k.ponyhoofPageOptions(dom);
- if (userSettings.debug_betaFacebookLinks && w.location.hostname == 'beta.facebook.com') {
- k.debug_betaFacebookLinks(dom.target);
- }
-
- INTERNALUPDATE = iu;
- };
-
- k.photos_snowlift = null;
- k.snowliftPinkie = function(dom) {
- if (!k.snowliftPinkieInjected) {
- var id = dom.target.getAttribute('id');
- if ((id && id == 'photos_snowlift') || hasClass(dom.target, 'fbPhotoSnowlift')) {
- k.snowliftPinkieInjected = true;
- k.photos_snowlift = dom.target;
-
- addClass(k.photos_snowlift, 'ponyhoof_snowlift_haspinkiediv');
- var n = d.createElement('div');
- n.id = 'ponyhoof_snowlift_pinkie';
- k.photos_snowlift.appendChild(n);
- }
- }
- };
-
- k.notificationsFlyoutSettingsInjected = false;
- k.notificationsFlyoutSettings = function() {
- if (ISUSINGPAGE) {
- k.notificationsFlyoutSettingsInjected = true;
- return;
- }
- if (!k.notificationsFlyoutSettingsInjected) {
- var jewel = $('fbNotificationsJewel');
- if (jewel) {
- var header = jewel.getElementsByClassName('uiHeaderTop');
- if (!header.length || !header[0].childNodes || !header[0].childNodes.length) {
- return;
- }
- header = header[0];
-
- var settingsLink = d.createElement('a');
- settingsLink.href = '#';
- settingsLink.textContent = 'Ponyhoof Sounds';
-
- var actions = jewel.getElementsByClassName('uiHeaderActions');
- if (actions.length) {
- actions = actions[0];
- var span = d.createElement('span');
- span.innerHTML = ' · ';
-
- actions.appendChild(span);
- actions.appendChild(settingsLink);
- } else {
- var rfloat = d.createElement('div');
- rfloat.className = 'rfloat';
- rfloat.appendChild(settingsLink);
- header.insertBefore(rfloat, header.childNodes[0]);
- }
-
- settingsLink.addEventListener('click', function(e) {
- e.preventDefault();
-
- if (!optionsGlobal) {
- optionsGlobal = new Options();
- }
- optionsGlobal.create();
- optionsGlobal.switchTab('sounds');
- optionsGlobal.show();
-
- try {
- clickLink(jewel.getElementsByClassName('jewelButton')[0]);
- } catch (e) {}
- }, false);
-
- k.notificationsFlyoutSettingsInjected = true;
- }
- }
- };
-
- // Change Find Friends link at the top-right to native text for reliability
- k.findFriendsNavInjected = false;
- k.findFriendsNav = function() {
- if (k.findFriendsNavInjected || ISUSINGPAGE || ISUSINGBUSINESS) {
- k.findFriendsNavInjected = true;
- return;
- }
- var findFriendsNav = $('findFriendsNav');
- if (!findFriendsNav || !findFriendsNav.childNodes || !findFriendsNav.childNodes.length) {
- return;
- }
- var text = findFriendsNav.childNodes[0]; // this should return the "Find Friends" node
- if (text.nodeType != TEXT_NODE) {
- text = findFriendsNav.childNodes[1]; // litestand
- if (text.nodeType != TEXT_NODE) {
- return;
- }
- }
-
- text.textContent = CURRENTSTACK['findFriendship'];
- addClass(findFriendsNav, 'ponyhoof_findFriendsNav_native');
- k.findFriendsNavInjected = true;
- };
-
- k.fbPhotoSubscribeWrapper = function(target) {
- if (hasClass(target, 'fbPhotoSubscribeWrapper')) {
- var photoViewerFollowLink = target.getElementsByClassName('photoViewerFollowLink');
- if (photoViewerFollowLink.length) {
- photoViewerFollowLink = photoViewerFollowLink[0];
-
- var orig = photoViewerFollowLink.textContent;
- var t = orig;
- t = t.replace(/^Like/, capitaliseFirstLetter(CURRENTSTACK['like']));
- if (t != orig) {
- photoViewerFollowLink.textContent = t;
- }
- }
-
- var photoViewerFollowedMsg = target.getElementsByClassName('photoViewerFollowedMsg');
- if (photoViewerFollowedMsg.length) {
- photoViewerFollowedMsg = photoViewerFollowedMsg[0];
-
- var orig = photoViewerFollowedMsg.textContent;
- var t = orig;
- t = t.replace(/^Liked$/, capitaliseFirstLetter(CURRENTSTACK['liked']));
- if (t != orig) {
- photoViewerFollowedMsg.textContent = t;
- }
- }
-
- return true;
- }
-
- return false;
- };
-
- k.textNodes = function(dom) {
- try {
- if (!dom.target.parentNode || !dom.target.parentNode.parentNode || !hasClass(dom.target.parentNode.parentNode, 'dialog_title')) {
- return false;
- }
-
- var title = dom.target.parentNode.parentNode;
- var orig = dom.target.textContent;
- var replaced = replaceText(dialogTitles, orig);
-
- if (dom.target.textContent != replaced) {
- dom.target.textContent = replaced;
- }
- addClass(title, 'ponyhoof_fbdialog_title');
- if (orig != replaced) {
- title.title = orig;
- }
-
- k.getParent(title, function(ele) {
- return hasClass(ele, 'generic_dialog');
- }, function(ele) {
- if (hasClass(ele, 'fbQuestionsPopup')) {
- return;
- }
-
- addClass(ele, 'ponyhoof_fbdialog');
- ele.setAttribute('data-ponyhoof-dialog-title', replaced);
- ele.setAttribute('data-ponyhoof-dialog-orig', orig);
-
- var body = ele.getElementsByClassName('dialog_body');
- if (body.length) {
- body = body[0];
- addClass(body, 'ponyhoof_fbdialog_body');
-
- var confirmation_message = body.getElementsByClassName('confirmation_message');
- if (confirmation_message.length) {
- confirmation_message = confirmation_message[0];
-
- var stop = false;
- loopChildText(confirmation_message, function(child) {
- if (stop) {
- return;
- }
- if (child.nodeType == TEXT_NODE) {
- var replaced = replaceText(dialogDescriptionTitles, child.textContent);
- if (child.textContent != replaced) {
- child.textContent = replaced;
- stop = true;
- }
- }
- });
- } else {
- var video_dialog_text = body.getElementsByClassName('video_dialog_text');
- if (video_dialog_text.length) {
- video_dialog_text = video_dialog_text[0];
- if (video_dialog_text.childNodes.length == 3) {
- var i = 0;
- var texts = ["Nuking a video is permanent.", "Once you nuke a video, you will not be able to get it back.", "Are you sure you want to nuke this video?"];
- loopChildText(video_dialog_text, function(child) {
- if (!texts[i]) {
- return;
- }
- child.textContent = texts[i];
- i += 1;
- });
- }
- } else {
- var stop = false;
- loopChildText(body, function(child) {
- if (stop) {
- return;
- }
- if (child.nodeType === TEXT_NODE) {
- var orig = child.textContent;
- var replaced = replaceText(dialogDescriptionTitles, orig);
- if (orig != replaced) {
- child.textContent = replaced;
- stop = true;
- }
- }
- });
- }
- }
- }
-
- k._dialog_playSound(replaced, ele);
- });
-
- return true;
- } catch (e) {}
-
- return false;
- };
-
- k.ufiPagerLink = function(dom) {
- domReplaceFunc(dom.target, '', '.UFIPagerLink', function(ele) {
- var t = ele.innerHTML;
- t = t.replace(/ comments/, " friendship letters");
- t = t.replace(/ comment/, " friendship letter");
- if (ele.innerHTML != t) {
- ele.innerHTML = t;
- }
- });
- };
-
- k.postLike = function(dom) {
- if (hasClass(dom.target, 'uiUfiLike') || hasClass(dom.target, 'UFILikeSentence')) {
- k._likePostBox(dom.target);
- } else {
- /*if (dom.target.parentNode) {
- if (hasClass(dom.target.parentNode, 'UFILikeSentence')) {
- k._likePostBox(dom.target);
- return;
- }
- }*/
- domReplaceFunc(dom.target, '', '.uiUfiLike, .UFILikeSentence', k._likePostBox);
- }
- };
-
- k._likePostBox = function(ele) {
- //var inner = ele.querySelector('._42ef, .-cx-PRIVATE-uiFlexibleBlock__flexiblecontent, .lfloat > span, .-cx-PRIVATE-uiImageBlockDeprecated__content, .-cx-PRIVATE-uiImageBlock__content, ._8m, .-cx-PRIVATE-uiFlexibleBlock__flexibleContent');
- //if (inner) {
-
- var inner = ele.getElementsByClassName('UFILikeSentenceText');
- if (inner.length) {
- inner = inner[0];
- k._likePostBox_loop(inner);
- }
-
- var reorder = ele.getElementsByClassName('UFIOrderingModeSelectorDownCaret');
- if (reorder.length) {
- reorder = reorder[0];
- if (reorder.previousSibling) {
- k.UFIOrderingMode(reorder.previousSibling);
- }
- }
- };
-
- k._likePostBox_loop = function(ele) {
- // Change "**profile people test** likes this." -> "**profile people test** brohoofs this."
- // Previous versions would change it to "**profile ponies test** brohoofs this."
- for (var i = 0, len = ele.childNodes.length; i < len; i += 1) {
- if (ele.childNodes[i].nodeType === TEXT_NODE) {
- k._likePostBox_loop_text(ele.childNodes[i]);
- } else {
- /*var ajaxify = ele.childNodes[i].getAttribute('ajaxify');
- if (ajaxify && ajaxify.indexOf('/ajax/browser/dialog/likes') != -1) {
- k._likePostBox_loop_text(ele.childNodes[i]);
- } else {*/
- if (!hasClass(ele.childNodes[i], 'profileLink')) {
- k._likePostBox_loop(ele.childNodes[i]);
- }
- }
- }
- };
-
- k._likePostBox_loop_text = function(ele) {
- var orig = ele.textContent;
- var t = k.likeSentence(orig);
- if (orig != t) {
- ele.textContent = t;
- }
- };
-
- k.likeSentence = function(t) {
- //t = t.replace(/likes? this\./g, "brohoof'd this.");
- t = t.replace(/like this\./g, CURRENTSTACK['like_past']+" this.");
- t = t.replace(/likes this\./g, CURRENTSTACK['likes_past']+" this.");
- t = t.replace(/\bpeople\b/g, CURRENTSTACK['people']);
- t = t.replace(/\bperson\b/g, CURRENTSTACK['person']); // http://fb.com/647294431950845
- /*if (CURRENTSTACK == 'pony') {
- t = t.replace(/\<3 7h\!5/g, '/) 7h!5');
- t = t.replace(/\<3 7h15/g, '/) 7h!5');
- }*/
-
- return t;
- };
-
- k._likeCount = function(ufiitem) {
- var likecount = ufiitem.getElementsByClassName('comment_like_button');
- if (likecount.length) {
- likecount = likecount[0];
- var t = likecount.innerHTML;
- //t = t.replace(/likes? this\./g, "brohoof'd this.");
- t = t.replace(/like this/g, CURRENTSTACK['like_past']+" this");
- t = t.replace(/likes this/g, CURRENTSTACK['likes_past']+" this");
- if (likecount.innerHTML != t) {
- likecount.innerHTML = t;
- }
- }
- };
-
- k.UFIOrderingMode = function(ele) {
- var t = ele.textContent;
- t = t.replace(/Top Comments/, "Top Friendship Letters");
- if (ele.textContent != t) {
- ele.textContent = t;
- }
- };
-
- k._likeDesc = '';
- k._unlikeDesc = '';
- k._likeConditions = '';
- k._likeIsLikeConditions = '';
- k.FB_TN_LIKELINK = '>';
- k.FB_TN_UNLIKELINK = '?';
- k.commentBrohoofed = function(dom) {
- var targets = '.UFICommentActions a, .UFILikeLink';
- if (!USINGMUTATION) {
- targets += ', .UFILikeThumb';
- }
- domReplaceFunc(dom.target, '', targets, k._commentLikeLink);
- };
-
- k.commentLikeDescInit = function() {
- if (k._likeDesc == '') {
- var locale = getDefaultUiLang();
- if (LANG[locale] && LANG[locale].sniff_comment_tooltip_like) {
- k._likeDesc = LANG[locale].sniff_comment_tooltip_like;
- } else {
- k._likeDesc = LANG['en_US'].sniff_comment_tooltip_like;
- }
- if (LANG[locale] && LANG[locale].sniff_comment_tooltip_unlike) {
- k._unlikeDesc = LANG[locale].sniff_comment_tooltip_unlike;
- } else {
- k._unlikeDesc = LANG['en_US'].sniff_comment_tooltip_unlike;
- }
-
- k._likeConditions = [
- k._likeDesc, k._unlikeDesc,
- capitaliseFirstLetter(CURRENTSTACK.like)+" this friendship letter", capitaliseFirstLetter(CURRENTSTACK.unlike)+" this friendship letter"
- ];
- k._likeIsLikeConditions = [
- k._likeDesc,
- capitaliseFirstLetter(CURRENTSTACK.like)+" this friendship letter"
- ];
- }
- };
-
- k._commentLikeLink = function(ele) {
- k.commentLikeDescInit();
-
- var pass = false;
- var likeThumb = false;
- if (k._likeConditions.indexOf(ele.title) == -1) {
- // extreme sniffing
- var trackingNode = k.getTrackingNode(ele);
- if (trackingNode == k.FB_TN_LIKELINK || trackingNode == k.FB_TN_UNLIKELINK) {
- pass = true;
- } else if (!USINGMUTATION && hasClass(ele, 'UFILikeThumb')) {
- likeThumb = true;
- pass = true;
- }
- } else {
- pass = true;
- }
- if (!pass) {
- return;
- }
-
- if (!hasClass(ele, 'ponyhoof_brohoof_button')) {
- if (!USINGMUTATION) {
- ele.addEventListener('click', function() {
- var ele = this;
- k.delayIU(function() {
- if (likeThumb) {
- // UFILikeThumb disappears after a post is brohoof'd
- k._likeBrohoofMagic(ele, false);
- } else {
- k._commentLikeLink(ele);
- }
- });
- }, false);
- }
- addClass(ele, 'ponyhoof_brohoof_button');
- }
-
- var isLike = false;
- if (k.getTrackingNode(ele) == k.FB_TN_LIKELINK || likeThumb || k._likeIsLikeConditions.indexOf(ele.title) != -1) {
- isLike = true;
- }
-
- k._likeBrohoofMagic(ele, isLike);
- };
-
- k._likeBrohoofMagic = function(ele, isLike) {
- var comment = k.getReactComment(ele);
- var title = '';
- if (isLike) {
- removeClass(ele, 'ponyhoof_brohoof_button_unbrohoof');
- title = capitaliseFirstLetter(CURRENTSTACK.like)+" this";
- } else {
- addClass(ele, 'ponyhoof_brohoof_button_unbrohoof');
- title = capitaliseFirstLetter(CURRENTSTACK.unlike)+" this";
- }
- if (comment) {
- title += " friendship letter";
- }
- ele.setAttribute('data-ponyhoof-title', ele.title);
- ele.title = title;
- ele.setAttribute('data-ponyhoof-title-modified', title);
-
- if (comment) {
- k._markCommentLiked(comment, isLike);
-
- // Fix an edge case with jump to comment
- if (hasClass(comment, 'highlightComment')) {
- w.setTimeout(function() {
- k._markCommentLiked(comment, isLike);
- }, 1);
- }
- } else {
- k.delayIU(function() {
- if (!ele.parentNode) {
- var ufi = k.getReactUfi(ele);
- if (!ufi) {
- return;
- }
- ele = ufi;
- }
-
- k.getParent(ele, function(form) {
- return (form.tagName.toUpperCase() == 'FORM' && hasClass(form, 'commentable_item'));
- }, function(form) {
- if (!form) {
- return;
- }
- /*var ufi = form.getElementsByClassName('UFIList');
- if (!ufi.length) {
- return;
- }
- ufi = ufi[0];
- if (!ufi.parentNode) {
- return;
- }*/
-
- if (isLike) {
- //removeClass(ufi.parentNode, 'ponyhoof_brohoofed');
- removeClass(form, 'ponyhoof_brohoofed');
- } else {
- //addClass(ufi.parentNode, 'ponyhoof_brohoofed');
- addClass(form, 'ponyhoof_brohoofed');
- }
- });
- });
- }
- };
-
- k._markCommentLiked = function(ufiitem, isLike) {
- var child = null;
- if (ufiitem.childNodes && ufiitem.childNodes.length && ufiitem.childNodes[0]) {
- child = ufiitem.childNodes[0];
- }
- if (isLike) {
- removeClass(ufiitem, 'ponyhoof_comment_liked');
- if (child) {
- removeClass(child, 'ponyhoof_comment_liked');
- }
- } else {
- addClass(ufiitem, 'ponyhoof_comment_liked');
- if (child) {
- addClass(child, 'ponyhoof_comment_liked');
- }
- }
- };
-
- k.REACTROOTID = '.r['; // https://github.com/facebook/react/commit/8bc2abd367232eca66e4d38ff63b335c8cf23c45
- k.REACTATTRNAME = 'data-reactid'; // https://github.com/facebook/react/commit/67cf44e7c18e068e3f39462b7ac7149eee58d3e5
- k.getReactId = function(ufiitem) {
- var id = ufiitem.getAttribute(k.REACTATTRNAME);
- if (!id) {
- return false;
- }
- return id.substring(k.REACTROOTID.length, id.indexOf(']'));
- };
-
- k.reactRoot = function(dom) {
- var id = dom.target.getAttribute(k.REACTATTRNAME);
- if (id || hasClass(dom.target, 'UFILikeIcon')) {
- // beeperNotificaton
- if (hasClass(dom.target, '_3sod') || hasClass(dom.target, '-cx-PRIVATE-notificationBeeperItem__beeperitem')) {
- var info = dom.target.querySelector('._3sol > span, .-cx-PRIVATE-notificationBeeperItem__imageblockcontent > span');
- if (!info) {
- return false;
- }
- k._beepNotification_change(dom.target, info, k._beepNotification_condition_react);
-
- return true;
- }
-
- // Notifications
- if (k._notification_react(dom.target)) {
- return true;
- }
- var notificationReact = false;
- domReplaceFunc(dom.target, '', '.'+k.notification_itemClass[0]+', .'+k.notification_itemClass[1], function(ele) {
- k._notification_react(ele);
- notificationReact = true;
- });
- if (notificationReact) {
- return true;
- }
-
- // Comments
- if (hasClass(dom.target, 'UFIComment')) {
- k.commentBrohoofed({target: dom.target});
- } else if (hasClass(dom.target, 'UFIReplyList')) {
- k.changeCommentBox({target: dom.target});
- k.commentBrohoofed({target: dom.target}); // only 1 reply
- } else if (hasClass(dom.target, 'UFIAddComment')) {
- domChangeTextbox(dom.target, 'textarea', k._changeCommentBox_change);
- } else if (hasClass(dom.target, 'UFILikeSentence')) {
- k._likePostBox(dom.target);
- } else if (hasClass(dom.target, 'UFIImageBlockContent')) {
- //if (hasClass(dom.target, '_42ef') || hasClass(dom.target, '-cx-PRIVATE-uiFlexibleBlock__flexiblecontent')) {
- // on groups with seen, clicking a photo will open in the viewer, but the original post on the group messes up
- k._likePostBox(dom.target.parentNode);
- //} else {
- // marking a comment as spam in another section, and then unmark
- k.commentBrohoofed({target: dom.target});
- //}
- } else if (hasClass(dom.target, 'UFILikeLink') || (!USINGMUTATION && hasClass(dom.target, 'UFILikeThumb'))) {
- k._commentLikeLink(dom.target);
- } else if (dom.target.parentNode) {
-
- if (hasClass(dom.target.parentNode, 'UFIComment')) {
- // marking a comment as spam, and then immediately undo
- k.commentBrohoofed({target: dom.target.parentNode});
- } else if (hasClass(dom.target.parentNode, 'UFILikeSentence')) {
- // groups with seen, from no likes to liked
- k._likePostBox(dom.target.parentNode);
- } else if (dom.target.parentNode.parentNode) {
-
- //if (hasClass(dom.target.parentNode.parentNode, 'UFIImageBlockContent') || hasClass(dom.target.parentNode.parentNode, 'lfloat')) {
- if (hasClass(dom.target.parentNode.parentNode, 'UFILikeSentenceText')) {
- // John Amebijeigeba Laverdetberg brohoof this.
- // You and John Amebijeigeba Laverdetberg like this.
- var ufi = k.getReactUfi(dom.target);
- if (ufi) {
- k.postLike({target: ufi});
- }
- } else if (dom.target.parentNode.parentNode.parentNode) {
-
- //if (hasClass(dom.target.parentNode.parentNode.parentNode, 'UFIImageBlockContent')) {
- if (hasClass(dom.target.parentNode.parentNode.parentNode, 'UFILikeSentenceText')) {
- var ufi = k.getReactUfi(dom.target);
- if (ufi) {
- k.postLike({target: ufi});
- }
- }
- }
- }
- }
-
- // Insights
- k.insightsCountry(dom.target);
-
- return true;
- }
-
- return false;
- };
-
- k.changeCommentBox = function(dom) {
- domChangeTextbox(dom.target, '.commentArea textarea, .UFIAddComment textarea', k._changeCommentBox_change);
- };
- k._changeCommentBox_change = function(textbox) {
- try {
- var form = textbox;
- while (form) {
- if (form.tagName.toUpperCase() == 'FORM' && form.getAttribute('action') == '/ajax/ufi/modify.php') {
- break;
- }
- form = form.parentNode;
- }
- if (form) {
- var feedback_params = JSON.parse(form.querySelector('input[name="feedback_params"]').value);
- switch (feedback_params.assoc_obj_id) {
- case '140792002656140':
- case '346855322017980':
- return LANG['ms_MY'].fb_comment_box;
-
- case '146225765511748':
- return CURRENTLANG.fb_composer_coolstory;
-
- default:
- break;
- }
- switch (feedback_params.target_profile_id) {
- case '496282487062916':
- return CURRENTLANG.fb_composer_coolstory;
-
- default:
- break;
- }
- }
- } catch (e) {}
-
- return CURRENTLANG.fb_comment_box;
- };
-
- k.composerPonies = new RegExp(['pony', 'ponies', 'mlp', 'brony', 'bronies', 'pegasister', 'pega sister', 'pega-sister', 'twilight sparkle', 'rainbow dash', 'pinkie', 'applejack', 'fluttershy', 'rarity', 'celestia', 'derpy', 'equestria', 'canterlot', 'dashie', 'apple jack', 'flutter shy', 'princess luna', 'friendship is magic', 'kuda', 'pinkamena', 'bon bon', 'bonbon'].join('|'), 'i');
- k.composerExclude = new RegExp(['suck', 'shit', 'fuck', 'assho', 'crap', 'ponyfag', 'faggo', 'retard', 'dick'].join('|'), 'i');
- k.composerSpecialPages = null;
- k.composerSelectors = '.uiComposer textarea.mentionsTextarea, .composerTypeahead textarea';
- k.composerButtonSelectors = '.uiComposerMessageBoxControls .submitBtn input, .uiComposerMessageBoxControls .submitBtn .uiButtonText, ._11b input, .-cx-PRIVATE-fbComposerMessageBox__button input, button._11b, button.-cx-PRIVATE-fbComposerMessageBox__button';
- k.changeComposer = function(dom) {
- if (!k.composerSpecialPages) {
- k._changeComposer_initSpecialPages();
- }
-
- var pageid = '';
-
- // tagging people with "Who are you with?" and new feelings feature
- if (hasClass(dom.target, 'uiMentionsInput')) {
- // fix group composers, ugh
- if (dom.target.parentNode && dom.target.parentNode.parentNode && dom.target.parentNode.parentNode.parentNode) {
- // .uiMentionsInput -> #id -> .-cx-PUBLIC-fbComposerMessageBox__root -> form -> .-cx-PUBLIC-fbComposer__content
- k._changeComposer_fixGroup(dom.target.parentNode.parentNode.parentNode);
- }
-
- contentEval(function(arg) {
- try {
- if (typeof window.requireLazy == 'function') {
- window.requireLazy(['MentionsInput'], function(MentionsInput) {
- var mentions = MentionsInput.getInstance(document.getElementById(arg.uiMentionsInput));
- mentions.setPlaceholder(mentions._input.title);
- });
- }
- } catch (e) {
- if (arg.CANLOG && typeof console != 'undefined' && console.log && console.dir) {
- console.log("Unable to hook to MentionsInput");
- console.dir(e);
- }
- }
- }, {"CANLOG":CANLOG, "uiMentionsInput":dom.target.id});
- return;
- }
-
- domChangeTextbox(dom.target, k.composerSelectors, function(composer) {
- var placeholderText = CURRENTLANG.fb_composer_lessons;
-
- try {
- var form = composer;
- var inputContainer = null;
- while (form) {
- if (hasClass(form, 'uiComposer') || hasClass(form, '_119' /*'_118'*/) || hasClass(form, '-cx-PRIVATE-fbComposer__root')) {
- break;
- }
- if (hasClass(form, 'inputContainer')) {
- inputContainer = form;
- }
- form = form.parentNode;
- }
-
- if (!form) {
- return placeholderText;
- }
-
- pageid = form.querySelector('input[name="xhpc_targetid"]');
- if (!pageid) {
- pageid = '';
- return placeholderText;
- }
- pageid = pageid.value;
- form.setAttribute('data-ponyhoof-xhpc_targetid', pageid);
- if (k.composerSpecialPages[pageid] && k.composerSpecialPages[pageid].composer) {
- placeholderText = k.composerSpecialPages[pageid].composer;
- }
-
- k._changeComposerAttachment(dom, pageid);
-
- if (k.composerSpecialPages[pageid] && k.composerSpecialPages[pageid].malay) {
- $$(form, k.composerButtonSelectors, function(submit) {
- k.changeButtonText(submit, "Kirim");
- });
- }
-
- composer.addEventListener('input', function() {
- var malay = false;
- var lang = CURRENTLANG;
- if (k.composerSpecialPages[pageid] && k.composerSpecialPages[pageid].malay) {
- malay = true;
- lang = LANG['ms_MY'];
- }
-
- // we can't guarantee the button anymore, so we have to do this expensive JS :(
- // group composers are funky and teleport the textbox to a new <div> onclick
- $$(form, k.composerButtonSelectors, function(submit) {
- if (!k.composerExclude.test(composer.value) && k.composerPonies.test(composer.value)) {
- if (composer.value.toUpperCase() == composer.value) {
- k.changeButtonText(submit, lang.fb_composer_ponies_caps);
- } else {
- k.changeButtonText(submit, lang.fb_composer_ponies);
- }
- } else if (malay) {
- k.changeButtonText(submit, "Kirim");
- } else {
- var submitParent = submit;
- if (submit.tagName.toUpperCase() != 'BUTTON') {
- submitParent = submit.parentNode;
- }
- if (submitParent.getAttribute('data-ponyhoof-button-text')) {
- k.changeButtonText(submit, submitParent.getAttribute('data-ponyhoof-button-text'));
- }
- }
- });
- });
-
- if (isPonyhoofPage(pageid)) {
- composer.addEventListener('focus', function() {
- if (inputContainer) {
- k._changeComposer_insertReadme(inputContainer.nextSibling);
- return;
- }
-
- // pages have ComposerX and teleports the textbox here and there
- $$(form, '._2yg, .-cx-PUBLIC-fbComposerMessageBox__root', function(composer) {
- // exclude inactives
- if (!composer.parentNode || hasClass(composer.parentNode, 'hidden_elem')) {
- return;
- }
-
- var temp = composer.getElementsByClassName('ponyhoof_page_readme');
- if (temp.length) {
- return;
- }
-
- // status: before taggersPlaceholder
- // photos: after uploader
- // fallback: before bottom bar
- var insertBefore = composer.querySelector('._3-6, .-cx-PRIVATE-fbComposerBootloadStatus__taggersplaceholder');
- if (!insertBefore) {
- insertBefore = composer.querySelector('._93, .-cx-PRIVATE-fbComposerUploadMedia__root');
- if (insertBefore) {
- insertBefore = insertBefore.nextSibling;
- }
- }
- if (!insertBefore) {
- insertBefore = composer.querySelector('._1dsp, .-cx-PUBLIC-fbComposerMessageBox__bar');
- }
- // abort if no good insertion
- if (!insertBefore) {
- return;
- }
-
- k._changeComposer_insertReadme(insertBefore);
- });
- }, true);
- return "Send feedback for Ponyhoof...";
- }
- if (k.composerSpecialPages[pageid] && k.composerSpecialPages[pageid].composer) {
- return k.composerSpecialPages[pageid].composer;
- }
- } catch (e) {}
-
- return placeholderText;
- });
-
- // moved outside for timelineStickyHeader
- if (!pageid) {
- k._changeComposerAttachment(dom, null);
- }
-
- // fix group composers, ugh
- //k._changeComposer_fixGroup(dom.target);
- };
-
- k._changeComposerAttachment = function(dom, pageid) {
- $$(dom.target, '._4_ li a, ._9lb, .-cx-PUBLIC-fbComposerAttachment__link, .uiComposerAttachment', function(attachment) {
- if (attachment.getAttribute('data-ponyhoof-ponified')) {
- return;
- }
-
- var switchit = false;
- switch (attachment.getAttribute('data-endpoint')) {
- case '/ajax/composerx/attachment/status/':
- case '/ajax/composerx/attachment/group/post/':
- case '/ajax/composerx/attachment/wallpost/':
- case '/ajax/metacomposer/attachment/timeline/status.php':
- case '/ajax/metacomposer/attachment/timeline/backdated_status.php':
- case '/ajax/metacomposer/attachment/timeline/wallpost.php':
- switchit = "Take a Note";
- if (k.composerSpecialPages[pageid] && k.composerSpecialPages[pageid].malay) {
- switchit = "Tulis Kiriman";
- }
- break;
-
- case '/ajax/composerx/attachment/media/chooser/':
- case '/ajax/composerx/attachment/media/chooser':
- case '/ajax/composerx/attachment/media/upload/':
- case '/ajax/metacomposer/attachment/timeline/photo/photo.php':
- case '/ajax/metacomposer/attachment/timeline/photo/backdated_upload.php':
- case '/ajax/metacomposer/attachment/timeline/backdated_vault.php?max_select=1':
- switchit = "Add a Pic";
- if (k.composerSpecialPages[pageid] && k.composerSpecialPages[pageid].malay) {
- switchit = "Tambah Gambar / Video";
- }
- break;
-
- case '/ajax/composerx/attachment/question/':
- switchit = "Query";
- if (k.composerSpecialPages[pageid] && k.composerSpecialPages[pageid].malay) {
- switchit = "Tanya Soalan";
- }
- break;
-
- case '/ajax/composerx/attachment/group/file/':
- case '/ajax/composerx/attachment/group/filedropbox/':
- if (k.composerSpecialPages[pageid] && k.composerSpecialPages[pageid].malay) {
- switchit = "Muat Naik Fail";
- }
- break;
-
- default:
- break;
- }
- if (!switchit) {
- if (attachment.getAttribute('data-endpoint').indexOf('/ajax/composerx/attachment/pages/other') != -1 || attachment.getAttribute('data-endpoint').indexOf('/ajax/metacomposer/attachment/timeline/pages_other.php') != -1) {
- switchit = "Adventure, Milestone +";
- //if (attachment.id == 'offerEventAndOthersButton') {
- if (attachment.textContent.toLowerCase().indexOf('offer') != -1) {
- switchit = "Offer, Adventure +";
- }
- }
- }
-
- if (switchit) {
- var done = false;
- var inner = attachment.querySelector('._2-s, .-cx-PUBLIC-fbTimelineComposerAttachment__label');
- if (!inner) {
- inner = attachment.querySelector('._51z7, .-cx-PUBLIC-fbComposerAttachment__linktext');
- if (!inner) {
- // page timelines use ".attachmentName" and are wacky, there are actually two copies of the <div> that show/hide
- $$(attachment, '.attachmentName', function(inner) {
- k._changeComposerAttachment_inner(inner, switchit);
- done = true;
- });
-
- if (!done) {
- inner = attachment;
- }
- }
- }
-
- if (!done) {
- k._changeComposerAttachment_inner(inner, switchit);
- }
- }
-
- attachment.setAttribute('data-ponyhoof-ponified', 1);
- });
- };
-
- k._changeComposerAttachment_inner = function(inner, switchit) {
- var stopit = false;
- loopChildText(inner, function(child) {
- if (stopit) {
- return;
- }
- if (child.nodeType == 3) {
- child.textContent = switchit;
- stopit = true;
- }
- });
- };
-
- k._changeComposer_insertReadme = function(insertBefore) {
- var n = d.createElement('iframe');
- n.className = 'showOnceInteracted ponyhoof_page_readme _4- -cx-PRIVATE-fbComposer__showonceinteracted';
- n.scrolling = 'auto';
- n.frameborder = '0';
- n.allowtransparency = 'true';
- n.src = PONYHOOF_README;
- insertBefore.parentNode.insertBefore(n, insertBefore);
- };
-
- k._changeComposer_fixGroup = function(target) {
- if (hasClass(target.parentNode, '_55d0') || hasClass(target.parentNode, '.-cx-PUBLIC-fbComposer__content')) {
- var pageid = target.querySelector('input[name="xhpc_targetid"]');
- if (!pageid) {
- return;
- }
- pageid = pageid.value;
-
- // domChangeTextbox will not work as these <textarea>s already has "data-ponyhoof-ponified"
- var composer = target.querySelector(k.composerSelectors);
- if (!composer) {
- return;
- }
-
- $$(target, k.composerButtonSelectors, function(submit) {
- var malay = false;
- var lang = CURRENTLANG;
- if (k.composerSpecialPages[pageid] && k.composerSpecialPages[pageid].malay) {
- malay = true;
- lang = LANG['ms_MY'];
- }
-
- if (!k.composerExclude.test(composer.value) && k.composerPonies.test(composer.value)) {
- if (composer.value.toUpperCase() == composer.value) {
- k.changeButtonText(submit, lang.fb_composer_ponies_caps);
- } else {
- k.changeButtonText(submit, lang.fb_composer_ponies);
- }
- } else if (malay) {
- k.changeButtonText(submit, "Kirim");
- }
- });
- }
- };
-
- k._changeComposer_initSpecialPages = function() {
- k.composerSpecialPages = {
- '140792002656140': {composer: LANG['ms_MY'].fb_composer_lessons, malay:true}
- ,'346855322017980': {composer: LANG['ms_MY'].fb_composer_lessons, malay:true}
- ,'366748370110998': {composer: LANG['ms_MY'].fb_composer_lessons, malay:true}
- ,'146225765511748': {composer: CURRENTLANG['fb_composer_coolstory']}
- ,'496282487062916': {composer: CURRENTLANG['fb_composer_coolstory']}
- };
- };
-
- k.tooltip = function(outer) {
- domReplaceFunc(outer, '', '.tooltipContent', function(ele) {
- // <div class="tooltipContent"><div class="tooltipText"><span>Hide</span></div></div>
- // <div class="tooltipContent"><div>Ponyhoof brohoofs this.</div></div>
- // <div class="tooltipContent">xy</div>
- // <div class="tooltipContent"><div><div class="-cx-PRIVATE-HubbleTargetingImage__tooltipcontent" data-reactid=""><div data-reactid=""><b data-reactid="">Shared with:</b><br data-reactid=""><span data-reactid="">Public</span></div></div></div></div>
-
- // <div class="uiContextualLayerPositioner uiLayer" style="width: 294px; left: 877px; top: 1299px;" data-ownerid="js_14"><div class="uiContextualLayer uiContextualLayerAboveLeft" style="bottom: 0px;"><div class="uiTooltipX"><div class="tooltipContent"><div class="tooltipText"><span>Excellent</span></div></div><i class="arrow"></i></div></div></div>
- var io = ele.getElementsByClassName('tooltipText');
- if (io.length) {
- var target = io[0];
- } else {
- var target = ele;
- }
- var potentialLabel = target.querySelector('._5bqd, .-cx-PRIVATE-HubbleInfoTip__content, ._5j1i');
- if (potentialLabel) {
- target = potentialLabel;
- }
- if (target.childNodes && target.childNodes.length && target.childNodes[0] && target.childNodes[0].tagName && target.childNodes[0].tagName.toUpperCase() == 'DIV') {
- target = target.childNodes[0];
- }
- if (target.childNodes && target.childNodes.length && target.childNodes[0] && target.childNodes[0].tagName && target.childNodes[0].tagName.toUpperCase() == 'DIV') { // div soup on insights
- target = target.childNodes[0];
- }
- if (target.childNodes && target.childNodes.length && target.childNodes[0] && target.childNodes[0].tagName && target.childNodes[0].tagName.toUpperCase() == 'SPAN') {
- target = target.childNodes[0];
- }
-
- // Get the tooltip outer layer
- var layer = k._tooltipGetLayer(ele);
- if (!layer) {
- return;
- }
-
- //removeClass(layer, 'ponyhoof_tooltip_flip');
-
- // Replace text
- var orig = target.innerHTML;
- var origText = target.textContent;
- var t = orig;
- t = replaceText(tooltipTitles, t);
- if (orig != t) {
- //var oldWidth = ele.offsetWidth;
- target.innerHTML = t;
-
- if (USINGMUTATION) {
- // Replace text at the parent that we are *really* certain
- if (orig === origText) {
- var owner = $(layer.getAttribute('data-ownerid'));
- if (owner) {
- owner.setAttribute('aria-label', t);
- }
- }
-
- // fix horizontal scrollbar
- if (hasClass(layer.parentNode, 'fbPhotoSnowliftContainer')) {
- addClass(layer, 'ponyhoof_tooltip_widthFix');
- } else {
- removeClass(layer, 'ponyhoof_tooltip_widthFix');
- }
-
- k.updateLayerPosition(layer);
- }
-
- /*// Get the inner layer inside the outer layer (get it...?)
- var layerInner = layer.getElementsByClassName('uiContextualLayer');
- if (!layerInner.length) {
- return;
- }
- layerInner = layerInner[0];
-
- if (layerInner.className.match(/Center/)) {
- /*var rect = ele.getBoundingClientRect();
- if (!rect) {
- return;
- }* /
-
- layer.style.width = 'auto'; // fix horizontal scrollbar
- var left = parseInt(layer.style.left); // relative positioning at photo viewer
- var newWidth = ele.offsetWidth;
- //if ((rect.left + newWidth) < d.documentElement.clientWidth) {
- layer.style.left = (left - Math.round((newWidth - oldWidth) / 2))+'px';
- /*} else {
- Fix long "X, Y and 2 others like this." tooltips on photo viewer
- layer.style.left = (left - (oldWidth / 2) /*+ ((newWidth - oldWidth) / 2) - 18* / )+'px';
- addClass(layer, 'ponyhoof_tooltip_flip');
- }* /
- } else if (layerInner.className.match(/Left/)) {
- // Fix "Remember: all place ratings are public." tooltips that are being ponified and causing a horizontal page scrollbar
- //
- // This is complicated, Facebook caches the ContextualLayer <div>s for tooltips
- // If we directly change the classNames like this:
- // layerInner.className = layerInner.className.replace(/Left/, 'Right');
- // This would cause future tooltips to display incorrectly
- // So what we done is add our own "ponyhoof_tooltip_flip" class which flips the tooltip left to right
-
- var rect = ele.getBoundingClientRect();
- if (!rect) {
- return;
- }
- if (rect.right >= d.documentElement.clientWidth) {
- layer.style.width = 'auto'; // bogus anyway
- layer.style.left = (parseInt(layer.style.left) - rect.width + 18)+'px'; // 18 is the number of pixels to offset to position the arrow of the tooltip properly
- addClass(layer, 'ponyhoof_tooltip_flip');
- }
- }*/
- }
- });
- };
-
- k._tooltipGetLayer = function(ele) {
- // <div class="uiContextualLayerPositioner uiLayer" id="js_4" style="width: 862px; left: 309px; top: 1914px;" data-ownerid=""><div class="uiContextualLayer uiContextualLayerAboveCenter" style="bottom: 0px;"><div class="uiTooltipX"><div class="tooltipContent"><div>Loading...</div></div><i class="arrow"></i></div></div></div>
- if (!ele.parentNode || !ele.parentNode.parentNode || !ele.parentNode.parentNode.parentNode) {
- return false;
- }
- var layer = ele.parentNode.parentNode.parentNode;
- if (!hasClass(layer, 'uiContextualLayerPositioner')) {
- return false;
- }
- return layer;
- };
-
- k.fbDockChatBuddylistNub = function(target) {
- if (target.parentNode && target.parentNode.parentNode && target.parentNode.parentNode.getAttribute && target.parentNode.parentNode.getAttribute('id') == 'fbDockChatBuddylistNub' && hasClass(target, 'label')) {
- k._fbDockChatBuddylistNub_change(target);
- return true;
- }
- // first loading
- var nub = target.querySelector('#fbDockChatBuddylistNub .label');
- if (nub) {
- k._fbDockChatBuddylistNub_change(nub);
- }
- return false;
- };
-
- k._fbDockChatBuddylistNub_change = function(target) {
- if (target.childNodes && target.childNodes.length && target.childNodes[0] && target.childNodes[0].nodeType == TEXT_NODE) {
- var replaced = target.childNodes[0].textContent.replace(/Chat/, "Whinny");
- if (target.childNodes[0].textContent != replaced) {
- addClass(target, 'ponyhoof_chatLabel_ponified');
- target.childNodes[0].textContent = replaced;
- }
- }
- };
-
- k.pokesDashboard = function(target) {
- if (target.getAttribute && target.getAttribute('id') && target.getAttribute('id').indexOf('poke_') == 0) {
- k._pokesDashboard_item(target);
- return true;
- }
-
- // (Sep 25) Include xuiCard
- //$$(target, '.pokesDashboard > .objectListItem', k._pokesDashboard_item);
- //$$(target, '.objectListItem[id^="poke_"], ._4-u2[id^="poke_"], .-cx-PRIVATE-xuiCard__root[id^="poke_"]', k._pokesDashboard_item);
- $$(target, '.objectListItem[id^="poke_"], ._5lbv, .-cx-PRIVATE-pokesDashboard__pokercontent', k._pokesDashboard_item);
-
- if (hasClass(target, 'highlight')) {
- var t = target.textContent;
- t = t.replace(/You poked /, 'You nuzzled ');
- if (target.textContent != t) {
- target.textContent = t;
- }
- return true;
- }
-
- k._pokesDashboard_pokeLink(target);
-
- return false;
- };
-
- k._pokesDashboard_item = function(item) {
- //var header = item.getElementsByClassName('pokeHeader');
- //if (!header || !header.length) {
- // return;
- //}
- //header = header[0];
-
- // (Sep 25)
- var header = item.querySelector('._5lbt, .-cx-PRIVATE-pokesDashboard__pokername');
- if (header) {
- // <div class="-cx-PRIVATE-pokesDashboard__pokername _5lbt lfloat"> <a href="" data-hovercard="">John</a> poked you.<br> <span class="-cx-PRIVATE-pokesDashboard__pokertime _5lbs"><abbr title="" data-utime="" class="timestamp">2 seconds ago</abbr></span></div>
- if (header.childNodes && header.childNodes.length) {
- if (header.childNodes[2] && header.childNodes[2].nodeType === TEXT_NODE) {
- var poke = header.childNodes[2];
- var t = poke.textContent;
- t = t.replace(/ poked you\./, ' nuzzled you.');
- if (poke.textContent != t) {
- poke.textContent = t;
- }
- } else if (header.childNodes[4] && header.childNodes[4].nodeType === ELEMENT_NODE) {
- var poke = header.childNodes[4];
- if (poke.textContent === "Suggested Poke") {
- poke.textContent = "Suggested Nuzzle";
- }
- }
- }
- } else {
- var header = item.querySelector('.uiProfileBlockContent > ._6a > ._6b > .fwb'); // .-cx-PRIVATE-uiInlineBlock__root > .-cx-PRIVATE-uiInlineBlock__middle
- if (header) {
- var t = header.innerHTML;
- t = t.replace(/ poked you\./, ' nuzzled you.');
- if (header.innerHTML != t) {
- header.innerHTML = t;
- }
-
- k._pokesDashboard_pokeLink(item);
- }
- }
- };
-
- k._pokesDashboard_pokeLink = function(target) {
- // (Sep 25) Skip buttons
- $$(target, 'a[ajaxify^="/pokes/inline/"]:not(._42ft)', function(poke) {
- var text = "Nuzzle";
- /*if (poke.getAttribute('ajaxify').indexOf('pokeback=1') != -1) { // http://fb.com/406911932763192
- text = "Nuzzle Back";
- }*/
-
- if (poke.childNodes && poke.childNodes.length && poke.childNodes[1]) {
- poke.childNodes[1].textContent = text;
- return;
- }
-
- var stop = false;
- loopChildText(poke, function(child) {
- if (stop) {
- return;
- }
- if (child.nodeType == TEXT_NODE) {
- child.textContent = text;
- stop = true;
- }
- });
- });
- };
-
- k.notification = function(dom) {
- domReplaceFunc(dom.target, 'notification', '.notification', function(ele) {
- k._notification_change(ele, '.info', k._notification_general_metadata);
- });
-
- if (ONPLUGINPAGE && hasClass(dom.target, 'notification-item')) {
- //.$$(dom.target, '.notification-item', function(ele) {
- k._notification_change(dom.target, '.notification-text > .message', k._notification_messenger_metadata);
- //});
- }
- };
-
- k.notification_itemClass = ['_33c', '-cx-PRIVATE-fbNotificationJewelItem__item'];
- k.notification_textClass = ['_4l_v', '-cx-PRIVATE-fbNotificationJewelItem__text'];
- k.notification_metadataClass = ['_33f', '-cx-PRIVATE-fbNotificationJewelItem__metadata'];
- k._notification_react = function(ele) {
- for (var i = 0; i <= 1; i += 1) {
- if (hasClass(ele, k.notification_itemClass[i])) {
- k._notification_change(ele, '.'+k.notification_textClass[i]+' > span', k._notification_react_metadata);
- return true;
- }
- }
- return false;
- };
-
- k._notification_general_metadata = function(node) {
- if (hasClass(node, 'metadata') || hasClass(node, 'blueName')) {
- return false;
- }
- return true;
- };
-
- k._notification_messenger_metadata = function(node) {
- // <a href="">X</a> likes your <a href="">comment</a>: "Also, please use this group in the..."
- //if (node.nodeType != TEXT_NODE) {
- // return false;
- //}
- return true;
- };
-
- k._notification_react_metadata = function(node) {
- if (hasClass(node, 'fwb')) {
- return false;
- }
- if (hasClass(node, k.notification_metadataClass[0]) || hasClass(node, k.notification_metadataClass[1])) {
- return false;
- }
- return true;
- };
-
- k._notification_change = function(ele, info, metadataFunc) {
- var info = ele.querySelector(info);
- if (!info) {
- return;
- }
- if (!info.childNodes || !info.childNodes.length) {
- return;
- }
-
- for (var i = 0, len = info.childNodes.length; i < len; i += 1) {
- var node = info.childNodes[i];
- if (!metadataFunc(node)) {
- continue;
- }
-
- var text = node.textContent;
- if (text.indexOf('"') != -1) {
- var finalText = k.textNotification(text.substring(0, text.indexOf('"')));
- finalText += text.substring(text.indexOf('"'), text.length);
- } else {
- var finalText = k.textNotification(text);
- }
-
- if (node.textContent != finalText) {
- node.textContent = finalText;
- }
-
- if (text.indexOf('"') != -1) {
- break;
- }
- }
- };
-
- k.menuPrivacyOnlyAjaxify = [
- // when posting
- '%22value%22%3A%2280%22' // Everyone
- ,'%22value%22%3A%2250%22' // Friends of Friends
- ,'%22value%22%3A%2240%22' // Friends
- ,'%22value%22%3A%22127%22' // Friends except Acquaintances
- ,'%22value%22%3A%2210%22' // Only Me
-
- // https://www.facebook.com/settings?tab=timeline§ion=posting&view
- ,'%22value%22%3A40'
- ,'%22value%22%3A10'
- ];
- k._processMenuXOldWidthDiff = 0;
- k.menuItems = function(dom) {
- var processMenuX = false;
- var hasScrollableArea = false;
- k._processMenuXOldWidthDiff = 0;
- domReplaceFunc(dom.target, 'uiMenuItem', '.uiMenuItem, ._54ni, .-cx-PUBLIC-abstractMenuItem__root, .ufb-menu-item', function(ele) {
- if (hasClass(ele, 'ponyhoof_fbmenuitem')) {
- return;
- }
- addClass(ele, 'ponyhoof_fbmenuitem');
-
- // pages on share dialog
- if (hasClass(ele, '_90z') || hasClass(ele, '-cx-PRIVATE-fbShareModePage__smalliconcontainer')) {
- return;
- }
-
- // lists/groups on Invite Friends dialogs
- var listendpoint = ele.getAttribute('data-listendpoint');
- if (listendpoint && listendpoint != '/ajax/chooser/list/friends/all/' && listendpoint.indexOf('/ajax/chooser/list/friends/') == 0 && listendpoint.indexOf('/ajax/chooser/list/friends/suggest/?filter=all') == -1 && listendpoint.indexOf('/ajax/chooser/list/friends/app_all_friends/') == -1 && listendpoint.indexOf('/ajax/chooser/list/friends/app_non_user/') == -1) {
- return;
- }
-
- var replacer = menuTitles;
- if (hasClass(ele, 'fbPrivacyAudienceSelectorOption')) {
- replacer = menuPrivacyOnlyTitles;
-
- // ensure that only FB-provided options get changed
- var itemAnchor = ele.getElementsByClassName('itemAnchor');
- if (itemAnchor.length) {
- var ajaxify = itemAnchor[0].getAttribute('ajaxify');
- // Sometimes ajaxify is missing (legacy edit video)
- if (ajaxify) {
- var _menuPrivacyOnlyOk = false;
- for (var i = 0, len = k.menuPrivacyOnlyAjaxify.length; i < len; i += 1) {
- if (ajaxify.indexOf(k.menuPrivacyOnlyAjaxify[i]) != -1) {
- _menuPrivacyOnlyOk = true;
- break;
- }
- }
- if (!_menuPrivacyOnlyOk) {
- return;
- }
- }
- }
- }
-
- var label = ele.querySelector('.itemLabel, ._54nh, .-cx-PUBLIC-abstractMenuItem__label, .ufb-menu-item-label');
- if (label) {
- //if (label.childNodes.length == 1) {
- // timeline post has 2
- var io = label.getElementsByTagName('span');
- if (io.length) {
- if (!hasClass(io[0], 'hidden_elem')) {
- label = io[0];
- }
- }
-
- var orig = '';
- var replaced = '';
- var oldLabelWidth = 0;
- ele.setAttribute('data-ponyhoof-menuitem-orig', ele.textContent);
- loopChildText(label, function(child) {
- if (child.nodeType == 3) {
- var t = child.textContent;
- orig += t+' ';
- t = replaceText(replacer, t);
- if (child.textContent != t) {
- if (!hasScrollableArea && (ele.parentNode && ele.parentNode.parentNode && hasClass(ele.parentNode.parentNode, 'uiScrollableAreaContent'))) {
- hasScrollableArea = true;
- }
- if (hasScrollableArea) {
- label.style.display = 'inline-block';
- if (!oldLabelWidth) {
- oldLabelWidth = label.offsetWidth;
- }
- }
- child.textContent = t;
- }
- replaced += t+' ';
- }
- });
-
- orig = orig.substr(0, orig.length-1);
- replaced = replaced.substr(0, replaced.length-1);
- ele.setAttribute('data-ponyhoof-menuitem-text', replaced);
- ele.setAttribute('data-label', replaced); // technically, this is only used for .uiMenuItem
-
- if (orig != replaced) {
- if (hasClass(ele, '_54ni') || hasClass(ele, '-cx-PUBLIC-abstractMenuItem__root')) {
- if (hasScrollableArea && oldLabelWidth) {
- var newWidth = label.offsetWidth;
- if (newWidth > oldLabelWidth) {
- k._processMenuXOldWidthDiff = Math.max(newWidth - oldLabelWidth, 0);
- processMenuX = true;
- }
- } else {
- processMenuX = true;
- }
- }
- }
- if (hasScrollableArea) {
- label.style.display = '';
- }
- }
- });
-
- if (processMenuX) {
- if (hasClass(dom.target, 'uiContextualLayerPositioner')) {
- k._menuItems_processMenuX(dom.target);
- return;
- }
-
- k.getParent(dom.target, function(parent) {
- return hasClass(parent, 'uiContextualLayerPositioner');
- }, k._menuItems_processMenuX);
- }
- };
- k._menuItems_processMenuX = function(layer) {
- if (!layer) {
- return;
- }
-
- var ownerid = layer.getAttribute('data-ownerid');
- if (!ownerid) {
- return;
- }
- ownerid = $(ownerid);
- if (!ownerid) {
- return;
- }
-
- var menu = layer.querySelector('._54nq, .-cx-PUBLIC-abstractMenu__wrapper');
- if (!menu) {
- return;
- }
-
- if (k._processMenuXOldWidthDiff) {
- var uiScrollableArea = layer.getElementsByClassName('uiScrollableArea');
- var uiScrollableAreaBody = layer.getElementsByClassName('uiScrollableAreaBody');
- if (uiScrollableArea && uiScrollableAreaBody) {
- uiScrollableArea = uiScrollableArea[0];
- uiScrollableAreaBody = uiScrollableAreaBody[0];
-
- uiScrollableArea.style.width = (parseInt(uiScrollableArea.style.width)+k._processMenuXOldWidthDiff)+'px';
- uiScrollableAreaBody.style.width = (parseInt(uiScrollableAreaBody.style.width)+k._processMenuXOldWidthDiff)+'px';
- }
- }
-
- var border = layer.querySelector('._54hx, .-cx-PUBLIC-abstractMenu__shortborder');
- if (!border) {
- return;
- }
- border.style.width = (Math.max((menu.offsetWidth - ownerid.offsetWidth), 0))+'px';
- };
-
- k.fbRemindersStory = function(target) {
- $$(target, '.fbRemindersStory', function(item) {
- var reminderType = '';
- if (item.querySelector('#pages_reminders_link')) {
- reminderType = 'page';
- }
-
- var inner = item.querySelector('._42ef > .fcg, .-cx-PRIVATE-uiFlexibleBlock__flexiblecontent > .fcg');
- if (!inner) {
- return;
- }
-
- loopChildText(inner, function(child) {
- if (child.nodeType == TEXT_NODE) {
- var t = child.textContent;
- if (reminderType === 'page') {
- t = t.replace(/\binvited you to like\b/, "invite you to "+CURRENTSTACK['like']);
- } else {
- t = t.replace(/\bpoked you\b/, "nuzzled you");
- }
- if (child.textContent != t) {
- child.textContent = t;
- }
- } else {
- if (hasClass(child, 'fbRemindersTitle')) {
- var t = child.innerHTML;
- t = t.replace(/([0-9]+?) events/, "$1 adventures")
- if (child.innerHTML != t) {
- child.innerHTML = t;
- }
- }
- }
- });
- });
- };
-
- k.flyoutLikeForm = function(target) {
- //var result = k._flyoutLikeForm(target, 'groupsMemberFlyoutLikeForm', 'unlike');
- var result = k._flyoutLikeForm(target, '_5nx0', 'unlike');
- if (!result) {
- result = k._flyoutLikeForm(target, 'fbEventMemberLike', 'liked');
- }
- return result;
- };
-
- k._flyoutLikeForm = function(target, className, forminput) {
- domReplaceFunc(target, className, '.'+className, function(ele) {
- if (!ele.elements[forminput]) {
- return;
- }
-
- var isLike = true;
- if (ele.elements[forminput].value == 1) {
- isLike = false;
- }
-
- var submit = ele.querySelector('input[type="submit"]');
- if (!submit) {
- return;
- }
- if (isLike) {
- submit.value = capitaliseFirstLetter(CURRENTSTACK['like']);
- } else {
- submit.value = capitaliseFirstLetter(CURRENTSTACK['unlike']);
- }
- });
-
- if (hasClass(target, className)) {
- return true;
- }
- return false;
- };
-
- k.pluginButton = function(target) {
- if (!ONPLUGINPAGE) {
- return;
- }
-
- var root = target.getElementsByClassName('pluginConnectButtonLayoutRoot');
- if (!root.length) {
- var root = target.getElementsByClassName('pluginSkinLight');
- if (!root.length) {
- return;
- }
- }
- root = root[0];
-
- domReplaceFunc(root, '', '.pluginButton', function(ele) {
- // oct 19
- var div = ele.getElementsByClassName('pluginButtonLabel');
- if (div.length) {
- div = div[0];
- if (div.innerHTML === "Like") {
- div.innerHTML = capitaliseFirstLetter(CURRENTSTACK['like']);
- return;
- }
- }
-
- // old style
- var div = ele.getElementsByTagName('div');
- if (div.length) {
- ele = div[0];
- }
-
- // <div class="pluginButton pluginButtonInline pluginConnectButtonDisconnected hidden_elem" title="Like"><div><button type="submit"><i class="pluginButtonIcon img sp_like sx_like_thumb"></i><span class="accessible_elem">Like</span></button><span aria-hidden="true">Like</span></div></div>
- var stop = false;
- loopChildText(ele, function(child) {
- if (stop) {
- return;
- }
- if (child.tagName.toUpperCase() === 'SPAN') {
- if (child.innerHTML === "Like") {
- child.innerHTML = capitaliseFirstLetter(CURRENTSTACK['like']);
- stop = true;
- }
- }
- });
- });
-
- domReplaceFunc(root, '', '.uiIconText', function(ele) {
- // <div style="padding-left: 19px;" class="uiIconText"><i class="img sp_like sx_like_fav" style="top: 0px;"></i><span id="u_0_1">You, <a href="https://www.facebook.com/XXX" target="_blank">XXX</a> and 102,502 others like this.</span><span class="hidden_elem" id="u_0_2"><a href="https://www.facebook.com/XXX" target="_blank">XXX</a> and 102,502 others like this.</span></div>
- loopChildText(ele, function(child) {
- loopChildText(child, function(inner) {
- if (inner.nodeType === TEXT_NODE) {
- var t = k.likeSentence(inner.textContent);
- t = t.replace(/\bfriends\b/g, CURRENTSTACK['friends_logic']); // Be the first of your friends.
- if (inner.textContent != t) {
- inner.textContent = t;
- }
- }
- });
- });
- });
-
- // likebox
- $$(root, '._51mx > .pls > div > span', function(ele) {
- var orig = ele.textContent;
- var t = k.likeSentence(orig);
- t = t.replace(/\bfriends\b/g, CURRENTSTACK['friends_logic']); // Be the first of your friends.
- if (orig != t) {
- ele.textContent = t;
- }
- });
- };
-
- k.pluginCommentBox = function(target) {
- if (!ONPLUGINPAGE) {
- return;
- }
-
- domChangeTextbox(target, '.fbFeedbackContent .fbFeedbackMentions .mentionsTextarea', CURRENTLANG['fb_comment_box']);
- };
-
- k.ticker = function(dom) {
- domReplaceFunc(dom.target, 'fbFeedTickerStory', '.fbFeedTickerStory', function(ele) {
- var div = ele.getElementsByClassName('uiStreamMessage');
- if (div.length) {
- div = div[0];
-
- // Ticker messages are really inconsistent
- // <span class="passiveName">Friend</span> brohoofs <span class="token">Page</span>'s <span class="token">photo</span>.
- // <span class="passiveName">Friend</span> added a new pony pic.
- // <span class="passiveName">Friend</span> brohoofs <span class="token">Page</span>'s <span class="token">video</span> Title. // http://fb.com/10200537039965966
- var continueTextNodes = true;
- for (var i = 0, len = div.childNodes.length; i < len; i += 1) {
- var node = div.childNodes[i];
- if (node.nodeType == TEXT_NODE) {
- if (!continueTextNodes) {
- continue;
- }
-
- var t = node.textContent;
-
- var boundary = '';
- var haltOnBoundary = false;
- if (t.indexOf('"') != -1) {
- boundary = '"';
- haltOnBoundary = true;
- } else if (t.indexOf('\'s') != -1) {
- boundary = '\'s';
- continueTextNodes = false;
- }
-
- if (boundary) {
- var finalText = k.textNotification(t.substring(0, t.indexOf(boundary)));
- finalText += t.substring(t.indexOf(boundary), t.length);
- } else {
- var finalText = k.textNotification(t);
- }
- //t = t.replace(/\blikes\b/, " "+CURRENTSTACK['likes_past']);
- //t = t.replace(/\blike\b/, " "+CURRENTSTACK['like_past']);
- if (node.textContent != finalText) {
- node.textContent = finalText;
- }
-
- if (boundary && haltOnBoundary) {
- break;
- }
- } else {
- // It's too risky changing legit page names, so we are doing this in isolated cases
- if (hasClass(node, 'token')) {
- var list = [
- ['photo', 'pony pic']
- ,['a photo', 'a pony pic']
- ,['wall', 'journal']
- ];
- var t = replaceText(list, node.textContent);
- if (node.textContent != t) {
- node.textContent = t;
- }
- }
- }
- }
- }
- });
- if (hasClass(dom.target, 'fbFeedTickerStory')) {
- return true;
- }
- return false;
- };
-
- k.pagesVoiceBarText = function(target) {
- if (hasClass(target, 'pagesVoiceBarText')) {
- if (target.childNodes && target.childNodes.length && target.childNodes[0]) {
- var textNode = target.childNodes[0];
- if (textNode.nodeType == TEXT_NODE) {
- var t = textNode.textContent;
- t = t.replace(/\bliking\b/, CURRENTSTACK['liking']);
- if (textNode.textContent != t) {
- textNode.textContent = t;
- }
- }
- }
- return true;
- }
- return false;
- };
-
- k.endOfFeedPymlContainer = function(target) {
- if (target.getAttribute && target.getAttribute('id') === 'endOfFeedPymlContainer') {
- // _5jii - applicable table cell
- $$(target, '._5jii .fsm.fcg', function(ele) {
- var orig = ele.textContent;
- var t = orig;
- t = t.replace(/\bLikes\b/, capitaliseFirstLetter(CURRENTSTACK['likes']));
- t = t.replace(/\bLike\b/, capitaliseFirstLetter(CURRENTSTACK['like']));
- t = t.replace(/\blikes\b/, CURRENTSTACK['likes']);
- t = t.replace(/\blike\b/, CURRENTSTACK['like']);
- if (t != orig) {
- ele.textContent = t;
- }
- });
- $$(target, '._5jii ._5f55', function(link) {
- if (link.childNodes && link.childNodes.length && link.childNodes[1] && link.childNodes[1].nodeType === TEXT_NODE) {
- var node = link.childNodes[1];
- var orig = node.textContent;
- var t = orig;
- t = t.replace(/\bLike\b/, capitaliseFirstLetter(CURRENTSTACK['like']));
- if (t != orig) {
- node.textContent = t;
- }
- }
- });
-
- return true;
- }
- return false;
- };
-
- k.pubcontentFeedChaining = function(target) {
- if (hasClass(target, '_5j5u')) {
- $$(target, '._5j5w > .content > div > .fcg', function(fcg) {
- var orig = fcg.textContent;
- var t = orig;
- t = t.replace(/\blikes\b/, CURRENTSTACK['likes']);
- t = t.replace(/\blike\b/, CURRENTSTACK['like']);
- if (orig != t) {
- fcg.textContent = t;
- }
- });
-
- return true;
- }
- return false;
- };
-
- k._beepNotification_condition_react = function(node, gt) {
- // <span id=""><span class="fwb" id=""><span id="">XYZ</span></span><span id=""> also commented on a </span><span class="fwb" id=""><span id="">photo</span></span><span id=""> in </span><span class="fwb" id=""><span id="">GROUP NAME</span></span><span id="">: "What?"</span></span>
- // <span data-reactid=""><span class="fwb" data-reactid="">NAME</span><span data-reactid=""> commented on your pony pic in </span><span class="fwb" data-reactid="">GROUP NAME</span><span data-reactid="">: "COMMENT"</span></span>
-
- // **XYZ** posted on **Ponyhoof**'s **timeline**: "XYZ"
- // **profile people test** posted in **group people test**: "like test"
- if (hasClass(node, 'fwb')) {
- if (node.textContent === 'timeline') {
- return true;
- }
- return false;
- }
- return true;
- };
-
- k._beepNotification_change = function(ele, info, condition) {
- if (!info) {
- return;
- }
-
- var gt = JSON.parse(ele.getAttribute('data-gt'));
- ele.setAttribute('data-ponyhoof-beeper-orig', info.textContent);
- for (var i = 0, len = info.childNodes.length; i < len; i += 1) {
- var node = info.childNodes[i];
- if (condition(node, gt)) {
- var text = '';
- if (node.nodeType === TEXT_NODE) {
- text = node.textContent;
- k._beepNotification_change_text(node, text);
- } else {
- // emoticons are smacked together, so we need to run another loop
- for (var j = 0, jLen = node.childNodes.length; j < jLen; j += 1) {
- var textNode = node.childNodes[j];
- text = textNode.textContent;
- k._beepNotification_change_text(textNode, text);
- }
- }
-
- if (text.indexOf('"') != -1) {
- break;
- }
- }
- }
- ele.setAttribute('data-ponyhoof-beeper-message', info.textContent);
-
- if (userSettings.sounds) {
- var file = '';
- if (SOUNDS[userSettings.soundsFile]) {
- file = userSettings.soundsFile;
- }
-
- if (!file || file == 'AUTO') {
- file = '_sound/defaultNotification';
-
- var data = convertCodeToData(REALPONY);
- if (data.soundNotif) {
- file = data.soundNotif;
- }
- }
-
- if (userSettings.soundsNotifTypeBlacklist) {
- var current = userSettings.soundsNotifTypeBlacklist.split('|');
-
- if (current.indexOf(gt.notif_type) != -1) {
- return;
- }
- }
-
- try {
- var finalfile = THEMEURL+file+'.EXT';
- if (gt.notif_type == 'poke' && CURRENTSTACK.stack == 'pony') {
- finalfile = THEMEURL+'_sound/pokeSound.EXT';
- }
-
- var ps = initPonySound('notif', finalfile);
- ps.wait = 15;
- ps.play();
- } catch (e) {}
- }
- };
-
- k._beepNotification_change_text = function(node, text) {
- if (!text) {
- return;
- }
- if (text.indexOf('"') != -1) {
- var finalText = k.textNotification(text.substring(0, text.indexOf('"')));
- finalText += text.substring(text.indexOf('"'), text.length);
- } else {
- var finalText = k.textNotification(text);
- }
-
- if (text != finalText) {
- if (node.nodeType === TEXT_NODE) {
- node.textContent = finalText;
- } else {
- node.innerHTML = finalText;
- }
- }
- };
-
- k.insightsCountryData = [
- ["United States of America", "United States of Amareica"]
- ,["Malaysia", "Marelaysia"]
- ,["Mexico", "Mexicolt"]
- ,["New Zealand", "Neigh Zealand"]
- ,["Philippines", "Fillypines"]
- ,["Singapore", "Singapony"]
- ,["Singapore, Singapore", "Singapony"]
- ];
- k.insightsCountry = function(target) {
- /*domReplaceFunc(dom.target, 'breakdown-list-table', '.breakdown-list-table', function(ele) {
- if (ele.getAttribute('data-ponyhoof-ponified')) {
- return;
- }
- ele.setAttribute('data-ponyhoof-ponified', 1);
- $$(ele, '.breakdown-key .ufb-text-content', function(country) {
- country.textContent = replaceText(k.insightsCountryData, country.textContent);
- });
- });*/
-
- $$(target, '._5brx ._55jr', function(ele) {
- var orig = ele.textContent;
- var t = orig;
- t = replaceText(k.insightsCountryData, ele.textContent);
- if (orig != t) {
- ele.textContent = t;
- }
- });
- };
-
- k.timelineMutualLikes = function(target) {
- $$(target, '.fbStreamTimelineFavStory', function(root) {
- $$(root, '.fbStreamTimelineFavInfoContainer', function(ele) {
- var done = false;
- loopChildText(ele, function(child) {
- if (done) {
- return;
- }
- if (child.nodeType == TEXT_NODE) {
- var t = k.textStandard(child.textContent);
- if (child.textContent != t) {
- child.textContent = t;
- done = true;
- }
- }
- });
- });
-
- $$(root, '.fbStreamTimelineFavFriendContainer > .friendText > .fwn', function(ele) {
- loopChildText(ele, function(child) {
- if (child.nodeType == ELEMENT_NODE) {
- if (!child.href || child.href.indexOf('/browse/users/') == -1) {
- return;
- }
- }
- var t = k.textStandard(child.textContent);
- if (child.textContent != t) {
- child.textContent = t;
- }
- });
- });
- });
- };
-
- // http://fb.com/406714556116263
- // http://fb.com/411361928984859
- k.videoStageContainer = function(target) {
- if (hasClass(target, 'videoStageContainer')) {
- addClass(k.photos_snowlift, 'ponyhoof_snowlift_video');
- } else if (hasClass(target, 'spotlight')) {
- removeClass(k.photos_snowlift, 'ponyhoof_snowlift_video');
- }
- };
-
- k.uiStreamShareLikePageBox = function(target) {
- $$(target, '.uiStreamShareLikePageBox .uiPageLikeButton.rfloat + div > .fcg', function(ele) {
- var t = ele.textContent;
- t = t.replace(/likes/g, CURRENTSTACK['likes']);
- t = t.replace(/like/g, CURRENTSTACK['like']);
- if (ele.textContent != t) {
- ele.textContent = t;
- }
- });
- };
-
- k.fbTimelineUnit = function(target) {
- if (!hasClass(target, 'fbTimelineUnit')) {
- return;
- }
- if (target.childNodes && target.childNodes.length) {
- if (hasClass(target.childNodes[1], 'pageFriendSummaryContainer')) {
- var headerText = target.childNodes[1].getElementsByClassName('headerText');
- if (!headerText.length) {
- return;
- }
- headerText = headerText[0];
-
- // Friend(s)
- $$(headerText, '.fwb > a', function(link) {
- var t = link.textContent;
- t = t.replace(/\bFriends\b/, capitaliseFirstLetter(CURRENTSTACK['friends']));
- t = t.replace(/\bFriend\b/, capitaliseFirstLetter(CURRENTSTACK['friend']));
- if (link.textContent != t) {
- link.textContent = t;
- }
- });
-
- // Like(s) PAGENAME
- $$(headerText, '.fcg', function(fcg) {
- var split = fcg.textContent.split(' ');
- var t = split[0];
- t = t.replace(/\bLikes\b/, capitaliseFirstLetter(CURRENTSTACK['likes']));
- t = t.replace(/\bLike\b/, capitaliseFirstLetter(CURRENTSTACK['like']));
- if (split[0] != t) {
- split[0] = t;
- fcg.textContent = split.join(' ');
- }
- });
-
- return;
- }
-
- // Brohoofs section at pages
- var liked_pages_timeline_unit_list = $('liked_pages_timeline_unit_list');
- if (liked_pages_timeline_unit_list) {
- $$(liked_pages_timeline_unit_list, '._42ef .fcg', function(fcg) {
- loopChildText(fcg, function(child) {
- // <a href="/browse/friended_fans_of/?page_id=X" ajaxify="/ajax/browser/dialog/friended_fans_of/?page_id=X" rel="dialog" role="button">4 friends</a>
- // also like this.
- var t = child.textContent;
- t = k.textStandard(t);
- if (child.textContent != t) {
- child.textContent = t;
- }
- });
- });
- }
- }
- };
-
- // https://www.facebook.com/pages
- k.pageBrowserItem = function(target) {
- // lazy-loaded: <div class="_8qg fsm fwn fcg"><a href="" data-hovercard="/ajax/hovercard/user.php?id="></a> likes this.<div class="_43qm mbs _43q9"><ul class="uiList _4cg3 _509- _4ki"><li class="_43q7">FACEPILE</li></ul></div></div>
- // <a href="" data-hovercard="/ajax/hovercard/user.php?id="></a> and <a href="/browse/friended_fans_of/?page_id=" ajaxify="/ajax/browser/dialog/friended_fans_of/?page_id=" rel="dialog" role="button">8 other friends</a> like this.
- if (hasClass(target, '_8qg') && hasClass(target, 'fcg')) {
- k._pageBrowserItem_item(target);
- return;
- }
-
- $$(target, '._8qg.fcg', function(item) {
- // <div class="_8qg fsm fwn fcg"><div class="_8qg fsm fwn fcg"><div class="fsm fwn fcg">235,674 likes · 40,634 people talking about this</div></div></div>
- k._pageBrowserItem_item(item);
- });
- };
-
- k._pageBrowserItem_item = function(item) {
- loopChildText(item, function(child) {
- var href = '';
- if (child.nodeType === ELEMENT_NODE) {
- href = child.getAttribute('href');
- }
- if (child.nodeType === TEXT_NODE || hasClass(child, 'fcg') || (href && href.indexOf('/browse/friended_fans_of/') != -1)) {
- k.textBrohoof(child);
- }
- });
- };
-
- k.EntstreamCollapsedUFISentence = function(target) {
- $$(target, '._5civ > a', function(link) {
- var ajaxify = link.getAttribute('ajaxify');
- if (ajaxify && ajaxify.indexOf('/ajax/browser/dialog/likes') === 0) {
- k._EntstreamCollapsedUFISentence_change(link);
- }
- });
- };
-
- k._EntstreamCollapsedUFISentence_change = function(link) {
- var orig = link.textContent;
- var t = orig;
- t = t.replace(/ Likes$/, " "+capitaliseFirstLetter(CURRENTSTACK['likes']));
- t = t.replace(/ Like$/, " "+capitaliseFirstLetter(CURRENTSTACK['like']));
- if (t != orig) {
- link.textContent = t;
- }
- };
-
- k._dialog_insertReadme = function(body) {
- var done = false;
- $$(body, '._22i .uiToken > input[type="hidden"]', function(input) { // @cx
- if (done) {
- return;
- }
- if (input.getAttribute('name') == 'undefined[]' && isPonyhoofPage(input.value)) { // undefined[] is intentional from FB, NOT A TYPO
- addClass(body, 'ponyhoof_composer_hasReadme');
-
- var n = d.createElement('iframe');
- n.className = 'ponyhoof_page_readme';
- n.scrolling = 'auto';
- n.frameborder = '0';
- n.allowtransparency = 'true';
- n.src = PONYHOOF_README;
- body.appendChild(n);
-
- done = true;
- }
- });
- };
-
- k._dialog_playSound = function(title, outer) {
- if (!title) {
- return;
- }
- var lowercase = title.toLowerCase();
- for (var i = 0, len = dialogDerpTitles.length; i < len; i += 1) {
- if (dialogDerpTitles[i].toLowerCase() == lowercase) {
- if (outer) {
- addClass(outer, 'ponyhoof_fbdialog_derp');
- }
-
- if (CURRENTSTACK.stack == 'pony' && userSettings.sounds && !isPageHidden()) {
- var ps = initPonySound('ijustdontknowwhatwentwrong', THEMEURL+'_sound/ijustdontknowwhatwentwrong.EXT');
- ps.wait = 5;
- ps.play();
- break;
- }
- }
- }
- };
-
- k.ponyhoofPageOptions = function(dom) {
- if (!$('pagelet_timeline_page_actions')) {
- return;
- }
- if ($('ponyhoof_footer_options')) {
- return;
- }
-
- var selector = dom.target.querySelector('#pagelet_timeline_page_actions .fbTimelineActionSelector');
- if (!selector) {
- return;
- }
- var menu = selector.getElementsByClassName('uiMenuInner');
- if (!menu.length) {
- return;
- }
- menu = menu[0];
- var whatpage = menu.querySelector('#fbpage_share_action a');
- if (!whatpage) {
- return;
- }
- if (whatpage.getAttribute('href').indexOf('p[]='+PONYHOOF_PAGE) != -1) {
- var button = selector.getElementsByClassName('fbTimelineActionSelectorButton');
- if (!button.length) {
- return;
- }
- button = button[0];
-
- var sep = d.createElement('li');
- sep.className = 'uiMenuSeparator';
-
- var a = d.createElement('a');
- a.className = 'itemAnchor';
- a.setAttribute('role', 'menuitem');
- a.setAttribute('tabindex', '0');
- a.href = '#';
- a.id = "ponyhoof_footer_options";
- a.innerHTML = '<span class="itemLabel fsm">'+CURRENTLANG.options_title+'</span>';
- a.addEventListener('click', function(e) {
- optionsOpen();
-
- try {
- clickLink(button);
- } catch (ex) {}
-
- e.preventDefault();
- }, false);
-
- var li = d.createElement('li');
- li.className = 'uiMenuItem ponyhoof_fbmenuitem';
- li.setAttribute('data-label', CURRENTLANG.options_title);
- li.setAttribute('data-ponyhoof-menuitem-orig', CURRENTLANG.options_title);
- li.setAttribute('data-ponyhoof-menuitem-text', CURRENTLANG.options_title);
- li.appendChild(a);
-
- menu.insertBefore(sep, menu.firstChild);
- menu.insertBefore(li, sep);
- }
- };
-
- k.debug_betaFacebookBaseRewrote = false;
- k.debug_betaFacebookLinks = function(target) {
- if (!k.debug_betaFacebookBaseRewrote) {
- contentEval(function(arg) {
- try {
- if (typeof window.requireLazy == 'function') {
- window.requireLazy(['Env'], function(Env) {
- Env.www_base = window.location.protocol+'//'+window.location.hostname+'/';
- });
- }
- } catch (e) {
- if (arg.CANLOG && typeof console != 'undefined' && console.log && console.dir) {
- console.log("Unable to hook to Env");
- console.dir(e);
- }
- }
- }, {"CANLOG":CANLOG});
- k.debug_betaFacebookBaseRewrote = true;
- }
- var links = target.querySelectorAll('a[href^="http://www.facebook.com"], a[href^="https://www.facebook.com"]');
- for (var i = 0, len = links.length; i < len; i += 1) {
- var link = links[i];
- var href = link.href;
- href = href.replace(/http\:\/\/www.facebook.com\//, 'http://beta.facebook.com/');
- href = href.replace(/https\:\/\/www.facebook.com\//, 'https://beta.facebook.com/');
-
- link.href = href;
- }
- };
-
- // Mutation
- k.mutateCharacterData = function(mutation) {
- var parent = null;
- if (mutation.target && mutation.target.parentNode) {
- parent = mutation.target.parentNode;
- if (parent.tagName.toUpperCase() == 'ABBR') {
- return;
- }
- }
-
- if (userSettings.debug_mutationDebug) {
- try {
- console.log('characterData:');
- if (!ISFIREFOX) {
- console.dir(mutation.target);
- }
- } catch (e) {}
- }
-
- k.textNodes({target: mutation.target});
-
- if (!parent) {
- return;
- }
- var id = parent.getAttribute(k.REACTATTRNAME);
- if (id) {
- if (parent.rel == 'dialog') {
- var ajaxify = parent.getAttribute('ajaxify');
- if (ajaxify && ajaxify.indexOf('/ajax/browser/dialog/likes') === 0) {
- if (parent.parentNode && hasClass(parent.parentNode, '_5civ')) {
- // entstream
- k._EntstreamCollapsedUFISentence_change(parent);
- } else {
- k.getParent(parent, function(likesentence) {
- return hasClass(likesentence, 'UFILikeSentence');
- }, function(likesentence) {
- if (likesentence) {
- k._likePostBox(likesentence);
- }
- });
- }
- }
- } else if (hasClass(parent.parentNode, 'UFIPagerLink')) {
- k.ufiPagerLink({target: parent.parentNode.parentNode});
- } else if (hasClass(parent, 'ponyhoof_brohoof_button')) {
- k._commentLikeLink(parent);
- } else if (parent.nextSibling && hasClass(parent.nextSibling, 'UFIOrderingModeSelectorDownCaret')) {
- k.UFIOrderingMode(parent);
- } else {
- if (parent.parentNode && parent.parentNode.parentNode) {
- //if (hasClass(parent.parentNode.parentNode, 'UFIImageBlockContent') || (parent.parentNode.parentNode.parentNode && hasClass(parent.parentNode.parentNode.parentNode, 'UFIImageBlockContent'))) {
- if (hasClass(parent.parentNode.parentNode, 'UFILikeSentenceText') || (parent.parentNode.parentNode.parentNode && hasClass(parent.parentNode.parentNode.parentNode, 'UFILikeSentenceText'))) {
- // live commenting
- // You and John brohoof this.
- // You like this.
- var ufi = k.getReactUfi(parent);
- if (ufi) {
- k.postLike({target: ufi});
- }
- } else {
- if (hasClass(parent.parentNode.parentNode, k.notification_textClass[0]) || hasClass(parent.parentNode.parentNode, k.notification_textClass[1])) {
- // gosh, i dislike this...
- k.getParent(parent, function(notificationItem) {
- return hasClass(notificationItem, k.notification_itemClass[0]) || hasClass(notificationItem, k.notification_itemClass[1]);
- }, function(notificationItem) {
- if (!notificationItem) {
- return;
- }
-
- var i = 0;
- if (hasClass(notificationItem, k.notification_itemClass[1])) {
- i = 1;
- }
-
- k._notification_change(notificationItem, '.'+k.notification_textClass[i]+' > span', k._notification_react_metadata);
- });
- }
- }
- }
- }
- } else {
- if (hasClass(parent, '_5lbu') || hasClass(parent, '-cx-PRIVATE-pokesDashboard__pokerbuttons')) {
- // Nuzzles
- var t = mutation.target.textContent;
- t = t.replace(/\bPoke\b/, 'Nuzzle');
- if (mutation.target.textContent != t) {
- mutation.target.textContent = t;
- }
- }
- }
- };
-
- k.mutateAttributes = function(mutation) {
- //if (mutation.attributeName.indexOf('data-ponyhoof-') == 0) {
- // return;
- //}
- var target = mutation.target;
- if (mutation.attributeName == 'title') {
- if (target.title == target.getAttribute('data-ponyhoof-title-modified')) {
- return;
- }
- }
- switch (mutation.attributeName) {
- case 'title':
- var id = target.getAttribute(k.REACTATTRNAME);
- if (id) {
- if (hasClass(target, 'UFILikeLink')) {
- if (target.title == '' && mutation.oldValue != '') { // thanks a lot Hover Zoom
- target.setAttribute('data-ponyhoof-title', mutation.oldValue);
- target.setAttribute('data-ponyhoof-title-modified', mutation.oldValue);
- } else {
- var orig = target.title;
- var t = orig;
- t = t.replace(/\bcomment\b/, "friendship letter");
- t = t.replace(/\bLike this \b/, capitaliseFirstLetter(CURRENTSTACK.like)+' this ');
- t = t.replace(/\bUnlike this \b/, capitaliseFirstLetter(CURRENTSTACK.unlike)+' this ');
- t = t.replace(/\bunlike this \b/, CURRENTSTACK.unlike+' this ');
- t = t.replace(/\bliking this \b/, CURRENTSTACK.liking+' this ');
-
- if (orig != t) {
- target.title = t;
- }
- target.setAttribute('data-ponyhoof-title', orig);
- target.setAttribute('data-ponyhoof-title-modified', t);
- }
- }
- }
- break;
-
- /*case 'value':
- if (/*(target.parentNode && hasClass(target.parentNode, 'uiButton')) || * /hasClass(target, 'ufb-button-input')) {
- var button = target.parentNode;
- if (button) {
- var orig = target.value;
- var replaced = replaceText(buttonTitles, orig);
- if (/*hasClass(button, 'uiButton') || * /hasClass(button, 'ufb-button')) {
- if (button.getAttribute('data-hover') != 'tooltip') {
- if (orig != replaced) {
- if (button.title == '') {
- button.title = orig;
- } else {
- if (button.title == button.getAttribute('data-ponyhoof-button-orig')) {
- button.title = orig;
- }
- }
- } else {
- button.title = '';
- }
- }
- button.setAttribute('data-ponyhoof-button-orig', orig);
- button.setAttribute('data-ponyhoof-button-text', replaced);
- }
- if (orig != replaced) {
- target.value = replaced;
- }
- }
- }
- break;*/
-
- default:
- break;
- }
- };
-
- // Utilities
- k.getParent = function(ele, iffunc, func) {
- var outer = ele.parentNode;
- while (outer) {
- if (iffunc(outer)) {
- break;
- }
- outer = outer.parentNode;
- }
-
- func(outer);
- };
-
- k.changeButtonText = function(button, t) {
- if (button.tagName.toUpperCase() == 'INPUT') {
- button.value = t;
- } else {
- button.innerHTML = t;
- }
- };
-
- // Delays and let Facebook finish changing the DOM
- // Note that this shouldn't be a problem when MutationObserver is used full-time
- k.delayIU = function(func, delay) {
- var delay = delay || 10;
-
- if (USINGMUTATION) {
- func();
- return;
- }
-
- w.setTimeout(function() {
- var iu = INTERNALUPDATE;
- INTERNALUPDATE = true;
- func();
- INTERNALUPDATE = iu;
- }, delay);
- };
-
- k.getReactUfi = function(ele) {
- // .reactRoot[3].[1][0].0.[1].0.0.[2]
- var finalid = k.getReactId(ele);
-
- var ufi = d.querySelector('div['+k.REACTATTRNAME+'=".r['+finalid+']"]');
- if (ufi && hasClass(ufi, 'UFIList')) {
- return ufi;
- }
-
- // Rollback to old method
- k.getParent(ele, function(ufiitem) {
- return hasClass(ufiitem, 'UFIList');
- }, function(ufiitem) {
- ufi = ufiitem;
- });
- return ufi;
- };
-
- k.getReactCommentComponent = function(ele) {
- // .reactRoot[3].[1][2][1]{comment105273202993369_7901}.0.[1].0.[1].0.[1].[2]
- // .reactRoot[1].:1:1:1:comment558202387555478_1973546.:0.:1.:0.:1.:0
- var id = ele.getAttribute(k.REACTATTRNAME);
- if (!id) {
- return false;
- }
- var open = id.indexOf('{comment');
- var close = '}';
- var closeCount = 1;
- if (open == -1) {
- open = id.indexOf(':comment');
- if (open == -1) {
- return false;
- }
- close = '.:';
- closeCount = 0;
- }
- var subEnd = id.substring(open, id.length).indexOf(close);
- var component = id.substring(0, open+subEnd+closeCount);
-
- return component;
- };
-
- k.getReactComment = function(ele) {
- var component = k.getReactCommentComponent(ele);
-
- var comment = d.querySelector('div['+k.REACTATTRNAME+'="'+component+'"]');
- if (comment && hasClass(comment, 'UFIComment')) {
- return comment;
- }
-
- // Rollback to old method
- k.getParent(ele, function(ufiitem) {
- return hasClass(ufiitem, 'UFIComment');
- }, function(ufiitem) {
- comment = ufiitem;
- });
- return comment;
- };
-
- k.getTrackingNode = function(ele) {
- var trackingNode = ele.getAttribute('data-ft');
- if (trackingNode) {
- try {
- trackingNode = JSON.parse(trackingNode);
- return trackingNode.tn;
- } catch (e) {}
- }
- return false;
- };
-
- k.updateLayerPosition = function(layer) {
- var tempClass = 'ponyhoof_temp_'+(+new Date());
- addClass(layer, tempClass);
-
- contentEval(function(arg) {
- try {
- if (typeof window.requireLazy == 'function') {
- window.requireLazy(['DataStore'], function(DataStore) {
- var layer = document.getElementsByClassName(arg.tempClass);
- if (!layer || !layer.length) {
- return;
- }
- layer = layer[0];
-
- var layerClass = DataStore.get(layer, 'layer');
- layerClass.updatePosition();
- layerClass = null;
-
- if (layer.classList) {
- layer.classList.remove(arg.tempClass);
- }
- });
- }
- } catch (e) {
- if (arg.CANLOG && typeof console != 'undefined' && console.log && console.dir) {
- console.log("Unable to hook to DataStore");
- console.dir(e);
- }
- }
- }, {'CANLOG':CANLOG, 'tempClass':tempClass});
-
- if (!layer.classList) {
- w.setTimeout(function() {
- removeClass(layer, tempClass);
- }, 500);
- }
- };
-
- // Ignore irrelevant tags and some classes
- k.shouldIgnore = function(dom) {
- if (dom.target.nodeType == 8) { // comments
- return true;
- }
-
- if (dom.target.nodeType != 3) {
- var tn = dom.target.tagName.toUpperCase();
- if (tn == 'SCRIPT' || tn == 'STYLE' || tn == 'LINK' || tn == 'INPUT' || tn == 'BR' || tn == 'META') {
- return true;
- }
- }
-
- if (dom.target.parentNode && /(DOMControl_shadow|highlighterContent|textMetrics)/.test(dom.target.parentNode.className)) {
- return true;
- }
-
- return false;
- };
-
- k.dumpConsole = function(dom) {
- if (!userSettings.debug_dominserted_console) {
- return;
- }
-
- if (dom.target.nodeType == 8) { // comments
- return;
- }
-
- if (dom.target.nodeType == 3) {
- if (dom.target.parentNode && dom.target.parentNode.tagName.toUpperCase() != 'ABBR') {
- if (typeof console !== 'undefined' && console.dir) {
- console.dir(dom.target);
- }
- }
- return;
- }
-
- var id = dom.target.getAttribute('id');
- if (id && (id.indexOf('bfb_') == 0 || id.indexOf('sfx_') == 0)) {
- return;
- }
-
- var className = dom.target.className;
- if (className.indexOf('bfb_') == 0 || className.indexOf('sfx_') == 0) {
- return;
- }
-
- var tagName = dom.target.tagName.toUpperCase();
- if (tagName != 'BODY') {
- if (typeof console !== 'undefined' && console.log) {
- console.log(dom.target.outerHTML);
- }
- }
- };
-
- k.textBrohoof = function(ele) {
- var orig = '';
- var t = '';
- if (ele.nodeType === TEXT_NODE) {
- orig = ele.textContent;
- } else {
- orig = ele.innerHTML;
- }
- t = orig;
- t = t.replace(/\bpeople\b/g, " "+CURRENTSTACK['people']);
- t = t.replace(/\bperson\b/g, " "+CURRENTSTACK['person']);
- t = t.replace(/likes this/g, CURRENTSTACK['likes']+" this");
- t = t.replace(/like this/g, CURRENTSTACK['like']+" this");
- t = t.replace(/Likes/g, capitaliseFirstLetter(CURRENTSTACK['likes'])); // new news feed page likes
- t = t.replace(/likes/g, CURRENTSTACK['likes']);
- t = t.replace(/like/g, CURRENTSTACK['like']);
- t = t.replace(/\btalking about this\b/g, "blabbering about this");
- t = t.replace(/\bfriends\b/g, CURRENTSTACK['friends_logic']);
- t = t.replace(/\bfriend\b/g, CURRENTSTACK['friend_logic']);
- if (orig != t) {
- if (ele.nodeType === TEXT_NODE) {
- ele.textContent = t;
- } else {
- ele.innerHTML = t;
- }
- }
- };
-
- k.textStandard = function(t) {
- t = t.replace(/\bpeople\b/g, " "+CURRENTSTACK['people']);
- t = t.replace(/\bfriends\b/g, " "+CURRENTSTACK['friends_logic']);
- t = t.replace(/\bfriend\b/g, " "+CURRENTSTACK['friend_logic']);
- t = t.replace(/\blikes\b/g, " "+CURRENTSTACK['likes_past']);
- t = t.replace(/\blike\b/g, " "+CURRENTSTACK['like_past']);
- return t;
- };
-
- k.textNotification = function(t) {
- t = t.replace(/\bpeople\b/g, " "+CURRENTSTACK['people']);
- t = t.replace(/\(friends\b/g, "("+CURRENTSTACK['friends_logic']);
- t = t.replace(/\bfriends\b/g, " "+CURRENTSTACK['friends_logic']);
- t = t.replace(/\binvited you to like\b/g, " invited you to "+CURRENTSTACK.like);
- t = t.replace(/\blikes\b/g, " "+CURRENTSTACK['likes_past']);
- t = t.replace(/\blike\b/g, " "+CURRENTSTACK['like_past']);
-
- t = t.replace(/\bcomment\b/g, "friendship letter");
- t = t.replace(/\bphoto\b/g, "pony pic");
- t = t.replace(/\bphotos\b/g, "pony pics");
- t = t.replace(/\bgroup\b/g, "herd");
- t = t.replace(/\bevent\b/g, "adventure");
- t = t.replace(/\btimeline\b/g, "journal");
- t = t.replace(/\bTimeline Review\b/g, "Journal Review");
- t = t.replace(/\bTimeline\b/g, "Journal"); // English UK
- t = t.replace(/\bnew messages\b/, "new friendship reports");
- t = t.replace(/\bnew message\b/, "new friendship report");
- t = t.replace(/\bprofile picture\b/g, "journal pony pic");
- t = t.replace(/\bfriend request\b/g, "friendship request");
- t = t.replace(/\bpoked you/g, " nuzzled you");
- return t;
- };
- };
- var _optionsLinkInjected = false;
- var injectOptionsLink = function() {
- if (_optionsLinkInjected) {
- return;
- }
-
- if ($('logout_form')) {
- _optionsLinkInjected = true;
-
- var optionsLink = d.createElement('a');
- optionsLink.href = '#';
- optionsLink.id = 'ponyhoof_account_options';
- optionsLink.className = 'navSubmenu submenuNav'; // submenuNav is for developers.facebook.com
- optionsLink.innerHTML = CURRENTLANG.options_title+" <span class='ponyhoof_hide_if_injected inline'>(Disabled)</span>";
- optionsLink.addEventListener('click', function(e) {
- optionsOpen();
-
- try {
- clickLink($('navAccountLink'));
- } catch (e) {}
- try {
- clickLink($('accountNavArrow'));
- } catch (e) {}
-
- e.preventDefault();
- }, false);
-
- var optionsLinkLi = d.createElement('li');
- optionsLinkLi.setAttribute('role', 'menuitem');
- optionsLinkLi.appendChild(optionsLink);
-
- var logout = $('logout_form');
- logout.parentNode.parentNode.insertBefore(optionsLinkLi, logout.parentNode);
- } else {
- var pageNav = $('pageNav');
- if (!pageNav) {
- return;
- }
-
- var isBusiness = pageNav.querySelector('.navLink[href*="logout.php?h="]');
- if (!isBusiness) {
- return;
- }
-
- _optionsLinkInjected = true;
-
- var optionsLink = d.createElement('a');
- optionsLink.href = '#';
- optionsLink.id = 'ponyhoof_account_options';
- optionsLink.className = 'navLink';
- optionsLink.innerHTML = CURRENTLANG.options_title+" <span class='ponyhoof_hide_if_injected inline'>(Disabled)</span>";
- optionsLink.addEventListener('click', function(e) {
- optionsOpen();
- e.preventDefault();
- }, false);
-
- var optionsLinkLi = d.createElement('li');
- optionsLinkLi.className = 'navItem middleItem';
- optionsLinkLi.appendChild(optionsLink);
-
- pageNav.insertBefore(optionsLinkLi, pageNav.childNodes[0]);
- }
- };
-
- var domNodeHandlerMain = new domNodeHandler();
- var mutationObserverMain = null;
-
- var ranDOMNodeInserted = false;
- var runDOMNodeInserted = function() {
- if (ranDOMNodeInserted) {
- return false;
- }
-
- ranDOMNodeInserted = true;
-
- onPageReady(function() {
- if (d.body) {
- DOMNodeInserted({target: d.body});
- }
- });
-
- if (!userSettings.debug_noMutationObserver) {
- try {
- var mutationObserver = w.WebKitMutationObserver || w.MutationObserver || false;
- if (mutationObserver) {
- var observerOptions = {attributes:true, childList:true, characterData:true, subtree:true, attributeOldValue:true, attributeFilter:['title'/*, 'class', 'value'*/]};
- mutationObserverMain = new mutationObserver(function(mutations) {
- if (INTERNALUPDATE) {
- return;
- }
- mutationObserverMain.disconnect();
-
- for (var i = 0, len = mutations.length; i < len; i += 1) {
- switch (mutations[i].type) {
- case 'characterData':
- var iu = INTERNALUPDATE;
- INTERNALUPDATE = true;
-
- domNodeHandlerMain.mutateCharacterData(mutations[i]);
-
- INTERNALUPDATE = iu;
- break;
-
- case 'childList':
- for (var j = 0, jlen = mutations[i].addedNodes.length; j < jlen; j += 1) {
- if (userSettings.debug_mutationDebug) {
- if (mutations[i].addedNodes[j].parentNode && mutations[i].addedNodes[j].parentNode.tagName != 'ABBR') {
- try {
- console.log('childList:');
- if (!ISFIREFOX) {
- console.dir(mutations[i].addedNodes[j]);
- } else {
- if (typeof mutations[i].addedNodes[j].className == 'undefined') {
- console.dir(mutations[i].addedNodes[j]);
- } else {
- //console.log(' '+mutations[i].addedNodes[j].className);
- //console.log(' '+mutations[i].addedNodes[j].innerHTML);
- }
- }
- } catch (e) {}
- }
- }
- DOMNodeInserted({target: mutations[i].addedNodes[j]});
- }
- break;
-
- case 'attributes':
- var iu = INTERNALUPDATE;
- INTERNALUPDATE = true;
-
- domNodeHandlerMain.mutateAttributes(mutations[i]);
-
- INTERNALUPDATE = iu;
- break;
-
- default:
- break;
- }
- }
- if (userSettings.debug_mutationDebug) {
- console.log('=========================================');
- }
- mutationObserverMain.observe(d.documentElement, observerOptions);
- });
- mutationObserverMain.observe(d.documentElement, observerOptions);
- USINGMUTATION = true;
- }
- } catch (e) {
- warn("MutationObserver threw an exception, fallback to DOMNodeInserted");
- dir(e);
- }
- }
- if (!USINGMUTATION) {
- d.addEventListener('DOMNodeInserted', DOMNodeInserted, true);
- }
-
- if (d.body) {
- DOMNodeInserted({target: d.body});
- }
- };
-
- var turnOffFbNotificationSound = function() {
- contentEval(function(arg) {
- try {
- if (typeof window.requireLazy == 'function') {
- window.requireLazy(['NotificationSound'], function(NotificationSound) {
- NotificationSound.prototype.play = function() {};
- });
- }
- } catch (e) {
- if (arg.CANLOG && typeof console != 'undefined' && console.log && console.dir) {
- console.log("Unable to hook to NotificationSound");
- console.dir(e);
- }
- }
- }, {"CANLOG":CANLOG});
- };
-
- var changeChatSound = function(code) {
- onPageReady(function() {
- contentEval(function(arg) {
- try {
- if (typeof window.requireLazy == 'function') {
- window.requireLazy(['ChatConfig'], function(ChatConfig) {
- ChatConfig.set('sound.notif_ogg_url', arg.THEMEURL+arg.code+'.ogg');
- ChatConfig.set('sound.notif_mp3_url', arg.THEMEURL+arg.code+'.mp3');
- });
- }
- } catch (e) {
- if (arg.CANLOG && typeof console != 'undefined' && console.log && console.dir) {
- console.log("Unable to hook to ChatConfig");
- console.dir(e);
- }
- }
- }, {"CANLOG":CANLOG, "THEMEURL":THEMEURL, 'code':code});
- });
- };
-
- var ranExtraInjection = false;
- var extraInjection = function() {
- if (ranExtraInjection) {
- return false;
- }
- ranExtraInjection = true;
-
- for (var x in HTMLCLASS_SETTINGS) {
- if (userSettings[HTMLCLASS_SETTINGS[x]]) {
- addClass(d.documentElement, 'ponyhoof_settings_'+HTMLCLASS_SETTINGS[x]);
- }
- }
-
- var globalcss = '';
- globalcss += '.ponyhoof_page_readme {width:100%;height:300px;border:solid #B4BBCD;border-width:1px 0;-moz-box-sizing:border-box;box-sizing:border-box;}';
- globalcss += '#fbIndex_swf {position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;}';
- globalcss += '.ponyhoof_image_shadow {box-shadow:0 3px 8px rgba(0,0,0,.3);margin:0 auto;display:block;margin-bottom:3px;cursor:not-allowed;-webkit-user-drag:none;-moz-user-drag:none;user-drag:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;}';
- globalcss += '.ponyhoof_image_shadow.noshadow {box-shadow:none;}';
- globalcss += '.ponyhoof_tooltip_widthFix {width:auto !important;}';
-
- injectManualStyle(globalcss, 'global');
-
- if (userSettings.customcss) {
- injectManualStyle(userSettings.customcss, 'customcss');
- }
-
- INTERNALUPDATE = true;
- for (var i = 0; i < 10; i += 1) {
- var n = d.createElement('div');
- n.id = 'ponyhoof_extra_'+i;
- d.body.appendChild(n);
- }
-
- var timeShift = function() {
- var now = new Date();
-
- d.documentElement.setAttribute('data-ponyhoof-year', now.getFullYear());
- d.documentElement.setAttribute('data-ponyhoof-month', now.getMonth());
- d.documentElement.setAttribute('data-ponyhoof-date', now.getDate());
- d.documentElement.setAttribute('data-ponyhoof-hour', now.getHours());
- d.documentElement.setAttribute('data-ponyhoof-minute', now.getMinutes());
- };
- timeShift();
- w.setInterval(timeShift, 60*1000);
-
- if (userSettings.chatSound) {
- if (!SOUNDS_CHAT[userSettings.chatSoundFile] || !SOUNDS_CHAT[userSettings.chatSoundFile].name) {
- userSettings.chatSoundFile = '_sound/grin2';
- }
- if (typeof w.Audio != 'undefined') {
- changeChatSound(userSettings.chatSoundFile);
- }
- }
-
- if (userSettings.customBg && !ONPLUGINPAGE) {
- changeCustomBg(userSettings.customBg);
- }
-
- // Turn off Facebook's own notification sound
- if (userSettings.sounds) {
- turnOffFbNotificationSound();
- }
-
- INTERNALUPDATE = false;
- };
-
- var detectBrokenFbStyle = function() {
- var test = d.createElement('div');
- test.className = 'hidden_elem';
- d.documentElement.appendChild(test);
-
- var style = w.getComputedStyle(test, null);
- if (style && style.display != 'none') {
- d.documentElement.removeChild(test);
-
-
- return true;
- }
- d.documentElement.removeChild(test);
- return false;
- };
-
- // Wait for the current page to complete
- var scriptStarted = false;
- function startScript() {
- if (scriptStarted) {
- return;
- }
- scriptStarted = true;
-
- // Don't run on exclusions
- if (w.location.hostname.indexOf('.facebook.com') == w.location.hostname.length-'.facebook.com'.length) {
- var excludes = ['/l.php', '/ai.php', '/ajax/'];
- for (var i = 0, len = excludes.length; i < len; i += 1) {
- if (w.location.pathname.indexOf(excludes[i]) == 0) {
- return;
- }
- }
- }
-
- // Don't run on ajaxpipe
- if (w.location.search && w.location.search.indexOf('ajaxpipe=1') != -1) {
- return;
- }
-
- // Don't run on Browser Ponies
- if (w.location.hostname == 'hoof.little.my') {
- var excludes = ['.gif', '.png'];
- for (var i = 0, len = excludes.length; i < len; i += 1) {
- if (w.location.pathname.indexOf(excludes[i]) != -1) {
- return;
- }
- }
- }
-
- // Don't run on Open Graph Debugger
- if (w.location.hostname.indexOf('developers.') != -1 && w.location.hostname.indexOf('.facebook.com') != -1 && w.location.pathname == '/tools/debug/og/echo') {
- return;
- }
-
- if (w.location.hostname == '0.facebook.com') {
- return;
- }
-
- if (!d.head) {
- d.head = d.getElementsByTagName('head')[0];
- }
-
- // Are we running in a special Ponyhoof page?
- if (d.documentElement.id == 'ponyhoof_page') {
- // Modify the <html> tag
- addClass(d.documentElement, 'ponyhoof_userscript');
- d.documentElement.setAttribute('data-ponyhoof-userscript-version', VERSION);
-
- var changeVersion = function() {
- var v = d.getElementsByClassName('ponyhoof_VERSION');
- for (var i = 0, len = v.length; i < len; i += 1) {
- v[i].textContent = VERSION;
- }
- };
- changeVersion();
- onPageReady(changeVersion);
-
- try {
- if (d.documentElement.getAttribute('data-ponyhoof-update-current') > VERSION) {
- addClass(d.documentElement, 'ponyhoof_update_outdated');
- } else {
- addClass(d.documentElement, 'ponyhoof_update_newest');
- }
- } catch (e) {}
- }
-
- // Determine what storage method to use
- STORAGEMETHOD = 'none';
- try {
- if (typeof GM_getValue === 'function' && typeof GM_setValue === 'function') {
- // Chrome lies about GM_getValue support
- GM_setValue("ponyhoof_test", "ponies");
- if (GM_getValue("ponyhoof_test") === "ponies") {
- STORAGEMETHOD = 'greasemonkey';
- }
- }
- } catch (e) {}
-
- if (STORAGEMETHOD == 'none') {
- try {
- if (typeof chrome != 'undefined' && chrome && chrome.extension && typeof GM_getValue == 'undefined') {
- STORAGEMETHOD = 'chrome';
- }
- } catch (e) {}
- }
-
- if (STORAGEMETHOD == 'none') {
- try {
- if (typeof opera != 'undefined' && opera && opera.extension) {
- STORAGEMETHOD = 'opera';
- }
- } catch (e) {}
- }
-
- if (STORAGEMETHOD == 'none') {
- try {
- if (typeof safari != 'undefined') {
- STORAGEMETHOD = 'safari';
- }
- } catch (e) {}
- }
-
- if (STORAGEMETHOD == 'none') {
- if (DISTRIBUTION == 'xpi') {
- STORAGEMETHOD = 'xpi';
- }
- }
-
- if (STORAGEMETHOD == 'none') {
- if (DISTRIBUTION == 'mxaddon') {
- STORAGEMETHOD = 'mxaddon';
- }
- }
-
- if (STORAGEMETHOD == 'none') {
- STORAGEMETHOD = 'localstorage';
- }
-
- if (d.documentElement.id == 'ponyhoof_page') {
- addClass(d.documentElement, 'ponyhoof_distribution_'+DISTRIBUTION);
- addClass(d.documentElement, 'ponyhoof_storagemethod_'+STORAGEMETHOD);
- return;
- }
-
- // Inject the system style so we can do any error trapping
- injectSystemStyle();
-
- // Grab the user
- USERID = cookie('c_user');
- if (!USERID) {
- USERID = 0;
- } else {
- SETTINGSPREFIX = USERID+'_';
- }
-
- loadSettings(function(s) {
- userSettings = s;
-
- loadSettings(function(s) {
- globalSettings = s;
-
- if (userSettings.debug_slow_load) {
- onPageReady(settingsLoaded);
- return;
- }
- settingsLoaded();
- }, {prefix:'global_', defaultSettings:GLOBALDEFAULTSETTINGS});
- });
- };
-
- // Check for legacy settings through message passing
- var migrateSettingsChromeDone = false;
- var migrateSettingsChrome = function(callback) {
- if (STORAGEMETHOD == 'chrome') {
- if (chrome.storage) {
- try {
- chrome_sendMessage({'command':'getValue', 'name':SETTINGSPREFIX+'settings'}, function(response) {
- if (response && typeof response.val != 'undefined') {
- var _settings = JSON.parse(response.val);
- if (_settings) {
- userSettings = _settings;
- saveSettings();
-
- chrome_sendMessage({'command':'clearStorage'}, function() {});
- }
-
- migrateSettingsChromeDone = true;
- callback();
- }
- });
- } catch (e) {
- error("Failed to read previous settings through message passing");
- dir(e);
- migrateSettingsChromeDone = true;
- callback();
- }
- return;
- }
- }
- migrateSettingsChromeDone = true;
- callback();
- };
-
- // Check for previous settings from unprefixed settings
- var migrateSettingsUnprefixedDone = false;
- var migrateSettingsUnprefixed = function(callback) {
- loadSettings(function(s) {
- if (s.lastVersion) { // only existed in previous versions
- userSettings = s;
- saveSettings();
- saveValue('settings', JSON.stringify(null));
- }
-
- migrateSettingsUnprefixedDone = true;
- callback();
- }, {prefix:''});
- };
-
- var globalSettingsTryLastUserDone = false;
- var globalSettingsTryLastUser = function(callback) {
- if (!globalSettings.lastUserId) {
- globalSettingsTryLastUserDone = true;
- callback();
- return;
- }
-
- SETTINGSPREFIX = globalSettings.lastUserId+'_';
- loadSettings(function(s) {
- if (s) {
- userSettings = s;
- }
-
- globalSettingsTryLastUserDone = true;
- callback();
- });
- };
-
- function settingsLoaded() {
- if (!userSettings.theme && !migrateSettingsChromeDone) {
- migrateSettingsChrome(settingsLoaded);
- return;
- }
-
- // Migrate for multi-user
- if (!userSettings.theme && !migrateSettingsUnprefixedDone) {
- migrateSettingsUnprefixed(settingsLoaded);
- return;
- }
-
- if (!globalSettings.globalSettingsMigrated) {
- if (!userSettings.lastVersion) {
- // New user
- statTrack('install');
- }
-
- for (var i in GLOBALDEFAULTSETTINGS) {
- if (userSettings.hasOwnProperty(i)) {
- globalSettings[i] = userSettings[i];
- }
- }
- globalSettings.globalSettingsMigrated = true;
- saveGlobalSettings();
- }
-
- if (!USERID && !globalSettingsTryLastUserDone) {
- // Try loading the last user
- globalSettingsTryLastUser(settingsLoaded);
- return;
- }
-
- // If we haven't set up Ponyhoof, don't log
- if (!userSettings.theme || userSettings.debug_disablelog) {
- CANLOG = false;
- }
-
- // Run ONLY on #facebook
- if (!(d.documentElement.id == 'facebook' && w.location.hostname.indexOf('.facebook.com') == w.location.hostname.length-'.facebook.com'.length) && d.documentElement.id != 'ponyhoof_page') {
- info("Ponyhoof does not run on "+w.location.href+" (html id is not #facebook)");
- return;
- }
-
- // Did we already run our script?
- if (hasClass(d.documentElement, 'ponyhoof_userscript')) {
- info("Style already injected at "+w.location.href);
- return;
- }
-
- // Don't run in frames
- var forceWhiteBackground = false;
- try {
- var href = w.location.href.toLowerCase();
-
- if ((href.indexOf('/plugins/like.php') != -1 || href.indexOf('/plugins/likebox.php') != -1 || href.indexOf('/plugins/subscribe.php') != -1 || href.indexOf('/plugins/facepile.php') != -1) && (href.indexOf('login/plugin_roadblock.php') == -1 && (href.indexOf('#ponyhoof_runme') != -1 || href.indexOf('&ponyhoof_runme') != -1))) {
- // Allow like boxes for the Ponyhoof page (yeah, a bit cheating)
- } else if (hasClass(d.body, 'chrmxt')) {
- // Allow for Facebook Notifications for Chrome
- } else {
- // Allow for some frames
- var allowedFrames = ['/ads/manage/powereditor/funding', '/ads/manage/powereditor/convtrack', '/mobile/iframe_emails.php'];
- var allowedFramesOk = false;
- for (var i = 0, len = allowedFrames.length; i < len; i += 1) {
- if (w.location.pathname.indexOf(allowedFrames[i]) == 0) {
- allowedFramesOk = true;
- forceWhiteBackground = true;
- }
- }
-
- // Allow for comment boxes owned by Ponyhoof
- // (in theory, we could still be run by http://example/?api_key=231958156911371 but this isn't a big deal)
- if (w.location.pathname === '/plugins/comments.php' || w.location.pathname === '/plugins/feedback.php') {
- if (w.location.search.indexOf('api_key=231958156911371') != -1 || w.location.search.indexOf('api_key=376261472405891') != -1) {
- allowedFramesOk = true;
- }
- }
-
- if (!allowedFramesOk) {
- if (USW.self != USW.top) {
- throw 1;
- }
- }
- }
- } catch (e) {
- info("Framed");
- return;
- }
-
- // Special instructions for browsers that needs localStorage
- runMe = true;
- if (STORAGEMETHOD == 'localstorage') {
- // Don't run on non-www :(
- if (userSettings.force_run) {
- log("Force running on "+w.location.href);
- } else {
- if (w.location.hostname != 'www.facebook.com') {
- info("w.location.hostname = "+w.location.hostname);
- runMe = false;
- }
- }
- }
-
- if (!runMe) {
- info("Ponyhoof style is not injected on "+w.location.href);
- //return;
- }
-
- CURRENTPONY = userSettings.theme;
-
- if (!USERID && !globalSettings.allowLoginScreen) {
- info("Ponyhoof will not run when logged out because of a setting.");
- return;
- }
-
- // Ban parasprites
- // If you would like to end up here, just simply show us that you have no clue about what Ponyhoof is really about and keep hitting "Send page source", don't be a moron please
- if (USERID && ['e3686058630b7b992b7f10e5ce10aa14', '10e823f70f20d7ef90db87783d96d5a6', 'b002a2d15003dad6a1cf694bba258ea2', 'c2480aa0cd99186aac0430f6d24ff40c', '377533fc17cfd34fae337a4c9a5e4d49', 'a078ca1d2d6a98055fa448b8367a8190', 'b85f32cf81e4153975f1e1f55fecfe58', '40ab65332ad92345ab727aadcc623906', '0147135a7dc2d1b65ca0032c97f89c5b', '6c5b9bf8a304f1a3e0b085f974c53592', '4ab4094e54225dccadf42bee9ac212a9', '2887516d877df760641ed9247cc84b65', '06308ee7060101f04a18e41158408730', 'a95ef44112c18876a808b2d7781e63ba', '57b540dc72835f30d402f6abc566677c', '1f75490e12b25ee5839687e0ffe65502', '24363cd421635e8268983f6187def3c8', '3a420678fb395a9e71ad6b523e880a27', 'd7a9db4027cd407b281c84cc626a9f70', '23d69d7ecfeeb940deef6bc69c3aee00', 'ad3553f919b97dbbb19a69966666641e', '46077eeb2467c70ec9332b672d1d7bd1', 'bc8ef81105cfdc4c6b5ff349622dae8a', 'a21ad36f4c3fc35494626d1399cc4be1', '3a2135f78503521e570608c07c3e6386', '8dc11f39765f8fe83603502afcb630a9', 'ac966d33840736554984577a78d37d95', '11abc5dd16709ff201ec00781c39ac3c', '00e957ff53a5b34518087621165498f9', '025e1b15134402df1803de9421dc7819', '125c419ddbad08ee8c53b88801415887', 'ca94af2350690962e97e1ac1fb98fa06', '62e6c5f16e8ccc79c94aa452aa36f5d8', 'cf7e6ddb2fc7c7984d323a81dfca8dfb', 'df6495bacaeb347a931f7e676fc8ee0b', 'e5ffc53255c20275e2c7d8f0c2ca5201', '31161cecf1fd9804bb66fa4e373733c6', 'cb5f2107815d30a538b30d82df93a1ac', '3a420678fb395a9e71ad6b523e880a27', 'b002c047d235437b8b255173ce73744a'].indexOf(md5(USERID)) != -1) {
- if (globalSettings.allowLoginScreen) {
- globalSettings.allowLoginScreen = false;
- saveGlobalSettings();
- }
- return;
- }
-
- // If we don't have an old setting...
- if (userSettings.theme == null) {
- // ... and not logged in, DON'T show the welcome screen
- if (!USERID) {
- // Special exception at home page, we want that cool login background
- if (!hasClass(d.body, 'fbIndex')) {
- info("Ponyhoof does not run for logged out users.");
- return;
- }
- }
-
- // Don't run on dialogs
- if (w.location.pathname.indexOf('/dialog/') == 0) {
- info("Ponyhoof does not run when there is no theme selected and running on dialogs.");
- return;
- }
- }
-
- // v1.581: Detect broken Facebook styles and abort if derped
- if (userSettings.theme && detectBrokenFbStyle()) {
- error("Broken Facebook style: hidden_elem is not expected");
- return;
- }
-
- // Modify the <html> tag
- addClass(d.documentElement, 'ponyhoof_userscript');
- addClass(d.documentElement, 'ponyhoof_storagemethod_'+STORAGEMETHOD);
- addClass(d.documentElement, 'ponyhoof_distribution_'+DISTRIBUTION);
- d.documentElement.setAttribute('data-ponyhoof-userscript-version', VERSION);
-
- // CANLOG previously could be disabled before
- if (!userSettings.debug_disablelog) {
- CANLOG = true;
- }
-
- // Load the language for the options link
- CURRENTLANG = LANG['en_US'];
- if (!userSettings.forceEnglish) {
- UILANG = getDefaultUiLang();
- if (!UILANG) {
- UILANG = 'en_US';
- } else {
- for (var i in LANG[UILANG]) {
- CURRENTLANG[i] = LANG[UILANG][i];
- }
- }
- }
-
- // Inject Ponyhoof Options in the Account dropdown even when DOMNodeInserted is disabled
- onPageReady(function() {
- injectOptionsLink();
- domNodeHandlerMain.ponyhoofPageOptions({target: d.body});
- });
-
- if (!runMe) {
- return;
- }
-
- var luckyGuess = -1;
- if (!CURRENTPONY && globalSettings.runForNewUsers) {
- // If we have a "special" name, load the peferred theme for that character if we're in one
- try {
- getBronyName();
- for (var i = 0, len = PONIES.length; i < len; i += 1) {
- if (PONIES[i].users) {
- var lowercase = BRONYNAME.toLowerCase();
- for (var j = 0, jlen = PONIES[i].users.length; j < jlen; j += 1) {
- if (lowercase.indexOf(PONIES[i].users[j]) != -1) {
- // We got a match!
- CURRENTPONY = PONIES[i].code;
- luckyGuess = i;
- }
- }
- }
- }
- } catch (e) {
- error("Failed to get brony name");
- }
- }
-
- // If we still don't have one, then assume none
- if (!CURRENTPONY) {
- CURRENTPONY = 'NONE';
- }
-
- if ($('jewelFansTitle')) {
- ISUSINGPAGE = true;
- addClass(d.documentElement, 'ponyhoof_isusingpage');
- }
-
- if (d.querySelector('#pageLogo > a[href*="/business/dashboard/"]')) {
- ISUSINGBUSINESS = true;
- addClass(d.documentElement, 'ponyhoof_isusingbusiness');
- }
-
- // v1.401: Turn on new chat sound by default
- if (!userSettings.chatSound1401 && !userSettings.chatSound) {
- userSettings.chatSound = true;
- userSettings.chatSound1401 = true;
- saveSettings();
- }
-
- // v1.501: Migrate previous randomSetting
- if (userSettings.randomSetting && !userSettings.randomSettingMigrated) {
- if (userSettings.randomSetting == 'mane6') {
- userSettings.randomPonies = 'twilight|dash|pinkie|applej|flutter|rarity';
- }
- userSettings.randomSettingMigrated = true;
- saveSettings();
- }
-
- // v1.571
- userSettings.soundsVolume = Math.max(0, Math.min(parseFloat(userSettings.soundsVolume), 1));
-
- // v1.601
- if (globalSettings.lastVersion < 1.6) {
- if (userSettings.customcss || userSettings.debug_dominserted_console || userSettings.debug_slow_load || userSettings.debug_disablelog || userSettings.debug_noMutationObserver || userSettings.debug_mutationDebug) {
- userSettings.debug_exposed = true;
- saveSettings();
- }
- }
-
- // v1.511: Track updates
- if (userSettings.theme && globalSettings.lastVersion < VERSION) {
- statTrack('updated');
- globalSettings.lastVersion = VERSION;
- saveGlobalSettings();
- }
-
- if (forceWhiteBackground || hasClass(d.body, 'plugin') || hasClass(d.body, 'transparent_widget') || hasClass(d.body, '_1_vn')) {
- ONPLUGINPAGE = true;
- addClass(d.documentElement, 'ponyhoof_fbplugin');
- changeThemeSmart(CURRENTPONY);
- } else {
- // Are we on homepage?
- if (hasClass(d.body, 'fbIndex') && globalSettings.allowLoginScreen) {
- // Activate screen saver
- screenSaverActivate();
-
- $$(d.body, '#blueBar .loggedout_menubar > .rfloat, ._50dz > .ptl[style*="#3B5998"] .rfloat > #login_form, ._50dz > div[style*="#3B5998"] td > div[style*="float"] #login_form', function() {
- addClass(d.documentElement, 'ponyhoof_fbIndex_topRightLogin');
- });
- }
-
- // No theme?
- if (userSettings.theme == null) {
- // No theme AND logged out
- if (!USERID) {
- changeTheme('login');
- log("Homepage is default to login.");
- extraInjection();
- if (!userSettings.disableDomNodeInserted) {
- runDOMNodeInserted();
- }
- return;
- }
-
- if (globalSettings.runForNewUsers) {
- if (luckyGuess == -1) {
- CURRENTPONY = getRandomMane6();
- }
-
- var welcome = new WelcomeUI({feature: luckyGuess});
- welcome.start();
- }
- } else {
- if (hasClass(d.body, 'fbIndex')) {
- if (CURRENTPONY == 'RANDOM' && !userSettings.randomPonies) {
- log("On login page and theme is RANDOM, choosing 'login'");
- changeThemeSmart('login');
- } else {
- changeThemeSmart(CURRENTPONY);
- }
-
- if (canPlayFlash()) {
- var dat = convertCodeToData(REALPONY);
- if (dat.fbIndex_swf && !userSettings.disable_animation) {
- addClass(d.documentElement, 'ponyhoof_fbIndex_hasswf');
-
- var swf = d.createElement('div');
- swf.innerHTML = '<object type="application/x-shockwave-flash" id="fbIndex_swf" width="100%" height="100%" data="'+THEMEURL+dat.fbIndex_swf+'"><param name="movie" value="'+THEMEURL+dat.fbIndex_swf+'"><param name="wmode" value="opaque"><param name="menu" value="false"><param name="allowscriptaccess" value="never"></object>';
- d.body.appendChild(swf);
- }
- }
- } else {
- changeThemeSmart(CURRENTPONY);
- }
- }
- }
-
- if (CURRENTPONY != 'NONE' && !userSettings.disableDomNodeInserted) {
- runDOMNodeInserted();
- }
-
- if (CURRENTPONY != 'NONE') {
- extraInjection();
- }
-
- // Record the last user to figure out what theme to load at login screen
- // This is low priority, if all else fails, we would just load the default Equestria 'login' anyway
- if (CURRENTPONY != 'NONE' && userSettings.theme != null) { // Make sure we have a pony set
- if (USERID && globalSettings.lastUserId != USERID && globalSettings.allowLoginScreen) {
- globalSettings.lastUserId = USERID;
- saveGlobalSettings();
- }
- }
- }
-
- onPageReady(startScript);
- d.addEventListener('DOMContentLoaded', startScript, true);
-
- var _loop = function() {
- if (d.body) {
- startScript();
- return;
- } else {
- w.setTimeout(_loop, 100);
- }
- };
- _loop();
-})();
-
-/* ALL YOUR PONIES ARE BELONG TO US */
-/*eof*/
\ No newline at end of file
+++ /dev/null
-// ==UserScript==
-// @name Reddit Enhancement Suite
-// @namespace http://reddit.honestbleeps.com/
-// @description A suite of tools to enhance reddit...
-// @copyright 2010-2013, Steve Sobel (http://redditenhancementsuite.com/)
-// @license GPL version 3 or any later version; http://www.gnu.org/copyleft/gpl.html
-// @author honestbleeps
-// @include http://redditenhancementsuite.com/*
-// @include http://reddit.honestbleeps.com/*
-// @include http://reddit.com/*
-// @include https://reddit.com/*
-// @include http://*.reddit.com/*
-// @include https://*.reddit.com/*
-// @version 4.3.0.4
-// @updateURL http://redditenhancementsuite.com/latest/reddit_enhancement_suite.meta.js
-// @downloadURL http://redditenhancementsuite.com/latest/reddit_enhancement_suite.user.js
-// @require https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js
-// ==/UserScript==
-
-/*jshint undef: true, unused: true, strict: false, laxbreak: true, multistr: true, smarttabs: true, sub: true, browser: true */
-
-var RESVersion = "4.3.0.4";
-
-var jQuery, $, guiders, Tinycon, SnuOwnd;
-
-/*
- Reddit Enhancement Suite - a suite of tools to enhance Reddit
- Copyright (C) 2010-2012 - honestbleeps (steve@honestbleeps.com)
-
- RES is released under the GPL. However, I do ask a favor (obviously I don't/can't require it, I ask out of courtesy):
-
- Because RES auto updates and is hosted from a central server, I humbly request that if you intend to distribute your own
- modified Reddit Enhancement Suite, you name it something else and make it very clear to your users that it's your own
- branch and isn't related to mine.
-
- RES is updated very frequently, and I get lots of tech support questions/requests from people on outdated versions. If
- you're distributing RES via your own means, those recipients won't always be on the latest and greatest, which makes
- it harder for me to debug things and understand (at least with browsers that auto-update) whether or not people are on
- a current version of RES.
-
- I can't legally hold you to any of this - I'm just asking out of courtesy.
-
- Thanks, I appreciate your consideration. Without further ado, the all-important GPL Statement:
-
- This program is free software: you can redistribute it and/or modify
- it under the terms of the GNU General Public License as published by
- the Free Software Foundation, either version 3 of the License, or
- (at your option) any later version.
-
- This program is distributed in the hope that it will be useful,
- but WITHOUT ANY WARRANTY; without even the implied warranty of
- MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- GNU General Public License for more details.
-
- You should have received a copy of the GNU General Public License
- along with this program. If not, see <http://www.gnu.org/licenses/>.
-
-*/
-
-var tokenizeCSS = 'ul.token-input-list-facebook { overflow: hidden; height: auto !important; height: 1%; width: 400px; border: 1px solid #96bfe8; cursor: text; font-size: 12px; font-family: Verdana; min-height: 1px; z-index: 1010; margin: 0; padding: 0; background-color: #fff; list-style-type: none; float: left; margin-right: 12px; }';
-tokenizeCSS += '.optionsTable ul.token-input-list-facebook {clear: left; float: none; margin-right: 0; }';
-tokenizeCSS += 'ul.token-input-list-facebook li input { border: 0; width: 100px; padding: 3px 8px; background-color: white; margin: 2px 0; -webkit-appearance: caret; }';
-tokenizeCSS += 'li.token-input-token-facebook { overflow: hidden; height: auto !important; height: 15px; margin: 3px; padding: 1px 3px; background-color: #eff2f7; color: #000; cursor: default; border: 1px solid #ccd5e4; font-size: 11px; border-radius: 5px; float: left; white-space: nowrap; }';
-tokenizeCSS += 'li.token-input-token-facebook p { display: inline; padding: 0; margin: 0;}';
-tokenizeCSS += 'li.token-input-token-facebook span { color: #a6b3cf; margin-left: 5px; font-weight: bold; cursor: pointer;}';
-tokenizeCSS += 'li.token-input-selected-token-facebook { background-color: #5670a6; border: 1px solid #3b5998; color: #fff;}';
-tokenizeCSS += 'li.token-input-input-token-facebook { float: left; margin: 0; padding: 0; list-style-type: none;}';
-tokenizeCSS += 'div.token-input-dropdown-facebook { position: absolute; width: 400px; background-color: #fff; overflow: hidden; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; cursor: default; font-size: 11px; font-family: Verdana; z-index: 100000100; }';
-tokenizeCSS += 'div.token-input-dropdown-facebook p { margin: 0; padding: 5px; font-weight: bold; color: #777;}';
-tokenizeCSS += 'div.token-input-dropdown-facebook ul { margin: 0; padding: 0;}';
-tokenizeCSS += 'div.token-input-dropdown-facebook ul li { background-color: #fff; padding: 3px; margin: 0; list-style-type: none;}';
-tokenizeCSS += 'div.token-input-dropdown-facebook ul li.token-input-dropdown-item-facebook { background-color: #fff;}';
-tokenizeCSS += 'div.token-input-dropdown-facebook ul li.token-input-dropdown-item2-facebook { background-color: #fff;}';
-tokenizeCSS += 'div.token-input-dropdown-facebook ul li em { font-weight: bold; font-style: normal;}';
-tokenizeCSS += 'div.token-input-dropdown-facebook ul li.token-input-selected-dropdown-item-facebook { background-color: #3b5998; color: #fff;}';
-
-
-var guidersCSS = '.guider { background: #FFF; border: 1px solid #666; font-family: arial; position: absolute; outline: none; z-index: 100000005 !important; padding: 4px 12px; width: 500px; z-index: 100; -moz-box-shadow: 0 0 8px #111; -webkit-box-shadow: 0 0 8px #111; box-shadow: 0 0 8px #111; border-radius: 4px;}';
-guidersCSS += '.guider_buttons { height: 36px; position: relative; width: 100%; }';
-guidersCSS += '.guider_content { position: relative; }';
-guidersCSS += '.guider_description { margin-bottom: 10px; }';
-guidersCSS += '.guider_content h1 { color: #1054AA; float: left; font-size: 21px; }';
-guidersCSS += '.guider_close { float: right; padding: 10px 0 0; }';
-// guidersCSS += '.x_button { background-image: url(\'x_close_button.jpg\'); cursor: pointer; height: 13px; width: 13px; }';
-guidersCSS += '.x_button { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAIAAAD9iXMrAAAACXBIWXMAAAsTAAALEwEAmpwYAAABe0lEQVQoFT2RT0/CQBDFd7tbqIULiAaMgK1ngSqFCyHwyaFANS1+BEDigRgIFORAQv/5lhI32eR1duY3b6Z0vvg+Ho+M0TAMGWPx5VBKCSH/OpPJ8OVyqaqKqqqcsSgKophKkpTUIBX6dDptNhuON13X7wq3F4RgkEQJnpCr1c9sNgOFhUHgebvpdNrpdNAiiiIwt1vPdd1er8c5D4IAvAjm8vl8LpebTCZ4SKXSu91+Mh7XajX1Jv17OMCs4PlBBCutVgvIwcBqGIZt269GvVqtwAalMUD8OiYhKGo2Tfv9w7Isw3jTNA3FOGiIHA6FLcByTIjn7dfrdaFwv1gsKuWSoigXntgAxxXGKYHx8WjUqL9gfMdxhta43+/LMpeYHITxled5h5FIquv6Exjw6rifw+Gw2+2ez2eMLOZF62w2a5pm+fEhaYRIu23O51+Kkkpyrn1lmRWLxcQrKmEG+vlZAwQaxRwXa0NUHHzE4i/7vh8TCSTEoEul0h9jNtRZlgw9UAAAAABJRU5ErkJggg==); cursor: pointer; height: 13px; width: 13px; }';
-guidersCSS += '.guider_content p { clear: both; color: #333; font-size: 13px; }';
-guidersCSS += '.guider_button { background: -moz-linear-gradient(top, #5CA9FF 0%, #3D79C3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5CA9FF), color-stop(100%, #3D79C3)); background-color: #4A95E0; border: solid 1px #4B5D7E; color: #FFF; cursor: pointer; display: inline-block; float: right; font-size: 75%; font-weight: bold; margin-left: 6px; min-width: 40px; padding: 3px 5px; text-align: center; text-decoration: none;border-radius: 2px; }';
-guidersCSS += '#guider_overlay { background-color: #000; width: 100%; height: 100%; position: fixed; top: 0; left: 0; opacity: 0.5; filter: alpha(opacity=50); z-index: 1000; }';
- /**
- * For optimization, the arrows image is inlined in the css below.
- *
- * To use your own arrows image, replace this background-image with your own arrows.
- * It should have four arrows, top, right, left, and down.
- */
-guidersCSS += '.guider_arrow { width: 42px; height: 42px; position: absolute; display: none; background-repeat: no-repeat; z-index: 100000006 !important; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAACoCAMAAAChZYy6AAABelBMVEX///8zMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzN+fn4zMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzPe3t4zMzMzMzN2dnYzMzMzMzPV1dUzMzMzMzMzMzMzMzMzMzN8fHwzMzOEhIQzMzPa2tozMzMzMzNtbW0zMzNzc3MzMzMzMzPR0dFtbW1xcXHS0tIzMzMzMzNxcXHh4eEzMzMzMzPi4uIzMzMzMzMzMzMzMzMzMzMzMzOEhITPz8+MjIwzMzMzMzMzMzOHh4czMzMzMzPZ2dkzMzMzMzPPz88zMzPW1tYzMzMzMzPV1dVvb28zMzMzMzMzMzOBgYEzMzPY2NiBgYHh4eHd3d3Nzc3o6OikpKQzMzPe3t7R0dEzMzPZ2dna2tqHh4czMzMzMzP///+41NW+AAAAfXRSTlMAAAECBA0HCBUfDhYsYy4gPU07CyF4PFCLjnVhA3ZMYC1PuxSMOmJ0jSscivBOGbY+eepVDDZ3Hrk/vgbuKn+yNLUJKOmxs+pZU7TwMgXcEhcmHRNun+SzNw+HvnJe6Eok50vsZArrpHFSNbyJ137v7ufmkyXv6F/s6qFWWFA9DhkAAAWkSURBVHhe7djpU+LKHsfh3ARiQBE0ioIIKoSwCKiAiAguuG+Ay7jv+z4uozNq/vebDub8OImdpOq8O3W+L62nPkVZZTc24aEokiQMjWUnaBNlCEcicb+5zhAeSy/mLYwhPDebPHY2iJjWxcvrBb4jZggLwn4i0NnRZAAL4k4S7SJu1sOCtHNtDBRtYByLgepjoIDn290+PEYENoPFQAFPR90+b3PY4kcYQ+VNSpgLZ/wp2kPhqIxHFRioeq+jUf7Ny+VXVtkcRcoUs6OpW37vIF0pm3MUUMwep7bXks4Kc2YCit2Pi8ur64x1iQSK39199rCUM0SfnrMvJdoAfdjgk5uWLf0PsLAT2P3MFsusSYcuDLv6bTGuGLfS2r+sXhGetvU12pkU7SFlioE2EbbUW2tPiG/gjatVDYEC7EHQARBHfykhjv7sCSkgho4g2I2BQAHaZYijI0OhwWC3owsghv4eCmhBoH+0IWz5veAOxpwiNAPEHcUfXoB6B3zYzmCg/rXxzy8juOL0KRsZm1sWNLc8NxZhPQTFRtKz79p0fTYdYSmCmogvfhT+aMn9QnIxPkERJO0Pe91DWjTBH+f9NEmQJrPdGQz8xsuTQIfTYkZ/4VQd0xUb1MgmOmMNTB1FEHJ2BCfP2+UoytZ3dUNWHW2qRr+yjmAIkx34KwrZnu/pOIrSKIrNQrT5KwrZ1h79KMpa7Q5b6KdWVDc7L0eV2V9KOQPR2mwjZCHqlqPKrKtXGfXJUUW2TZmdlqPKbIsyOxmFqDp7ox+FrF4UssNAR91eiGpmX3FROds/XBMNQ1Sd7bO5FqryKOrjIKqZneK9YT+K4rOn1ezj7RuXgSgmu6MXhU8beBCEH9t7XCaFolrZ2O6GIFysHeQhisnauU/+6e4ymV5JeRDQyDLFbPL5/spZWYUoJpuKFzez2etKmYUoJktby5aXwwwDX9qwWQ/NbpVK1jOQeEuZlujckrGbhBSncP+NJCnKYwhSJnqCZQ3BOrM/HokYgow9vJgeMwDr7V1O78fsnCEYC7oL78va0CpCR3dwMDAkXu3GoHRZ68PQ0NeFpgEbHd221lAPgtJwsAWgPCxsQ/Bvlx4eunoU1xge9gqKqWEfgjcAgaphv2sYoJqSHjrF2EV4ClA5OFTiRS6GigsI4ClpYsvF7OduYAcgji5tWTaT/MYDACylSy/Z5ycAGjRXOsze3xmiS9bM9dXlxQ99SpjOmIozubY99ahLqZy5XEkf7PG3U0c6lKRy7OpKnvO+8dHRVxyVux465c+EOa/PHR2dxFI1np7EURmbaLPfEm6W8IwmJUiEGUtDc5PP3T4PGCgWDygoFnd0to8DBorHQHVx4hyoPj4BqoWdIg4k9oFq4lgHX1hfBqCJj5Ozc8YOeEseDniD14bxy8j4Ffcv3f/UI9HUP1ZR9OUpR6MvT7qUyp1ZS6UtlvaQGArSzGQOXyxlK03pUA9brlxns5vFeMpEfkfhJKBXK86r++dktoj+IZX3HfWkVtLJy7sn/pOzW00klqKoP3+wdiEIG7uxxnrIqilpSmW4vW3xQH4I2PpaUFZFIRr28lOCuJ3+NsgqKYqaM9zb7SOiC65TyKooRNGGIauiKGrhfNEjBFEWPq2KUjQT9rpHJQhZJZWjzb7oq0x7XTYHyqopijZAFGVbpayCQnQSKGQVFEWb3NNCzW6qWSWFqDqroBCtWY+craXVaPuMjCBrR9laWo3Oyway3ShbS6VohxyF/QpVszVUinaiqDrbJWa/KEQH1PRnTZaA6DgCGlkCE5U3Ego67GYpS2CikB2Us0Q16oQoLosoVYeiCQGzITlLyNFzHB0JBJ1SlpCiMRTFZ2NdjJglqtHACZ7+/sqix7/8MY+i+KwbPQCQ0pNisrCvRf8UPtCTYvWhcl3Q3Hv1odL48+f/AZYqoYKwlk9uAAAAAElFTkSuQmCC); } ';
-guidersCSS += '.guider_arrow_right { display: block; background-position: 0 0; right: -42px; }';
-guidersCSS += '.guider_arrowdown { display: block; background-position: 0 -42px; bottom: -42px; }';
-guidersCSS += '.guider_arrow_up { display: block; background-position: 0 -126px; top: -42px; }';
-guidersCSS += '.guider_arrow_left { display: block; background-position: 0 -84px; left: -42px;}';
-guidersCSS += '.guider_content h2 { margin-top: 1em; }';
-guidersCSS += '.guider_content td { vertical-align: top; }';
-guidersCSS += '.guider_content td + td { padding-left: 1em; }';
-guidersCSS += '.guider_content td code { white-space: nowrap; }';
-
-
-
-// DOM utility functions
-var escapeLookups = { "&": "&", '"': """, "<": "<", ">": ">" };
-function escapeHTML(str) {
- return (typeof str === 'undefined' || str === null) ?
- null :
- str.toString().replace(/[&"<>]/g, function(m) { return escapeLookups[m]; });
-}
-
-function insertAfter( referenceNode, newNode ) {
- if ((typeof referenceNode === 'undefined') || (referenceNode === null)) {
- console.log(arguments.callee.caller);
- } else if ((typeof referenceNode.parentNode !== 'undefined') && (typeof referenceNode.nextSibling !== 'undefined')) {
- if (referenceNode.parentNode === null) {
- console.log(arguments.callee.caller);
- } else {
- referenceNode.parentNode.insertBefore( newNode, referenceNode.nextSibling );
- }
- }
-}
-function createElementWithID(elementType, id, classname) {
- var obj = document.createElement(elementType);
- if (id !== null) {
- obj.setAttribute('id', id);
- }
- if ((typeof classname !== 'undefined') && (classname !== '')) {
- obj.setAttribute('class', classname);
- }
- return obj;
-}
-
-// this alias is to account for opera having different behavior...
-if (typeof navigator === 'undefined') navigator = window.navigator;
-
-//Because Safari 5.1 doesn't have Function.bind
-if (typeof Function.prototype.bind === 'undefined') {
- Function.prototype.bind = function(context) {
- var oldRef = this;
- return function() {
- return oldRef.apply(context || null, Array.prototype.slice.call(arguments));
- };
- };
-}
-
-var BrowserDetect = {
- init: function () {
- this.browser = this.searchString(this.dataBrowser) || "An unknown browser";
- this.version = this.searchVersion(navigator.userAgent) ||
- this.searchVersion(navigator.appVersion) ||
- "an unknown version";
- this.OS = this.searchString(this.dataOS) || "an unknown OS";
-
- // set up MutationObserver variable to take whichever is supported / existing...
- // unfortunately, this doesn't (currently) exist in Opera.
- // this.MutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver || null;
- // At the time of writing WebKit's mutation observer leaks entire pages on refresh so it needs to be disabled.
- this.MutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver || null;
-
- // null out MutationObserver to test legacy DOMNodeInserted
- // this.MutationObserver = null;
- },
- searchString: function (data) {
- for (var i=0;i<data.length;i++) {
- var dataString = data[i].string;
- var dataProp = data[i].prop;
- this.versionSearchString = data[i].versionSearch || data[i].identity;
- if (dataString) {
- if (dataString.indexOf(data[i].subString) !== -1)
- return data[i].identity;
- }
- else if (dataProp)
- return data[i].identity;
- }
- },
- searchVersion: function (dataString) {
- var index = dataString.indexOf(this.versionSearchString);
- if (index === -1) return;
- return parseFloat(dataString.substring(index+this.versionSearchString.length+1));
- },
- isChrome: function() { return typeof chrome !== 'undefined'; },
- isFirefox: function() { return typeof self.on === 'function'; },
- isOperaBlink: function() { return typeof chrome !== 'undefined' && BrowserDetect.browser === "Opera"; },
- isOpera: function() { return typeof opera !== 'undefined'; },
- isSafari: function() { return typeof safari !== 'undefined'; },
- dataBrowser: [
- {
- string: navigator.userAgent,
- subString: "OPR/",
- identity: "Opera"
- },
- {
- string: navigator.userAgent,
- subString: "Chrome",
- identity: "Chrome"
- },
- { string: navigator.userAgent,
- subString: "OmniWeb",
- versionSearch: "OmniWeb/",
- identity: "OmniWeb"
- },
- {
- string: navigator.vendor,
- subString: "Apple",
- identity: "Safari",
- versionSearch: "Version"
- },
- {
- prop: window.opera,
- identity: "Opera",
- versionSearch: "Version"
- },
- {
- string: navigator.vendor,
- subString: "iCab",
- identity: "iCab"
- },
- {
- string: navigator.vendor,
- subString: "KDE",
- identity: "Konqueror"
- },
- {
- string: navigator.userAgent,
- subString: "Firefox",
- identity: "Firefox"
- },
- {
- string: navigator.vendor,
- subString: "Camino",
- identity: "Camino"
- },
- { // for newer Netscapes (6+)
- string: navigator.userAgent,
- subString: "Netscape",
- identity: "Netscape"
- },
- {
- string: navigator.userAgent,
- subString: "MSIE",
- identity: "Explorer",
- versionSearch: "MSIE"
- },
- {
- string: navigator.userAgent,
- subString: "Gecko",
- identity: "Mozilla",
- versionSearch: "rv"
- },
- {
- // for older Netscapes (4-)
- string: navigator.userAgent,
- subString: "Mozilla",
- identity: "Netscape",
- versionSearch: "Mozilla"
- }
- ],
- dataOS : [
- {
- string: navigator.platform,
- subString: "Win",
- identity: "Windows"
- },
- {
- string: navigator.platform,
- subString: "Mac",
- identity: "Mac"
- },
- {
- string: navigator.userAgent,
- subString: "iPhone",
- identity: "iPhone/iPod"
- },
- {
- string: navigator.platform,
- subString: "Linux",
- identity: "Linux"
- }
- ]
-
-};
-BrowserDetect.init();
-
-var safeJSON = {
- // safely parses JSON and won't kill the whole script if JSON.parse fails
- // if localStorageSource is specified, will offer the user the ability to delete that localStorageSource to stop further errors.
- // if silent is specified, it will fail silently...
- parse: function(data, localStorageSource, silent) {
- try {
- if (BrowserDetect.isSafari()) {
- if (data.substring(0,2) === 's{') {
- data = data.substring(1,data.length);
- }
- }
- return JSON.parse(data);
- } catch (error) {
- if (silent) return {};
- if (localStorageSource) {
- var msg = 'Error caught: JSON parse failure on the following data from "'+localStorageSource+'": <textarea rows="5" cols="50">' + data + '</textarea><br>RES can delete this data to stop errors from happening, but you might want to copy/paste it to a text file so you can more easily re-enter any lost information.';
- alert(msg, function() {
- // back up a copy of the corrupt data
- localStorage.setItem(localStorageSource + '.error', data);
- // delete the corrupt data
- RESStorage.removeItem(localStorageSource);
- });
- } else {
- alert('Error caught: JSON parse failure on the following data: ' + data);
- }
- return {};
- }
- }
-};
-
-// array compare utility function for keyCode arrays
-function keyArrayCompare(fromArr, toArr) {
- // if we've passed in a number, fix that and make it an array with alt, shift and ctrl set to false.
- if (typeof toArr === 'number') {
- toArr = [toArr, false, false, false];
- } else if (toArr.length === 4) {
- toArr.push(false);
- }
- if (fromArr.length !== toArr.length) return false;
- for (var i = 0; i < toArr.length; i++) {
- if (fromArr[i].compare) {
- if (!fromArr[i].compare(toArr[i])) return false;
- }
- if (fromArr[i] !== toArr[i]) return false;
- }
- return true;
-}
-
-// utility function for checking events against keyCode arrays
-function checkKeysForEvent(event, keyArray) {
- //[keycode, alt, ctrl, shift, meta]
- // if we've passed in a number, fix that and make it an array with alt, shift and ctrl set to false.
- if (typeof keyArray === 'number') {
- keyArray = [keyArray, false, false, false, false];
- } else if (keyArray.length === 4) {
- keyArray.push(false);
- }
- if (event.keyCode != keyArray[0]) return false;
- else if (event.altKey != keyArray[1]) return false;
- else if (event.ctrlKey != keyArray[2]) return false;
- else if (event.shiftKey != keyArray[3]) return false;
- else if (event.metaKey != keyArray[4]) return false;
- else return true;
-}
-
-function operaUpdateCallback(obj) {
- RESUtils.compareVersion(obj);
-}
-function operaForcedUpdateCallback(obj) {
- RESUtils.compareVersion(obj, true);
-}
-
-// This object will store xmlHTTPRequest callbacks for Safari because Safari's extension architecture seems stupid.
-// This really shouldn't be necessary, but I can't seem to hold on to an onload function that I pass to the background page...
-xhrQueue = { count: 0, onloads: [] };
-
-
-// if this is a jetpack addon, add an event listener like Safari's message handler...
-if (BrowserDetect.isFirefox()) {
- self.on('message', function(msgEvent) {
- switch (msgEvent.name) {
- case 'GM_xmlhttpRequest':
- // Fire the appropriate onload function for this xmlhttprequest.
- xhrQueue.onloads[msgEvent.XHRID](msgEvent.response);
- break;
- case 'compareVersion':
- var forceUpdate = false;
- if (typeof msgEvent.message.forceUpdate !== 'undefined') forceUpdate = true;
- RESUtils.compareVersion(msgEvent.message, forceUpdate);
- break;
- case 'loadTweet':
- var tweet = msgEvent.response;
- var thisExpando = modules['styleTweaks'].tweetExpando;
- $(thisExpando).html(tweet.html);
- thisExpando.style.display = 'block';
- thisExpando.classList.add('twitterLoaded');
- break;
- // for now, commenting out the old way of handling tweets as AMO will not approve.
- /*
- var tweet = msgEvent.response;
- var thisExpando = modules['styleTweaks'].tweetExpando;
- thisExpando.innerHTML = '';
- // the iframe is to sandbox this remote javascript from accessing reddit's javascript, etc.
- // this is done this way as requested by the AMO review team.
- var sandboxFrame = document.createElement('iframe');
- var seamless = document.createAttribute('seamless');
- sandboxFrame.setAttribute('sandbox','allow-scripts allow-same-origin');
- sandboxFrame.setAttributeNode(seamless);
- sandboxFrame.setAttribute('style','border: none;');
- sandboxFrame.setAttribute('width','480');
- sandboxFrame.setAttribute('height','260');
- sandboxFrame.setAttribute('src','data:text/html,<html><head><base href="https://platform.twitter.com"></head><body>'+encodeURIComponent(tweet.html)+"</body></html>");
- $(thisExpando).append(sandboxFrame);
- // $(thisExpando).html(tweet.html);
- thisExpando.style.display = 'block';
- thisExpando.classList.add('twitterLoaded');
- */
- case 'getLocalStorage':
- // Does RESStorage have actual data in it? If it doesn't, they're a legacy user, we need to copy
- // old school localStorage from the foreground page to the background page to keep their settings...
- if (typeof msgEvent.message.importedFromForeground === 'undefined') {
- // it doesn't exist.. copy it over...
- var thisJSON = {
- requestType: 'saveLocalStorage',
- data: localStorage
- };
- self.postMessage(thisJSON);
- } else {
- setUpRESStorage(msgEvent.message);
- //RESInit();
- }
- break;
- case 'saveLocalStorage':
- // Okay, we just copied localStorage from foreground to background, let's set it up...
- setUpRESStorage(msgEvent.message);
- break;
- case 'localStorage':
- RESStorage.setItem(msgEvent.itemName, msgEvent.itemValue, true);
- break;
- default:
- // console.log('unknown event type in self.on');
- // console.log(msgEvent.toSource());
- break;
- }
- });
-}
-
-// This is the message handler for Safari - the background page calls this function with return data...
-function safariMessageHandler(msgEvent) {
- switch (msgEvent.name) {
- case 'GM_xmlhttpRequest':
- // Fire the appropriate onload function for this xmlhttprequest.
- xhrQueue.onloads[msgEvent.message.XHRID](msgEvent.message);
- break;
- case 'compareVersion':
- var forceUpdate = false;
- if (typeof msgEvent.message.forceUpdate !== 'undefined') forceUpdate = true;
- RESUtils.compareVersion(msgEvent.message, forceUpdate);
- break;
- case 'loadTweet':
- var tweet = msgEvent.message;
- var thisExpando = modules['styleTweaks'].tweetExpando;
- $(thisExpando).html(tweet.html);
- thisExpando.style.display = 'block';
- thisExpando.classList.add('twitterLoaded');
- break;
- case 'getLocalStorage':
- // Does RESStorage have actual data in it? If it doesn't, they're a legacy user, we need to copy
- // old schol localStorage from the foreground page to the background page to keep their settings...
- if (typeof msgEvent.message.importedFromForeground === 'undefined') {
- // it doesn't exist.. copy it over...
- var thisJSON = {
- requestType: 'saveLocalStorage',
- data: localStorage
- };
- safari.self.tab.dispatchMessage('saveLocalStorage', thisJSON);
- } else {
- setUpRESStorage(msgEvent.message);
- //RESInit();
- }
- break;
- case 'saveLocalStorage':
- // Okay, we just copied localStorage from foreground to background, let's set it up...
- setUpRESStorage(msgEvent.message);
- //RESInit();
- break;
- case 'addURLToHistory':
- var url = msgEvent.message.url;
- modules['showImages'].imageTrackFrame.contentWindow.location.replace(url);
- break;
- case 'localStorage':
- RESStorage.setItem(msgEvent.message.itemName, msgEvent.message.itemValue, true);
- break;
- default:
- // console.log('unknown event type in safariMessageHandler');
- break;
- }
-}
-
-// This is the message handler for Opera - the background page calls this function with return data...
-function operaMessageHandler(msgEvent) {
- var eventData = msgEvent.data;
- switch (eventData.msgType) {
- case 'GM_xmlhttpRequest':
- // Fire the appropriate onload function for this xmlhttprequest.
- xhrQueue.onloads[eventData.XHRID](eventData.data);
- break;
- case 'compareVersion':
- var forceUpdate = false;
- if (typeof eventData.data.forceUpdate !== 'undefined') forceUpdate = true;
- RESUtils.compareVersion(eventData.data, forceUpdate);
- break;
- case 'loadTweet':
- var tweet = eventData.data;
- var thisExpando = modules['styleTweaks'].tweetExpando;
- $(thisExpando).html(tweet.html);
- thisExpando.style.display = 'block';
- thisExpando.classList.add('twitterLoaded');
- break;
- case 'getLocalStorage':
- // Does RESStorage have actual data in it? If it doesn't, they're a legacy user, we need to copy
- // old schol localStorage from the foreground page to the background page to keep their settings...
- if (typeof eventData.data.importedFromForeground === 'undefined') {
- // it doesn't exist.. copy it over...
- var thisJSON = {
- requestType: 'saveLocalStorage',
- data: localStorage
- };
- opera.extension.postMessage(JSON.stringify(thisJSON));
- } else {
- if (location.hostname.match('reddit')) {
- setUpRESStorage(eventData.data);
- //RESInit();
- }
- }
- break;
- case 'saveLocalStorage':
- // Okay, we just copied localStorage from foreground to background, let's set it up...
- setUpRESStorage(eventData.data);
- if (location.hostname.match('reddit')) {
- //RESInit();
- }
- break;
- case 'localStorage':
- if ((typeof RESStorage !== 'undefined') && (typeof RESStorage.setItem === 'function')) {
- RESStorage.setItem(eventData.itemName, eventData.itemValue, true);
- } else {
- // a change in opera requires this wait/timeout for the RESStorage grab to work...
- var waitForRESStorage = function(eData) {
- if ((typeof RESStorage !== 'undefined') && (typeof RESStorage.setItem === 'function')) {
- RESStorage.setItem(eData.itemName, eData.itemValue, true);
- } else {
- setTimeout(function() { waitForRESStorage(eData); }, 200);
- }
- };
- var savedEventData = {
- itemName: eventData.itemName,
- itemValue: eventData.itemValue
- };
- waitForRESStorage(savedEventData);
- }
- break;
- case 'addURLToHistory':
- var url = eventData.url;
- if (! eventData.isPrivate) {
- modules['showImages'].imageTrackFrame.contentWindow.location.replace(url);
- }
- break;
- default:
- // console.log('unknown event type in operaMessageHandler');
- break;
- }
-}
-
-// listen for messages from chrome background page
-if (BrowserDetect.isChrome()) {
- chrome.extension.onMessage.addListener(
- function(request, sender, sendResponse) {
- switch(request.requestType) {
- case 'localStorage':
- RESStorage.setItem(request.itemName, request.itemValue, true);
- break;
- default:
- // sendResponse({status: "unrecognized request type"});
- break;
- }
- }
- );
-}
-
-if (BrowserDetect.isSafari()) {
- // Safari has a ridiculous bug that causes it to lose access to safari.self.tab if you click the back button.
- // this stupid one liner fixes that.
- window.onunload = function(){};
- safari.self.addEventListener("message", safariMessageHandler, false);
-}
-// we can't do this check for opera here because we need to wait until DOMContentLoaded is triggered, I think. Putting this in RESinit();
-
-// opera compatibility
-if (BrowserDetect.isOpera()) {
- // removing this line for new localStorage methodology (store in extension localstorage)
- sessionStorage = window.sessionStorage;
- localStorage = window.localStorage;
- location = window.location;
- XMLHttpRequest = window.XMLHttpRequest;
-}
-
-// Firebug stopped showing console.log for some reason. Need to use unsafeWindow if available. Not sure if this was due to a Firebug version update or what.
-if (typeof unsafeWindow !== 'undefined') {
- if ((typeof unsafeWindow.console !== 'undefined') && (!BrowserDetect.isFirefox())) {
- console = unsafeWindow.console;
- } else if (typeof console === 'undefined') {
- console = {
- log: function(str) {
- return false;
- }
- };
- }
-}
-
-
-
-// GreaseMonkey API compatibility for non-GM browsers (Chrome, Safari, Firefox)
-// @copyright 2009, 2010 James Campos
-// @modified 2010 Steve Sobel - added some missing gm_* functions
-// @license cc-by-3.0; http://creativecommons.org/licenses/by/3.0/
-if ((typeof GM_deleteValue === 'undefined') || (typeof GM_addStyle === 'undefined')) {
- GM_addStyle = function(css) {
- var style = document.createElement('style');
- style.textContent = css;
- var head = document.getElementsByTagName('head')[0];
- if (head) {
- head.appendChild(style);
- }
- };
-
- GM_deleteValue = function(name) {
- localStorage.removeItem(name);
- };
-
- GM_getValue = function(name, defaultValue) {
- var value = localStorage.getItem(name);
- if (!value)
- return defaultValue;
- var type = value[0];
- value = value.substring(1);
- switch (type) {
- case 'b':
- return value === 'true';
- case 'n':
- return Number(value);
- default:
- return value;
- }
- };
-
- GM_log = function(message) {
- console.log(message);
- };
-
- GM_registerMenuCommand = function(name, funk) {
- //todo
- };
-
- GM_setValue = function(name, value) {
- value = (typeof value)[0] + value;
- localStorage.setItem(name, value);
- };
-
- if (BrowserDetect.browser === "Explorer") {
- GM_xmlhttpRequest = function(obj) {
- var request,
- crossDomain = (obj.url.indexOf(location.hostname) === -1);
- if ((typeof obj.onload !== 'undefined') && (crossDomain)) {
- obj.requestType = 'GM_xmlhttpRequest';
- request = new XDomainRequest();
- request.onload = function() {obj.onload(request);};
- request.onerror = function() {if (obj.onerror) {obj.onerror(request);}};
- request.open(obj.method,obj.url);
- request.send(obj.data);
- return request;
- } else {
- request = new XMLHttpRequest();
- request.onreadystatechange=function() {
- if (obj.onreadystatechange) {
- obj.onreadystatechange(request);
- }
- if (request.readyState === 4 && obj.onload) {
- obj.onload(request);
- }
- };
- request.onerror = function() {
- if(obj.onerror) {
- obj.onerror(request);
- }
- };
- try {
- request.open(obj.method,obj.url,true);
- } catch(e) {
- if(obj.onerror) {
- obj.onerror({
- readyState:4,
- responseHeaders:'',
- responseText:'',
- responseXML:'',
- status:403,
- statusText:'Forbidden'
- });
- }
- return;
- }
- if(obj.headers) {
- for (var name in obj.headers) {
- request.setRequestHeader(name,obj.headers[name]);
- }
- }
- request.send(obj.data);
- return request;
- }
- };
- }
- if (BrowserDetect.isChrome()) {
- GM_xmlhttpRequest = function(obj) {
- var crossDomain = (obj.url.indexOf(location.hostname) === -1);
-
- if ((typeof obj.onload !== 'undefined') && (crossDomain)) {
- obj.requestType = 'GM_xmlhttpRequest';
- if (typeof obj.onload !== 'undefined') {
- chrome.extension.sendMessage(obj, function(response) {
- obj.onload(response);
- });
- }
- } else {
- var request=new XMLHttpRequest();
- request.onreadystatechange = function() {
- if (obj.onreadystatechange) {
- obj.onreadystatechange(request);
- }
- if(request.readyState === 4 && obj.onload) {
- obj.onload(request);
- }
- };
- request.onerror = function() {
- if(obj.onerror) {
- obj.onerror(request);
- }
- };
- try {
- request.open(obj.method,obj.url,true);
- } catch(e) {
- if (obj.onerror) {
- obj.onerror({
- readyState:4,
- responseHeaders:'',
- responseText:'',
- responseXML:'',
- status:403,
- statusText:'Forbidden'
- });
- }
- return;
- }
- if(obj.headers) { for(var name in obj.headers) { request.setRequestHeader(name,obj.headers[name]); } }
- request.send(obj.data); return request;
- }
- };
- } else if (BrowserDetect.isSafari()) {
- GM_xmlhttpRequest = function(obj) {
- obj.requestType = 'GM_xmlhttpRequest';
- // Since Safari doesn't provide legitimate callbacks, I have to store the onload function here in the main
- // userscript in a queue (see xhrQueue), wait for data to come back from the background page, then call the onload.
-
- // oy vey... another problem. When Safari sends xmlhttpRequests from the background page, it loses the cookies etc that it'd have
- // had from the foreground page... so we need to write a bit of a hack here, and call different functions based on whether or
- // not the request is cross domain... For same-domain requests, we'll call from the foreground...
- var crossDomain = (obj.url.indexOf(location.hostname) === -1);
-
- if ((typeof obj.onload !== 'undefined') && (crossDomain)) {
- obj.XHRID = xhrQueue.count;
- xhrQueue.onloads[xhrQueue.count] = obj.onload;
- safari.self.tab.dispatchMessage("GM_xmlhttpRequest", obj);
- xhrQueue.count++;
- } else {
- var request=new XMLHttpRequest();
- request.onreadystatechange = function() {
- if (obj.onreadystatechange) {
- obj.onreadystatechange(request);
- }
- if (request.readyState === 4 && obj.onload) {
- obj.onload(request);
- }
- };
- request.onerror = function() {
- if(obj.onerror) {
- obj.onerror(request);
- }
- };
- try {
- request.open(obj.method,obj.url,true);
- } catch(e) {
- if (obj.onerror) {
- obj.onerror({
- readyState:4,
- responseHeaders:'',
- responseText:'',
- responseXML:'',
- status:403,
- statusText:'Forbidden'
- });
- }
- return;
- }
- if(obj.headers) { for(var name in obj.headers) { request.setRequestHeader(name,obj.headers[name]); } }
- request.send(obj.data); return request;
- }
- };
- } else if (BrowserDetect.isOpera()) {
- GM_xmlhttpRequest = function(obj) {
- obj.requestType = 'GM_xmlhttpRequest';
- // Turns out, Opera works this way too, but I'll forgive them since their extensions are so young and they're awesome people...
-
- // oy vey... cross domain same issue with Opera.
- var crossDomain = (obj.url.indexOf(location.hostname) === -1);
-
- if ((typeof obj.onload !== 'undefined') && (crossDomain)) {
- obj.XHRID = xhrQueue.count;
- xhrQueue.onloads[xhrQueue.count] = obj.onload;
- opera.extension.postMessage(JSON.stringify(obj));
- xhrQueue.count++;
- } else {
- var request=new XMLHttpRequest();
- request.onreadystatechange = function() {
- if (obj.onreadystatechange) {
- obj.onreadystatechange(request);
- }
- if (request.readyState === 4 && obj.onload) {
- obj.onload(request);
- }
- };
- request.onerror = function() {
- if(obj.onerror) {
- obj.onerror(request);
- }
- };
- try {
- request.open(obj.method,obj.url,true);
- } catch(e) {
- if (obj.onerror) {
- obj.onerror({
- readyState:4,
- responseHeaders:'',
- responseText:'',
- responseXML:'',
- status:403,
- statusText:'Forbidden'
- });
- }
- return;
- }
- if (obj.headers) {
- for (var name in obj.headers) {
- request.setRequestHeader(name,obj.headers[name]);
- }
- }
- request.send(obj.data); return request;
- }
- };
- } else if (BrowserDetect.isFirefox()) {
- // we must be in a Firefox / jetpack addon...
- GM_xmlhttpRequest = function(obj) {
- var crossDomain = (obj.url.indexOf(location.hostname) === -1);
-
- if ((typeof obj.onload !== 'undefined') && (crossDomain)) {
- obj.requestType = 'GM_xmlhttpRequest';
- // okay, firefox's jetpack addon does this same stuff... le sigh..
- if (typeof obj.onload !== 'undefined') {
- obj.XHRID = xhrQueue.count;
- xhrQueue.onloads[xhrQueue.count] = obj.onload;
- self.postMessage(obj);
- xhrQueue.count++;
- }
- } else {
- var request=new XMLHttpRequest();
- request.onreadystatechange = function() {
- if (obj.onreadystatechange) {
- obj.onreadystatechange(request);
- }
- if(request.readyState === 4 && obj.onload) {
- obj.onload(request);
- }
- };
- request.onerror = function() {
- if(obj.onerror) {
- obj.onerror(request);
- }
- };
- try {
- request.open(obj.method,obj.url,true);
- } catch(e) {
- if (obj.onerror) {
- obj.onerror({
- readyState:4,
- responseHeaders:'',
- responseText:'',
- responseXML:'',
- status:403,
- statusText:'Forbidden'
- });
- }
- return;
- }
- if(obj.headers) { for(var name in obj.headers) { request.setRequestHeader(name,obj.headers[name]); } }
- request.send(obj.data); return request;
- }
- };
- }
-} else {
- // this hack is to avoid an unsafeWindow error message if a gm_xhr is ever called as a result of a jQuery-induced ajax call.
- // yes, it's ugly, but it's necessary if we're using Greasemonkey together with jQuery this way.
- var oldgmx = GM_xmlhttpRequest;
- GM_xmlhttpRequest = function(params) {
- setTimeout(function() {
- oldgmx(params);
- }, 0);
- };
-}
-
-
-var modules = {};
-
-// define common RESUtils - reddit related functions and data that may need to be accessed...
-var RESUtils = {
- preInit: function() {
- // we store a localStorage key because the async call is too slow to add classes to
- // the document prior to page load, thus the flash of unstyled content.
- RESUtils.getDocHTML();
- },
- // to avoid the flash of unstyled content, the very first thing we should do is get a hold
- // of the document object and add necessary classes...
- getDocHTML: function() {
- if (document) {
- document.html = document.documentElement;
- if (localStorage.getItem('RES_nightMode')) {
- // no need to check the background - we're in night mode for sure.
- modules['styleTweaks'].redditDark();
- }
- } else {
- setTimeout(RESUtils.getDocHTML, 1);
- }
- },
- // A cache variable to store CSS that will be applied at the end of execution...
- randomHash: function(len) {
- var chars = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXTZabcdefghiklmnopqrstuvwxyz";
- var numChars = len || 5;
- var randomString = '';
- for (var i=0; i<numChars; i++) {
- var rnum = Math.floor(Math.random() * chars.length);
- randomString += chars.substring(rnum,rnum+1);
- }
- return randomString;
- },
- postLoad: false,
- css: '',
- addCSS: function(css) {
- if (RESUtils.postLoad) {
- var style = $('<style />').html(css).appendTo('head');
- return {
- remove: function() { style.remove(); }
- };
- } else {
- this.css += css;
- }
- },
- insertParam: function(href, key, value) {
- var pre = '&';
- if (href.indexOf('?') === -1) pre = '?';
- return href + pre + key + '=' + value;
- },
- // checks if script should run on current URL using exclude / include.
- isMatchURL: function (moduleID) {
- var i=0;
- var currURL = location.href;
- // get includes and excludes...
- var excludes = modules[moduleID].exclude;
- var includes = modules[moduleID].include;
- // first check excludes...
- if (typeof excludes !== 'undefined') {
- for (i=0, len = excludes.length; i<len; i++) {
- // console.log(moduleID + ' -- ' + excludes[i] + ' - excl test - ' + currURL + ' - result: ' + excludes[i].test(currURL));
- if (excludes[i].test(currURL)) {
- return false;
- }
- }
- }
- // then check includes...
- for (i=0, len=includes.length; i<len; i++) {
- // console.log(moduleID + ' -- ' + includes[i] + ' - incl test - ' + currURL + ' - result: ' + includes[i].test(currURL));
- if (includes[i].test(currURL)) {
- return true;
- }
- }
- return false;
- },
- // gets options for a module...
- getOptionsFirstRun: [],
- getOptions: function(moduleID) {
- if (this.getOptionsFirstRun[moduleID]) {
- // we've already grabbed these out of localstorage, so modifications should be done in memory. just return that object.
- return modules[moduleID].options;
- }
- var thisOptions = RESStorage.getItem('RESoptions.' + moduleID);
- if ((thisOptions) && (thisOptions !== 'undefined') && (thisOptions !== null)) {
- // merge options (in case new ones were added via code) and if anything has changed, update to localStorage
- var storedOptions = safeJSON.parse(thisOptions, 'RESoptions.' + moduleID);
- var codeOptions = modules[moduleID].options;
- var newOption = false;
- for (var attrname in codeOptions) {
- if (typeof storedOptions[attrname] === 'undefined') {
- newOption = true;
- storedOptions[attrname] = codeOptions[attrname];
- } else {
- codeOptions[attrname].value = storedOptions[attrname].value;
- }
- }
- modules[moduleID].options = codeOptions;
- if (newOption) {
- RESStorage.setItem('RESoptions.' + moduleID, JSON.stringify(modules[moduleID].options));
- }
- } else {
- // nothing in localStorage, let's set the defaults...
- RESStorage.setItem('RESoptions.' + moduleID, JSON.stringify(modules[moduleID].options));
- }
- this.getOptionsFirstRun[moduleID] = true;
- return modules[moduleID].options;
- },
- getUrlParams: function () {
- var result = {}, queryString = location.search.substring(1),
- re = /([^&=]+)=([^&]*)/g, m;
- while ((m = re.exec(queryString))) {
- result[decodeURIComponent(m[1])] = decodeURIComponent(m[2]);
- }
- return result;
- },
- setOption: function(moduleID, optionName, optionValue) {
- if (optionName.match(/_[\d]+$/)) {
- optionName = optionName.replace(/_[\d]+$/,'');
- }
- var thisOptions = this.getOptions(moduleID);
- var saveOptionValue;
- if (optionValue === '') {
- saveOptionValue = '';
- } else if ((isNaN(optionValue)) || (typeof optionValue === 'boolean') || (typeof optionValue === 'object')) {
- saveOptionValue = optionValue;
- } else if (optionValue.indexOf('.') !== -1) {
- saveOptionValue = parseFloat(optionValue);
- } else {
- saveOptionValue = parseInt(optionValue, 10);
- }
- thisOptions[optionName].value = saveOptionValue;
- // save it to the object...
- modules[moduleID].options = thisOptions;
- // save it to RESStorage...
- RESStorage.setItem('RESoptions.' + moduleID, JSON.stringify(modules[moduleID].options));
- return true;
- },
- click: function(obj, button) {
- var evt = document.createEvent('MouseEvents');
- button = button || 0;
- evt.initMouseEvent('click', true, true, window.wrappedJSObject, 0, 1, 1, 1, 1, false, false, false, false, button, null);
- obj.dispatchEvent(evt);
- },
- mousedown: function(obj, button) {
- var evt = document.createEvent('MouseEvents');
- button = button || 0;
- evt.initMouseEvent('mousedown', true, true, window.wrappedJSObject, 0, 1, 1, 1, 1, false, false, false, false, button, null);
- obj.dispatchEvent(evt);
- },
- loggedInUser: function(tryingEarly) {
- if (typeof this.loggedInUserCached === 'undefined') {
- var userLink = document.querySelector('#header-bottom-right > span.user > a');
- if ((userLink !== null) && (!userLink.classList.contains('login-required'))) {
- this.loggedInUserCached = userLink.innerHTML;
- this.loggedInUserHashCached = document.querySelector('[name=uh]').value;
- } else {
- if (tryingEarly) {
- // trying early means we're trying before DOM load may be complete, so if we fail here
- // we don't want to null this, we want to allow another try.
- // currently the only place this is really used is username hider, which tries (if possible)
- // to hide the username as early/fast as possible.
- delete this.loggedInUserCached;
- delete this.loggedInUserHashCached;
- } else {
- this.loggedInUserCached = null;
- }
- }
- }
- return this.loggedInUserCached;
- },
- loggedInUserHash: function() {
- this.loggedInUser();
- return this.loggedInUserHashCached;
- },
- getUserInfo: function(callback, username, live) {
- // Default to currently logged-in user, for backwards compatibility
- username = (typeof username !== "undefined" ? username : RESUtils.loggedInUser());
- if (username === null) return false;
-
- // Default to getting live data (i.e. from reddit's server)
- live = (typeof live === "boolean" ? live : true);
-
- if (!(username in RESUtils.userInfoCallbacks)) {
- RESUtils.userInfoCallbacks[username] = [];
- }
- RESUtils.userInfoCallbacks[username].push(callback);
- var cacheData = RESStorage.getItem('RESUtils.userInfoCache.' + username) || '{}';
- var userInfoCache = safeJSON.parse(cacheData);
- var lastCheck = (userInfoCache !== null) ? parseInt(userInfoCache.lastCheck, 10) || 0 : 0;
- var now = new Date();
- // 300000 = 5 minutes
- if (live && (now.getTime() - lastCheck) > 300000) {
- if (!RESUtils.userInfoRunning) {
- RESUtils.userInfoRunning = true;
- GM_xmlhttpRequest({
- method: "GET",
- url: location.protocol + "//" + location.hostname + "/user/" + encodeURIComponent(username) + "/about.json?app=res",
- onload: function(response) {
- var thisResponse = JSON.parse(response.responseText);
- var userInfoCache = {
- lastCheck: now.getTime(),
- userInfo: thisResponse
- };
- RESStorage.setItem('RESUtils.userInfoCache.' + username, JSON.stringify(userInfoCache));
- while (RESUtils.userInfoCallbacks[username].length > 0) {
- var thisCallback = RESUtils.userInfoCallbacks[username].pop();
- thisCallback(userInfoCache.userInfo);
- }
- RESUtils.userInfoRunning = false;
- }
- });
- }
- } else {
- while (RESUtils.userInfoCallbacks[username].length > 0) {
- var thisCallback = RESUtils.userInfoCallbacks[username].pop();
- thisCallback(userInfoCache.userInfo);
- }
- }
- },
- userInfoCallbacks: {},
- commentsRegex: /^https?:\/\/([a-z]+)\.reddit\.com\/[-\w\.\/]*comments\/?[-\w\.\/]*/i,
- friendsCommentsRegex: /^https?:\/\/([a-z]+)\.reddit\.com\/r\/friends\/*comments\/?/i,
- inboxRegex: /^https?:\/\/([a-z]+)\.reddit\.com\/message\/[-\w\.\/]*/i,
- profileRegex: /^https?:\/\/([a-z]+)\.reddit\.com\/user\/[-\w\.#=]*\/?(comments)?\/?(\?([a-z]+=[a-zA-Z0-9_%]*&?)*)?$/i, // fix to regex contributed by s_quark
- submitRegex: /^https?:\/\/([a-z]+)\.reddit\.com\/([-\w\.\/]*\/)?submit\/?(\?.*)?$/i,
- prefsRegex: /^https?:\/\/([a-z]+)\.reddit\.com\/prefs\/?/i,
- wikiRegex: /^https?:\/\/([a-z]+)\.reddit\.com\/r\/[-\w\.]+\/wiki?/i,
- pageType: function() {
- if (typeof this.pageTypeSaved === 'undefined') {
- var pageType = '';
- var currURL = location.href.split('#')[0];
- if (RESUtils.profileRegex.test(currURL)) {
- pageType = 'profile';
- } else if ((RESUtils.commentsRegex.test(currURL)) || (RESUtils.friendsCommentsRegex.test(currURL))) {
- pageType = 'comments';
- } else if (RESUtils.inboxRegex.test(currURL)) {
- pageType = 'inbox';
- } else if (RESUtils.submitRegex.test(currURL)) {
- pageType = 'submit';
- } else if (RESUtils.prefsRegex.test(currURL)) {
- pageType = 'prefs';
- } else if (RESUtils.wikiRegex.test(currURL)) {
- pageType = 'wiki';
- } else {
- pageType = 'linklist';
- }
- this.pageTypeSaved = pageType;
- }
- return this.pageTypeSaved;
- },
- commentPermalinkRegex: /^https?:\/\/([a-z]+)\.reddit\.com\/[-\w\.\/]*comments\/[a-z0-9]+\/[^\/]+\/[a-z0-9]+\/?$/i,
- isCommentPermalinkPage: function() {
- if (typeof this.isCommentPermalinkSaved === 'undefined') {
- var currURL = location.href.split('#')[0];
- if (RESUtils.commentPermalinkRegex.test(currURL)) {
- this.isCommentPermalinkSaved = true;
- } else {
- this.isCommentPermalinkSaved = false;
- }
- }
-
- return this.isCommentPermalinkSaved;
- },
- matchRE: /^https?:\/\/(?:[a-z]+)\.reddit\.com\/r\/([\w\.\+]+).*/i,
- matchDOM: /^https?:\/\/(?:[a-z]+)\.reddit\.com\/domain\/([\w\.\+]+).*/i,
- currentSubreddit: function(check) {
- if (typeof this.curSub === 'undefined') {
- var match = location.href.match(RESUtils.matchRE);
- if (match !== null) {
- this.curSub = match[1];
- if (check) return (match[1].toLowerCase() === check.toLowerCase());
- return match[1];
- } else {
- if (check) return false;
- return null;
- }
- } else {
- if (check) return (this.curSub.toLowerCase() === check.toLowerCase());
- return this.curSub;
- }
- },
- currentDomain: function(check) {
- if (typeof this.curDom === 'undefined') {
- var match = location.href.match(RESUtils.matchDOM);
- if (match !== null) {
- this.curDom = match[1];
- if (check) return (match[1].toLowerCase() === check.toLowerCase());
- return match[1];
- } else {
- if (check) return false;
- return null;
- }
- } else {
- if (check) return (this.curDom.toLowerCase() === check.toLowerCase());
- return this.curDom;
- }
- },
- currentUserProfile: function() {
- if (typeof this.curUserProfile === 'undefined') {
- var match = location.href.match(/^https?:\/\/(?:[a-z]+)\.reddit\.com\/user\/([\w\.]+).*/i);
- if (match !== null) {
- this.curUserProfile = match[1];
- return match[1];
- } else {
- return null;
- }
- } else {
- return this.curUserProfile;
- }
- },
- getXYpos: function (obj) {
- var topValue= 0,leftValue= 0;
- while(obj) {
- leftValue += obj.offsetLeft;
- topValue += obj.offsetTop;
- obj = obj.offsetParent;
- }
- return { 'x': leftValue, 'y': topValue };
- },
- elementInViewport: function (obj) {
- // check the headerOffset - if we've pinned the subreddit bar, we need to add some pixels so the "visible" stuff is lower down the page.
- var headerOffset = this.getHeaderOffset();
- var top = obj.offsetTop - headerOffset;
- var left = obj.offsetLeft;
- var width = obj.offsetWidth;
- var height = obj.offsetHeight;
- while(obj.offsetParent) {
- obj = obj.offsetParent;
- top += obj.offsetTop;
- left += obj.offsetLeft;
- }
- return (
- top >= window.pageYOffset &&
- left >= window.pageXOffset &&
- (top + height) <= (window.pageYOffset + window.innerHeight - headerOffset) &&
- (left + width) <= (window.pageXOffset + window.innerWidth)
- );
- },
- setMouseXY: function(e) {
- e = e || window.event;
- var cursor = {x:0, y:0};
- if (e.pageX || e.pageY) {
- cursor.x = e.pageX;
- cursor.y = e.pageY;
- } else {
- cursor.x = e.clientX +
- (document.documentElement.scrollLeft ||
- document.body.scrollLeft) -
- document.documentElement.clientLeft;
- cursor.y = e.clientY +
- (document.documentElement.scrollTop ||
- document.body.scrollTop) -
- document.documentElement.clientTop;
- }
- RESUtils.mouseX = cursor.x;
- RESUtils.mouseY = cursor.y;
- },
- elementUnderMouse: function ( obj ) {
- var $obj = $(obj),
- top = $obj.offset().top,
- left = $obj.offset().left,
- width = $obj.outerWidth(),
- height = $obj.outerHeight(),
- right = left + width,
- bottom = top + height;
- if ((RESUtils.mouseX >= left) && (RESUtils.mouseX <= right) && (RESUtils.mouseY >= top) && (RESUtils.mouseY <= bottom)) {
- return true;
- } else {
- return false;
- }
- },
- doElementsCollide: function (ele1, ele2, margin) {
- margin = margin || 0;
- ele1 = $(ele1);
- ele2 = $(ele2);
-
- var dims1 = ele1.offset();
- dims1.right = dims1.left + ele1.width();
- dims1.bottom = dims1.top + ele1.height();
-
- dims1.left -= margin;
- dims1.top -= margin;
- dims1.right += margin;
- dims1.bottom += margin;
-
-
- var dims2 = ele2.offset();
- dims2.right = dims2.left + ele2.width();
- dims2.bottom = dims2.top + ele2.height();
-
- if (
- (
- (dims1.left < dims2.left && dims2.left < dims1.right) ||
- (dims1.left < dims2.right && dims2.right < dims1.right) ||
- (dims2.left < dims1.left && dims1.left < dims2.right) ||
- (dims2.left < dims1.right && dims1.right < dims2.right)
- ) &&
- (
- (dims1.top < dims2.top && dims2.top < dims1.bottom) ||
- (dims1.top < dims2.bottom && dims2.bottom < dims1.bottom) ||
- (dims2.top < dims1.top && dims1.top < dims2.bottom) ||
- (dims2.top < dims1.bottom && dims1.bottom < dims2.bottom))
- )
- {
- // In layman's terms:
- // If one of the box's left/right borders is between the other box's left/right
- // and same with top/bottom,
- // then they collide.
- // This could probably be logicked into a more compact form.
-
- return true;
- }
-
- return false;
- },
- scrollTo: function(x,y) {
- var headerOffset = this.getHeaderOffset();
- window.scrollTo(x,y-headerOffset);
- },
- getHeaderOffset: function() {
- if (typeof this.headerOffset === 'undefined') {
- this.headerOffset = 0;
- switch (modules['betteReddit'].options.pinHeader.value) {
- case 'none':
- break;
- case 'sub':
- this.theHeader = document.querySelector('#sr-header-area');
- break;
- case 'subanduser':
- this.theHeader = document.querySelector('#sr-header-area');
- break;
- case 'header':
- this.theHeader = document.querySelector('#header');
- break;
- }
- if (this.theHeader) {
- this.headerOffset = this.theHeader.offsetHeight + 6;
- }
- }
- return this.headerOffset;
- },
- setSelectValue: function(obj, value) {
- for (var i=0, len=obj.length; i < len; i++) {
- // for some reason in firefox, obj[0] is undefined... weird. adding a test for existence of obj[i]...
- // okay, now as of ff8, it's even barfing here unless we console.log out a check - nonsensical.
- // a bug has been filed to bugzilla at:
- // https://bugzilla.mozilla.org/show_bug.cgi?id=702847
- if ((obj[i]) && (obj[i].value == value)) {
- obj[i].selected = true;
- }
- }
- },
- stripHTML: function(str) {
- var regExp = /<\/?[^>]+>/gi;
- str = str.replace(regExp, "");
- return str;
- },
- sanitizeHTML: function(htmlStr) {
- if (!this.sanitizer) {
- var SnuOwnd = window.SnuOwnd;
- var redditCallbacks = SnuOwnd.getRedditCallbacks();
- var callbacks = SnuOwnd.createCustomCallbacks({
- paragraph: function(out, text, options){
- if (text) out.s += text.s;
- },
- autolink: redditCallbacks.autolink,
- raw_html_tag: redditCallbacks.raw_html_tag
- });
- var rendererConfig = SnuOwnd.defaultRenderState();
- rendererConfig.flags = SnuOwnd.DEFAULT_WIKI_FLAGS;
- rendererConfig.html_element_whitelist = [
- 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'span', 'div', 'code',
- 'br', 'hr', 'p', 'a', 'img', 'pre', 'blockquote', 'table',
- 'thead', 'tbody', 'tfoot', 'tr', 'th', 'td', 'strong', 'em',
- 'i', 'b', 'u', 'ul', 'ol', 'li', 'dl', 'dt', 'dd',
- 'font', 'center', 'small', 's', 'q', 'sub', 'sup', 'del'
- ];
- rendererConfig.html_attr_whitelist = [
- 'href', 'title', 'src', 'alt', 'colspan',
- 'rowspan', 'cellspacing', 'cellpadding', 'scope',
- 'face', 'color', 'size', 'bgcolor', 'align'
- ];
- this.sanitizer = SnuOwnd.getParser({
- callbacks: callbacks,
- context: rendererConfig
- });
- }
- return this.sanitizer.render(htmlStr);
- },
- fadeElementOut: function(obj, speed, callback) {
- if (obj.getAttribute('isfading') === 'in') {
- return false;
- }
- obj.setAttribute('isfading','out');
- speed = speed || 0.1;
- if (obj.style.opacity === '') obj.style.opacity = '1';
- if (obj.style.opacity <= 0) {
- obj.style.display = 'none';
- obj.setAttribute('isfading',false);
- if (callback) callback();
- return true;
- } else {
- var newOpacity = parseFloat(obj.style.opacity) - speed;
- if (newOpacity < speed) newOpacity = 0;
- obj.style.opacity = newOpacity;
- setTimeout(function() { RESUtils.fadeElementOut(obj, speed, callback); }, 100);
- }
- },
- fadeElementIn: function(obj, speed, finalOpacity) {
- finalOpacity = finalOpacity || 1;
- if (obj.getAttribute('isfading') === 'out') {
- return false;
- }
- obj.setAttribute('isfading','in');
- speed = speed || 0.1;
- if ((obj.style.display === 'none') || (obj.style.display === '')) {
- obj.style.opacity = 0;
- obj.style.display = 'block';
- }
- if (obj.style.opacity >= finalOpacity) {
- obj.setAttribute('isfading',false);
- obj.style.opacity = finalOpacity;
- return true;
- } else {
- var newOpacity = parseFloat(obj.style.opacity) + parseFloat(speed);
- if (newOpacity > finalOpacity) newOpacity = finalOpacity;
- obj.style.opacity = newOpacity;
- setTimeout(function() { RESUtils.fadeElementIn(obj, speed, finalOpacity); }, 100);
- }
- },
- setCursorPosition: function(form, pos) {
- elem = $(form)[0];
- if (!elem) return;
-
- if (elem.setSelectionRange) {
- elem.setSelectionRange(pos, pos);
- } else if (elem.createTextRange) {
- var range = elem.createTextRange();
- range.collapse(true);
- range.moveEnd('character', pos);
- range.moveStart('character', pos);
- range.select();
- }
-
- return form;
- },
- setNewNotification: function() {
- $('#RESSettingsButton, #RESMainGearOverlay .gearIcon').addClass('newNotification').click(function() {
- location.href = '/r/RESAnnouncements';
- });
- },
- createMultiLock: function() {
- var locks = {};
- var count = 0;
-
- return {
- lock: function(lockname, value) {
- if (typeof lockname === "undefined") return;
- if (locks[lockname]) return;
-
- locks[lockname] = value || true;
- count++;
- return true;
- },
- unlock: function(lockname) {
- if (typeof lockname === "undefined") return;
- if (!locks[lockname]) return;
-
- locks[lockname] = false;
- count--;
- return true;
- },
- locked: function(lockname) {
- if (typeof lockname !== "undefined") {
- // Is this lock set?
- return locks[lockname];
- } else {
- // Is any lock set?
- return count > 0;
- }
- }
- };
- },
- indexOptionTable: function(moduleID, optionKey, keyFieldIndex) {
- var source = modules[moduleID].options[optionKey].value;
- var keyIsList =
- modules[moduleID].options[optionKey].fields[keyFieldIndex].type === 'list' ?
- ',' :
- false;
- return RESUtils.indexArrayByProperty(source, keyFieldIndex, keyIsList);
- },
- indexArrayByProperty: function(source, keyIndex, keyValueSeparator) {
- if (!source || !source.length) {
- return function() { };
- }
-
- var index = createIndex();
- return getItem;
-
- function createIndex() {
- var index = {};
-
- for (var i = 0, length = source.length; i < length; i++) {
- var item = source[i];
- var key = item && item[keyIndex];
- if (!key) continue;
-
- if (keyValueSeparator) {
- var keys = key.toLowerCase().split(keyValueSeparator);
- for (var ki = 0, klength = keys.length; ki < klength; ki++) {
- key = keys[ki];
- index[key] = item;
- }
- } else {
- index[key] = item;
- }
- }
-
- return index;
- }
-
- function getItem(key) {
- key = key && key.toLowerCase();
- var item = index[key];
- return item;
- }
- },
- inList: function(needle, haystack, separator, isCaseSensitive) {
- if (!needle || !haystack) return false;
-
- separator = separator || ',';
-
- if (haystack.indexOf(separator) !== -1) {
- var haystacks = haystack.split(separator);
- if (RESUtils.inArray(needle, haystacks, isCaseSensitive)) {
- return true;
- }
- } else {
- if (caseSensitive) {
- return (needle == haystack);
- } else {
- return (needle.toLowerCase() == haystack.toLowerCase());
- }
- }
- },
- inArray: function(needle, haystacks, isCaseSensitive) {
- if (!isCaseSensitive) needle = needle.toLowerCase();
-
- for (var i = 0, length = haystacks.length; i < length; i++) {
- if (isCaseSensitive) {
- if (needle == haystacks[i]) {
- return true;
- }
- } else {
- if (needle == haystacks[i].toLowerCase()) {
- return true;
- }
- }
- }
- },
- firstRun: function() {
- // if this is the first time this version has been run, pop open the what's new tab, background focused.
- if (RESStorage.getItem('RES.firstRun.'+RESVersion) === null) {
- RESStorage.setItem('RES.firstRun.'+RESVersion,'true');
- RESUtils.openLinkInNewTab('http://redditenhancementsuite.com/whatsnew.html?v='+RESVersion, false);
- }
- },
- // checkForUpdate: function(forceUpdate) {
- checkForUpdate: function() {
- if (RESUtils.currentSubreddit('RESAnnouncements')) {
- RESStorage.removeItem('RES.newAnnouncement','true');
- }
- var now = new Date();
- var lastCheck = parseInt(RESStorage.getItem('RESLastUpdateCheck'), 10) || 0;
- // if we haven't checked for an update in 24 hours, check for one now!
- // if (((now.getTime() - lastCheck) > 86400000) || (RESVersion > RESStorage.getItem('RESlatestVersion')) || ((RESStorage.getItem('RESoutdated') === 'true') && (RESVersion == RESStorage.getItem('RESlatestVersion'))) || forceUpdate) {
- if ((now.getTime() - lastCheck) > 86400000) {
- // now we're just going to check /r/RESAnnouncements for new posts, we're not checking version numbers...
- var lastID = RESStorage.getItem('RES.lastAnnouncementID');
- $.getJSON('/r/RESAnnouncements/.json?limit=1&app=res', function(data) {
- RESStorage.setItem('RESLastUpdateCheck',now.getTime());
- var thisID = data.data.children[0].data.id;
- if (thisID != lastID) {
- RESStorage.setItem('RES.newAnnouncement','true');
- RESUtils.setNewNotification();
- }
- RESStorage.setItem('RES.lastAnnouncementID', thisID);
- });
- /*
- var jsonURL = 'http://reddit.honestbleeps.com/update.json?v=' + RESVersion;
- // mark off that we've checked for an update...
- RESStorage.setItem('RESLastUpdateCheck',now.getTime());
- var outdated = false;
- if (BrowserDetect.isChrome()) {
- // we've got chrome, so we need to hit up the background page to do cross domain XHR
- var thisJSON = {
- requestType: 'compareVersion',
- url: jsonURL
- };
- chrome.extension.sendMessage(thisJSON, function(response) {
- // send message to background.html to open new tabs...
- outdated = RESUtils.compareVersion(response, forceUpdate);
- });
- } else if (BrowserDetect.isSafari()) {
- // we've got safari, so we need to hit up the background page to do cross domain XHR
- thisJSON = {
- requestType: 'compareVersion',
- url: jsonURL,
- forceUpdate: forceUpdate
- }
- safari.self.tab.dispatchMessage("compareVersion", thisJSON);
- } else if (BrowserDetect.isOpera()) {
- // we've got opera, so we need to hit up the background page to do cross domain XHR
- thisJSON = {
- requestType: 'compareVersion',
- url: jsonURL,
- forceUpdate: forceUpdate
- }
- opera.extension.postMessage(JSON.stringify(thisJSON));
- } else {
- // we've got greasemonkey, so we can do cross domain XHR.
- GM_xmlhttpRequest({
- method: "GET",
- url: jsonURL,
- onload: function(response) {
- outdated = RESUtils.compareVersion(JSON.parse(response.responseText), forceUpdate);
- }
- });
- }
- */
- }
- },
- /*
- compareVersion: function(response, forceUpdate) {
- if (RESVersion < response.latestVersion) {
- RESStorage.setItem('RESoutdated','true');
- RESStorage.setItem('RESlatestVersion',response.latestVersion);
- RESStorage.setItem('RESmessage',response.message);
- if (forceUpdate) {
- $(RESConsole.RESCheckUpdateButton).html('You are out of date! <a target="_blank" href="http://reddit.honestbleeps.com/download">[click to update]</a>');
- }
- return true;
- } else {
- RESStorage.setItem('RESlatestVersion',response.latestVersion);
- RESStorage.setItem('RESoutdated','false');
- if (forceUpdate) {
- $(RESConsole.RESCheckUpdateButton).html('You are up to date!');
- }
- return false;
- }
- },
- */
- proEnabled: function() {
- return ((typeof modules['RESPro'] !== 'undefined') && (modules['RESPro'].isEnabled()));
- },
- niceKeyCode: function(charCode) {
- var keyComboString = '';
- var testCode, niceString;
- if (typeof charCode === 'string') {
- var tempArray = charCode.split(',');
- if (tempArray.length) {
- if (tempArray[1] === 'true') keyComboString += 'alt-';
- if (tempArray[2] === 'true') keyComboString += 'ctrl-';
- if (tempArray[3] === 'true') keyComboString += 'shift-';
- if (tempArray[4] === 'true') keyComboString += 'command-';
- }
- testCode = parseInt(charCode, 10);
- } else if (typeof charCode === 'object') {
- testCode = parseInt(charCode[0], 10);
- if (charCode[1]) keyComboString += 'alt-';
- if (charCode[2]) keyComboString += 'ctrl-';
- if (charCode[3]) keyComboString += 'shift-';
- if (charCode[4]) keyComboString += 'command-';
- }
- switch(testCode) {
- case 8:
- niceString = "backspace"; // backspace
- break;
- case 9:
- niceString = "tab"; // tab
- break;
- case 13:
- niceString = "enter"; // enter
- break;
- case 16:
- niceString = "shift"; // shift
- break;
- case 17:
- niceString = "ctrl"; // ctrl
- break;
- case 18:
- niceString = "alt"; // alt
- break;
- case 19:
- niceString = "pause/break"; // pause/break
- break;
- case 20:
- niceString = "caps lock"; // caps lock
- break;
- case 27:
- niceString = "escape"; // escape
- break;
- case 33:
- niceString = "page up"; // page up, to avoid displaying alternate character and confusing people
- break;
- case 34:
- niceString = "page down"; // page down
- break;
- case 35:
- niceString = "end"; // end
- break;
- case 36:
- niceString = "home"; // home
- break;
- case 37:
- niceString = "left arrow"; // left arrow
- break;
- case 38:
- niceString = "up arrow"; // up arrow
- break;
- case 39:
- niceString = "right arrow"; // right arrow
- break;
- case 40:
- niceString = "down arrow"; // down arrow
- break;
- case 45:
- niceString = "insert"; // insert
- break;
- case 46:
- niceString = "delete"; // delete
- break;
- case 91:
- niceString = "left window"; // left window
- break;
- case 92:
- niceString = "right window"; // right window
- break;
- case 93:
- niceString = "select key"; // select key
- break;
- case 96:
- niceString = "numpad 0"; // numpad 0
- break;
- case 97:
- niceString = "numpad 1"; // numpad 1
- break;
- case 98:
- niceString = "numpad 2"; // numpad 2
- break;
- case 99:
- niceString = "numpad 3"; // numpad 3
- break;
- case 100:
- niceString = "numpad 4"; // numpad 4
- break;
- case 101:
- niceString = "numpad 5"; // numpad 5
- break;
- case 102:
- niceString = "numpad 6"; // numpad 6
- break;
- case 103:
- niceString = "numpad 7"; // numpad 7
- break;
- case 104:
- niceString = "numpad 8"; // numpad 8
- break;
- case 105:
- niceString = "numpad 9"; // numpad 9
- break;
- case 106:
- niceString = "multiply"; // multiply
- break;
- case 107:
- niceString = "add"; // add
- break;
- case 109:
- niceString = "subtract"; // subtract
- break;
- case 110:
- niceString = "decimal point"; // decimal point
- break;
- case 111:
- niceString = "divide"; // divide
- break;
- case 112:
- niceString = "F1"; // F1
- break;
- case 113:
- niceString = "F2"; // F2
- break;
- case 114:
- niceString = "F3"; // F3
- break;
- case 115:
- niceString = "F4"; // F4
- break;
- case 116:
- niceString = "F5"; // F5
- break;
- case 117:
- niceString = "F6"; // F6
- break;
- case 118:
- niceString = "F7"; // F7
- break;
- case 119:
- niceString = "F8"; // F8
- break;
- case 120:
- niceString = "F9"; // F9
- break;
- case 121:
- niceString = "F10"; // F10
- break;
- case 122:
- niceString = "F11"; // F11
- break;
- case 123:
- niceString = "F12"; // F12
- break;
- case 144:
- niceString = "num lock"; // num lock
- break;
- case 145:
- niceString = "scroll lock"; // scroll lock
- break;
- case 186:
- niceString = ";"; // semi-colon
- break;
- case 187:
- niceString = "="; // equal-sign
- break;
- case 188:
- niceString = ","; // comma
- break;
- case 189:
- niceString = "-"; // dash
- break;
- case 190:
- niceString = "."; // period
- break;
- case 191:
- niceString = "/"; // forward slash
- break;
- case 192:
- niceString = "`"; // grave accent
- break;
- case 219:
- niceString = "["; // open bracket
- break;
- case 220:
- niceString = "\\"; // back slash
- break;
- case 221:
- niceString = "]"; // close bracket
- break;
- case 222:
- niceString = "'"; // single quote
- break;
- default:
- niceString = String.fromCharCode(testCode);
- break;
- }
- return keyComboString + niceString;
- },
- niceDate: function(d, usformat) {
- d = d || new Date();
- var year = d.getFullYear();
- var month = (d.getMonth() + 1);
- month = (month < 10) ? '0'+month : month;
- var day = d.getDate();
- day = (day < 10) ? '0'+day : day;
- var fullString = year+'-'+month+'-'+day;
- if (usformat) {
- fullString = month+'-'+day+'-'+year;
- }
- return fullString;
- },
- niceDateTime: function(d, usformat) {
- d = d || new Date();
- var dateString = RESUtils.niceDate(d);
- var hours = d.getHours();
- hours = (hours < 10) ? '0'+hours : hours;
- var minutes = d.getMinutes();
- minutes = (minutes < 10) ? '0'+minutes : minutes;
- var seconds = d.getSeconds();
- seconds = (seconds < 10) ? '0'+seconds : seconds;
- var fullString = dateString + ' ' + hours + ':'+minutes+':'+seconds;
- return fullString;
- },
- niceDateDiff: function(origdate, newdate) {
- // Enter the month, day, and year below you want to use as
- // the starting point for the date calculation
- if (!newdate) {
- newdate = new Date();
- }
-
- var amonth = origdate.getUTCMonth() + 1;
- var aday = origdate.getUTCDate();
- var ayear = origdate.getUTCFullYear();
-
- var tyear = newdate.getUTCFullYear();
- var tmonth = newdate.getUTCMonth() + 1;
- var tday = newdate.getUTCDate();
-
- var y = 1;
- var mm = 1;
- var d = 1;
- var a2 = 0;
- var a1 = 0;
- var f = 28;
-
- if (((tyear % 4 === 0) && (tyear % 100 !== 0)) || (tyear % 400 === 0)) {
- f = 29;
- }
-
- var m = [31, f, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
-
- var dyear = tyear - ayear;
-
- var dmonth = tmonth - amonth;
- if (dmonth < 0 && dyear > 0) {
- dmonth = dmonth + 12;
- dyear--;
- }
-
- var dday = tday - aday;
- if (dday < 0) {
- if (dmonth > 0) {
- var ma = amonth + tmonth;
-
- if (ma >= 12) { ma = ma - 12; }
- if (ma < 0) { ma = ma + 12; }
- dday = dday + m[ma];
- dmonth--;
- if (dmonth < 0) {
- dyear--;
- dmonth = dmonth + 12;
- }
- } else {
- dday = 0;
- }
- }
-
- var returnString = '';
-
- if (dyear === 0) { y = 0; }
- if (dmonth === 0) { mm = 0; }
- if (dday === 0) { d = 0; }
- if ((y === 1) && (mm === 1)) { a1 = 1; }
- if ((y === 1) && (d === 1)) { a1 = 1; }
- if ((mm === 1) && (d === 1)) { a2 = 1; }
- if (y === 1){
- if (dyear === 1) {
- returnString += dyear + " year";
- } else {
- returnString += dyear + " years";
- }
- }
- if ((a1 === 1) && (a2 === 0)) { returnString += " and "; }
- if ((a1 === 1) && (a2 === 1)) { returnString += ", "; }
- if (mm === 1){
- if (dmonth === 1) {
- returnString += dmonth + " month";
- } else {
- returnString += dmonth + " months";
- }
- }
- if (a2 === 1) { returnString += " and "; }
- if (d === 1) {
- if (dday === 1) {
- returnString += dday + " day";
- } else {
- returnString += dday + " days";
- }
- }
- if (returnString === '') {
- returnString = '0 days';
- }
- return returnString;
- },
- checkIfSubmitting: function() {
- this.checkedIfSubmitting = true;
- if ((location.href.match(/\/r\/[\w]+\/submit\/?/i)) || (location.href.match(/reddit\.com\/submit\/?/i))) {
- var thisSubRedditInput = document.getElementById('sr-autocomplete');
- if (thisSubRedditInput) {
- var thisSubReddit = thisSubRedditInput.value;
- var title = document.querySelector('textarea[name=title]');
- if (typeof this.thisSubRedditInputListener === 'undefined') {
- this.thisSubRedditInputListener = true;
- thisSubRedditInput.addEventListener('change', function(e) {
- RESUtils.checkIfSubmitting();
- }, false);
- }
- if ((thisSubReddit.toLowerCase() === 'enhancement') || (thisSubReddit.toLowerCase() === 'resissues')) {
- RESUtils.addCSS('#submittingToEnhancement { display: none; min-height: 300px; font-size: 14px; line-height: 15px; margin-top: 10px; width: 518px; position: absolute; z-index: 999; } #submittingToEnhancement ol { margin-left: 10px; margin-top: 15px; list-style-type: decimal; } #submittingToEnhancement li { margin-left: 25px; }');
- RESUtils.addCSS('.submittingToEnhancementButton { border: 1px solid #444; border-radius: 2px; padding: 3px 6px; cursor: pointer; display: inline-block; margin-top: 12px; }');
- RESUtils.addCSS('#RESBugReport, #RESFeatureRequest { display: none; }');
- RESUtils.addCSS('#RESSubmitOptions .submittingToEnhancementButton { margin-top: 30px; }');
- var textDesc = document.getElementById('text-desc');
- this.submittingToEnhancement = createElementWithID('div','submittingToEnhancement','RESDialogSmall');
- /*jshint multistr: true */
- var submittingHTML = " \
- <h3>Submitting to r/Enhancement</h3> \
- <div class=\"RESDialogContents\"> \
- <div id=\"RESSubmitOptions\"> \
- What kind of a post do you want to submit to r/Enhancement? So that we can better support you, please choose from the options below, and please take care to read the instructions, thanks!<br> \
- <div id=\"RESSubmitBug\" class=\"submittingToEnhancementButton\">I want to submit a bug report</div><br> \
- <div id=\"RESSubmitFeatureRequest\" class=\"submittingToEnhancementButton\">I want to submit a feature request</div><br> \
- <div id=\"RESSubmitOther\" class=\"submittingToEnhancementButton\">I want to submit a general question or other item</div> \
- </div> \
- <div id=\"RESBugReport\"> \
- Are you sure you want to submit a bug report? We get a lot of duplicates and it would really help if you took a moment to read the following: <br> \
- <ol> \
- <li>Have you searched /r/RESIssues to see if someone else has reported it?</li> \
- <li>Have you checked the <a target=\"_blank\" href=\"http://www.reddit.com/r/Enhancement/wiki/faq\">RES FAQ?</a></li> \
- <li>Are you sure it's a bug with RES specifically? Do you have any other userscripts/extensions running? How about addons like BetterPrivacy, Ghostery, CCleaner, etc?</li> \
- </ol> \
- <br> \
- Please also check out the latest known / popular bugs first:<br> \
- <ul id=\"RESKnownBugs\"><li style=\"color: red;\">Loading...</li></ul> \
- <span id=\"submittingBug\" class=\"submittingToEnhancementButton\">I still want to submit a bug!</span> \
- </div> \
- <div id=\"RESFeatureRequest\"> \
- So you want to request a feature, great! Please just consider the following, first:<br> \
- <ol> \
- <li>Have you searched /r/Enhancement to see if someone else has requested it?</li> \
- <li>Is it something that would appeal to Reddit as a whole? Personal or subreddit specific requests usually aren't added to RES.</li> \
- </ol> \
- <br> \
- Please also check out the latest known popular feature requests first:<br> \
- <ul id=\"RESKnownFeatureRequests\"><li style=\"color: red;\">Loading...</li></ul> \
- <span id=\"submittingFeature\" class=\"submittingToEnhancementButton\">I still want to submit a feature request!<span> \
- </div> \
- </div>";
- $(this.submittingToEnhancement).html(submittingHTML);
- insertAfter(textDesc, this.submittingToEnhancement);
- setTimeout(function() {
- $('#RESSubmitBug').click(
- function() {
- $('#RESSubmitOptions').fadeOut(
- function() {
- $('#RESBugReport').fadeIn();
- GM_xmlhttpRequest({
- method: "GET",
- url: 'http://redditenhancementsuite.com/knownbugs.json',
- onload: function(response) {
- $('#RESKnownBugs').html('');
- var data = safeJSON.parse(response.responseText);
- $.each(data, function(key, val) {
- $('#RESKnownBugs').append('<li><a target="_blank" href="'+val.url+'">'+val.description+'</a></li>');
- });
- }
- });
- }
- );
- }
- );
- $('#RESSubmitFeatureRequest').click(
- function() {
- $('#RESSubmitOptions').fadeOut(
- function() {
- $('#RESFeatureRequest').fadeIn();
- $.getJSON('http://redditenhancementsuite.com/knownfeaturerequests.json', function(data) {
- $('#RESKnownFeatureRequests').html('');
- $.each(data, function(key, val) {
- $('#RESKnownFeatureRequests').append('<li><a target="_blank" href="'+val.url+'">'+val.description+'</a></li>');
- });
- });
- }
- );
- }
- );
- $('#submittingBug').click(
- function() {
- $('#sr-autocomplete').val('RESIssues');
- $('li a.text-button').click();
- $('#submittingToEnhancement').fadeOut();
-
- var txt = "- RES Version: " + RESVersion + "\n";
- txt += "- Browser: " + BrowserDetect.browser + "\n";
- if (typeof navigator === 'undefined') navigator = window.navigator;
- txt+= "- Browser Version: " + BrowserDetect.version + "\n";
- txt+= "- Cookies Enabled: " + navigator.cookieEnabled + "\n";
- txt+= "- Platform: " + BrowserDetect.OS + "\n";
- txt+= "- Did you search /r/RESIssues before submitting this: No. That, or I didn't notice this text here and edit it!\n\n";
- $('.usertext-edit textarea').val(txt);
- title.value = '[bug] Please describe your bug here. If you have screenshots, please link them in the selftext.';
- }
- );
- $('#submittingFeature').click(
- function() {
- $('#sr-autocomplete').val('Enhancement');
- $('#submittingToEnhancement').fadeOut();
- title.value = '[feature request] Please summarize your feature request here, and elaborate in the selftext.';
- }
- );
- $('#RESSubmitOther').click(
- function() {
- $('#sr-autocomplete').val('Enhancement');
- $('#submittingToEnhancement').fadeOut();
- title.value = '';
- }
- );
- $('#submittingToEnhancement').fadeIn();
- }, 1000);
- } else if (typeof this.submittingToEnhancement !== 'undefined') {
- this.submittingToEnhancement.parentNode.removeChild(this.submittingToEnhancement);
- if (title.value === 'Submitting a bug? Please read the box above...') {
- title.value = '';
- }
- }
- }
- }
- },
- isEmpty: function(obj) {
- for(var prop in obj) {
- if(obj.hasOwnProperty(prop))
- return false;
- }
- return true;
- },
- deleteCookie: function(cookieName) {
- var requestJSON = {
- requestType: 'deleteCookie',
- cname: cookieName
- };
-
- if (BrowserDetect.isChrome()) {
- chrome.extension.sendMessage(requestJSON);
- } else if (BrowserDetect.isSafari()) {
- document.cookie = cookieName + '=null;expires=' + new Date() +'; path=/;domain=reddit.com';
- } else if (BrowserDetect.isOpera()) {
- document.cookie = cookieName + '=null;expires=' + new Date() +'; path=/;domain=reddit.com';
- } else if (BrowserDetect.isFirefox()) {
- self.postMessage(requestJSON);
- }
- },
- openLinkInNewTab: function(url, focus) {
- var thisJSON;
- if (BrowserDetect.isChrome()) {
- thisJSON = {
- requestType: 'openLinkInNewTab',
- linkURL: url,
- button: focus
- };
- // send message to background.html to open new tabs...
- chrome.extension.sendMessage(thisJSON);
- } else if (BrowserDetect.isSafari()) {
- thisJSON = {
- requestType: 'openLinkInNewTab',
- linkURL: url,
- button: focus
- };
- safari.self.tab.dispatchMessage("openLinkInNewTab", thisJSON);
- } else if (BrowserDetect.isOpera()) {
- thisJSON = {
- requestType: 'openLinkInNewTab',
- linkURL: url,
- button: focus
- };
- opera.extension.postMessage(JSON.stringify(thisJSON));
- } else if (BrowserDetect.isFirefox()) {
- thisJSON = {
- requestType: 'openLinkInNewTab',
- linkURL: url,
- button: focus
- };
- self.postMessage(thisJSON);
- } else {
- window.open(url);
- }
- },
- notification: function(contentObj, delay) {
- var content;
- if (typeof contentObj.message === 'undefined') {
- if (typeof contentObj === 'string') {
- content = contentObj;
- } else {
- return false;
- }
- } else {
- content = contentObj.message;
- }
-
- var header;
- if (contentObj.header) {
- header = contentObj.header;
- } else {
- header = [];
-
- if (contentObj.moduleID && modules[contentObj.moduleID]) {
- header.push(modules[contentObj.moduleID].moduleName);
- }
-
- if (contentObj.type === 'error') {
- header.push('Error');
- } else {
- header.push('Notification');
- }
-
-
- header = header.join(' ');
- }
-
- if (contentObj.moduleID && modules[contentObj.moduleID]) {
- header += modules['settingsNavigation'].makeUrlHashLink(contentObj.moduleID, contentObj.optionKey, ' ', 'gearIcon');
- }
-
-
- if (typeof this.notificationCount === 'undefined') {
- this.adFrame = document.body.querySelector('#ad-frame');
- if (this.adFrame) {
- this.adFrame.style.display = 'none';
- }
- this.notificationCount = 0;
- this.notificationTimers = [];
- this.RESNotifications = createElementWithID('div','RESNotifications');
- document.body.appendChild(this.RESNotifications);
- }
- var thisNotification = document.createElement('div');
- thisNotification.classList.add('RESNotification');
- thisNotification.setAttribute('id','RESNotification-'+this.notificationCount);
- $(thisNotification).html('<div class="RESNotificationHeader"><h3>'+header+'</h3><div class="RESNotificationClose RESCloseButton">×</div></div><div class="RESNotificationContent">'+content+'</div>');
- var thisNotificationCloseButton = thisNotification.querySelector('.RESNotificationClose');
- thisNotificationCloseButton.addEventListener('click', function(e) {
- var thisNotification = e.target.parentNode.parentNode;
- RESUtils.closeNotification(thisNotification);
- }, false);
- this.setCloseNotificationTimer(thisNotification, delay);
- this.RESNotifications.style.display = 'block';
- this.RESNotifications.appendChild(thisNotification);
- modules['styleTweaks'].setSRStyleToggleVisibility(false, 'notification');
- RESUtils.fadeElementIn(thisNotification, 0.2, 1);
- this.notificationCount++;
- },
- setCloseNotificationTimer: function(e, delay) {
- delay = delay || 3000;
- var thisNotification = (typeof e.currentTarget !== 'undefined') ? e.currentTarget : e;
- var thisNotificationID = thisNotification.getAttribute('id').split('-')[1];
- thisNotification.classList.add('timerOn');
- clearTimeout(RESUtils.notificationTimers[thisNotificationID]);
- var thisTimer = setTimeout(function() {
- RESUtils.closeNotification(thisNotification);
- }, delay);
- RESUtils.notificationTimers[thisNotificationID] = thisTimer;
- thisNotification.addEventListener('mouseover',RESUtils.cancelCloseNotificationTimer, false);
- thisNotification.removeEventListener('mouseout',RESUtils.setCloseNotification,false);
- },
- cancelCloseNotificationTimer: function(e) {
- var thisNotificationID = e.currentTarget.getAttribute('id').split('-')[1];
- e.currentTarget.classList.remove('timerOn');
- clearTimeout(RESUtils.notificationTimers[thisNotificationID]);
- e.target.removeEventListener('mouseover',RESUtils.cancelCloseNotification,false);
- e.currentTarget.addEventListener('mouseout',RESUtils.setCloseNotificationTimer, false);
- },
- closeNotification: function(ele) {
- RESUtils.fadeElementOut(ele, 0.1, RESUtils.notificationClosed);
- },
- notificationClosed: function(ele) {
- var notifications = RESUtils.RESNotifications.querySelectorAll('.RESNotification');
- var destroyed = 0;
- for (var i=0, len=notifications.length; i<len; i++) {
- if (notifications[i].style.opacity === '0') {
- notifications[i].parentNode.removeChild(notifications[i]);
- destroyed++;
- }
- }
- if (destroyed == notifications.length) {
- RESUtils.RESNotifications.style.display = 'none';
- if (RESUtils.adFrame) RESUtils.adFrame.style.display = 'block';
- }
-
- modules['styleTweaks'].setSRStyleToggleVisibility(true, 'notification');
- },
- toggleButton: function(fieldID, enabled, onText, offText, isTable) {
- enabled = enabled || false;
- var checked = (enabled) ? 'CHECKED' : '';
- onText = onText || 'on';
- offText = offText || 'off';
- var thisToggle = document.createElement('div');
- thisToggle.setAttribute('class','toggleButton');
- thisToggle.setAttribute('id',fieldID+'Container');
- var tableAttr = '';
- if (isTable) {
- tableAttr = ' tableOption="true"';
- }
- $(thisToggle).html('<span class="toggleOn">'+onText+'</span><span class="toggleOff">'+offText+'</span><input id="'+fieldID+'" type="checkbox" '+tableAttr+checked+'>');
- thisToggle.addEventListener('click', function(e) {
- var thisCheckbox = this.querySelector('input[type=checkbox]');
- var enabled = thisCheckbox.checked;
- thisCheckbox.checked = !enabled;
- if (enabled) {
- this.classList.remove('enabled');
- } else {
- this.classList.add('enabled');
- }
- }, false);
- if (enabled) thisToggle.classList.add('enabled');
- return thisToggle;
- },
- addCommas: function(nStr) {
- nStr += '';
- var x = nStr.split('.');
- var x1 = x[0];
- var x2 = x.length > 1 ? '.' + x[1] : '';
- var rgx = /(\d+)(\d{3})/;
- while (rgx.test(x1)) {
- x1 = x1.replace(rgx, '$1' + ',' + '$2');
- }
- return x1 + x2;
- },
- generateTable: function(items, call, context) {
- if (!items || !call) return;
- // Sanitize single item into items array
- if (!(items.length && typeof items !== "string")) items = [ items ];
-
- var description = [];
- description.push('<table>');
-
- for (var i = 0; i < items.length; i++) {
- var item = call(items[i], i, items, context);
- if (typeof item === "string") {
- description.push(item);
- } else if (item.length) {
- description = description.concat(item);
- }
- }
- description.push('</table>');
- description = description.join('\n');
-
- return description;
- },
- xhrCache: function(operation) {
- var thisJSON = {
- requestType: 'XHRCache',
- operation: operation
- };
- if (BrowserDetect.isChrome()) {
- chrome.extension.sendMessage(thisJSON);
- } else if (BrowserDetect.isSafari()) {
- safari.self.tab.dispatchMessage('XHRCache', thisJSON);
- } else if (BrowserDetect.isOpera()) {
- opera.extension.postMessage(JSON.stringify(thisJSON));
- } else if (BrowserDetect.isFirefox()) {
- self.postMessage(thisJSON);
- }
- },
- initObservers: function() {
- var siteTable, observer;
- if (RESUtils.pageType() !== 'comments') {
- // initialize sitetable observer...
- siteTable = document.querySelector('#siteTable');
- var stMultiCheck = document.querySelectorAll('#siteTable');
- if (stMultiCheck.length === 2) {
- siteTable = stMultiCheck[1];
- }
-
- if (BrowserDetect.MutationObserver && siteTable) {
- observer = new BrowserDetect.MutationObserver(function(mutations) {
- mutations.forEach(function(mutation) {
- if (mutation.addedNodes[0].id.indexOf('siteTable') !== -1) {
- // when a new sitetable is loaded, we need to add new observers for selftexts within that sitetable...
- $(mutation.addedNodes[0]).find('.entry div.expando').each(function() {
- RESUtils.addSelfTextObserver(this);
- });
- RESUtils.watchers.siteTable.forEach(function(callback) {
- if (callback) callback(mutation.addedNodes[0]);
- });
- }
- });
- });
-
- observer.observe(siteTable, {
- attributes: false,
- childList: true,
- characterData: false
- });
- } else {
- // Opera doesn't support MutationObserver - so we need this for Opera support.
- if (siteTable) {
- siteTable.addEventListener('DOMNodeInserted', function(event) {
- if ((event.target.tagName === 'DIV') && (event.target.getAttribute('id') && event.target.getAttribute('id').indexOf('siteTable') !== -1)) {
- RESUtils.watchers.siteTable.forEach(function(callback) {
- if (callback) callback(event.target);
- });
- }
- }, true);
- }
- }
- } else {
- // initialize sitetable observer...
- siteTable = document.querySelector('.commentarea > .sitetable');
-
- if (BrowserDetect.MutationObserver && siteTable) {
- observer = new BrowserDetect.MutationObserver(function(mutations) {
- mutations.forEach(function(mutation) {
- if (mutation.addedNodes.length > 0 && mutation.addedNodes[0].classList.contains('thing')) {
- var thing = mutation.addedNodes[0];
- var newCommentEntry = thing.querySelector('.entry');
- if (!$(newCommentEntry).data('alreadyDetected')) {
- $(newCommentEntry).data('alreadyDetected', true);
- $(thing).find('.child').each(function() {
- RESUtils.addNewCommentFormObserver(this);
- });
- RESUtils.watchers.newComments.forEach(function(callback) {
- if (callback) callback(newCommentEntry);
- });
- }
- }
- });
- });
-
- observer.observe(siteTable, {
- attributes: false,
- childList: true,
- characterData: false
- });
- } else {
- // Opera doesn't support MutationObserver - so we need this for Opera support.
- if (siteTable) {
- siteTable.addEventListener('DOMNodeInserted', RESUtils.mutationEventCommentHandler, false);
- }
- }
- }
-
- $('.entry div.expando').each(function() {
- RESUtils.addSelfTextObserver(this);
- });
-
- // initialize new comments observers on demand, by first wiring up click listeners to "load more comments" buttons.
- // on click, we'll add a mutation observer...
- $('.morecomments a').click(RESUtils.addNewCommentObserverToTarget);
-
- // initialize new comments forms observers on demand, by first wiring up click listeners to reply buttons.
- // on click, we'll add a mutation observer...
- // $('body').delegate('ul.flat-list li a[onclick*=reply]', 'click', RESUtils.addNewCommentFormObserver);
- $('.thing .child').each(function() {
- RESUtils.addNewCommentFormObserver(this);
- });
-
- },
- // Opera doesn't support MutationObserver - so we need this for Opera support.
- mutationEventCommentHandler: function (event) {
- if ((event.target.tagName === 'DIV') && (event.target.classList.contains('thing'))) {
- // we've found a matching element - stop propagation.
- event.stopPropagation();
- // because nested DOMNodeInserted events are an absolute CLUSTER to manage,
- // only send individual comments through to the callback.
- // Otherwise, we end up calling functions on a parent, then its child (which
- // already got scanned when we passed in the parent), etc.
- var thisComment = event.target.querySelector('.entry');
- if (! $(thisComment).data('alreadyDetected')) {
- $(thisComment).data('alreadyDetected', true);
- // wire up listeners for new "more comments" links...
- $(event.target).find('.morecomments a').click(RESUtils.addNewCommentObserverToTarget);
- RESUtils.watchers.newComments.forEach(function(callback) {
- RESUtils.addNewCommentFormObserver(event.target);
- if (callback) callback(thisComment);
- });
- }
- }
- },
- addNewCommentObserverToTarget: function (e) {
- var ele = $(e.currentTarget).closest('.sitetable')[0];
- // mark this as having an observer so we don't add multiples...
- if (! $(ele).hasClass('hasObserver')) {
- $(ele).addClass('hasObserver');
- RESUtils.addNewCommentObserver(ele);
- }
- },
- addNewCommentObserver: function(ele) {
- var mutationNodeToObserve = ele;
- if (BrowserDetect.MutationObserver) {
- var observer = new BrowserDetect.MutationObserver(function(mutations) {
- // we need to get ONLY the nodes that are new...
- // get the nodeList from each mutation, find comments within it,
- // then call our callback on it.
- for (var i=0, len=mutations.length; i<len; i++) {
- var thisMutation = mutations[i];
- var nodeList = thisMutation.addedNodes;
- // look at the added nodes, and find comment containers.
- for (var j=0, jLen=nodeList.length; j<jLen; j++) {
- if (nodeList[j].classList.contains('thing')) {
- $(nodeList[j]).find('.child').each(function() {
- RESUtils.addNewCommentFormObserver(this);
- });
-
- // check for "load new comments" links within this group as well...
- $(nodeList[j]).find('.morecomments a').click(RESUtils.addNewCommentObserverToTarget);
-
- var subComments = nodeList[j].querySelectorAll('.entry');
- // look at the comment containers and find actual comments...
- for (var k=0, kLen=subComments.length; k<kLen; k++) {
- var thisComment = subComments[k];
- if (! $(thisComment).data('alreadyDetected')) {
- $(thisComment).data('alreadyDetected', true);
- RESUtils.watchers.newComments.forEach(function(callback) {
- if (callback) callback(thisComment);
- });
- }
- }
- }
- }
- }
-
- // RESUtils.watchers.newComments.forEach(function(callback) {
- // // add form observers to these new comments we've found...
- // $(mutations[0].target).find('.thing .child').each(function() {
- // RESUtils.addNewCommentFormObserver(this);
- // });
- // // check for "load new comments" links within this group as well...
- // $(mutations[0].target).find('.morecomments a').click(RESUtils.addNewCommentObserverToTarget);
- // callback(mutations[0].target);
- // });
-
- // disconnect this observer once all callbacks have been run.
- // unless we have the nestedlisting class, in which case don't disconnect because that's a
- // bottom level load more comments where even more can be loaded after, so they all drop into this
- // same .sitetable div.
- if (! $(ele).hasClass('nestedlisting')) {
- observer.disconnect();
- }
- });
-
- observer.observe(mutationNodeToObserve, {
- attributes: false,
- childList: true,
- characterData: false
- });
- } else {
- mutationNodeToObserve.addEventListener('DOMNodeInserted', RESUtils.mutationEventCommentHandler, false);
- }
- },
- addNewCommentFormObserver: function(ele) {
- var commentsFormParent = ele;
- if (BrowserDetect.MutationObserver) {
- // var mutationNodeToObserve = moreCommentsParent.parentNode.parentNode.parentNode.parentNode;
- var observer = new BrowserDetect.MutationObserver(function(mutations) {
- var form = $(mutations[0].target).children('form');
- if ((form) && (form.length === 1)) {
- RESUtils.watchers.newCommentsForms.forEach(function(callback) {
- callback(form[0]);
- });
- } else {
- var newOwnComment = $(mutations[0].target).find(' > div.sitetable > .thing:first-child'); // assumes new comment will be prepended to sitetable's children
- if ((newOwnComment) && (newOwnComment.length === 1)) {
- // new comment detected from the current user...
- RESUtils.watchers.newComments.forEach(function(callback) {
- callback(newOwnComment[0]);
- });
- }
- }
- });
-
- observer.observe(commentsFormParent, {
- attributes: false,
- childList: true,
- characterData: false
- });
- } else {
- // Opera doesn't support MutationObserver - so we need this for Opera support.
- commentsFormParent.addEventListener('DOMNodeInserted', function(event) {
- // TODO: proper tag filtering here, it's currently all wrong.
- if (event.target.tagName === 'FORM') {
- RESUtils.watchers.newCommentsForms.forEach(function(callback) {
- if (callback) callback(event.target);
- });
- } else {
- var newOwnComment = $(event.target).find(' > div.sitetable > .thing:first-child'); // assumes new comment will be prepended to sitetable's children
- if ((newOwnComment) && (newOwnComment.length === 1)) {
- // new comment detected from the current user...
- RESUtils.watchers.newComments.forEach(function(callback) {
- callback(newOwnComment[0]);
- });
- }
- }
- }, true);
- }
- },
- addSelfTextObserver: function(ele) {
- var selfTextParent = ele;
- if (BrowserDetect.MutationObserver) {
- // var mutationNodeToObserve = moreCommentsParent.parentNode.parentNode.parentNode.parentNode;
- var observer = new BrowserDetect.MutationObserver(function(mutations) {
- var form = $(mutations[0].target).find('form');
- if ((form) && (form.length > 0)) {
- RESUtils.watchers.selfText.forEach(function(callback) {
- callback(form[0]);
- });
- }
- });
-
- observer.observe(selfTextParent, {
- attributes: false,
- childList: true,
- characterData: false
- });
- } else {
- // Opera doesn't support MutationObserver - so we need this for Opera support.
- selfTextParent.addEventListener('DOMNodeInserted', function(event) {
- // TODO: proper tag filtering here, it's currently all wrong.
- if (event.target.tagName === 'FORM') {
- RESUtils.watchers.selfText.forEach(function(callback) {
- if (callback) callback(event.target);
- });
- }
- }, true);
- }
- },
- watchForElement: function(type, callback) {
- switch(type) {
- case 'siteTable':
- RESUtils.watchers.siteTable.push(callback);
- break;
- case 'newComments':
- RESUtils.watchers.newComments.push(callback);
- break;
- case 'selfText':
- RESUtils.watchers.selfText.push(callback);
- break;
- case 'newCommentsForms':
- RESUtils.watchers.newCommentsForms.push(callback);
- break;
- }
- },
- watchers: {
- siteTable: [],
- newComments: [],
- selfText: [],
- newCommentsForms: []
- },
- // A link is a comment code if all these conditions are true:
- // * It has no content (i.e. content.length === 0)
- // * Its href is of the form "/code"
- //
- // In case it's not clear, here is a list of some common comment
- // codes on a specific subreddit:
- // http://www.reddit.com/r/metarage/comments/p3eqe/full_updated_list_of_comment_faces_wcodes/
- COMMENT_CODE_REGEX: /^\/\w+$/,
- isCommentCode: function (link) {
- var content = link.innerHTML;
-
- // Note that link.href will return the full href (which includes the
- // reddit.com domain). We don't want that.
- var href = link.getAttribute("href");
-
- return !content && this.COMMENT_CODE_REGEX.test(href);
- },
- /*
- Starts a unique named timeout.
- If there is a running timeout with the same name cancel the old one in favor of the new.
- Call with no time/call parameter (null/undefined/missing) to and existing one with the given name.
- Used to derfer an action until a series of events has stopped.
- e.g. wait until a user a stopped typing to update a comment preview.
- (name based on similar function in underscore.js)
- */
- debounceTimeouts: {},
- debounce: function(name, time, call, data) {
- if (name == null) return;
- if (RESUtils.debounceTimeouts[name] !== undefined) {
- window.clearTimeout(RESUtils.debounceTimeouts[name]);
- delete RESUtils.debounceTimeouts[name];
- }
- if (time !== null && call !== null) {
- RESUtils.debounceTimeouts[name] = window.setTimeout(function() {
- delete RESUtils.debounceTimeouts[name];
- call(data);
- }, time);
- }
- },
- toolTipTimers: {},
- /*
- Iterate through an array in chunks, executing a callback on each element.
- Each chunk is handled asynchronously from the others with a delay betwen each batch.
- If the provided callback returns false iteration will be halted.
- */
- forEachChunked: function(array, chunkSize, delay, call) {
- if (typeof array === 'undefined' || array === null) return;
- if (typeof chunkSize === 'undefined' || chunkSize === null || chunkSize < 1) return;
- if (typeof delay === 'undefined' || delay === null || delay < 0) return;
- if (typeof call === 'undefined' || call === null) return;
- var counter = 0;
- var length = array.length;
- function doChunk() {
- for (var end = Math.min(array.length, counter+chunkSize); counter < end; counter++) {
- var ret = call(array[counter], counter, array);
- if (ret === false) return;
- }
- if (counter < array.length) {
- window.setTimeout(doChunk, delay);
- }
- }
- window.setTimeout(doChunk, delay);
- },
- getComputedStyle: function(elem, property){
- if (elem.constructor === String) {
- elem = document.querySelector(elem);
- } else if (!(elem instanceof Node)) {
- return undefined;
- }
- var strValue;
- if(document.defaultView && document.defaultView.getComputedStyle) {
- strValue = document.defaultView.getComputedStyle(elem, "").getPropertyValue(property);
- } else if(elem.currentStyle){
- property = property.replace(/\-(\w)/g, function(strMatch, p1){
- return p1.toUpperCase();
- });
- strValue = oElm.currentStyle[property];
- }
- return strValue;
- },
- hover: {
- defaults: {
- openDelay: 500,
- fadeDelay: 500,
- fadeSpeed: 0.3,
- width: 512,
- closeOnMouseOut: true
- },
- container: null,
- /*
- The contents of state are as follows:
- state: {
- //The DOM element that triggered the hover popup.
- element: null,
- //Resolved values for timing, etc.
- options: null,
- //Usecase specific object
- context: null,
- callback: null,
- }*/
- state: null,
- showTimer: null,
- hideTimer: null,
- begin: function(onElement, conf, callback, context) {
- var hover = RESUtils.hover;
- if (hover.container === null) hover.create();
- if (hover.state !== null) {
- hover.close(false);
- }
- var state = hover.state = {
- element: onElement,
- options: $.extend({}, hover.defaults, conf),
- context: context,
- callback: callback,
- };
- hover.showTimer = setTimeout(function() {
- hover.cancelShowTimer();
- hover.clearShowListeners();
- hover.open();
-
- hover.state.element.addEventListener('mouseout', hover.startHideTimer, false);
- }, state.options.openDelay);
-
- state.element.addEventListener('click', hover.cancelShow, false);
- state.element.addEventListener('mouseout', hover.cancelShow, false);
- },
-
- create: function() {
- var container = $('<div id="RESHoverContainer" class="RESDialogSmall"> \
- <h3 id="RESHoverTitle"></h3> \
- <div class="RESCloseButton">x</div> \
- <div id="RESHoverBody" class="RESDialogContents"> \
- </div>').get(0);
-
- document.body.appendChild(container);
-
- $(container).hover(function() {
- if (RESUtils.hover.state !== null) {
- RESUtils.hover.cancelHideTimer();
- }
- }, function() {
- if (RESUtils.hover.state !== null) {
- RESUtils.hover.cancelHideTimer();
- if (RESUtils.hover.state.options.closeOnMouseOut === true) {
- RESUtils.hover.startHideTimer();
- }
- }
- });
-
- $(container).on('click', '.RESCloseButton', function() {
- RESUtils.hover.close(true);
- });
- RESUtils.hover.container = container;
-
- var css = '';
-
- css += '#RESHoverContainer { display: none; position: absolute; z-index: 10001; }';
- css += '#RESHoverContainer:before { content: ""; position: absolute; top: 10px; left: -26px; border-style: solid; border-width: 10px 29px 10px 0; border-color: transparent #c7c7c7; display: block; width: 0; z-index: 1; }';
- css += '#RESHoverContainer:after { content: ""; position: absolute; top: 10px; left: -24px; border-style: solid; border-width: 10px 29px 10px 0; border-color: transparent #f0f3fc; display: block; width: 0; z-index: 1; }';
- css += '#RESHoverContainer.right:before { content: ""; position: absolute; top: 10px; right: -26px; left: auto; border-style: solid; border-width: 10px 0 10px 29px; border-color: transparent #c7c7c7; display: block; width: 0; z-index: 1; }';
- css += '#RESHoverContainer.right:after { content: ""; position: absolute; top: 10px; right: -24px; left: auto; border-style: solid; border-width: 10px 0 10px 29px; border-color: transparent #f0f3fc; display: block; width: 0; z-index: 1; }';
-
- RESUtils.addCSS(css);
- },
- open: function() {
- var hover = RESUtils.hover;
- var def = $.Deferred();
- def.promise()
- .progress(hover.set)
- .done(hover.set)
- .fail(hover.close);
- hover.state.callback(def, hover.state.element, hover.state.context);
- },
- set: function(header, body) {
- var hover = RESUtils.hover;
- var container = hover.container;
- if (header != null) $('#RESHoverTitle').empty().append(header);
- if (body != null) $('#RESHoverBody').empty().append(body);
-
- var XY=RESUtils.getXYpos(hover.state.element);
-
- var width = $(hover.state.element).width();
- var tooltipWidth = $(container).width();
- tooltipWidth = hover.state.options.width;
-
- RESUtils.fadeElementIn(hover.container, hover.state.options.fadeSpeed);
- if((window.innerWidth-XY.x-width)<=tooltipWidth){
- // tooltip would go off right edge - reverse it.
- container.classList.add('right');
- $(container).css({
- top: XY.y - 14,
- left: XY.x - tooltipWidth - 30,
- width: tooltipWidth
- });
- } else {
- container.classList.remove('right');
- $(container).css({
- top: XY.y - 14,
- left: XY.x + width + 25,
- width: tooltipWidth
- });
- }
- },
- cancelShow: function(e) {
- RESUtils.hover.close(true);
- },
- clearShowListeners: function() {
- if (RESUtils.hover.state === null) return;
- var element = RESUtils.hover.state.element;
- var func = RESUtils.hover.cancelShow;
-
- element.removeEventListener('click', func, false);
- element.removeEventListener('mouseout', func, false);
- },
- cancelShowTimer: function() {
- if (RESUtils.hover.showTimer === null) return;
- clearTimeout(RESUtils.hover.showTimer);
- RESUtils.hover.showTimer = null;
- },
- startHideTimer: function() {
- if (RESUtils.hover.state !== null) {
- RESUtils.hover.hideTimer = setTimeout(function() {
- RESUtils.hover.cancelHideTimer();
- RESUtils.hover.close(true);
- }, RESUtils.hover.state.options.fadeDelay);
- }
- },
- cancelHideTimer: function() {
- var hover = RESUtils.hover;
- if (RESUtils.hover.state !== null) {
- hover.state.element.removeEventListener('mouseout', hover.startHideTimer, false);
- }
- if (hover.hideTimer === null) return;
- clearTimeout(hover.hideTimer);
- hover.hideTimer = null;
- },
- close: function(fade) {
- var hover = RESUtils.hover;
- function afterHide() {
- $('#RESHoverTitle, #RESHoverBody').empty();
- hover.clearShowListeners();
- hover.cancelShowTimer();
- hover.cancelHideTimer();
- hover.state = null;
- }
- if (fade && hover.state !== null) {
- RESUtils.fadeElementOut(hover.container, hover.state.options.fadeSpeed, afterHide);
- } else {
- $(hover.container).hide(afterHide);
- }
- }
- }
-};
-// end RESUtils;
-
-// Create a nice alert function...
-var gdAlert = {
- container: false,
- overlay: "",
-
- init: function(callback) {
- //init
- var alertCSS = '#alert_message { ' +
- 'display: none;' +
- 'opacity: 0.0;' +
- 'background-color: #EFEFEF;' +
- 'border: 1px solid black;' +
- 'color: black;' +
- 'font-size: 10px;' +
- 'padding: 20px;' +
- 'padding-left: 60px;' +
- 'padding-right: 60px;' +
- 'position: fixed!important;' +
- 'position: absolute;' +
- 'width: 400px;' +
- 'float: left;' +
- 'z-index: 1000000201;' +
- 'text-align: left;' +
- 'left: auto;' +
- 'top: auto;' +
- '}' +
- '#alert_message .button {' +
- 'border: 1px solid black;' +
- 'font-weight: bold;' +
- 'font-size: 10px;' +
- 'padding: 4px;' +
- 'padding-left: 7px;' +
- 'padding-right: 7px;' +
- 'float: left;' +
- 'background-color: #DFDFDF;' +
- 'cursor: pointer;' +
- '}' +
- '#alert_message span {' +
- 'display: block;' +
- 'margin-bottom: 15px; ' +
- '}'+
- '#alert_message_background {' +
- 'position: fixed; top: 0; left: 0; bottom: 0; right: 0;' +
- 'background-color: #333333; z-index: 100000200;' +
- '}';
-
- GM_addStyle(alertCSS);
-
- gdAlert.populateContainer(callback);
-
- },
-
- populateContainer: function(callback) {
- gdAlert.container = createElementWithID('div','alert_message');
- gdAlert.container.appendChild(document.createElement('span'));
- if (typeof callback === 'function') {
- this.okButton = document.createElement('input');
- this.okButton.setAttribute('type','button');
- this.okButton.setAttribute('value','confirm');
- this.okButton.addEventListener('click',callback, false);
- this.okButton.addEventListener('click',gdAlert.close, false);
- var closeButton = document.createElement('input');
- closeButton.setAttribute('type','button');
- closeButton.setAttribute('value','cancel');
- closeButton.addEventListener('click',gdAlert.close, false);
- gdAlert.container.appendChild(this.okButton);
- gdAlert.container.appendChild(closeButton);
- } else {
- /* if (this.okButton) {
- gdAlert.container.removeChild(this.okButton);
- delete this.okButton;
- } */
- var closeButton = document.createElement('input');
- closeButton.setAttribute('type','button');
- closeButton.setAttribute('value','ok');
- closeButton.addEventListener('click',gdAlert.close, false);
- gdAlert.container.appendChild(closeButton);
- }
- var br = document.createElement('br');
- br.setAttribute('style','clear: both');
- gdAlert.container.appendChild(br);
- document.body.appendChild(gdAlert.container);
- },
- open: function(text, callback) {
- if (gdAlert.isOpen) {
- return;
- }
- gdAlert.isOpen = true;
- gdAlert.populateContainer(callback);
-
- //set message
- // gdAlert.container.getElementsByTagName("SPAN")[0].innerHTML = text;
- $(gdAlert.container.getElementsByTagName("SPAN")[0]).html(text);
- gdAlert.container.getElementsByTagName("INPUT")[0].focus();
- gdAlert.container.getElementsByTagName("INPUT")[0].focus();
-
- //create site overlay
- gdAlert.overlay = createElementWithID("div", "alert_message_background");
- document.body.appendChild(gdAlert.overlay);
-
- // center messagebox (requires prototype functions we don't have, so we'll redefine...)
- // var arrayPageScroll = document.viewport.getScrollOffsets();
- // var winH = arrayPageScroll[1] + (document.viewport.getHeight());
- // var lightboxLeft = arrayPageScroll[0];
- var arrayPageScroll = [ document.documentElement.scrollLeft , document.documentElement.scrollTop ];
- var winH = arrayPageScroll[1] + (window.innerHeight);
- var lightboxLeft = arrayPageScroll[0];
-
- gdAlert.container.style.top = ((winH / 2) - 90) + "px";
- gdAlert.container.style.left = ((gdAlert.getPageSize()[0] / 2) - 155) + "px";
-
- /*
- new Effect.Appear(gdAlert.container, {duration: 0.2});
- new Effect.Opacity(gdAlert.overlay, {duration: 0.2, to: 0.8});
- */
- RESUtils.fadeElementIn(gdAlert.container, 0.3);
- RESUtils.fadeElementIn(gdAlert.overlay, 0.3);
- modules['styleTweaks'].setSRStyleToggleVisibility(false, 'gdAlert');
- },
-
- close: function() {
- gdAlert.isOpen = false;
- /*
- new Effect.Fade(gdAlert.container, {duration: 0.3});
- new Effect.Fade(gdAlert.overlay, {duration: 0.3, afterFinish: function() {
- document.body.removeChild(gdAlert.overlay);
- }});
- */
- RESUtils.fadeElementOut(gdAlert.container, 0.3);
- RESUtils.fadeElementOut(gdAlert.overlay, 0.3);
- modules['styleTweaks'].setSRStyleToggleVisibility(true, 'gdAlert');
- },
-
- getPageSize: function() {
- var xScroll, yScroll;
- if (window.innerHeight && window.scrollMaxY) {
- xScroll = window.innerWidth + window.scrollMaxX;
- yScroll = window.innerHeight + window.scrollMaxY;
- } else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
- xScroll = document.body.scrollWidth;
- yScroll = document.body.scrollHeight;
- } else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
- xScroll = document.body.offsetWidth;
- yScroll = document.body.offsetHeight;
- }
-
- var windowWidth, windowHeight;
-
- if (self.innerHeight) { // all except Explorer
- if(document.documentElement.clientWidth){
- windowWidth = document.documentElement.clientWidth;
- } else {
- windowWidth = self.innerWidth;
- }
- windowHeight = self.innerHeight;
- } else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
- windowWidth = document.documentElement.clientWidth;
- windowHeight = document.documentElement.clientHeight;
- } else if (document.body) { // other Explorers
- windowWidth = document.body.clientWidth;
- windowHeight = document.body.clientHeight;
- }
-
- // for small pages with total height less then height of the viewport
- if(yScroll < windowHeight){
- pageHeight = windowHeight;
- } else {
- pageHeight = yScroll;
- }
-
- // for small pages with total width less then width of the viewport
- if(xScroll < windowWidth){
- pageWidth = xScroll;
- } else {
- pageWidth = windowWidth;
- }
- return [pageWidth,pageHeight];
- }
-};
-
-//overwrite the alert function
-var alert = function(text, callback) {
- if (gdAlert.container === false) {
- gdAlert.init(callback);
- }
- gdAlert.open(text, callback);
-};
-
-// this function copies localStorage (from the GM import script) to FF addon simplestorage...
-function GMSVtoFFSS() {
- var console = unsafeWindow.console;
- for (var key in localStorage) {
- RESStorage.setItem(key, localStorage[key]);
- }
- localStorage.setItem('copyComplete','true');
- localStorage.removeItem('RES.lsTest');
- RESUtils.notification('Data transfer complete. You may now uninstall the Greasemonkey script');
-}
-
-// jquery plugin CSS
-RESUtils.addCSS(tokenizeCSS);
-RESUtils.addCSS(guidersCSS);
-
-// define the RESConsole class
-var RESConsole = {
- modalOverlay: '',
- RESConsoleContainer: '',
- RESMenuItems: [],
- RESConfigPanelOptions: null,
- // make the modules panel accessible to this class for updating (i.e. when preferences change, so we can redraw it)
- RESConsoleConfigPanel: createElementWithID('div', 'RESConsoleConfigPanel', 'RESPanel'),
- RESConsoleAboutPanel: createElementWithID('div', 'RESConsoleAboutPanel', 'RESPanel'),
- RESConsoleProPanel: createElementWithID('div', 'RESConsoleProPanel', 'RESPanel'),
- addConsoleLink: function() {
- this.userMenu = document.querySelector('#header-bottom-right');
- if (this.userMenu) {
- var RESPrefsLink = $("<span id='openRESPrefs'><span id='RESSettingsButton' title='RES Settings' class='gearIcon'></span>")
- .mouseenter(RESConsole.showPrefsDropdown);
- $(this.userMenu).find("ul").after(RESPrefsLink).after("<span class='separator'>|</span>");
- this.RESPrefsLink = RESPrefsLink[0];
- }
- },
- addConsoleDropdown: function() {
- this.gearOverlay = createElementWithID('div','RESMainGearOverlay');
- this.gearOverlay.setAttribute('class','RESGearOverlay');
- $(this.gearOverlay).html('<div class="gearIcon"></div>');
-
- this.prefsDropdown = createElementWithID('div','RESPrefsDropdown','RESDropdownList');
- $(this.prefsDropdown).html('<ul id="RESDropdownOptions"><li id="SettingsConsole">settings console</li><li id="RES-donate">donate to RES</li></ul>');
- var thisSettingsButton = this.prefsDropdown.querySelector('#SettingsConsole');
- this.settingsButton = thisSettingsButton;
- thisSettingsButton.addEventListener('click', function() {
- RESConsole.hidePrefsDropdown();
- RESConsole.open();
- }, true);
- var thisDonateButton = this.prefsDropdown.querySelector('#RES-donate');
- thisDonateButton.addEventListener('click', function() {
- RESUtils.openLinkInNewTab('http://redditenhancementsuite.com/contribute.html', true);
- }, true);
- $(this.prefsDropdown).mouseleave(function() {
- RESConsole.hidePrefsDropdown();
- });
- $(this.prefsDropdown).mouseenter(function() {
- clearTimeout(RESConsole.prefsTimer);
- });
- $(this.gearOverlay).mouseleave(function() {
- RESConsole.prefsTimer = setTimeout(function() {
- RESConsole.hidePrefsDropdown();
- }, 1000);
- });
- document.body.appendChild(this.gearOverlay);
- document.body.appendChild(this.prefsDropdown);
- if (RESStorage.getItem('RES.newAnnouncement','true')) {
- RESUtils.setNewNotification();
- }
- },
- showPrefsDropdown: function(e) {
- var thisTop = parseInt($(RESConsole.userMenu).offset().top + 1, 10);
- // var thisRight = parseInt($(window).width() - $(RESConsole.RESPrefsLink).offset().left);
- // thisRight = 175-thisRight;
- var thisLeft = parseInt($(RESConsole.RESPrefsLink).offset().left - 6, 10);
- // $('#RESMainGearOverlay').css('left',thisRight+'px');
- $('#RESMainGearOverlay').css('height',$('#header-bottom-right').outerHeight()+'px');
- $('#RESMainGearOverlay').css('left',thisLeft+'px');
- $('#RESMainGearOverlay').css('top',thisTop+'px');
- RESConsole.prefsDropdown.style.top = parseInt(thisTop+$(RESConsole.userMenu).outerHeight(), 10)+'px';
- RESConsole.prefsDropdown.style.right = '0px';
- RESConsole.prefsDropdown.style.display = 'block';
- $('#RESMainGearOverlay').show();
- modules['styleTweaks'].setSRStyleToggleVisibility(false, 'prefsDropdown');
- },
- hidePrefsDropdown: function(e) {
- RESConsole.RESPrefsLink.classList.remove('open');
- $('#RESMainGearOverlay').hide();
- RESConsole.prefsDropdown.style.display = 'none';
- modules['styleTweaks'].setSRStyleToggleVisibility(true, 'prefsDropdown');
- },
- resetModulePrefs: function() {
- prefs = {
- 'userTagger': true,
- 'betteReddit': true,
- 'singleClick': true,
- 'subRedditTagger': true,
- 'uppersAndDowners': true,
- 'keyboardNav': true,
- 'commentPreview': true,
- 'showImages': true,
- 'showKarma': true,
- 'usernameHider': false,
- 'accountSwitcher': true,
- 'styleTweaks': true,
- 'filteReddit': true,
- 'spamButton': false,
- 'bitcointip': false,
- 'RESPro': false
- };
- this.setModulePrefs(prefs);
- return prefs;
- },
- getAllModulePrefs: function(force) {
- var storedPrefs;
- // if we've done this before, just return the cached version
- if ((!force) && (typeof this.getAllModulePrefsCached !== 'undefined')) return this.getAllModulePrefsCached;
- // get the stored preferences out first.
- if (RESStorage.getItem('RES.modulePrefs') !== null) {
- storedPrefs = safeJSON.parse(RESStorage.getItem('RES.modulePrefs'), 'RES.modulePrefs');
- } else if (RESStorage.getItem('modulePrefs') !== null) {
- // Clean up old moduleprefs.
- storedPrefs = safeJSON.parse(RESStorage.getItem('modulePrefs'), 'modulePrefs');
- RESStorage.removeItem('modulePrefs');
- this.setModulePrefs(storedPrefs);
- } else {
- // looks like this is the first time RES has been run - set prefs to defaults...
- storedPrefs = this.resetModulePrefs();
- }
- if (storedPrefs === null) {
- storedPrefs = {};
- }
- // create a new JSON object that we'll use to return all preferences. This is just in case we add a module, and there's no pref stored for it.
- var prefs = {};
- // for any stored prefs, drop them in our prefs JSON object.
- for (var module in modules) {
- if (storedPrefs[module]) {
- prefs[module] = storedPrefs[module];
- } else if ((! modules[module].disabledByDefault) && ((storedPrefs[module] == null) || (module === 'dashboard'))) {
- // looks like a new module, or no preferences. We'll default it to on.
- // we also default dashboard to on. It's not really supposed to be disabled.
- prefs[module] = true;
- } else {
- prefs[module] = false;
- }
- }
- if ((typeof prefs !== 'undefined') && (prefs !== 'undefined') && (prefs)) {
- this.getAllModulePrefsCached = prefs;
- return prefs;
- }
- },
- getModulePrefs: function(moduleID) {
- if (moduleID) {
- var prefs = this.getAllModulePrefs();
- return prefs[moduleID];
- } else {
- alert('no module name specified for getModulePrefs');
- }
- },
- setModulePrefs: function(prefs) {
- if (prefs !== null) {
- RESStorage.setItem('RES.modulePrefs', JSON.stringify(prefs));
- return prefs;
- } else {
- alert('error - no prefs specified');
- }
- },
- create: function() {
- // create the console container
- this.RESConsoleContainer = createElementWithID('div', 'RESConsole');
- // hide it by default...
- // this.RESConsoleContainer.style.display = 'none';
- // create a modal overlay
- this.modalOverlay = createElementWithID('div', 'modalOverlay');
- this.modalOverlay.addEventListener('click', function(e) {
- e.preventDefault();
- return false;
- }, true);
- document.body.appendChild(this.modalOverlay);
- // create the header
- var RESConsoleHeader = createElementWithID('div', 'RESConsoleHeader');
- // create the top bar and place it in the header
- var RESConsoleTopBar = createElementWithID('div', 'RESConsoleTopBar');
- this.logo = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAeCAMAAABHRo19AAAACXBIWXMAAA7EAAAOxAGVKw4bAAACxFBMVEXw8/wAAAD+//8EBAQSEhIPDw/w8/v+/v4JCQkHBwcCAgKSk5W8vLz9SADz8/MtLS0iIiIcHBz/VAAYGBmRkZFkZGUkJCQVFhZiYmOZmp2QkpfQ09r9/f3n6vA5OTkvLy//TAAxMTEUFRTl5eVqa2zu8fnt7/fV19ydnqCen6Lt8Pj/TwDk5ORaWlrg4ug1NTUpKSrX19cgICDp6/J6enrFxcW1trpDQ0M7OzwnJyenp6f6TQAXFxj/WACFhojr6+uNjpBHR0cfHx+vr7GSkpJMTEwYGBg+Pj5cXF3CwsJISEj29vYQEBDe3t7+SwBmZmixsbH19fXo6OhQUFAgICJgYWXHyM3q7PTs7vW3uLvb3eKqq650dXbS09js7/aTlJY5OjmUlJeenp7r7vWWl5n8/Px4eHihoqWEhYfO0NTj5euDg4Pa3OGRkpTJy8/g4ODe4Obc3Nzv8vqjo6O1tbW3uLyrq6t1dXX5ya5/f3/5xqxZWVqKiopra2v4uJb99vLCw8fFxsouLS6Oj5Hs7OzY2t+jpKZ4eXv2tY8NDQ35WQny8vJkZGT2lWGQkJB8fHzi5OrLzNFAQUPm6O/3f0W7u7v3oXP4dTb2nXH62MX3pHb87+bn5+dWV1dvb3E0NDT4lWP3jFP4vJn2cS79+vaJioxNTU376d72f0H4Wwf2fT7759z9+fX1lmH4XAv2bSb40bheX2A6Ojr9+vj76t/9+vf76+H5XxVGRkZxcnPQ0te+vr52dnaztLfExMT2tZFYWFhSUlLV1dVwcXL52MS4uLiysrKam5rW1tZPT1CVlZWYmJiUlJRHR0ipqq0qKiqzs7P39/fq6urj4+P89fH09PT6+vo4ODjq7PNsbW4oKCh0dHTv7++3t7fk5u2IiYtFRUU3NzdPT0/Kysru7u6NjY1tbW1gYGBfX19sbGyHh4fh4eEzPXfuAAACPElEQVR4Xq3SQ9fkQBTH4bpVSdru17Zt28bYtm3btm3btm37S8yk0oteTKc7c+a3uf/Nc3JyEvT/48KF69Uhu7dk3AfaZ48PRiHgUwLdpGLdtFbecrkPOxvjuSRcmp2vaIsQt6gdLME4UtlGGs6NFW7+GIw7Qidp2BAq3KaQWg650mwC9LSs6JpRfZG03PTo32reMrmzIW3IlGaSZY/W+aCcoY/xq1SCKXAC5xAaGObkFoSmZoK3uaxqlgzL6vol3UohjIpDLWq6J4jaaNZUnsb4syMCsHU5o10q4015sZAshp2LuuCu4DSZFzJrrh0GURj3Ai8BNHrQ08TdyvZXDsDzYBD+W4OJK5bFh9nGIaRuKKTTxw5fOtJTUCtWjh3H31NQiCdOso2DiVlXSsXGDN+M6XRdnlmtmUNXYrGaLPhD3IFvoQfQrH4KkMdRsjgiK2IZXcurs4zHVvFrdSasQTaeTFu7DtPWa4yaDXSd0xh9N22mMyUVieItWwW8bfuOnbvo2r1n7779mOZ6QByHHsRChw4fsXwsz6OPsdDxE0i0kyQA20rLFIhjzuW0TVxIgpB4Z+AsBRXn1RZTdeEivXFyFbLXJTaJvmkDNJgLrly95iR3juTt9eIbyH6ucJPq2hJGQQiru63lbbriDocc6C7cu1/BgwcPH9U/4cdT9TNQIcd6/oK8fFWbg4Vev0n0I6VvkcO9A38Fq495X5T3wZkhLvAROZ6KYT59Lvvy9VvU9x8/1fW/DEygHfEbNdeCkgdk4HMAAAAASUVORK5CYII=';
- // this string is split because a specific sequence of characters screws up some git clients into thinking this file is binary.
- this.loader = 'data:image/gif;base64,R0lGODlhHQAWANUAAESatESetEyetEyitEyivFSivFSmvFymvFyqvGSqvGSqxGSuxGyuxGyyxHSyxHS2xHS2zHy2zHy6zIS6zIS+zIy+zIzCzIzC1JTG1JzK1JzK3JzO3KTO3KTS3KzS3KzW3LTW3LTW5LTa5Lza5Lze5MTe5MTi5MTi7Mzi7Mzm7NTm7NTq7Nzq7Nzq9Nzu9OTu9OTy9Ozy9Oz29Oz2/PT2/PT6/Pz6/Pz+/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH';
- this.loader += '/C05FVFNDQVBFMi4wAwEAAAAh/h1CdWlsdCB3aXRoIEdJRiBNb3ZpZSBHZWFyIDQuMAAh+QQIBgAAACwAAAAAHQAWAAAG/sCbcEgs3myyEIzjQr2MUGjrgpFMrJIMhxTtei4SbPhKwXCeXaLren00GIuHlSLxzNJDD4NOWST8CwsUgxEjeEIcDYN0ICkjFA4UFYMcRXckIS8XKysTCJKSGCMkHBUXpwwXRC8UGheLpgsMDBKmF6YWF7kODYY3LmawoKcXCxIKFMSnkBIELDczIxODk2SmpoMFbg8XDg4SAAoTNTUY1BcTDQsKCw2nGGAMBAUJDQcCDZ8yNzESya8NFDCAEFAChoO6GGSowEDDggsq0HhIZisVixkwQFDBkIHCARQ1XICosSIGEYe5MFjAsE8IigwcYWa402VEyoNmRozgkEFDbs8MBRS0jJJCwAOcMn1u4MBTA4UHNdLIgIAOg08NGphqZWAggohDHBIEqMCRqZYMEjZMMPBgaJcYcDAcQMBhwgMOGOg9AOHrUIkQ8hJQQKDgQaQFEQ4ZuRABxSwREtqWcKHYiIwaWm6UGBG18o0gACH5BAgGAAAALAAAAAAdABYAAAb';
- this.loader += '+wJtwSCwKXabWBjaS2YxQowqDkUysEg4GFe1+LtgrVkKddYsvCRbSYCwcEgpl4jGfhR3GnLJILP4JchQQJXdCHhCCEiApIxUNFZESGkUzNCsaMBwjMRQFE3IVGCMkHBYXFBcQGEM1NhRUexWqCRAQsxcWuBcXEQgkQjEXGYIUFanIDxENEry5F48SByo3MCWCx1fGzlcHCxKQEggUAgYWrqjGcg0LCguQuVUNBwUJbgIKDBFmMKi4DfnYKCBDhUqDCRgWYFDmAoYQDs2cMcCwYkaMEBYKUjiAAsaMDzFgxCDiocEpDBcwjBSSIkMGDRkwWHDYJUSqghg2jBjB4eVzSwwKINA4Y0JAhIIuYcLkoKFnAwc1zsyYYCFC0pccsmZNcNCDoQ4FCmAQ1TPr2A4JClCIeufFggcUAkDg8ECCBwkF4F4YYYhlCAQFHEwwwECCAwcINDzpK2QGBQ4gFEwAsSDDDA4vGBOxUaMfFw5cNN8IAgAh+QQIBgAAACwAAAAAHQAWAAAG/sCbcEgsClcqlAc2qtWMUCOKc5FYrZyK6xmFhizWiURMxmBm3SIMMp48GoyFQ0Kpc9BpIcchpiz+';
- this.loader += 'gHUUESd5Qh4QghIhKCMUDhQVFBIYRTMvMxgtIxw1GAJ0khkiJRwUF6gRGUNOGRUYghQYEQgSEBcWFBa7uGAEIUI1p7GSFRUXg3MRqKgWFwoRCSs3LiPIkhRkyKgSDggFj3UHEwcEFk8ZoXUNCn8OqBjIDQj0Cg0CCA8PMTctsMcX4jBwwI6SGQsZAnJYcKrBCn43ODxgFvBCixkwvpjJQIGBChU3RqioAVFIiAjOMFjAIGNICgwZNGTA4ABGmhATzZjhMIJTacyYNClwiVLCgKyNP2VyWIqhgIOhUGQkwyBT6VIOGRSA4WCIg4AGHDNgZYrBawEMUKO0aCCBAYALGRiUZVCLwoMRhoS80IDgQIQGBuY0SJDgRMm8MCiguJAgZgIUL23mlcLyBQbJk28EAQAh+QQIBgAAACwAAAAAHQAWAAAG/sCbcEgsClWwEElFstWMUGPpM5FUJxTMBUaLRkcUq2QsplwwXS8R5hBDGoxFm0LXyNRDj4OCXSQWgAl0FBEpeEIce3QSISlgDhUUFRAXRTQqNRwlKhgzGgUQgxkjJRxmFxcTHEMzLyRmgxQaFIIQFReRqBcWFxIDH0MYsZKSu2MMhLoWtwzNKjctHsJ0FWPFqBMLCAIXDxEXBw4MARhPHhKSkXCADbdnFA4KfggNBaASMDecxBcN8g7+JGAYiArEggwOHHRogOLODQ8NdF1YgKHFjCRnBlqQ0MKEjRRN8g0JcWoghhhDUmTIoCEDBQUio3hQYMEkhg0jRnBgyTMLcEovJhbUHLiypQYNOzlIABDhiZcYLx/wbMmh6k4IGbAe0jBgQi+kGapi4FABAAIOP9WsiCDBnksHHDAceEABAgMTh4TMqIBggYQDCCREWHBgAYxneYW0wPCiwQIQEh686FAusREQHmyE4FDDhuUbQQAAIfkECAYAAAAsAAAAAB0AFgAABv7Am3BILN5sqhlHVUrVaMaosSSSUCTYygUTm0mlKKxkIiZTKJrat/hqkCcPhrxhpVQw3rXwA6FMKAoLgoJnVyl6QhwMhRIfKCQUDhV2EBdFNSc0IhwvGiocCH12GSMlHBQXqRIcQzMoKhMWhRQZFwwSERd2uhcWvRQFHkMef4UVkxcVVgtXqRYYWg4HDSs3LRgYs2apvRMGCgJjDxcKoQIYNjcjEWe6DQyBDVpbFg8JDAsGDAcCDxQuN1DwSgVvwYMGCiRgyyYBxQILExR8iBBCzY0QDXz5YoChxQwYIZ5hyAANRokYLkQ8IfJhHoZnMYagyEBTA4QDMNZwMCAS23aGESM6ZNAwlGaFPGByLaRZMwMHDRwaBKCQ7osMCQUk1NQAlYPXlxoUaECE4QCGCKuccqDpwUEABh5eIFoRKUCCqBKIJbgg4V4LREJmPFAQ4UGBRQ0QIJjgggTgISpGmFDwwAODCy0mbHhshIaHQxdG3KhRFXAQACH5BAgGAAAALAAAAAAdABYAAAb+wJtwSCzeaiwYxwVyxWrGqBEVklAkksmFspxJpalHdoydZDu0b7HlME8ejAVDTKFULlC1MAShTCgLCguDC3V+J182QxmFdRIeKSMUDnYUEBhGJy4rGDAeJRwMlHYZI6B3FxcPHUM0ISwVlXUYGA0QWhRbFhe7FhUIHkI1JVaGsbEXERILf6mpuxEDDCs3LncWdRVYuc4WBgsCDxUNFA8CEAUXNzYnVrEUDXEKDXcYFxURB3IICgoCDRhY3EDRLFUDQRAOSqCFAV4KZRgQcMDAYQiJB7xSMcCwggaMEBVoZaAlA0XHEDBqKBLSAZU9DDGGoNCAIYMGBwdiftFQwAJ1Q4ojRnDIYLOoBC9fVORiOFKDTQ0coi44oE7NjAYCKBB1CnVD1JoVDlTUcwEgAy4Zog7lcMDAQhd6qmFIAEBCBgUWODhokKHBgQY648Jg0CCCvwgUEhxIwCFoXCIqXGRIUFOBBxINSDyO4mnGCgoubMDYLCQIACH5BAgGAAAALAAAAAAdABYAAAb+wJtwSCzeaq+W59WZuWrGqFHFkVAkkolFMkrRpFIUZJLFlsmiGLi4gmApjwaD0ZhQ7hfbejhyUOwLCQuDC3d3JWB6QhoIhhEgKCMUfhUVEBlGKCcwFyonHhwOEHcVGCMkHBUXFxUNHEM1HigZFBWGpRENFKsXFr2/FA0hQjAtdoa1uxcSDwyjqr4XfwIKLDcxyYZktau+CgkGDRcPERQBDo1HJ8fSDQsKCw2qGNIQBQsMCQcMAggaLTdQlOPFQIGzBgokYFhIYQGIDA0yFAqR4csNExC6XWBwgcUMGCFKLVwYo0WJGiVW2FB0Q4OWVQtlDJmFQUOGCAlgrOFw4MJ9SAwcRozokEGDhg0cLDiYsWbFlpEZMBQtyoFDBgYOLkABM+NAAQsZpmqoWjUDhwYFPuy5sYwCgppmrVot8EBCBRdrX2AoIADDhAVhGZQ6YEDC1rUrGEwyUIBChAUIFpAwtZaIixkQHEpYUOKqC5aVh7AoYcNDhRozXoQWEgQAIfkECAYAAAAsAAAAAB0AFgAABv7Am3BILN5ostNo5ZmtbMaosZWhUCQTSUVSItWk0hIES5aQJ6UXuLgyZyONBcMhsVIw37VwBJlYFwmACwt2FCNgUEIZCFZZICkjFA4UFRQRG0YuITIaIi0eGBARdhohJRwXqRcLGUQeIRx+dn4SCxWptxYXt1sRIUIuK5V2FZWpEw0OCxYUqbpWBgYsR8NWW3W4FxYOCIMWEg4XAggMFDY1IpW3FHEKCw23GBeSAgoNDAINBQcbLTcqD5rNY6CAAQSCEjAopMAAg4cFGBw0QJFhhpATE1StwrBiRgwQdzBkwEABBo0QNFacKILhgSqFMYak0JAhg4YIEGKC8cDggnZChRxGjOBQk6aGWjLWrKDw4OdIoxqIcnBgwUIeKTEMKFBo0yaHr0Q1GCBwSA9JBwe6fs3AwcKBC+Bc6LkRg0IBBBrmcGDHoYKAtDrnomhwAd8yBggUPAjxoMRcIjFgJJAAYgEEE2NqWHzMpkWNCx5usFDD+UYQACH5BAgGAAAALAAAAAAdABYAAAb+wJtwSCzeajWRqjSKqYxQ6OuCkVgnFMlpVItGR1fJxCrJUkYvb3EliYwfjLijPN501cKQw7zo+ymAEyJqNkIaCYBZICgjFHsVFRIcRjQcMCEbMSESD1gVFBkiJRwWFxQXCxhEIRkeiaeOEgqnFRcVpbUXViBCLSUYr5+fpgsQCqYXyaYUCQQsR8CAn2MUuRcWEgcOC4ALFgcEDBI2NRymtRQNfg25GBMNAQgMDQUJCAUZaS4OFsMMfQ4aKJCAoaAFCBJGLPiEoIQHGEJInFKWqsUMTRQKZrjg4IUNES1klCiCgYGygjGGoMigIUOGahC9bLJQsOCGESM6tGSpYYFwgRlqUgSs6ZKlSw4tQU24EyXGAQgYXGpoqYGDVXMCDozEA+yAggwYrlqV0CBDgwZp8MyQUOABBgMUODiI0MGBgAQhVuAZUqKaAgEQKCBI0CAjA717h9QogaBqggshEnCwkTYxkRU0VkxQYcNETMtBAAAh+QQIBgAAACwAAAAAHQAWAAAG/sCbcEgs3mo0kAuEaq2MUOiLgpFYKZLLaBTthrATSViMrYRe3WILLHk0GAuHhILt1NLDDyNMWSgWCQsLFBNYXHg3HIN0EiApIxQOFBWEHEU1Nh4oKRgvJREMk5MYIyUclBcXCxdEKBcedIUXFAwPCpOpFhSpqQ8Qhy0dHHR0lKgXChIIu7kYWA4DLUcchaJ8vLoUBhELEhYMEg0A4DY1GbMVsw2CCg3pGFUMAgftBgcLBxcyNzEQzBQNFDBwEFACPAwXJjTwEOEBhgQeSMAQIoKChXQXGGBYMSOGiAoHLSxQcePECRsoZhDBoCAVQgwxhqDAoCGDBngqu0A6CI/DdJYONoMaKLCvS4oDDQ5moGlzA4cNSzNEuNNFhoIKFjAE1eCUg9cIARaUQMTBgQAIN716lZr1gIOJeGY0yBehgFaNHBAMYEBiLKIbJDg8KGBgwgMECRxUgNAg5l8hNjQwgAQRw4IUMKQ9JuLiRsUaMEYUfRwEADs=';
- RESConsoleTopBar.setAttribute('class','RESDialogTopBar');
- $(RESConsoleTopBar).html('<img id="RESLogo" src="'+this.logo+'"><h1>reddit enhancement suite</h1>');
- RESConsoleHeader.appendChild(RESConsoleTopBar);
- this.RESConsoleVersion = createElementWithID('div','RESConsoleVersion');
- $(this.RESConsoleVersion).text('v' + RESVersion);
- RESConsoleTopBar.appendChild(this.RESConsoleVersion);
-
- // Create the search bar and place it in the top bar
- var RESSearchContainer = modules['settingsNavigation'].renderSearchForm();
- RESConsoleTopBar.appendChild(RESSearchContainer);
-
- var RESSubredditLink = createElementWithID('a','RESConsoleSubredditLink');
- $(RESSubredditLink).text('/r/Enhancement');
- RESSubredditLink.setAttribute('href','http://reddit.com/r/Enhancement');
- RESSubredditLink.setAttribute('alt','The RES Subreddit');
- RESConsoleTopBar.appendChild(RESSubredditLink);
- // create the close button and place it in the header
- var RESClose = createElementWithID('span', 'RESClose', 'RESCloseButton');
- $(RESClose).text('×');
- RESClose.addEventListener('click', function(e) {
- e.preventDefault();
- RESConsole.close();
- }, true);
- RESConsoleTopBar.appendChild(RESClose);
- this.categories = [];
- for (var module in modules) {
- if ((typeof modules[module].category !== 'undefined') && (this.categories.indexOf(modules[module].category) === -1)) {
- this.categories.push(modules[module].category);
- }
- }
- this.categories.sort();
- // create the menu
- // var menuItems = this.categories.concat(['RES Pro','About RES'));
- var menuItems = this.categories.concat(['About RES']);
- var RESMenu = createElementWithID('ul', 'RESMenu');
- for (var item = 0; item < menuItems.length; item++) {
- var thisMenuItem = document.createElement('li');
- $(thisMenuItem).text(menuItems[item]);
- thisMenuItem.setAttribute('id', 'Menu-' + menuItems[item]);
- thisMenuItem.addEventListener('click', function(e) {
- e.preventDefault();
- RESConsole.menuClick(this);
- }, true);
- RESMenu.appendChild(thisMenuItem);
- }
- RESConsoleHeader.appendChild(RESMenu);
- this.RESConsoleContainer.appendChild(RESConsoleHeader);
- // Store the menu items in a global variable for easy access by the menu selector function.
- RESConsole.RESMenuItems = RESMenu.querySelectorAll('li');
- // Create a container for each management panel
- this.RESConsoleContent = createElementWithID('div', 'RESConsoleContent');
- this.RESConsoleContainer.appendChild(this.RESConsoleContent);
- // Okay, the console is done. Add it to the document body.
- document.body.appendChild(this.RESConsoleContainer);
-
- window.addEventListener("keydown", function(e) {
- if ((RESConsole.captureKey) && (e.keyCode !== 16) && (e.keyCode !== 17) && (e.keyCode !== 18)) {
- // capture the key, display something nice for it, and then close the popup...
- e.preventDefault();
- var keyArray = [e.keyCode, e.altKey, e.ctrlKey, e.shiftKey, e.metaKey];
- document.getElementById(RESConsole.captureKeyID).value = keyArray.join(",");
- document.getElementById(RESConsole.captureKeyID+'-display').value = RESUtils.niceKeyCode(keyArray);
- RESConsole.keyCodeModal.style.display = 'none';
- RESConsole.captureKey = false;
- }
- });
-
- $("#RESConsoleContent").delegate(".keycode + input[type=text][displayonly]", {
- focus: function(e) {
- var thisXY=RESUtils.getXYpos(this, true);
- // show dialog box to grab keycode, but display something nice...
- $(RESConsole.keyCodeModal).css({
- display: "block",
- top: RESUtils.mouseY + "px",
- left: RESUtils.mouseX + "px;"
- });
- // RESConsole.keyCodeModal.style.display = 'block';
- RESConsole.captureKey = true;
- RESConsole.captureKeyID = this.getAttribute('capturefor');
- },
- blur: function(e) {
- $(RESConsole.keyCodeModal).css("display", "none");
- }
- });
-
- this.keyCodeModal = createElementWithID('div', 'keyCodeModal');
- $(this.keyCodeModal).text('Press a key (or combination with shift, alt and/or ctrl) to assign this action.');
- document.body.appendChild(this.keyCodeModal);
- },
- drawConfigPanel: function(category) {
- if (!category) return;
-
- this.drawConfigPanelCategory(category);
- },
- getModuleIDsByCategory: function(category) {
- var moduleList = [];
- for (var i in modules) {
- if (modules[i].category == category && !modules[i].hidden) moduleList.push(i);
- }
- moduleList.sort(function(a,b) {
- if (modules[a].moduleName.toLowerCase() > modules[b].moduleName.toLowerCase()) return 1;
- return -1;
- });
-
- return moduleList;
- },
- drawConfigPanelCategory: function(category, moduleList) {
- $(this.RESConsoleConfigPanel).empty();
-
- /*
- var moduleTest = RESStorage.getItem('moduleTest');
- if (moduleTest) {
- console.log(moduleTest);
- // TEST loading stored modules...
- var evalTest = eval(moduleTest);
- }
- */
- moduleList = moduleList || this.getModuleIDsByCategory(category);
-
- this.RESConfigPanelModulesPane = createElementWithID('div', 'RESConfigPanelModulesPane');
- for (var i=0, len=moduleList.length; i<len; i++) {
- var thisModuleButton = createElementWithID('div', 'module-'+moduleList[i]);
- thisModuleButton.classList.add('moduleButton');
- var thisModule = moduleList[i];
- $(thisModuleButton).text(modules[thisModule].moduleName);
- if (modules[thisModule].isEnabled()) {
- thisModuleButton.classList.add('enabled');
- }
- thisModuleButton.setAttribute('moduleID', modules[thisModule].moduleID);
- thisModuleButton.addEventListener('click', function(e) {
- RESConsole.showConfigOptions(this.getAttribute('moduleID'));
- }, false);
- this.RESConfigPanelModulesPane.appendChild(thisModuleButton);
- }
- this.RESConsoleConfigPanel.appendChild(this.RESConfigPanelModulesPane);
-
- this.RESConfigPanelOptions = createElementWithID('div', 'RESConfigPanelOptions');
- $(this.RESConfigPanelOptions).html('<h1>RES Module Configuration</h1> Select a module from the column at the left to enable or disable it, and configure its various options.');
- this.RESConsoleConfigPanel.appendChild(this.RESConfigPanelOptions);
- this.RESConsoleContent.appendChild(this.RESConsoleConfigPanel);
- },
- updateSelectedModule: function (moduleID) {
- var moduleButtons = $(RESConsole.RESConsoleConfigPanel).find('.moduleButton');
- moduleButtons.removeClass('active');
- moduleButtons.filter(function() { return this.getAttribute('moduleID') === moduleID; })
- .addClass('active');
- },
- drawOptionInput: function(moduleID, optionName, optionObject, isTable) {
- var thisOptionFormEle;
- switch(optionObject.type) {
- case 'textarea':
- // textarea...
- thisOptionFormEle = createElementWithID('textarea', optionName);
- thisOptionFormEle.setAttribute('type','textarea');
- thisOptionFormEle.setAttribute('moduleID',moduleID);
- $(thisOptionFormEle).html(escapeHTML(optionObject.value));
- break;
- case 'text':
- // text...
- thisOptionFormEle = createElementWithID('input', optionName);
- thisOptionFormEle.setAttribute('type','text');
- thisOptionFormEle.setAttribute('moduleID',moduleID);
- thisOptionFormEle.setAttribute('placeHolder',optionObject.placeHolder || '');
- thisOptionFormEle.setAttribute('value',optionObject.value);
- break;
- case 'button':
- // button...
- thisOptionFormEle = createElementWithID('button', optionName);
- thisOptionFormEle.classList.add('RESConsoleButton');
- thisOptionFormEle.setAttribute('moduleID',moduleID);
- thisOptionFormEle.innerText = optionObject.text;
- thisOptionFormEle.addEventListener('click', optionObject.callback, false);
- break;
- case 'list':
- // list...
- thisOptionFormEle = createElementWithID('input', optionName);
- thisOptionFormEle.setAttribute('class','RESInputList');
- thisOptionFormEle.setAttribute('type','text');
- thisOptionFormEle.setAttribute('moduleID',moduleID);
- // thisOptionFormEle.setAttribute('value',optionObject.value);
- existingOptions = optionObject.value;
- if (typeof existingOptions === 'undefined') existingOptions = '';
- var prepop = [];
- var optionArray = existingOptions.split(',');
- for (var i=0, len=optionArray.length; i<len; i++) {
- if (optionArray[i] !== '') prepop.push({id: optionArray[i], name: optionArray[i]});
- }
- setTimeout(function() {
- $(thisOptionFormEle).tokenInput(optionObject.source, {
- method: "POST",
- queryParam: "query",
- theme: "facebook",
- allowFreeTagging: true,
- zindex: 999999999,
- onResult: (typeof optionObject.onResult === 'function') ? optionObject.onResult : null,
- onCachedResult: (typeof optionObject.onCachedResult === 'function') ? optionObject.onCachedResult : null,
- prePopulate: prepop,
- hintText: (typeof optionObject.hintText === 'string') ? optionObject.hintText : null
- });
- }, 100);
- break;
- case 'password':
- // password...
- thisOptionFormEle = createElementWithID('input', optionName);
- thisOptionFormEle.setAttribute('type','password');
- thisOptionFormEle.setAttribute('moduleID',moduleID);
- thisOptionFormEle.setAttribute('value',optionObject.value);
- break;
- case 'boolean':
- // checkbox
- /*
- var thisOptionFormEle = createElementWithID('input', optionName);
- thisOptionFormEle.setAttribute('type','checkbox');
- thisOptionFormEle.setAttribute('moduleID',moduleID);
- thisOptionFormEle.setAttribute('value',optionObject.value);
- if (optionObject.value) {
- thisOptionFormEle.setAttribute('checked',true);
- }
- */
- thisOptionFormEle = RESUtils.toggleButton(optionName, optionObject.value, null, null, isTable);
- break;
- case 'enum':
- // radio buttons
- if (typeof optionObject.values === 'undefined') {
- alert('misconfigured enum option in module: ' + moduleID);
- } else {
- thisOptionFormEle = createElementWithID('div', optionName);
- thisOptionFormEle.setAttribute('class', 'enum');
- for (var j = 0; j < optionObject.values.length; j++) {
- var thisDisplay = optionObject.values[j].display;
- var thisValue = optionObject.values[j].value;
- var thisOptionFormSubEle = createElementWithID('input', optionName+'-'+j);
- if (isTable) thisOptionFormSubEle.setAttribute('tableOption', 'true');
- thisOptionFormSubEle.setAttribute('type', 'radio');
- thisOptionFormSubEle.setAttribute('name', optionName);
- thisOptionFormSubEle.setAttribute('moduleID', moduleID);
- thisOptionFormSubEle.setAttribute('value', optionObject.values[j].value);
- var nullEqualsEmpty = ((optionObject.value == null) && (optionObject.values[j].value === ''));
- // we also need to check for null == '' - which are technically equal.
- if ((optionObject.value == optionObject.values[j].value) || nullEqualsEmpty) {
- thisOptionFormSubEle.setAttribute('checked', 'checked');
- }
- var thisOptionFormSubEleText = document.createTextNode(' ' + optionObject.values[j].name + ' ');
- thisOptionFormEle.appendChild(thisOptionFormSubEle);
- thisOptionFormEle.appendChild(thisOptionFormSubEleText);
- var thisBR = document.createElement('br');
- thisOptionFormEle.appendChild(thisBR);
- }
- }
- break;
- case 'keycode':
- // keycode - shows a key value, but stores a keycode and possibly shift/alt/ctrl combo.
- var realOptionFormEle = $("<input>").attr({
- id: optionName,
- type: "text",
- class: "keycode",
- moduleID: moduleID
- }).css({
- border: "1px solid red",
- display: "none"
- }).val(optionObject.value);
- if (isTable) realOptionFormEle.attr('tableOption','true');
-
- var thisKeyCodeDisplay = $("<input>").attr({
- id: optionName+"-display",
- type: "text",
- capturefor: optionName,
- displayonly: "true"
- }).val(RESUtils.niceKeyCode(optionObject.value));
- thisOptionFormEle = $("<div>").append(realOptionFormEle).append(thisKeyCodeDisplay)[0];
- break;
- default:
- console.log('misconfigured option in module: ' + moduleID);
- break;
- }
- if (isTable) {
- thisOptionFormEle.setAttribute('tableOption','true');
- }
- return thisOptionFormEle;
- },
- enableModule: function(moduleID, onOrOff) {
- var prefs = this.getAllModulePrefs(true);
- prefs[moduleID] = !!onOrOff;
- this.setModulePrefs(prefs);
- },
- showConfigOptions: function(moduleID) {
- if (!modules[moduleID]) return;
- RESConsole.drawConfigOptions(moduleID);
- RESConsole.updateSelectedModule(moduleID);
- RESConsole.currentModule = moduleID;
-
- RESConsole.RESConsoleContent.scrollTop = 0;
-
- modules['settingsNavigation'].setUrlHash(moduleID);
- },
- drawConfigOptions: function(moduleID) {
- if (modules[moduleID] && modules[moduleID].hidden) return;
- var thisOptions = RESUtils.getOptions(moduleID);
- var optCount = 0;
-
- this.RESConfigPanelOptions.setAttribute('style','display: block;');
- $(this.RESConfigPanelOptions).html('');
- // put in the description, and a button to enable/disable the module, first..
- var thisHeader = document.createElement('div');
- thisHeader.classList.add('moduleHeader');
- $(thisHeader).html('<span class="moduleName">' + modules[moduleID].moduleName + '</span>');
- var thisToggle = document.createElement('div');
- thisToggle.classList.add('moduleToggle');
- if (moduleID === 'dashboard') thisToggle.style.display = 'none';
- $(thisToggle).html('<span class="toggleOn">on</span><span class="toggleOff">off</span>');
- if (modules[moduleID].isEnabled()) thisToggle.classList.add('enabled');
- thisToggle.setAttribute('moduleID',moduleID);
- thisToggle.addEventListener('click', function(e) {
- var activePane = RESConsole.RESConfigPanelModulesPane.querySelector('.active');
- var enabled = this.classList.contains('enabled');
- if (enabled) {
- activePane.classList.remove('enabled');
- this.classList.remove('enabled');
- RESConsole.moduleOptionsScrim.classList.add('visible');
- $('#moduleOptionsSave').hide();
- } else {
- activePane.classList.add('enabled');
- this.classList.add('enabled');
- RESConsole.moduleOptionsScrim.classList.remove('visible');
- $('#moduleOptionsSave').fadeIn();
- }
- RESConsole.enableModule(this.getAttribute('moduleID'), !enabled);
- }, true);
- thisHeader.appendChild(thisToggle);
- // not really looping here, just only executing if there's 1 or more options...
- for (var i in thisOptions) {
- var thisSaveButton = createElementWithID('input','moduleOptionsSave');
- thisSaveButton.setAttribute('type','button');
- thisSaveButton.setAttribute('value','save options');
- thisSaveButton.addEventListener('click', function(e) {
- RESConsole.saveCurrentModuleOptions(e);
- }, true);
- this.RESConsoleConfigPanel.appendChild(thisSaveButton);
- var thisSaveStatus = createElementWithID('div','moduleOptionsSaveStatus','saveStatus');
- thisHeader.appendChild(thisSaveStatus);
- break;
- }
- var thisDescription = document.createElement('div');
- thisDescription.classList.add('moduleDescription');
- $(thisDescription).html(modules[moduleID].description);
- thisHeader.appendChild(thisDescription);
- this.RESConfigPanelOptions.appendChild(thisHeader);
- var allOptionsContainer = createElementWithID('div', 'allOptionsContainer');
- this.RESConfigPanelOptions.appendChild(allOptionsContainer);
- // now draw all the options...
- for (var i in thisOptions) {
- if (!(thisOptions[i].noconfig)) {
- optCount++;
- var thisOptionContainer = createElementWithID('div', null, 'optionContainer');
- var thisLabel = document.createElement('label');
- thisLabel.setAttribute('for',i);
- $(thisLabel).text(i);
- var thisOptionDescription = createElementWithID('div', null, 'optionDescription');
- $(thisOptionDescription).html(thisOptions[i].description);
- thisOptionContainer.appendChild(thisLabel);
- if (thisOptions[i].type === 'table') {
- thisOptionDescription.classList.add('table');
- // table - has a list of fields (headers of table), users can add/remove rows...
- if (typeof thisOptions[i].fields === 'undefined') {
- alert('misconfigured table option in module: ' + moduleID + ' - options of type "table" must have fields defined');
- } else {
- // get field names...
- var fieldNames = [];
- // now that we know the field names, get table rows...
- var thisTable = document.createElement('table');
- thisTable.setAttribute('moduleID',moduleID);
- thisTable.setAttribute('optionName',i);
- thisTable.setAttribute('class','optionsTable');
- var thisThead = document.createElement('thead');
- var thisTableHeader = document.createElement('tr'), thisTH;
- thisTable.appendChild(thisThead);
- for (var j=0;j<thisOptions[i].fields.length;j++) {
- fieldNames[j] = thisOptions[i].fields[j].name;
- thisTH = document.createElement('th');
- $(thisTH).text(thisOptions[i].fields[j].name);
- thisTableHeader.appendChild(thisTH);
- }
- // add delete column
- thisTH = document.createElement('th');
- $(thisTH).text('delete');
- thisTableHeader.appendChild(thisTH);
- // add move column
- thisTH = document.createElement('th');
- $(thisTH).text('move')
- .attr('title', 'click, drag, and drop')
- .css('cursor', 'help');
- thisTableHeader.appendChild(thisTH);
- thisThead.appendChild(thisTableHeader);
- thisTable.appendChild(thisThead);
- var thisTbody = document.createElement('tbody');
- thisTbody.setAttribute('id','tbody_'+i);
- if (thisOptions[i].value) {
- for (var j=0;j<thisOptions[i].value.length;j++) {
- var thisTR = document.createElement('tr'), thisTD;
- $(thisTR).data('itemidx-orig', j);
- for (var k=0;k<thisOptions[i].fields.length;k++) {
- thisTD = document.createElement('td');
- thisTD.className = 'hasTableOption';
- var thisOpt = thisOptions[i].fields[k];
- var thisFullOpt = i + '_' + thisOptions[i].fields[k].name;
- thisOpt.value = thisOptions[i].value[j][k];
- // var thisOptInputName = thisOpt.name + '_' + j;
- var thisOptInputName = thisFullOpt + '_' + j;
- var thisTableEle = this.drawOptionInput(moduleID, thisOptInputName, thisOpt, true);
- thisTD.appendChild(thisTableEle);
- thisTR.appendChild(thisTD);
- }
- // add delete button
- thisTD = document.createElement('td');
- var thisDeleteButton = document.createElement('div');
- thisDeleteButton.className = 'deleteButton';
- thisDeleteButton.addEventListener('click', RESConsole.deleteOptionRow);
- thisTD.appendChild(thisDeleteButton);
- thisTR.appendChild(thisTD);
- // add move handle
- thisTD = document.createElement('td');
- var thisHandle = document.createElement('div');
- $(thisHandle)
- .html("⋮⋮")
- .addClass('handle')
- .appendTo(thisTD);
- thisTR.appendChild(thisTD);
- thisTbody.appendChild(thisTR);
- }
- }
- thisTable.appendChild(thisTbody);
- var thisOptionFormEle = thisTable;
- }
- thisOptionContainer.appendChild(thisOptionDescription);
- thisOptionContainer.appendChild(thisOptionFormEle);
- // Create an "add row" button...
- var addRowText = thisOptions[i].addRowText || 'Add Row';
- var addRowButton = document.createElement('input');
- addRowButton.classList.add('addRowButton');
- addRowButton.setAttribute('type','button');
- addRowButton.setAttribute('value',addRowText);
- addRowButton.setAttribute('optionName',i);
- addRowButton.setAttribute('moduleID',moduleID);
- addRowButton.addEventListener('click', function() {
- var optionName = this.getAttribute('optionName');
- var thisTbodyName = 'tbody_' + optionName;
- var thisTbody = document.getElementById(thisTbodyName);
- var newRow = document.createElement('tr');
- var rowCount = (thisTbody.querySelectorAll('tr')) ? thisTbody.querySelectorAll('tr').length + 1 : 1;
- for (var i=0, len=modules[moduleID].options[optionName].fields.length;i<len;i++) {
- var newCell = document.createElement('td');
- newCell.className = 'hasTableOption';
- var thisOpt = modules[moduleID].options[optionName].fields[i];
- if (thisOpt.type !== 'enum') thisOpt.value = '';
- var optionNameWithRow = optionName+'_'+thisOpt.name+'_'+rowCount;
- var thisInput = RESConsole.drawOptionInput(moduleID, optionNameWithRow, thisOpt, true);
- newCell.appendChild(thisInput);
- newRow.appendChild(newCell);
- $(newRow).data('option-index', rowCount - 1);
- var firstText = newRow.querySelector('input[type=text]');
- if (!firstText) firstText = newRow.querySelector('textarea');
- if (firstText) {
- setTimeout(function() {
- firstText.focus();
- }, 200);
- }
- }
- // add delete button
- thisTD = document.createElement('td');
- var thisDeleteButton = document.createElement('div');
- thisDeleteButton.className = 'deleteButton';
- thisDeleteButton.addEventListener('click', RESConsole.deleteOptionRow);
- thisTD.appendChild(thisDeleteButton);
- newRow.appendChild(thisTD);
- // add move handle
- thisTD = document.createElement('td');
- var thisHandle = document.createElement('div');
- $(thisHandle)
- .html("⋮⋮")
- .addClass('handle')
- .appendTo(newRow);
-
- var thisLen = (modules[moduleID].options[optionName].value) ? modules[moduleID].options[optionName].value.length : 0;
- $(thisTR).data('itemidx-orig', thisLen);
-
- thisTbody.appendChild(newRow);
- }, true);
- thisOptionContainer.appendChild(addRowButton);
-
- (function(moduleID, optionKey) {
- $(thisTbody).dragsort({
- itemSelector: "tr",
- dragSelector: ".handle",
- dragEnd: function() {
- var $this = $(this);
- var oldIndex = $this.data('itemidx-orig');
- var newIndex = $this.data('itemidx');
- var rows = modules[moduleID].options[optionKey].value;
- var row = rows.splice(oldIndex, 1)[0];
- rows.splice(newIndex, 0, row);
- },
- dragBetween: false,
- scrollContainer: this.RESConfigPanelOptions,
- placeHolderTemplate: "<tr><td>---</td></tr>",
- placeholderTemplate: "<tr><td>---</td></tr>",
- });
- })(moduleID, i);
- } else {
- if ((thisOptions[i].type === 'text') || (thisOptions[i].type === 'password') || (thisOptions[i].type === 'keycode')) thisOptionDescription.classList.add('textInput');
- var thisOptionFormEle = this.drawOptionInput(moduleID, i, thisOptions[i]);
- thisOptionContainer.appendChild(thisOptionFormEle);
- thisOptionContainer.appendChild(thisOptionDescription);
- }
- var thisClear = document.createElement('div');
- thisClear.setAttribute('class','clear');
- thisOptionContainer.appendChild(thisClear);
- allOptionsContainer.appendChild(thisOptionContainer);
- }
- }
-
- if (optCount === 0) {
- var noOptions = createElementWithID('div','noOptions');
- noOptions.classList.add('optionContainer');
- $(noOptions).text('There are no configurable options for this module');
- this.RESConfigPanelOptions.appendChild(noOptions);
- } else {
- // var thisSaveStatusBottom = createElementWithID('div','moduleOptionsSaveStatusBottom','saveStatus');
- // this.RESConfigPanelOptions.appendChild(thisBottomSaveButton);
- // this.RESConfigPanelOptions.appendChild(thisSaveStatusBottom);
- this.moduleOptionsScrim = createElementWithID('div','moduleOptionsScrim');
- if (modules[moduleID].isEnabled()) {
- RESConsole.moduleOptionsScrim.classList.remove('visible');
- $('#moduleOptionsSave').fadeIn();
- } else {
- RESConsole.moduleOptionsScrim.classList.add('visible');
- $('#moduleOptionsSave').fadeOut();
- }
- allOptionsContainer.appendChild(this.moduleOptionsScrim);
- // console.log($(thisSaveButton).position());
- }
- },
- deleteOptionRow: function(e) {
- var thisRow = e.target.parentNode.parentNode;
- $(thisRow).remove();
- },
- saveCurrentModuleOptions: function(e) {
- e.preventDefault();
- var panelOptionsDiv = this.RESConfigPanelOptions;
- // first, go through inputs that aren't a part of a "table of options"...
- var inputs = panelOptionsDiv.querySelectorAll('input, textarea');
- for (var i=0, len=inputs.length;i<len;i++) {
- // save values of any inputs onscreen, but skip ones with 'capturefor' - those are display only.
- var notTokenPrefix = (inputs[i].getAttribute('id') !== null) && (inputs[i].getAttribute('id').indexOf('token-input-') === -1);
- if ((notTokenPrefix) && (inputs[i].getAttribute('type') !== 'button') && (inputs[i].getAttribute('displayonly') !== 'true') && (inputs[i].getAttribute('tableOption') !== 'true')) {
- // get the option name out of the input field id - unless it's a radio button...
- var optionName;
- if (inputs[i].getAttribute('type') === 'radio') {
- optionName = inputs[i].getAttribute('name');
- } else {
- optionName = inputs[i].getAttribute('id');
- }
- // get the module name out of the input's moduleid attribute
- var optionValue, moduleID = RESConsole.currentModule;
- if (inputs[i].getAttribute('type') === 'checkbox') {
- optionValue = !!inputs[i].checked;
- } else if (inputs[i].getAttribute('type') === 'radio') {
- if (inputs[i].checked) {
- optionValue = inputs[i].value;
- }
- } else {
- // check if it's a keycode, in which case we need to parse it into an array...
- if ((inputs[i].getAttribute('class')) && (inputs[i].getAttribute('class').indexOf('keycode') !== -1)) {
- var tempArray = inputs[i].value.split(',');
- // convert the internal values of this array into their respective types (int, bool, bool, bool)
- optionValue = [parseInt(tempArray[0], 10), (tempArray[1] === 'true'), (tempArray[2] === 'true'), (tempArray[3] === 'true'), (tempArray[4] === 'true')];
- } else {
- optionValue = inputs[i].value;
- }
- }
- if (typeof optionValue !== 'undefined') {
- RESUtils.setOption(moduleID, optionName, optionValue);
- }
- }
- }
- // Check if there are any tables of options on this panel...
- var optionsTables = panelOptionsDiv.querySelectorAll('.optionsTable');
- if (typeof optionsTables !== 'undefined') {
- // For each table, we need to go through each row in the tbody, and then go through each option and make a multidimensional array.
- // For example, something like: [['foo','bar','baz'],['pants','warez','cats']]
- for (var i = 0, len = optionsTables.length; i < len; i++) {
- var moduleID = optionsTables[i].getAttribute('moduleID');
- var optionName = optionsTables[i].getAttribute('optionName');
- var thisTBODY = optionsTables[i].querySelector('tbody');
- var thisRows = thisTBODY.querySelectorAll('tr');
- // check if there are any rows...
- if (typeof thisRows !== 'undefined') {
- // go through each row, and get all of the inputs...
- var optionMulti = [];
- var optionRowCount = 0;
- for (var j = 0; j < thisRows.length; j++) {
- var optionRow = [];
- var cells = thisRows[j].querySelectorAll('td.hasTableOption');
- var notAllBlank = false;
- for (var k = 0; k < cells.length; k++) {
- var inputs = cells[k].querySelectorAll('input[tableOption=true], textarea[tableOption=true]');
- var optionValue = null;
- for (var l = 0; l < inputs.length; l++) {
- // get the module name out of the input's moduleid attribute
- // var moduleID = inputs[l].getAttribute('moduleID');
- if (inputs[l].getAttribute('type') === 'checkbox') {
- optionValue = inputs[l].checked;
- } else if (inputs[l].getAttribute('type') === 'radio') {
- if (inputs[l].checked) {
- optionValue = inputs[l].value;
- }
- } else {
- // check if it's a keycode, in which case we need to parse it into an array...
- if ((inputs[l].getAttribute('class')) && (inputs[l].getAttribute('class').indexOf('keycode') !== -1)) {
- var tempArray = inputs[l].value.split(',');
- // convert the internal values of this array into their respective types (int, bool, bool, bool)
- optionValue = [parseInt(tempArray[0], 10), (tempArray[1] === 'true'), (tempArray[2] === 'true'), (tempArray[3] === 'true')];
- } else {
- optionValue = inputs[l].value;
- }
- }
- if ((optionValue !== '') && (inputs[l].getAttribute('type') !== 'radio')
- //If no keyCode is set, then discard the value
- && !(Array.isArray(optionValue) && isNaN(optionValue[0]))) {
- notAllBlank = true;
- }
- // optionRow[k] = optionValue;
- }
- optionRow.push(optionValue);
- }
- // just to be safe, added a check for optionRow !== null...
- if ((notAllBlank) && (optionRow !== null)) {
- optionMulti[optionRowCount] = optionRow;
- optionRowCount++;
- }
- }
- if (optionMulti == null) {
- optionMulti = [];
- }
- // ok, we've got all the rows... set the option.
- if (typeof optionValue !== 'undefined') {
- RESUtils.setOption(moduleID, optionName, optionMulti);
- }
- }
- }
- }
-
- var statusEle = document.getElementById('moduleOptionsSaveStatus');
- if (statusEle) {
- $(statusEle).text('Options have been saved...');
- statusEle.setAttribute('style','display: block; opacity: 1');
- }
- RESUtils.fadeElementOut(statusEle, 0.1);
- if (moduleID === 'RESPro') RESStorage.removeItem('RESmodules.RESPro.lastAuthFailed');
- },
- drawAboutPanel: function() {
- var RESConsoleAboutPanel = this.RESConsoleAboutPanel;
- var AboutPanelHTML = ' \
-<div id="RESAboutPane"> \
- <div id="Button-DonateRES" class="moduleButton active">Donate</div> \
- <div id="Button-AboutRES" class="moduleButton">About RES</div> \
- <div id="Button-RESTeam" class="moduleButton">About the RES Team</div> \
- <div id="Button-SearchRES" class="moduleButton">Search RES Settings</div> \
-</div> \
-<div id="RESAboutDetails"> \
- <div id="DonateRES" class="aboutPanel"> \
- <h3>Contribute to support RES</h3> \
- <p>RES is entirely free - as in beer, as in open source, as in everything. If you like our work, a contribution would be greatly appreciated.</p> \
- <p>When you contribute, you make it possible for the team to cover hosting costs and other expenses so that we can focus on doing what we do best: making your Reddit experience even better.</p> \
- <p> \
- <strong style="font-weight: bold;">Dwolla and bitcoin are the preferred methods of contribution</strong>, because they charge much smaller fees than PayPal and Google: <br><br>\
- <a target="_blank" href="https://www.dwolla.com/u/812-686-0217"><img src="https://www.dwolla.com/content/images/btn-donate-with-dwolla.png"></a>\
- </p> \
- <p> \
- We also do have PayPal: <br> \
- <form action="https://www.paypal.com/cgi-bin/webscr" method="post"><input type="hidden" name="cmd" value="_s-xclick"><input type="hidden" name="hosted_button_id" value="S7TAR7QU39H22"><input type="image" src="https://www.paypalobjects.com/en_US/i/logo/PayPal_mark_60x38.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!"><img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1"></form> \
- </p> \
- <p></p> \
- <p></p> \
- <p> \
- Or Google Checkout: \
- <form action="https://checkout.google.com/api/checkout/v2/checkoutForm/Merchant/474530516020369" id="BB_BuyButtonForm" method="post" name="BB_BuyButtonForm" target="_top"> \
- <input name="item_name_1" type="hidden" value="Purchase - Reddit Enhancement Suite"/> \
- <input name="item_description_1" type="hidden" value="purchase"/> \
- <input name="item_quantity_1" type="hidden" value="1"/> \
- $<input name="item_price_1" type="text" value="" size="2" /> \
- <input name="item_currency_1" type="hidden" value="USD"/> \
- <input name="_charset_" type="hidden" value="utf-8"/> \
- <input alt="" src="https://checkout.google.com/buttons/buy.gif?merchant_id=474530516020369&w=117&h=48&style=white&variant=text&loc=en_US" type="image"/> \
- </form> \
- </p> \
- <p> \
- Or bitcoin: \
- <form action="https://bitpay.com/checkout" method="post" > \
- <input type="hidden" name="action" value="checkout" /> \
- <input type="hidden" name="posData" value="" /> \
- <input type="hidden" name="data" value="ddFrz5v8dCQ/2oQV9a+OLm3nVrlinxOo1WYFsRjZR5IoouplTgMj7zg8OB3i5xSYiPTbyUmBiNjoY9z/iuEwqPvQClXqQdGINb+IVIzjuZobCUDsLUztc2qdQHvU/sLQzf3a339vzs9JAwSj6W/IpNt90WN1Bdab491xtPpeCIwcS84WY0T+QDjN0c5+1k8/rNqr6A6hFX4TWwZrxQiv35Bl/xyo+YLrE9OUM0K+2cu1hsc7/sOMNsqIB1v4W5CMkQFP40sq9CWf14nyvYbZtg==" /> \
- <input type="text" name="price" size="2" value="" /> bitcoins \
- <input type="image" src="https://bitpay.com/img/button8.png" border="0" name="submit" alt="BitPay, the easy way to pay with bitcoins." > \
- </form> \
- </p> \
- </div> \
- <div id="AboutRES" class="aboutPanel"> \
- <h3>About RES</h3> \
- <p>Author: <a target="_blank" href="http://www.honestbleeps.com/">honestbleeps</a><br></p> \
- <p>Description: Reddit Enhancement Suite is a collection of modules that makes browsing reddit a whole lot easier.</p> \
- <p>It\'s built with <a target="_blank" href="http://redditenhancementsuite.com/api">an API</a> that allows you to contribute and include your own modules!</p> \
- <p>If you\'ve got bug reports or issues with RES, please see the <a target="_blank" href="http://www.reddit.com/r/RESIssues/">RESIssues</a> subreddit. If you\'d like to follow progress on RES, or you\'d like to converse with other users, please see the <a target="_blank" href="http://www.reddit.com/r/Enhancement/">Enhancement subreddit</a>. You can also check the <a href="http://www.reddit.com/r/Enhancement/wiki/index" target="_blank">wiki</a> for the FAQ, and more detailed info on each module.</p> \
- <p>If you want to contribute to the RES code base, submit bug reports, or make suggestions, you can also visit RES at <a href="https://github.com/honestbleeps/Reddit-Enhancement-Suite" target="_blank">Github</a>.</p> \
- <p>If you want to contact me directly with suggestions, bug reports or just want to say you appreciate the work, an <a href="mailto:steve@honestbleeps.com">email</a> would be great.</p> \
- <p>License: Reddit Enhancement Suite is released under the <a target="_blank" href="http://www.gnu.org/licenses/gpl-3.0.html">GPL v3.0</a>.</p> \
- <p><strong>Note:</strong> Reddit Enhancement Suite will check, at most once a day, to see if a new version is available. No data about you is sent to me nor is it stored.</p> \
- </div> \
- <div id="RESTeam" class="aboutPanel"> \
- <h3>About the RES Team</h3> \
- <p>Steve Sobel (<a target="_blank" href="http://www.reddit.com/user/honestbleeps/">honestbleeps</a>) is the primary developer of RES. Beyond that, there are a number of people who have contributed code, design and/or great ideas to RES. To read more about the RES team, visit <a target="_blank" href="http://redditenhancementsuite.com/about.html">the RES website.</a></p> \
- </div> \
- <div id="SearchRES" class="aboutPanel"></div> \
-</div> \
- ';
- $(RESConsoleAboutPanel).html(AboutPanelHTML);
- var searchPanel = modules['settingsNavigation'].renderSearchPanel();
- $('#SearchRES', RESConsoleAboutPanel).append(searchPanel);
- $(RESConsoleAboutPanel).find('.moduleButton').click(function(e) {
- $('.moduleButton').removeClass('active');
- $(this).addClass('active');
- var thisID = $(this).attr('id');
- var thisPanel = thisID.replace('Button-','');
- var visiblePanel = $(this).parent().parent().find('.aboutPanel:visible');
-
- var duration = (e.data && e.data.duration) || $(this).hasClass('active') ? 0 : 400;
- $(visiblePanel).fadeOut(duration, function () {
- $('#'+thisPanel).fadeIn();
- });
- });
- this.RESConsoleContent.appendChild(RESConsoleAboutPanel);
- },
- drawProPanel: function() {
- RESConsoleProPanel = this.RESConsoleProPanel;
- var proPanelHeader = document.createElement('div');
- $(proPanelHeader).html('RES Pro allows you to save your preferences to the RES Pro server.<br><br><strong>Please note:</strong> this is beta functionality right now. Please don\'t consider this to be a "backup" solution just yet. To start, you will need to <a target="_blank" href="http://redditenhancementsuite.com/register.php">register for a PRO account</a> first, then email <a href="mailto:steve@honestbleeps.com">steve@honestbleeps.com</a> with your RES Pro username to get access.');
- RESConsoleProPanel.appendChild(proPanelHeader);
- this.proSetupButton = createElementWithID('div','RESProSetup');
- this.proSetupButton.setAttribute('class','RESButton');
- $(this.proSetupButton).text('Configure RES Pro');
- this.proSetupButton.addEventListener('click', function(e) {
- e.preventDefault();
- modules['RESPro'].configure();
- }, false);
- RESConsoleProPanel.appendChild(this.proSetupButton);
- /*
- this.proAuthButton = createElementWithID('div','RESProAuth');
- this.proAuthButton.setAttribute('class','RESButton');
- $(this.proAuthButton).html('Authenticate');
- this.proAuthButton.addEventListener('click', function(e) {
- e.preventDefault();
- modules['RESPro'].authenticate();
- }, false);
- RESConsoleProPanel.appendChild(this.proAuthButton);
- */
- this.proSaveButton = createElementWithID('div','RESProSave');
- this.proSaveButton.setAttribute('class','RESButton');
- $(this.proSaveButton).text('Save Module Options');
- this.proSaveButton.addEventListener('click', function(e) {
- e.preventDefault();
- // modules['RESPro'].savePrefs();
- modules['RESPro'].authenticate(modules['RESPro'].savePrefs());
- }, false);
- RESConsoleProPanel.appendChild(this.proSaveButton);
-
- /*
- this.proUserTaggerSaveButton = createElementWithID('div','RESProSave');
- this.proUserTaggerSaveButton.setAttribute('class','RESButton');
- $(this.proUserTaggerSaveButton).html('Save user tags to Server');
- this.proUserTaggerSaveButton.addEventListener('click', function(e) {
- e.preventDefault();
- modules['RESPro'].saveModuleData('userTagger');
- }, false);
- RESConsoleProPanel.appendChild(this.proUserTaggerSaveButton);
- */
-
- this.proSaveCommentsSaveButton = createElementWithID('div','RESProSaveCommentsSave');
- this.proSaveCommentsSaveButton.setAttribute('class','RESButton');
- $(this.proSaveCommentsSaveButton).text('Save saved comments to Server');
- this.proSaveCommentsSaveButton.addEventListener('click', function(e) {
- e.preventDefault();
- // modules['RESPro'].saveModuleData('saveComments');
- modules['RESPro'].authenticate(modules['RESPro'].saveModuleData('saveComments'));
- }, false);
- RESConsoleProPanel.appendChild(this.proSaveCommentsSaveButton);
-
- this.proSubredditManagerSaveButton = createElementWithID('div','RESProSubredditManagerSave');
- this.proSubredditManagerSaveButton.setAttribute('class','RESButton');
- $(this.proSubredditManagerSaveButton).text('Save subreddits to server');
- this.proSubredditManagerSaveButton.addEventListener('click', function(e) {
- e.preventDefault();
- // modules['RESPro'].saveModuleData('SubredditManager');
- modules['RESPro'].authenticate(modules['RESPro'].saveModuleData('subredditManager'));
- }, false);
- RESConsoleProPanel.appendChild(this.proSubredditManagerSaveButton);
-
- this.proSaveCommentsGetButton = createElementWithID('div','RESProGetSavedComments');
- this.proSaveCommentsGetButton.setAttribute('class','RESButton');
- $(this.proSaveCommentsGetButton).text('Get saved comments from Server');
- this.proSaveCommentsGetButton.addEventListener('click', function(e) {
- e.preventDefault();
- // modules['RESPro'].getModuleData('saveComments');
- modules['RESPro'].authenticate(modules['RESPro'].getModuleData('saveComments'));
- }, false);
- RESConsoleProPanel.appendChild(this.proSaveCommentsGetButton);
-
- this.proSubredditManagerGetButton = createElementWithID('div','RESProGetSubredditManager');
- this.proSubredditManagerGetButton.setAttribute('class','RESButton');
- $(this.proSubredditManagerGetButton).text('Get subreddits from Server');
- this.proSubredditManagerGetButton.addEventListener('click', function(e) {
- e.preventDefault();
- // modules['RESPro'].getModuleData('SubredditManager');
- modules['RESPro'].authenticate(modules['RESPro'].getModuleData('subredditManager'));
- }, false);
- RESConsoleProPanel.appendChild(this.proSubredditManagerGetButton);
-
- this.proGetButton = createElementWithID('div','RESProGet');
- this.proGetButton.setAttribute('class','RESButton');
- $(this.proGetButton).text('Get options from Server');
- this.proGetButton.addEventListener('click', function(e) {
- e.preventDefault();
- // modules['RESPro'].getPrefs();
- modules['RESPro'].authenticate(modules['RESPro'].getPrefs());
- }, false);
- RESConsoleProPanel.appendChild(this.proGetButton);
- this.RESConsoleContent.appendChild(RESConsoleProPanel);
- },
- open: function(moduleIdOrCategory) {
- var category, moduleID;
- if (moduleIdOrCategory === 'search') {
- moduleID = moduleIdOrCategory;
- category = 'About RES';
- } else {
- var module = modules[moduleIdOrCategory];
- moduleID = module && module.moduleID;
- category = module && module.category;
- }
- category = category || moduleIdOrCategory || this.categories[0];
- moduleID = moduleID || this.getModuleIDsByCategory(category)[0];
-
-
- // Draw the config panel
- this.drawConfigPanel();
- // Draw the about panel
- this.drawAboutPanel();
- // Draw the RES Pro panel
- // this.drawProPanel();
- this.openCategoryPanel(category);
- this.showConfigOptions(moduleID);
-
- this.isOpen = true;
- // hide the ad-frame div in case it's flash, because then it covers up the settings console and makes it impossible to see the save button!
- var adFrame = document.getElementById('ad-frame');
- if ((typeof adFrame !== 'undefined') && (adFrame !== null)) {
- adFrame.style.display = 'none';
- }
- modules['styleTweaks'].setSRStyleToggleVisibility(false, 'RESConsole');
- // var leftCentered = Math.floor((window.innerWidth - 720) / 2);
- // modalOverlay.setAttribute('style','display: block; height: ' + document.documentElement.scrollHeight + 'px');
- this.modalOverlay.classList.remove('fadeOut');
- this.modalOverlay.classList.add('fadeIn');
-
- // this.RESConsoleContainer.setAttribute('style','display: block; left: ' + leftCentered + 'px');
- // this.RESConsoleContainer.setAttribute('style','display: block; left: 1.5%;');
- this.RESConsoleContainer.classList.remove('slideOut');
- this.RESConsoleContainer.classList.add('slideIn');
-
- RESStorage.setItem('RESConsole.hasOpenedConsole', true);
-
- document.body.addEventListener('keyup', RESConsole.handleEscapeKey, false);
- },
- handleEscapeKey: function(e) {
- // don't close if the user is in a token input field (e.g. adding subreddits to a list)
- // because they probably just want to cancel the dropdown list
- if (e.keyCode === 27 && (document.activeElement.id.indexOf('token-input') === -1)) {
- RESConsole.close();
- document.body.removeEventListener('keyup', RESConsole.handleEscapeKey, false);
- }
- },
- close: function() {
- $('#moduleOptionsSave').fadeOut();
- this.isOpen = false;
- // Let's be nice to reddit and put their ad frame back now...
- var adFrame = document.getElementById('ad-frame');
- if ((typeof adFrame !== 'undefined') && (adFrame !== null)) {
- adFrame.style.display = 'block';
- }
-
- modules['styleTweaks'].setSRStyleToggleVisibility(true, 'RESConsole');
-
- // this.RESConsoleContainer.setAttribute('style','display: none;');
- this.modalOverlay.classList.remove('fadeIn');
- this.modalOverlay.classList.add('fadeOut');
- this.RESConsoleContainer.classList.remove('slideIn');
- this.RESConsoleContainer.classList.add('slideOut');
- // just in case the user was in the middle of setting a key and decided to close the dialog, clean that up.
- if (typeof RESConsole.keyCodeModal !== 'undefined') {
- RESConsole.keyCodeModal.style.display = 'none';
- RESConsole.captureKey = false;
- }
-
- modules['settingsNavigation'].resetUrlHash();
- },
- menuClick: function(obj) {
- if (!obj) return;
-
- var objID = obj.getAttribute('id');
- var category = objID.split('-'); category = category[category.length - 1];
- var moduleID = this.getModuleIDsByCategory(category)[0];
- this.openCategoryPanel(category);
- this.showConfigOptions(moduleID);
- },
- openCategoryPanel: function(category) {
- // make all menu items look unselected
- $(RESConsole.RESMenuItems).removeClass('active');
-
- // make selected menu item look selected
- $(RESConsole.RESMenuItems).filter(function() {
- var thisCategory = (this.getAttribute('id') || '').split('-');
- thisCategory = thisCategory[thisCategory.length - 1];
-
- if (thisCategory == category) return true;
- }).addClass('active');
-
- // hide all console panels
- $(RESConsole.RESConsoleContent).find('.RESPanel').hide();
-
- switch(category) {
- case 'Menu-About RES': // cruft
- case 'About RES':
- // show the about panel
- $(this.RESConsoleAboutPanel).show();
- break;
- case 'Menu-RES Pro': // cruft
- case 'RES Pro':
- // show the pro panel
- $(this.RESConsoleProPanel).show();
- break;
- default:
- // show the config panel for the given category
- $(this.RESConsoleConfigPanel).show();
- this.drawConfigPanelCategory(category);
- break;
- }
- }
-};
-
-
-/************************************************************************************************************
-
-Creating your own module:
-
-Modules must have the following format, with required functions:
-- moduleID - the name of the module, i.e. myModule
-- moduleName - a "nice name" for your module...
-- description - for the config panel, explains what the module is
-- isEnabled - should always return RESConsole.getModulePrefs('moduleID') - where moduleID is your module name.
-- isMatchURL - should always return RESUtils.isMatchURL('moduleID') - checks your include and exclude URL matches.
-- include - an array of regexes to match against location.href (basically like include in GM)
-- exclude (optional) - an array of regexes to exclude against location.href
-- go - always checks both if isEnabled() and if RESUtils.isMatchURL(), and if so, runs your main code.
-
-modules['myModule'] = {
- moduleID: 'myModule',
- moduleName: 'my module',
- category: 'CategoryName',
- options: {
- // any configurable options you have go here...
- // options must have a type and a value..
- // valid types are: text, boolean (if boolean, value must be true or false)
- // for example:
- defaultMessage: {
- type: 'text',
- value: 'this is default text',
- description: 'explanation of what this option is for'
- },
- doSpecialStuff: {
- type: 'boolean',
- value: false,
- description: 'explanation of what this option is for'
- }
- },
- description: 'This is my module!',
- isEnabled: function() {
- return RESConsole.getModulePrefs(this.moduleID);
- },
- include: [
- /^https?:\/\/([a-z]+)\.reddit\.com\/user\/[-\w\.]+/i,
- /^https?:\/\/([a-z]+)\.reddit\.com\/message\/comments\/[-\w\.]+/i
- ],
- isMatchURL: function() {
- return RESUtils.isMatchURL(this.moduleID);
- },
- go: function() {
- if ((this.isEnabled()) && (this.isMatchURL())) {
- // do stuff now!
- // this is where your code goes...
- }
- }
-}; // note: you NEED this semicolon at the end!
-
-************************************************************************************************************/
-
-
-modules['subRedditTagger'] = {
- moduleID: 'subRedditTagger',
- moduleName: 'Subreddit Tagger',
- category: 'Filters',
- options: {
- subReddits: {
- type: 'table',
- addRowText: '+add tag',
- fields: [
- { name: 'subreddit', type: 'text' },
- { name: 'doesntContain', type: 'text' },
- { name: 'tag', type: 'text' }
- ],
- value: [
- /*
- ['somebodymakethis','SMT','[SMT]'],
- ['pics','pic','[pic]']
- */
- ],
- description: 'Set your subreddits below. For that subreddit, if the title of the post doesn\'t contain what you place in the "doesn\'t contain" field, the subreddit will be tagged with whatever you specify.'
- }
- },
- description: 'Adds tags to posts on subreddits (i.e. [SMT] on SomebodyMakeThis when the user leaves it out)',
- isEnabled: function() {
- return RESConsole.getModulePrefs(this.moduleID);
- },
- include: [
- /^https?:\/\/([a-z]+)\.reddit\.com\/[\?]*/i
- ],
- isMatchURL: function() {
- return RESUtils.isMatchURL(this.moduleID);
- },
- go: function() {
- if ((this.isEnabled()) && (this.isMatchURL())) {
- this.checkForOldSettings();
- this.SRTDoesntContain = [];
- this.SRTTagWith = [];
- this.loadSRTRules();
-
- RESUtils.watchForElement('siteTable', modules['subRedditTagger'].scanTitles);
- this.scanTitles();
-
- }
- },
- loadSRTRules: function () {
- var subReddits = this.options.subReddits.value;
- for (var i=0, len=subReddits.length; i<len; i++) {
- var thisGetArray = subReddits[i];
- if (thisGetArray) {
- modules['subRedditTagger'].SRTDoesntContain[thisGetArray[0].toLowerCase()] = thisGetArray[1];
- modules['subRedditTagger'].SRTTagWith[thisGetArray[0].toLowerCase()] = thisGetArray[2];
- }
- }
- },
- scanTitles: function(obj) {
- var qs = '#siteTable > .thing > DIV.entry';
- if (obj) {
- qs = '.thing > DIV.entry';
- } else {
- obj = document;
- }
- var entries = obj.querySelectorAll(qs);
- for (var i=0, len=entries.length; i<len;i++) {
- var thisSubRedditEle = entries[i].querySelector('A.subreddit');
- if ((typeof thisSubRedditEle !== 'undefined') && (thisSubRedditEle !== null)) {
- var thisSubReddit = thisSubRedditEle.innerHTML.toLowerCase();
- if (typeof modules['subRedditTagger'].SRTTagWith[thisSubReddit] !== 'undefined') {
- if (thisSubReddit && !modules['subRedditTagger'].SRTDoesntContain[thisSubReddit]) {
- modules['subRedditTagger'].SRTDoesntContain[thisSubReddit] = '['+thisSubReddit+']';
- }
- var thisTitle = entries[i].querySelector('a.title');
- if (!thisTitle.classList.contains('srTagged')) {
- thisTitle.classList.add('srTagged');
- var thisString = modules['subRedditTagger'].SRTDoesntContain[thisSubReddit];
- var thisTagWith = modules['subRedditTagger'].SRTTagWith[thisSubReddit];
- if (thisTitle.text.indexOf(thisString) === -1) {
- $(thisTitle).text(escapeHTML(thisTagWith) + ' ' + $(thisTitle).text());
- }
- }
- }
- }
- }
- },
- checkForOldSettings: function() {
- var settingsCopy = [];
- var subRedditCount = 0;
- while (RESStorage.getItem('subreddit_' + subRedditCount)) {
- var thisGet = RESStorage.getItem('subreddit_' + subRedditCount).replace(/\"/g,"");
- var thisGetArray = thisGet.split("|");
- settingsCopy[subRedditCount] = thisGetArray;
- RESStorage.removeItem('subreddit_' + subRedditCount);
- subRedditCount++;
- }
- if (subRedditCount > 0) {
- RESUtils.setOption('subRedditTagger', 'subReddits', settingsCopy);
- }
- }
-};
-
-
-modules['uppersAndDowners'] = {
- moduleID: 'uppersAndDowners',
- moduleName: 'Uppers and Downers Enhanced',
- category: 'UI',
- options: {
- showSigns: {
- type: 'boolean',
- value: false,
- description: 'Show +/- signs next to upvote/downvote tallies.'
- },
- applyToLinks: {
- type: 'boolean',
- value: true,
- description: 'Uppers and Downers on links.'
- },
- postUpvoteStyle: {
- type: 'text',
- value: 'color:rgb(255, 139, 36); font-weight:normal;',
- description: 'CSS style for post upvotes'
- },
- postDownvoteStyle: {
- type: 'text',
- value: 'color:rgb(148, 148, 255); font-weight:normal;',
- description: 'CSS style for post upvotes'
- },
- commentUpvoteStyle: {
- type: 'text',
- value: 'color:rgb(255, 139, 36); font-weight:bold;',
- description: 'CSS style for comment upvotes'
- },
- commentDownvoteStyle: {
- type: 'text',
- value: 'color:rgb(148, 148, 255); font-weight:bold;',
- description: 'CSS style for comment upvotes'
- },
- forceVisible: {
- type: 'boolean',
- value: false,
- description: 'Force upvote/downvote counts to be visible (when subreddit CSS tries to hide them)'
- }
- },
- description: 'Displays up/down vote counts on comments.',
- isEnabled: function() {
- return RESConsole.getModulePrefs(this.moduleID);
- },
- include: [
- /^https?:\/\/([a-z]+)\.reddit\.com\/?(?:\??[\w]+=[\w]+&?)*/i,
- /^https?:\/\/([a-z]+)\.reddit\.com\/r\/[\w]+\/?(?:\??[\w]+=[\w]+&?)*$/i,
- /^https?:\/\/([a-z]+)\.reddit\.com\/user\/[-\w\.]+/i,
- /^https?:\/\/([a-z]+)\.reddit\.com\/[-\w\.\/]+\/comments\/?[-\w\.]*/i,
- /^https?:\/\/([a-z]+)\.reddit\.com\/comments\/[-\w\.]+/i
- ],
- isMatchURL: function() {
- return RESUtils.isMatchURL(this.moduleID);
- },
- beforeLoad: function() {
- if ((this.isEnabled()) && (this.isMatchURL())) {
- // added code to force inline-block and opacity: 1 to prevent CSS from hiding .res_* classes...
- var forceVisible = (this.options.forceVisible.value) ? '; visibility: visible !important; opacity: 1 !important; display: inline-block !important;' : '';
- var css = '.res_comment_ups { '+this.options.commentUpvoteStyle.value+forceVisible+' } .res_comment_downs { '+this.options.commentDownvoteStyle.value+forceVisible+' }';
- css += '.res_post_ups { '+this.options.postUpvoteStyle.value+forceVisible+' } .res_post_downs { '+this.options.postDownvoteStyle.value+forceVisible+' }';
- RESUtils.addCSS(css);
- }
- },
- go: function() {
- if ((this.isEnabled()) && (this.isMatchURL())) {
- // get rid of the showTimeStamp options since Reddit now has this feature natively.
- if (typeof this.options.showTimestamp !== 'undefined') {
- delete this.options.showTimestamp;
- RESStorage.setItem('RESoptions.uppersAndDowners', JSON.stringify(modules['uppersAndDowners'].options));
- }
- if (RESUtils.pageType() === 'comments') {
- this.commentsWithMoos = [];
- this.moreCommentsIDs = [];
- this.applyUppersAndDownersToComments();
- RESUtils.watchForElement('newComments', modules['uppersAndDowners'].applyUppersAndDownersToComments);
- } else if (RESUtils.pageType() === 'profile') {
- this.commentsWithMoos = [];
- this.moreCommentsIDs = [];
- this.applyUppersAndDownersToMixed();
- RESUtils.watchForElement('siteTable', modules['uppersAndDowners'].applyUppersAndDownersToMixed);
-
- } else if ((RESUtils.pageType() === 'linklist') && (this.options.applyToLinks.value)) {
- this.linksWithMoos = [];
- this.applyUppersAndDownersToLinks();
- RESUtils.watchForElement('siteTable', modules['uppersAndDowners'].applyUppersAndDownersToLinks);
- }
- }
- },
- applyUppersAndDownersToComments: function(ele) {
- if (!ele) {
- ele = document.body;
- }
- if (ele.classList.contains('comment')) {
- modules['uppersAndDowners'].showUppersAndDownersOnComment(ele);
- } else if (ele.classList.contains('entry')) {
- modules['uppersAndDowners'].showUppersAndDownersOnComment(ele.parentNode);
- } else {
- var allComments = ele.querySelectorAll('div.comment');
- RESUtils.forEachChunked(allComments, 15, 1000, function(comment, i, array) {
- modules['uppersAndDowners'].showUppersAndDownersOnComment(comment);
- });
- }
- },
- applyUppersAndDownersToMixed: function(ele) {
- ele = ele || document.body;
- var linkList = ele.querySelectorAll('div.thing.link, div.thing.comment'),
- displayType = 'regular',
- thisPlus, thisMinus;
- if (modules['uppersAndDowners'].options.showSigns.value) {
- thisPlus = '+';
- thisMinus = '-';
- } else {
- thisPlus = '';
- thisMinus = '';
- }
- for (var i=0, len=linkList.length; i<len; i++) {
- if (linkList[i].classList.contains('link')) {
- var thisups = linkList[i].getAttribute('data-ups');
- var thisdowns = linkList[i].getAttribute('data-downs');
-
- var thisTagline = linkList[i].querySelector('p.tagline');
- // Check if compressed link display or regular...
- if ((typeof thisTagline !== 'undefined') && (thisTagline !== null)) {
- var upsAndDownsEle = $("<span> (<span class='res_post_ups'>"+thisPlus+thisups+"</span>|<span class='res_post_downs'>"+thisMinus+thisdowns+"</span>) </span>");
- if (displayType === 'regular') {
- // thisTagline.insertBefore(upsAndDownsEle, thisTagline.firstChild);
- $(thisTagline).prepend(upsAndDownsEle);
- } else {
- $(thisTagline).after(upsAndDownsEle);
- }
- }
- } else {
- modules['uppersAndDowners'].showUppersAndDownersOnComment(linkList[i]);
- }
- }
-
- },
- showUppersAndDownersOnComment: function(commentEle) {
- // if this is not a valid comment (e.g. a load more comments div, which has the same classes for some reason)
- if ((commentEle.getAttribute('data-votesvisible') === 'true')
- || (commentEle.classList.contains('morechildren'))
- || (commentEle.classList.contains('morerecursion'))
- || (commentEle.classList.contains('score-hidden'))) {
- return;
- }
- commentEle.setAttribute('data-votesvisible', 'true');
- var tagline = commentEle.querySelector('p.tagline');
- var ups = commentEle.getAttribute('data-ups');
- var downs = commentEle.getAttribute('data-downs');
- var openparen, closeparen, mooups, moodowns, voteUps, voteDowns, pipe;
- var frag = document.createDocumentFragment(); //using a fragment speeds this up by a factor of about 2
-
-
- if (modules['uppersAndDowners'].options.showSigns.value) {
- ups = '+'+ups;
- downs = '-'+downs;
- }
-
- openparen = document.createTextNode(" (");
- frag.appendChild(openparen);
-
- mooups = document.createElement("span");
- mooups.className = "res_comment_ups";
- voteUps = document.createTextNode(ups);
-
- mooups.appendChild(voteUps);
- frag.appendChild(mooups);
-
- pipe = document.createTextNode("|");
- tagline.appendChild(pipe);
-
- moodowns = document.createElement("span");
- moodowns.className = "res_comment_downs";
-
- voteDowns = document.createTextNode(downs);
- moodowns.appendChild(voteDowns);
-
- frag.appendChild(moodowns);
-
- closeparen = document.createTextNode(")");
- frag.appendChild(closeparen);
-
- frag.appendChild(openparen);
- frag.appendChild(mooups);
- frag.appendChild(pipe);
- frag.appendChild(moodowns);
- frag.appendChild(closeparen);
-
- tagline.appendChild(frag);
- },
- applyUppersAndDownersToLinks: function(ele) {
- // Since we're dealing with max 100 links at a time, we don't need a chunker here...
- ele = ele || document.body;
- var linkList = ele.querySelectorAll('div.thing.link'),
- displayType = 'regular',
- thisPlus, thisMinus;
- if (modules['uppersAndDowners'].options.showSigns.value) {
- thisPlus = '+';
- thisMinus = '-';
- } else {
- thisPlus = '';
- thisMinus = '';
- }
- for (var i=0, len=linkList.length; i<len; i++) {
- var thisups = linkList[i].getAttribute('data-ups');
- var thisdowns = linkList[i].getAttribute('data-downs');
-
- var thisTagline = linkList[i].querySelector('p.tagline');
- // Check if compressed link display or regular...
- if ((typeof thisTagline !== 'undefined') && (thisTagline !== null)) {
- var upsAndDownsEle = $("<span> (<span class='res_post_ups'>"+thisPlus+thisups+"</span>|<span class='res_post_downs'>"+thisMinus+thisdowns+"</span>) </span>");
- if (displayType === 'regular') {
- // thisTagline.insertBefore(upsAndDownsEle, thisTagline.firstChild);
- $(thisTagline).prepend(upsAndDownsEle);
- } else {
- $(thisTagline).after(upsAndDownsEle);
- }
- }
- }
- }
-};
-
-modules['keyboardNav'] = {
- moduleID: 'keyboardNav',
- moduleName: 'Keyboard Navigation',
- category: 'UI',
- options: {
- // any configurable options you have go here...
- // options must have a type and a value..
- // valid types are: text, boolean (if boolean, value must be true or false)
- // for example:
- focusBGColor: {
- type: 'text',
- value: '#F0F3FC',
- description: 'Background color of focused element'
- },
- focusBorder: {
- type: 'text',
- value: '',
- description: 'border style (e.g. 1px dashed gray) for focused element'
- },
- focusBGColorNight: {
- type: 'text',
- value: '#666',
- description: 'Background color of focused element in Night Mode'
- },
- focusFGColorNight: {
- type: 'text',
- value: '#DDD',
- description: 'Foreground color of focused element in Night Mode'
- },
- focusBorderNight: {
- type: 'text',
- value: '',
- description: 'border style (e.g. 1px dashed gray) for focused element'
- },
- autoSelectOnScroll: {
- type: 'boolean',
- value: false,
- description: 'Automatically select the topmost element for keyboard navigation on window scroll'
- },
- scrollOnExpando: {
- type: 'boolean',
- value: true,
- description: 'Scroll window to top of link when expando key is used (to keep pics etc in view)'
- },
- scrollStyle: {
- type: 'enum',
- values: [
- { name: 'directional', value: 'directional' },
- { name: 'page up/down', value: 'page' },
- { name: 'lock to top', value: 'top' }
- ],
- value: 'directional',
- description: 'When moving up/down with keynav, when and how should RES scroll the window?'
- },
- commentsLinkNumbers: {
- type: 'boolean',
- value: true,
- description: 'Assign number keys (e.g. [1]) to links within selected comment'
- },
- commentsLinkNumberPosition: {
- type: 'enum',
- values: [
- { name: 'Place on right', value: 'right' },
- { name: 'Place on left', value: 'left' }
- ],
- value: 'right',
- description: 'Which side commentsLinkNumbers are displayed'
- },
- commentsLinkNewTab: {
- type: 'boolean',
- value: true,
- description: 'Open number key links in a new tab'
- },
- clickFocus: {
- type: 'boolean',
- value: true,
- description: 'Move keyboard focus to a link or comment when clicked with the mouse'
- },
- onHideMoveDown: {
- type: 'boolean',
- value: true,
- description: 'After hiding a link, automatically select the next link'
- },
- onVoteMoveDown: {
- type: 'boolean',
- value: false,
- description: 'After voting on a link, automatically select the next link'
- },
- toggleHelp: {
- type: 'keycode',
- value: [191, false, false, true], // ? (note the true in the shift slot)
- description: 'Show help for keyboard shortcuts'
- },
- toggleCmdLine: {
- type: 'keycode',
- value: [190, false, false, false], // .
- description: 'Show/hide commandline box'
- },
- hide: {
- type: 'keycode',
- value: [72, false, false, false], // h
- description: 'Hide link'
- },
- moveUp: {
- type: 'keycode',
- value: [75, false, false, false], // k
- description: 'Move up (previous link or comment)'
- },
- moveDown: {
- type: 'keycode',
- value: [74, false, false, false], // j
- description: 'Move down (next link or comment)'
- },
- moveTop: {
- type: 'keycode',
- value: [75, false, false, true], // shift-k
- description: 'Move to top of list (on link pages)'
- },
- moveBottom: {
- type: 'keycode',
- value: [74, false, false, true], // shift-j
- description: 'Move to bottom of list (on link pages)'
- },
- moveUpSibling: {
- type: 'keycode',
- value: [75, false, false, true], // shift-k
- description: 'Move to previous sibling (in comments) - skips to previous sibling at the same depth.'
- },
- moveDownSibling: {
- type: 'keycode',
- value: [74, false, false, true], // shift-j
- description: 'Move to next sibling (in comments) - skips to next sibling at the same depth.'
- },
- moveUpThread: {
- type: 'keycode',
- value: [75, true, false, true], // shift-alt-k
- description: 'Move to the topmost comment of the previous thread (in comments).'
- },
- moveDownThread: {
- type: 'keycode',
- value: [74, true, false, true], // shift-alt-j
- description: 'Move to the topmost comment of the next thread (in comments).'
- },
- moveToTopComment: {
- type: 'keycode',
- value: [84, false, false, false], // t
- description: 'Move to the topmost comment of the current thread (in comments).'
- },
- moveToParent: {
- type: 'keycode',
- value: [80, false, false, false], // p
- description: 'Move to parent (in comments).'
- },
- showParents: {
- type: 'keycode',
- value: [80, false, false, true], // p
- description: 'Display parent comments.'
- },
- followLink: {
- type: 'keycode',
- value: [13, false, false, false], // enter
- description: 'Follow link (hold shift to open it in a new tab) (link pages only)'
- },
- followLinkNewTab: {
- type: 'keycode',
- value: [13, false, false, true], // shift-enter
- description: 'Follow link in new tab (link pages only)'
- },
- followLinkNewTabFocus: {
- type: 'boolean',
- value: true,
- description: 'When following a link in new tab - focus the tab?'
- },
- toggleExpando: {
- type: 'keycode',
- value: [88, false, false, false], // x
- description: 'Toggle expando (image/text/video) (link pages only)'
- },
- imageSizeUp: {
- type: 'keycode',
- value: [187, false, false, false],
- description: 'Increase the size of image(s) in the highlighted post area'
- },
- imageSizeDown: {
- type: 'keycode',
- value: [189, false, false, false],
- description: 'Increase the size of image(s) in the highlighted post area'
- },
- imageSizeUpFine: {
- type: 'keycode',
- value: [187, false, false, true],
- description: 'Increase the size of image(s) in the highlighted post area (finer control)'
- },
- imageSizeDownFine: {
- type: 'keycode',
- value: [189, false, false, true],
- description: 'Increase the size of image(s) in the highlighted post area (finer control)'
- },
- previousGalleryImage: {
- type: 'keycode',
- value: [219, false, false, false], //[
- description: 'View the previous image of an inline gallery.'
- },
- nextGalleryImage: {
- type: 'keycode',
- value: [221, false, false, false], //]
- description: 'View the next image of an inline gallery.'
- },
- toggleViewImages: {
- type: 'keycode',
- value: [88, false, false, true], // shift-x
- description: 'Toggle "view images" button'
- },
- toggleChildren: {
- type: 'keycode',
- value: [13, false, false, false], // enter
- description: 'Expand/collapse comments (comments pages only)'
- },
- followComments: {
- type: 'keycode',
- value: [67, false, false, false], // c
- description: 'View comments for link (shift opens them in a new tab)'
- },
- followCommentsNewTab: {
- type: 'keycode',
- value: [67, false, false, true], // shift-c
- description: 'View comments for link in a new tab'
- },
- followLinkAndCommentsNewTab: {
- type: 'keycode',
- value: [76, false, false, false], // l
- description: 'View link and comments in new tabs'
- },
- followLinkAndCommentsNewTabBG: {
- type: 'keycode',
- value: [76, false, false, true], // shift-l
- description: 'View link and comments in new background tabs'
- },
- upVote: {
- type: 'keycode',
- value: [65, false, false, false], // a
- description: 'Upvote selected link or comment'
- },
- downVote: {
- type: 'keycode',
- value: [90, false, false, false], // z
- description: 'Downvote selected link or comment'
- },
- save: {
- type: 'keycode',
- value: [83, false, false, false], // s
- description: 'Save the current link'
- },
- reply: {
- type: 'keycode',
- value: [82, false, false, false], // r
- description: 'Reply to current comment (comment pages only)'
- },
- openBigEditor: {
- type: 'keycode',
- value: [69, false, true, false], // control-e
- description: 'Open the current markdown field in the big editor. (Only when a markdown form is focused)'
- },
- followSubreddit: {
- type: 'keycode',
- value: [82, false, false, false], // r
- description: 'Go to subreddit of selected link (link pages only)'
- },
- followSubredditNewTab: {
- type: 'keycode',
- value: [82, false, false, true], // shift-r
- description: 'Go to subreddit of selected link in a new tab (link pages only)'
- },
- inbox: {
- type: 'keycode',
- value: [73, false, false, false], // i
- description: 'Go to inbox'
- },
- inboxNewTab: {
- type: 'keycode',
- value: [73, false, false, true], // shift+i
- description: 'Go to inbox in a new tab'
- },
- profile: {
- type: 'keycode',
- value: [85, false, false, false], // u
- description: 'Go to profile'
- },
- profileNewTab: {
- type: 'keycode',
- value: [85, false, false, true], // shift+u
- description: 'Go to profile in a new tab'
- },
- frontPage: {
- type: 'keycode',
- value: [70, false, false, false], // f
- description: 'Go to front page'
- },
- subredditFrontPage: {
- type: 'keycode',
- value: [70, false, false, true], // shift-f
- description: 'Go to subreddit front page'
- },
- nextPage: {
- type: 'keycode',
- value: [78, false, false, false], // n
- description: 'Go to next page (link list pages only)'
- },
- prevPage: {
- type: 'keycode',
- value: [80, false, false, false], // p
- description: 'Go to prev page (link list pages only)'
- },
- link1: {
- type: 'keycode',
- value: [49, false, false, false], // 1
- description: 'Open first link within comment.',
- noconfig: true
- },
- link2: {
- type: 'keycode',
- value: [50, false, false, false], // 2
- description: 'Open link #2 within comment.',
- noconfig: true
- },
- link3: {
- type: 'keycode',
- value: [51, false, false, false], // 3
- description: 'Open link #3 within comment.',
- noconfig: true
- },
- link4: {
- type: 'keycode',
- value: [52, false, false, false], // 4
- description: 'Open link #4 within comment.',
- noconfig: true
- },
- link5: {
- type: 'keycode',
- value: [53, false, false, false], // 5
- description: 'Open link #5 within comment.',
- noconfig: true
- },
- link6: {
- type: 'keycode',
- value: [54, false, false, false], // 6
- description: 'Open link #6 within comment.',
- noconfig: true
- },
- link7: {
- type: 'keycode',
- value: [55, false, false, false], // 7
- description: 'Open link #7 within comment.',
- noconfig: true
- },
- link8: {
- type: 'keycode',
- value: [56, false, false, false], // 8
- description: 'Open link #8 within comment.',
- noconfig: true
- },
- link9: {
- type: 'keycode',
- value: [57, false, false, false], // 9
- description: 'Open link #9 within comment.',
- noconfig: true
- },
- link10: {
- type: 'keycode',
- value: [48, false, false, false], // 0
- description: 'Open link #10 within comment.',
- noconfig: true
- }
- },
- description: 'Keyboard navigation for reddit!',
- isEnabled: function() {
- return RESConsole.getModulePrefs(this.moduleID);
- },
- include: [
- /^https?:\/\/([a-z]+)\.reddit\.com\/[-\w\.\/]*/i
- ],
- isMatchURL: function() {
- return RESUtils.isMatchURL(this.moduleID);
- },
- beforeLoad: function() {
- if ((this.isEnabled()) && (this.isMatchURL())) {
- var focusFGColorNight, focusBGColor, focusBGColorNight;
- if (typeof this.options.focusBGColor === 'undefined') {
- focusBGColor = '#F0F3FC';
- } else {
- focusBGColor = this.options.focusBGColor.value;
- }
- var borderType = 'outline';
- if (BrowserDetect.isOpera()) borderType = 'border';
- if (typeof this.options.focusBorder === 'undefined') {
- focusBorder = '';
- } else {
- focusBorder = borderType+': ' + this.options.focusBorder.value + ';';
- }
- if (!(this.options.focusBGColorNight.value)) {
- focusBGColorNight = '#666';
- } else {
- focusBGColorNight = this.options.focusBGColorNight.value;
- }
- if (!(this.options.focusFGColorNight.value)) {
- focusFGColorNight = '#DDD';
- } else {
- focusFGColorNight = this.options.focusFGColorNight.value;
- }
- if (typeof this.options.focusBorderNight === 'undefined') {
- focusBorderNight = '';
- } else {
- focusBorderNight = borderType+': ' + this.options.focusBorderNight.value + ';';
- }
- // old style: .RES-keyNav-activeElement { '+borderType+': '+focusBorder+'; background-color: '+focusBGColor+'; } \
- // this new pure CSS arrow will not work because to position it we must have .RES-keyNav-activeElement position relative, but that screws up image viewer's absolute positioning to
- // overlay over the sidebar... yikes.
- // .RES-keyNav-activeElement:after { content: ""; float: right; margin-right: -5px; border-color: transparent '+focusBorderColor+' transparent transparent; border-style: solid; border-width: 3px 4px 3px 0; } \
-
- // why !important on .RES-keyNav-activeElement? Because some subreddits are unfortunately using !important for no good reason on .entry divs...
- RESUtils.addCSS(' \
- .entry { padding-right: 5px; } \
- .RES-keyNav-activeElement, .commentarea .RES-keyNav-activeElement .md, .commentarea .RES-keyNav-activeElement.entry .noncollapsed { background-color: '+focusBGColor+' !important; } \
- .RES-keyNav-activeElement { '+focusBorder+' } \
- .res-nightmode .RES-keyNav-activeElement { '+focusBorderNight+' } \
- .res-nightmode .RES-keyNav-activeElement, .res-nightmode .RES-keyNav-activeElement .usertext-body, .res-nightmode .RES-keyNav-activeElement .usertext-body .md, .res-nightmode .RES-keyNav-activeElement .usertext-body .md p, .res-nightmode .commentarea .RES-keyNav-activeElement .noncollapsed, .res-nightmode .RES-keyNav-activeElement .noncollapsed .md, .res-nightmode .RES-keyNav-activeElement .noncollapsed .md p { background-color: '+focusBGColorNight+' !important; color: '+focusFGColorNight+' !important;} \
- .res-nightmode .RES-keyNav-activeElement a.title:first-of-type {color: ' + focusFGColorNight + ' !important; } \
- #keyHelp { display: none; position: fixed; height: 90%; overflow-y: auto; right: 20px; top: 20px; z-index: 1000; border: 2px solid #aaa; border-radius: 5px; width: 300px; padding: 5px; background-color: #fff; } \
- #keyHelp th { font-weight: bold; padding: 2px; border-bottom: 1px dashed #ddd; } \
- #keyHelp td { padding: 2px; border-bottom: 1px dashed #ddd; } \
- #keyHelp td:first-child { width: 70px; } \
- #keyCommandLineWidget { font-size: 14px; display: none; position: fixed; top: 200px; left: 50%; margin-left: -275px; z-index: 100000110; width: 550px; border: 3px solid #555; border-radius: 10px; padding: 10px; background-color: #333; color: #CCC; opacity: 0.95; } \
- #keyCommandInput { width: 240px; background-color: #999; margin-right: 10px; } \
- #keyCommandInputTip { margin-top: 5px; color: #9F9; } \
- #keyCommandInputTip ul { font-size: 11px; list-style-type: disc; } \
- #keyCommandInputTip li { margin-left: 15px; } \
- #keyCommandInputError { margin-top: 5px; color: red; font-weight: bold; } \
- .keyNavAnnotation { font-size: 9px; position: relative; top: -6px; } \
- ');
- }
- },
- go: function() {
- if ((this.isEnabled()) && (this.isMatchURL())) {
- // get rid of antequated option we've removed
- this.keyboardNavLastIndexCache = safeJSON.parse(RESStorage.getItem('RESmodules.keyboardNavLastIndex'), false, true);
- var idx, now = new Date().getTime();
- if (! this.keyboardNavLastIndexCache) {
- // this is a one time function to delete old keyboardNavLastIndex junk.
- this.keyboardNavLastIndexCache = {};
- for (idx in RESStorage) {
- if (idx.match(/keyboardNavLastIndex/)) {
- var url = idx.replace('RESmodules.keyboardNavLastIndex.','');
- this.keyboardNavLastIndexCache[url] = {
- index: RESStorage[idx],
- updated: now
- };
- RESStorage.removeItem(idx);
- }
- }
- this.keyboardNavLastIndexCache.lastScan = now;
- RESStorage.setItem('RESmodules.keyboardNavLastIndex', JSON.stringify(this.keyboardNavLastIndexCache));
- } else {
- // clean cache every 6 hours - delete any urls that haven't been visited in an hour.
- if ((typeof this.keyboardNavLastIndexCache.lastScan === 'undefined') || (now - this.keyboardNavLastIndexCache.lastScan > 21600000)) {
- for (idx in this.keyboardNavLastIndexCache) {
- if ((typeof this.keyboardNavLastIndexCache[idx] === 'object') && (now - this.keyboardNavLastIndexCache[idx].updated > 3600000)) {
- delete this.keyboardNavLastIndexCache[idx];
- }
- }
- this.keyboardNavLastIndexCache.lastScan = now;
- RESStorage.setItem('RESmodules.keyboardNavLastIndex', JSON.stringify(this.keyboardNavLastIndexCache));
- }
- }
-
- if (this.options.autoSelectOnScroll.value) {
- window.addEventListener('scroll', modules['keyboardNav'].handleScroll, false);
- }
- if (typeof this.options.scrollTop !== 'undefined') {
- if (this.options.scrollTop.value) this.options.scrollStyle.value = 'top';
- delete this.options.scrollTop;
- RESStorage.setItem('RESoptions.keyboardNav', JSON.stringify(modules['keyboardNav'].options));
- }
- this.drawHelp();
- this.attachCommandLineWidget();
- window.addEventListener('keydown', function(e) {
- // console.log(e.keyCode);
- modules['keyboardNav'].handleKeyPress(e);
- }, true);
- this.scanPageForKeyboardLinks();
- // listen for new DOM nodes so that modules like autopager, never ending reddit, "load more comments" etc still get keyboard nav.
- if (RESUtils.pageType() === 'comments') {
- RESUtils.watchForElement('newComments', modules['keyboardNav'].scanPageForNewKeyboardLinks);
- } else {
- RESUtils.watchForElement('siteTable', modules['keyboardNav'].scanPageForNewKeyboardLinks);
- }
- }
- },
- scanPageForNewKeyboardLinks: function() {
- modules['keyboardNav'].scanPageForKeyboardLinks(true);
- },
- setKeyIndex: function() {
- var trimLoc = location.href;
- // remove any trailing slash from the URL
- if (trimLoc.substr(-1) === '/') trimLoc = trimLoc.substr(0,trimLoc.length-1);
- if (typeof this.keyboardNavLastIndexCache[trimLoc] === 'undefined') {
- this.keyboardNavLastIndexCache[trimLoc] = {};
- }
- var now = new Date().getTime();
- this.keyboardNavLastIndexCache[trimLoc] = {
- index: this.activeIndex,
- updated: now
- };
- RESStorage.setItem('RESmodules.keyboardNavLastIndex', JSON.stringify(this.keyboardNavLastIndexCache));
- },
- handleScroll: function(e) {
- if (modules['keyboardNav'].scrollTimer) clearTimeout(modules['keyboardNav'].scrollTimer);
- modules['keyboardNav'].scrollTimer = setTimeout(modules['keyboardNav'].handleScrollAfterTimer, 300);
- },
- handleScrollAfterTimer: function() {
- if ((! modules['keyboardNav'].recentKeyPress) && (! RESUtils.elementInViewport(modules['keyboardNav'].keyboardLinks[modules['keyboardNav'].activeIndex]))) {
- for (var i=0, len=modules['keyboardNav'].keyboardLinks.length; i<len; i++) {
- if (RESUtils.elementInViewport(modules['keyboardNav'].keyboardLinks[i])) {
- modules['keyboardNav'].keyUnfocus(modules['keyboardNav'].keyboardLinks[modules['keyboardNav'].activeIndex]);
- modules['keyboardNav'].activeIndex = i;
- modules['keyboardNav'].keyFocus(modules['keyboardNav'].keyboardLinks[modules['keyboardNav'].activeIndex]);
- break;
- }
- }
- }
- },
- attachCommandLineWidget: function() {
- this.commandLineWidget = createElementWithID('div','keyCommandLineWidget');
- this.commandLineInput = createElementWithID('input','keyCommandInput');
- this.commandLineInput.setAttribute('type','text');
- this.commandLineInput.addEventListener('blur', function(e) {
- modules['keyboardNav'].toggleCmdLine(false);
- }, false);
- this.commandLineInput.addEventListener('keyup', function(e) {
- if (e.keyCode === 27) {
- // close prompt.
- modules['keyboardNav'].toggleCmdLine(false);
- } else {
- // auto suggest?
- modules['keyboardNav'].cmdLineHelper(e.target.value);
- }
- }, false);
- this.commandLineInputTip = createElementWithID('div','keyCommandInputTip');
- this.commandLineInputError = createElementWithID('div','keyCommandInputError');
-
- /*
- this.commandLineSubmit = createElementWithID('input','keyCommandInput');
- this.commandLineSubmit.setAttribute('type','submit');
- this.commandLineSubmit.setAttribute('value','go');
- */
- this.commandLineForm = createElementWithID('form','keyCommandForm');
- this.commandLineForm.appendChild(this.commandLineInput);
- // this.commandLineForm.appendChild(this.commandLineSubmit);
- var txt = document.createTextNode('type a command, ? for help, esc to close');
- this.commandLineForm.appendChild(txt);
- this.commandLineForm.appendChild(this.commandLineInputTip);
- this.commandLineForm.appendChild(this.commandLineInputError);
- this.commandLineForm.addEventListener('submit', modules['keyboardNav'].cmdLineSubmit, false);
- this.commandLineWidget.appendChild(this.commandLineForm);
- document.body.appendChild(this.commandLineWidget);
-
- },
- cmdLineHelper: function (val) {
- var splitWords = val.split(' '),
- command = splitWords[0],
- str, srString;
- splitWords.splice(0,1);
- val = splitWords.join(' ');
- if (command.slice(0,2) === 'r/') {
- // get the subreddit name they've typed so far (anything after r/)...
- srString = command.slice(2);
- this.cmdLineShowTip('navigate to subreddit: ' + srString);
- } else if (command.match('/?u/\\w+/m/')) {
- str = 'navigate to multi-reddit: ';
- str += (command.indexOf('/') > 0 ? '/' : '') + command;
- this.cmdLineShowTip(str);
- } else if (command.slice(0,2) === 'm/') {
- str = 'navigate to multi-reddit: /me/' + command;
- this.cmdLineShowTip(str);
- } else if (command.slice(0,2) === 'u/') {
- // get the user name they've typed so far (anything after u/)...
- var userString = command.slice(2);
- this.cmdLineShowTip('navigate to user profile: ' + userString);
- } else if (command.slice(0,1) === '/') {
- srString = command.slice(1);
- this.cmdLineShowTip('sort by ([n]ew, [t]op, [h]ot, [c]ontroversial): ' + srString);
- } else if (command === 'tag') {
- if ((typeof this.cmdLineTagUsername === 'undefined') || (this.cmdLineTagUsername === '')) {
- var searchArea = modules['keyboardNav'].keyboardLinks[modules['keyboardNav'].activeIndex];
- var authorLink = searchArea.querySelector('a.author');
- this.cmdLineTagUsername = authorLink.innerHTML;
- }
- str = 'tag user ' + this.cmdLineTagUsername;
- if (val) {
- str += ' as: ' + val;
- }
- this.cmdLineShowTip(str);
- } else if (command === 'user') {
- str = 'go to profile';
- if (val) {
- str += ' for: ' + val;
- }
- this.cmdLineShowTip(str);
- } else if (command === 'sw') {
- this.cmdLineShowTip('Switch users to: ' + val);
- } else if (command === 'm') {
- this.cmdLineShowTip('View messages.');
- } else if (command === 'mm') {
- this.cmdLineShowTip('View moderator mail.');
- } else if (command === 'ls') {
- this.cmdLineShowTip('Toggle lightSwitch.');
- } else if (command === 'nsfw') {
- this.cmdLineShowTip('Toggle nsfw filter on or off');
- } else if (command === 'srstyle') {
- str = 'toggle subreddit style';
- if (val) {
- str += ' for: ' + val;
- } else {
- if (RESUtils.currentSubreddit()) {
- str += ' for: ' + RESUtils.currentSubreddit();
- }
- }
- this.cmdLineShowTip(str);
- } else if (command === 'search') {
- this.cmdLineShowTip('Search RES settings for: ' + val);
- } else if (command === 'XHRCache') {
- this.cmdLineShowTip('clear - clear the cache (use if inline images aren\'t loading properly)');
- } else if (command.slice(0,1) === '?') {
- str = 'Currently supported commands:';
- str += '<ul>';
- str += '<li>r/[subreddit] - navigates to subreddit</li>';
- str += '<li>/n, /t, /h or /c - goes to new, top, hot or controversial sort of current subreddit</li>';
- str += '<li>[number] - navigates to the link with that number (comments pages) or rank (link pages)</li>';
- str += '<li>tag [text] - tags author of currently selected link/comment as text</li>';
- str += '<li>sw [username] - switch users to [username]</li>';
- str += '<li>user [username] or u/[username] - view profile for [username]</li>';
- str += '<li>u/[username]/m/[multi] - view the multireddit [multi] curated by [username]</li>';
- str += '<li>m/[multi] - view your multireddit [multi]';
- str += '<li>m - go to inbox</li>';
- str += '<li>mm - go to moderator mail</li>';
- str += '<li>ls - toggle lightSwitch</li>';
- str += '<li>nsfw [on|off] - toggle nsfw filter on/off</li>';
- str += '<li>srstyle [subreddit] [on|off] - toggle subreddit style on/off (if no subreddit is specified, uses current subreddit)</li>';
- str += '<li>search [words to search for]- search RES settings</li>';
- str += '<li>RESStorage [get|set|update|remove] [key] [value] - For debug use only, you shouldn\'t mess with this unless you know what you\'re doing.</li>';
- str += '<li>XHRCache clear - manipulate the XHR cache </li>';
- str += '</ul>';
- this.cmdLineShowTip(str);
- } else {
- this.cmdLineShowTip('');
- }
- },
- cmdLineShowTip: function(str) {
- $(this.commandLineInputTip).html(str);
- },
- cmdLineShowError: function(str) {
- $(this.commandLineInputError).html(str);
- },
- toggleCmdLine: function(force) {
- var open = ((force == null || force) && (this.commandLineWidget.style.display !== 'block'));
- delete this.cmdLineTagUsername;
- if (open) {
- this.cmdLineShowError('');
- this.commandLineWidget.style.display = 'block';
- setTimeout(function() {
- modules['keyboardNav'].commandLineInput.focus();
- }, 20);
- this.commandLineInput.value = '';
- } else {
- modules['keyboardNav'].commandLineInput.blur();
- this.commandLineWidget.style.display = 'none';
- }
- modules['styleTweaks'].setSRStyleToggleVisibility(!open, 'cmdline');
- },
- cmdLineSubmit: function(e) {
- e.preventDefault();
- $(modules['keyboardNav'].commandLineInputError).html('');
- var theInput = modules['keyboardNav'].commandLineInput.value;
- // see what kind of input it is:
- if (theInput.match('^\/?r/')) {
- // subreddit? (r/subreddit or /r/subreddit)
- theInput = theInput.replace(/^\/?r\//,'');
- location.href = '/r/'+theInput;
- } else if (theInput.match('^\/?m/')) {
- theInput = theInput.replace(/^\/?m\//,'');
- location.href = '/me/m/'+theInput;
- } else if (theInput.match('^\/?u/')) {
- // subreddit? (r/subreddit or /r/subreddit)
- theInput = theInput.replace(/^\/?u\//,'');
- location.href = '/u/'+theInput;
- } else if (theInput.indexOf('/') === 0) {
- // sort...
- theInput = theInput.slice(1);
- switch (theInput) {
- case 'n':
- theInput = 'new';
- break;
- case 't':
- theInput = 'top';
- break;
- case 'h':
- theInput = 'hot';
- break;
- case 'c':
- theInput = 'controversial';
- break;
- }
- validSorts = ['new','top','hot','controversial'];
- if (validSorts.indexOf(theInput) !== -1) {
- if (RESUtils.currentUserProfile()) {
- location.href = '/user/'+RESUtils.currentUserProfile()+'?sort='+theInput;
- } else if (RESUtils.currentSubreddit()) {
- location.href = '/r/'+RESUtils.currentSubreddit()+'/'+theInput;
- } else {
- location.href = '/'+theInput;
- }
- } else {
- modules['keyboardNav'].cmdLineShowError('invalid sort command - must be [n]ew, [t]op, [h]ot or [c]ontroversial');
- return false;
- }
- } else if (!(isNaN(parseInt(theInput, 10)))) {
- if (RESUtils.pageType() === 'comments') {
- // comment link number? (integer)
- modules['keyboardNav'].commentLink(parseInt(theInput, 10)-1);
- } else if (RESUtils.pageType() === 'linklist') {
- modules['keyboardNav'].keyUnfocus(modules['keyboardNav'].keyboardLinks[modules['keyboardNav'].activeIndex]);
- modules['keyboardNav'].activeIndex = parseInt(theInput, 10) - 1;
- modules['keyboardNav'].keyFocus(modules['keyboardNav'].keyboardLinks[modules['keyboardNav'].activeIndex]);
- modules['keyboardNav'].followLink();
- }
- } else {
- var splitWords = theInput.split(' ');
- var command = splitWords[0];
- splitWords.splice(0,1);
- var val = splitWords.join(' ');
- switch (command) {
- case 'tag':
- var searchArea = modules['keyboardNav'].keyboardLinks[modules['keyboardNav'].activeIndex];
- var tagLink = searchArea.querySelector('a.userTagLink');
- if (tagLink) {
- RESUtils.click(tagLink);
- setTimeout(function() {
- if (val !== '') {
- document.getElementById('userTaggerTag').value = val;
- }
- }, 20);
- }
- break;
- case 'sw':
- // switch accounts (username is required)
- if (val.length <= 1) {
- modules['keyboardNav'].cmdLineShowError('No username specified.');
- return false;
- } else {
- // first make sure the account exists...
- var accounts = modules['accountSwitcher'].options.accounts.value;
- var found = false;
- for (var i=0, len=accounts.length; i<len; i++) {
- var thisPair = accounts[i];
- if (thisPair[0] == val) {
- found = true;
- }
- }
- if (found) {
- modules['accountSwitcher'].switchTo(val);
- } else {
- modules['keyboardNav'].cmdLineShowError('No such username in accountSwitcher.');
- return false;
- }
- }
- break;
- case 'user':
- // view profile for username (username is required)
- if (val.length <= 1) {
- modules['keyboardNav'].cmdLineShowError('No username specified.');
- return false;
- } else {
- location.href = '/user/' + val;
- }
- break;
- case 'userinfo':
- // view JSON data for username (username is required)
- if (val.length <= 1) {
- modules['keyboardNav'].cmdLineShowError('No username specified.');
- return false;
- } else {
- GM_xmlhttpRequest({
- method: "GET",
- url: location.protocol + "//"+location.hostname+"/user/" + val + "/about.json?app=res",
- onload: function(response) {
- alert(response.responseText);
- }
- });
- }
- break;
- case 'userbadge':
- // get CSS code for a badge for username (username is required)
- if (val.length <= 1) {
- modules['keyboardNav'].cmdLineShowError('No username specified.');
- return false;
- } else {
- GM_xmlhttpRequest({
- method: "GET",
- url: location.protocol + "//"+location.hostname+"/user/" + val + "/about.json?app=res",
- onload: function(response) {
- var thisResponse = JSON.parse(response.responseText);
- var css = ', .id-t2_'+thisResponse.data.id+':before';
- alert(css);
- }
- });
- }
- break;
- case 'm':
- // go to inbox
- location.href = '/message/inbox/';
- break;
- case 'mm':
- // go to mod mail
- location.href = '/message/moderator/';
- break;
- case 'ls':
- // toggle lightSwitch
- RESUtils.click(modules['styleTweaks'].lightSwitch);
- break;
- case 'nsfw':
- var toggle;
- switch (val && val.toLowerCase()) {
- case 'on':
- toggle = true;
- break;
- case 'off':
- toggle = false;
- break;
- }
- modules['filteReddit'].toggleNsfwFilter(toggle, true);
- break;
- case 'srstyle':
- // toggle subreddit style
- var sr;
- var toggleText;
- splitWords = val.split(' ');
- if (splitWords.length === 2) {
- sr = splitWords[0];
- toggleText = splitWords[1];
- } else {
- sr = RESUtils.currentSubreddit();
- toggleText = splitWords[0];
- }
- if (!sr) {
- modules['keyboardNav'].cmdLineShowError('No subreddit specified.');
- return false;
- }
- if (toggleText === 'on') {
- toggle = true;
- } else if (toggleText === 'off') {
- toggle = false;
- } else {
- modules['keyboardNav'].cmdLineShowError('You must specify "on" or "off".');
- return false;
- }
- var action = (toggle) ? 'enabled' : 'disabled';
- modules['styleTweaks'].toggleSubredditStyle(toggle, sr);
- RESUtils.notification({
- header: 'Subreddit Style',
- moduleID: 'styleTweaks',
- message: 'Subreddit style '+action+' for subreddit: '+sr
- }, 4000);
- break;
- case 'notification':
- // test notification
- RESUtils.notification(val, 4000);
- break;
- case 'search':
- modules['settingsNavigation'].search(val);
- break;
- case 'RESStorage':
- // get or set RESStorage data
- splitWords = val.split(' ');
- if (splitWords.length < 2) {
- modules['keyboardNav'].cmdLineShowError('You must specify "get [key]", "update [key]" or "set [key] [value]"');
- } else {
- var command = splitWords[0];
- var key = splitWords[1];
- if (splitWords.length > 2) {
- splitWords.splice(0,2);
- var value = splitWords.join(' ');
- }
- // console.log(command);
- if (command === 'get') {
- alert('Value of RESStorage['+key+']: <br><br><textarea rows="5" cols="50">' + RESStorage.getItem(key) + '</textarea>');
- } else if (command === 'update') {
- var now = new Date().getTime();
- alert('Value of RESStorage['+key+']: <br><br><textarea id="RESStorageUpdate'+now+'" rows="5" cols="50">' + RESStorage.getItem(key) + '</textarea>', function() {
- var textArea = document.getElementById('RESStorageUpdate'+now);
- if (textArea) {
- var value = textArea.value;
- RESStorage.setItem(key, value);
- }
- });
- } else if (command === 'remove') {
- RESStorage.removeItem(key);
- alert('RESStorage['+key+'] deleted');
- } else if (command === 'set') {
- RESStorage.setItem(key, value);
- alert('RESStorage['+key+'] set to:<br><br><textarea rows="5" cols="50">' + value + '</textarea>');
- } else {
- modules['keyboardNav'].cmdLineShowError('You must specify either "get [key]" or "set [key] [value]"');
- }
- }
- break;
- case 'XHRCache':
- splitWords = val.split(' ');
- if (splitWords.length < 1) {
- modules['keyboardNav'].cmdLineShowError('Operation required [clear]');
- } else {
- switch (splitWords[0]) {
- case 'clear':
- RESUtils.xhrCache('clear');
- break;
- default:
- modules['keyboardNav'].cmdLineShowError('The only accepted operation is <tt>clear</tt>');
- break;
- }
- }
- break;
- case '?':
- // user is already looking at help... do nothing.
- return false;
- break;
- default:
- modules['keyboardNav'].cmdLineShowError('unknown command - type ? for help');
- return false;
- break;
- }
- }
- // hide the commandline tool...
- modules['keyboardNav'].toggleCmdLine(false);
- },
- scanPageForKeyboardLinks: function(isNew) {
- if (typeof isNew === 'undefined') {
- isNew = false;
- }
- // check if we're on a link listing (regular page, subreddit page, etc) or comments listing...
- this.pageType = RESUtils.pageType();
- switch(this.pageType) {
- case 'linklist':
- case 'profile':
- // get all links into an array...
- var siteTable = document.querySelector('#siteTable');
- var stMultiCheck = document.querySelectorAll('#siteTable');
- // stupid sponsored links create a second div with ID of sitetable (bad reddit! you should never have 2 IDs with the same name! naughty, naughty reddit!)
- if (stMultiCheck.length === 2) {
- siteTable = stMultiCheck[1];
- }
- if (siteTable) {
- this.keyboardLinks = document.body.querySelectorAll('div.linklisting .entry');
- if (!isNew) {
- if ((this.keyboardNavLastIndexCache[location.href]) && (this.keyboardNavLastIndexCache[location.href].index > 0)) {
- this.activeIndex = this.keyboardNavLastIndexCache[location.href].index;
- } else {
- this.activeIndex = 0;
- }
- if ((this.keyboardNavLastIndexCache[location.href]) && (this.keyboardNavLastIndexCache[location.href].index >= this.keyboardLinks.length)) {
- this.activeIndex = 0;
- }
- }
- }
- break;
- case 'comments':
- // get all links into an array...
- this.keyboardLinks = document.body.querySelectorAll('#siteTable .entry, div.content > div.commentarea .entry');
- if (!(isNew)) {
- this.activeIndex = 0;
- }
- break;
- case 'inbox':
- var siteTable = document.querySelector('#siteTable');
- if (siteTable) {
- this.keyboardLinks = siteTable.querySelectorAll('.entry');
- this.activeIndex = 0;
- }
- break;
- }
- // wire up keyboard links for mouse clicky selecty goodness...
- if ((typeof this.keyboardLinks !== 'undefined') && (this.options.clickFocus.value)) {
- for (var i=0, len=this.keyboardLinks.length;i<len;i++) {
- this.keyboardLinks[i].setAttribute('keyIndex', i);
- // changed parentElement to parentNode for FF3.6 compatibility.
- this.keyboardLinks[i].parentNode.addEventListener('click', (function(e) {
- var thisIndex = parseInt(this.getAttribute('keyIndex'), 10);
- if (modules['keyboardNav'].activeIndex != thisIndex) {
- modules['keyboardNav'].keyUnfocus(modules['keyboardNav'].keyboardLinks[modules['keyboardNav'].activeIndex]);
- modules['keyboardNav'].activeIndex = thisIndex;
- modules['keyboardNav'].keyFocus(modules['keyboardNav'].keyboardLinks[modules['keyboardNav'].activeIndex]);
- }
- }).bind(this.keyboardLinks[i]), true);
- }
- this.keyFocus(this.keyboardLinks[this.activeIndex]);
- }
- },
- recentKey: function() {
- modules['keyboardNav'].recentKeyPress = true;
- clearTimeout(modules['keyboardNav'].recentKey);
- modules['keyboardNav'].recentKeyTimer = setTimeout(function() {
- modules['keyboardNav'].recentKeyPress = false;
- }, 1000);
- },
- keyFocus: function(obj) {
- if ((typeof obj !== 'undefined') && (obj.classList.contains('RES-keyNav-activeElement'))) {
- return false;
- } else if (typeof obj !== 'undefined') {
- obj.classList.add('RES-keyNav-activeElement');
- this.activeElement = obj;
- if ((this.pageType === 'linklist') || (this.pageType === 'profile')) {
- this.setKeyIndex();
- }
- if ((this.pageType === 'comments') && (this.options.commentsLinkNumbers.value)) {
- var links = this.getCommentLinks(obj);
- var annotationCount = 0;
- for (var i=0, len=links.length; i<len; i++) {
- if (!(links[i].classList.contains('madeVisible') ||
- links[i].classList.contains('toggleImage') ||
- links[i].classList.contains('noKeyNav') ||
- RESUtils.isCommentCode(links[i]))) {
- var annotation = document.createElement('span');
- annotationCount++;
- $(annotation).text('['+annotationCount+'] ');
- annotation.title = 'press '+annotationCount+' to open link';
- annotation.classList.add('keyNavAnnotation');
- /*
- if (!(hasClass(links[i],'hasListener'))) {
- addClass(links[i],'hasListener');
- links[i].addEventListener('click', modules['keyboardNav'].handleKeyLink, true);
- }
- */
- if (modules['keyboardNav'].options.commentsLinkNumberPosition.value === 'right') {
- insertAfter(links[i], annotation);
- } else {
- links[i].parentNode.insertBefore(annotation, links[i]);
- }
- }
- }
- }
- }
- },
- handleKeyLink: function(link) {
- var button = 0;
- if ((modules['keyboardNav'].options.commentsLinkNewTab.value) || e.ctrlKey) {
- button = 1;
- }
- if (link.classList.contains('toggleImage')) {
- RESUtils.click(link);
- return false;
- }
- var thisURL = link.getAttribute('href'),
- isLocalToPage = (thisURL.indexOf('reddit') !== -1) && (thisURL.indexOf('comments') !== -1) && (thisURL.indexOf('#') !== -1);
- if ((!isLocalToPage) && (button === 1)) {
- var thisJSON;
- if (BrowserDetect.isChrome()) {
- thisJSON = {
- requestType: 'keyboardNav',
- linkURL: thisURL,
- button: button
- };
- chrome.extension.sendMessage(thisJSON);
- } else if (BrowserDetect.isSafari()) {
- thisJSON = {
- requestType: 'keyboardNav',
- linkURL: thisURL,
- button: button
- };
- safari.self.tab.dispatchMessage("keyboardNav", thisJSON);
- } else if (BrowserDetect.isOpera()) {
- thisJSON = {
- requestType: 'keyboardNav',
- linkURL: thisURL,
- button: button
- };
- opera.extension.postMessage(JSON.stringify(thisJSON));
- } else if (BrowserDetect.isFirefox()) {
- thisJSON = {
- requestType: 'keyboardNav',
- linkURL: thisURL,
- button: button
- };
- self.postMessage(thisJSON);
- } else {
- window.open(this.getAttribute('href'));
- }
- } else {
- location.href = this.getAttribute('href');
- }
- },
- keyUnfocus: function(obj) {
- obj.classList.remove('RES-keyNav-activeElement');
- if (this.pageType === 'comments') {
- var annotations = obj.querySelectorAll('div.md .keyNavAnnotation');
- for (var i=0, len=annotations.length; i<len; i++) {
- annotations[i].parentNode.removeChild(annotations[i]);
- }
- }
- RESUtils.hover.close(false);
- },
- drawHelp: function() {
- var thisHelp = createElementWithID('div','keyHelp');
- var helpTable = document.createElement('table');
- thisHelp.appendChild(helpTable);
- var helpTableHeader = document.createElement('thead');
- var helpTableHeaderRow = document.createElement('tr');
- var helpTableHeaderKey = document.createElement('th');
- $(helpTableHeaderKey).text('Key');
- helpTableHeaderRow.appendChild(helpTableHeaderKey);
- var helpTableHeaderFunction = document.createElement('th');
- $(helpTableHeaderFunction).text('Function');
- helpTableHeaderRow.appendChild(helpTableHeaderFunction);
- helpTableHeader.appendChild(helpTableHeaderRow);
- helpTable.appendChild(helpTableHeader);
- var helpTableBody = document.createElement('tbody');
- var isLink = /^link[\d]+$/i;
- for (var i in this.options) {
- if ((this.options[i].type === 'keycode') && (!isLink.test(i))) {
- var thisRow = document.createElement('tr');
- var thisRowKey = document.createElement('td');
- var thisKeyCode = this.getNiceKeyCode(i);
- $(thisRowKey).html(thisKeyCode);
- thisRow.appendChild(thisRowKey);
- var thisRowDesc = document.createElement('td');
- $(thisRowDesc).html(this.options[i].description);
- thisRow.appendChild(thisRowDesc);
- helpTableBody.appendChild(thisRow);
- }
- }
- helpTable.appendChild(helpTableBody);
- document.body.appendChild(thisHelp);
- },
- getNiceKeyCode: function(optionKey) {
- var keyCodeArray = this.options[optionKey].value;
- if (!keyCodeArray) return;
-
- if (typeof keyCodeArray === 'string') {
- keyCodeArray = parseInt(keyCodeArray);
- }
- if (typeof keyCodeArray === 'number') {
- keyCodeArray = [keyCodeArray, false, false, false, false];
- }
- var niceKeyCode = RESUtils.niceKeyCode(keyCodeArray);
- return niceKeyCode;
- },
- handleKeyPress: function(e) {
- var konamitest = (typeof konami === 'undefined') || (!konami.almostThere);
- if ((document.activeElement.tagName === 'BODY') && (konamitest)) {
- // comments page, or link list?
- var keyArray = [e.keyCode, e.altKey, e.ctrlKey, e.shiftKey, e.metaKey];
- switch(this.pageType) {
- case 'linklist':
- case 'profile':
- switch(true) {
- case checkKeysForEvent(e, this.options.moveUp.value):
- this.moveUp();
- break;
- case checkKeysForEvent(e, this.options.moveDown.value):
- this.moveDown();
- break;
- case checkKeysForEvent(e, this.options.moveTop.value):
- this.moveTop();
- break;
- case checkKeysForEvent(e, this.options.moveBottom.value):
- this.moveBottom();
- break;
- case checkKeysForEvent(e, this.options.followLink.value):
- this.followLink();
- break;
- case checkKeysForEvent(e, this.options.followLinkNewTab.value):
- e.preventDefault();
- this.followLink(true);
- break;
- case checkKeysForEvent(e, this.options.followComments.value):
- this.followComments();
- break;
- case checkKeysForEvent(e, this.options.followCommentsNewTab.value):
- e.preventDefault();
- this.followComments(true);
- break;
- case checkKeysForEvent(e, this.options.toggleExpando.value):
- this.toggleExpando();
- break;
- case checkKeysForEvent(e, this.options.imageSizeUp.value):
- this.imageSizeUp();
- break;
- case checkKeysForEvent(e, this.options.imageSizeDown.value):
- this.imageSizeDown();
- break;
- case checkKeysForEvent(e, this.options.imageSizeUpFine.value):
- this.imageSizeUp(true);
- break;
- case checkKeysForEvent(e, this.options.imageSizeDownFine.value):
- this.imageSizeDown(true);
- break;
- case checkKeysForEvent(e, this.options.previousGalleryImage.value):
- this.previousGalleryImage();
- break;
- case checkKeysForEvent(e, this.options.nextGalleryImage.value):
- this.nextGalleryImage();
- break;
- case checkKeysForEvent(e, this.options.toggleViewImages.value):
- this.toggleViewImages();
- break;
- case checkKeysForEvent(e, this.options.followLinkAndCommentsNewTab.value):
- e.preventDefault();
- this.followLinkAndComments();
- break;
- case checkKeysForEvent(e, this.options.followLinkAndCommentsNewTabBG.value):
- e.preventDefault();
- this.followLinkAndComments(true);
- break;
- case checkKeysForEvent(e, this.options.upVote.value):
- this.upVote(true);
- break;
- case checkKeysForEvent(e, this.options.downVote.value):
- this.downVote(true);
- break;
- case checkKeysForEvent(e, this.options.save.value):
- this.saveLink();
- break;
- case checkKeysForEvent(e, this.options.inbox.value):
- e.preventDefault();
- this.inbox();
- break;
- case checkKeysForEvent(e, this.options.inboxNewTab.value):
- e.preventDefault();
- this.inbox(true);
- break;
- case checkKeysForEvent(e, this.options.profile.value):
- e.preventDefault();
- this.profile();
- break;
- case checkKeysForEvent(e, this.options.profileNewTab.value):
- e.preventDefault();
- this.profile(true);
- break;
- case checkKeysForEvent(e, this.options.frontPage.value):
- e.preventDefault();
- this.frontPage();
- break;
- case checkKeysForEvent(e, this.options.nextPage.value):
- e.preventDefault();
- this.nextPage();
- break;
- case checkKeysForEvent(e, this.options.prevPage.value):
- e.preventDefault();
- this.prevPage();
- break;
- case checkKeysForEvent(e, this.options.toggleHelp.value):
- this.toggleHelp();
- break;
- case checkKeysForEvent(e, this.options.toggleCmdLine.value):
- this.toggleCmdLine();
- break;
- case checkKeysForEvent(e, this.options.hide.value):
- this.hide();
- break;
- case checkKeysForEvent(e, this.options.followSubreddit.value):
- this.followSubreddit();
- break;
- case checkKeysForEvent(e, this.options.followSubredditNewTab.value):
- this.followSubreddit(true);
- break;
- default:
- // do nothing. unrecognized key.
- break;
- }
- break;
- case 'comments':
- switch(true) {
- case checkKeysForEvent(e, this.options.toggleHelp.value):
- this.toggleHelp();
- break;
- case checkKeysForEvent(e, this.options.toggleCmdLine.value):
- this.toggleCmdLine();
- break;
- case checkKeysForEvent(e, this.options.moveUp.value):
- this.moveUp();
- break;
- case checkKeysForEvent(e, this.options.moveDown.value):
- this.moveDown();
- break;
- case checkKeysForEvent(e, this.options.moveUpSibling.value):
- this.moveUpSibling();
- break;
- case checkKeysForEvent(e, this.options.moveDownSibling.value):
- this.moveDownSibling();
- break;
- case checkKeysForEvent(e, this.options.moveUpThread.value):
- this.moveUpThread();
- break;
- case checkKeysForEvent(e, this.options.moveDownThread.value):
- this.moveDownThread();
- break;
- case checkKeysForEvent(e, this.options.moveToTopComment.value):
- this.moveToTopComment();
- break;
- case checkKeysForEvent(e, this.options.moveToParent.value):
- this.moveToParent();
- break;
- case checkKeysForEvent(e, this.options.showParents.value):
- this.showParents();
- break;
- case checkKeysForEvent(e, this.options.toggleChildren.value):
- this.toggleChildren();
- break;
- case checkKeysForEvent(e, this.options.followLinkNewTab.value):
- // only execute if the link is selected on a comments page...
- if (this.activeIndex === 0) {
- e.preventDefault();
- this.followLink(true);
- }
- break;
- case checkKeysForEvent(e, this.options.save.value):
- if (this.activeIndex === 0) {
- this.saveLink();
- } else {
- this.saveComment();
- }
- break;
- case checkKeysForEvent(e, this.options.toggleExpando.value):
- this.toggleAllExpandos();
- break;
- case checkKeysForEvent(e, this.options.previousGalleryImage.value):
- this.previousGalleryImage();
- break;
- case checkKeysForEvent(e, this.options.imageSizeUp.value):
- this.imageSizeUp();
- break;
- case checkKeysForEvent(e, this.options.imageSizeDown.value):
- this.imageSizeDown();
- break;
- case checkKeysForEvent(e, this.options.imageSizeUpFine.value):
- this.imageSizeUp(true);
- break;
- case checkKeysForEvent(e, this.options.imageSizeDownFine.value):
- this.imageSizeDown(true);
- break;
- case checkKeysForEvent(e, this.options.nextGalleryImage.value):
- this.nextGalleryImage();
- break;
- case checkKeysForEvent(e, this.options.toggleViewImages.value):
- this.toggleViewImages();
- break;
- case checkKeysForEvent(e, this.options.upVote.value):
- this.upVote();
- break;
- case checkKeysForEvent(e, this.options.downVote.value):
- this.downVote();
- break;
- case checkKeysForEvent(e, this.options.reply.value):
- e.preventDefault();
- this.reply();
- break;
- case checkKeysForEvent(e, this.options.inbox.value):
- e.preventDefault();
- this.inbox();
- break;
- case checkKeysForEvent(e, this.options.inboxNewTab.value):
- e.preventDefault();
- this.inbox(true);
- break;
- case checkKeysForEvent(e, this.options.profile.value):
- e.preventDefault();
- this.profile();
- break;
- case checkKeysForEvent(e, this.options.profileNewTab.value):
- e.preventDefault();
- this.profile(true);
- break;
- case checkKeysForEvent(e, this.options.frontPage.value):
- e.preventDefault();
- this.frontPage();
- break;
- case checkKeysForEvent(e, this.options.subredditFrontPage.value):
- e.preventDefault();
- this.frontPage(true);
- break;
- case checkKeysForEvent(e, this.options.link1.value):
- e.preventDefault();
- this.commentLink(0);
- break;
- case checkKeysForEvent(e, this.options.link2.value):
- e.preventDefault();
- this.commentLink(1);
- break;
- case checkKeysForEvent(e, this.options.link3.value):
- e.preventDefault();
- this.commentLink(2);
- break;
- case checkKeysForEvent(e, this.options.link4.value):
- e.preventDefault();
- this.commentLink(3);
- break;
- case checkKeysForEvent(e, this.options.link5.value):
- e.preventDefault();
- this.commentLink(4);
- break;
- case checkKeysForEvent(e, this.options.link6.value):
- e.preventDefault();
- this.commentLink(5);
- break;
- case checkKeysForEvent(e, this.options.link7.value):
- e.preventDefault();
- this.commentLink(6);
- break;
- case checkKeysForEvent(e, this.options.link8.value):
- e.preventDefault();
- this.commentLink(7);
- break;
- case checkKeysForEvent(e, this.options.link9.value):
- e.preventDefault();
- this.commentLink(8);
- break;
- case checkKeysForEvent(e, this.options.link10.value):
- e.preventDefault();
- this.commentLink(9);
- break;
- default:
- // do nothing. unrecognized key.
- break;
- }
- break;
- case 'inbox':
- switch(true) {
- case checkKeysForEvent(e, this.options.toggleHelp.value):
- this.toggleHelp();
- break;
- case checkKeysForEvent(e, this.options.toggleCmdLine.value):
- this.toggleCmdLine();
- break;
- case checkKeysForEvent(e, this.options.moveUp.value):
- this.moveUp();
- break;
- case checkKeysForEvent(e, this.options.moveDown.value):
- this.moveDown();
- break;
- case checkKeysForEvent(e, this.options.toggleChildren.value):
- this.toggleChildren();
- break;
- case checkKeysForEvent(e, this.options.upVote.value):
- this.upVote();
- break;
- case checkKeysForEvent(e, this.options.downVote.value):
- this.downVote();
- break;
- case checkKeysForEvent(e, this.options.reply.value):
- e.preventDefault();
- this.reply();
- break;
- case checkKeysForEvent(e, this.options.frontPage.value):
- e.preventDefault();
- this.frontPage();
- break;
- default:
- // do nothing. unrecognized key.
- break;
- }
- break;
- }
- } else {
- // console.log('ignored keypress');
- }
- },
- toggleHelp: function() {
- (document.getElementById('keyHelp').style.display === 'block') ? this.hideHelp() : this.showHelp();
- },
- showHelp: function() {
- // show help!
- RESUtils.fadeElementIn(document.getElementById('keyHelp'), 0.3);
- modules['styleTweaks'].setSRStyleToggleVisibility(false, 'keyboardnavhelp');
- },
- hideHelp: function() {
- // hide help!
- RESUtils.fadeElementOut(document.getElementById('keyHelp'), 0.3);
- modules['styleTweaks'].setSRStyleToggleVisibility(true, 'keyboardnavhelp');
- },
- hide: function() {
- // find the hide link and click it...
- var hideLink = this.keyboardLinks[this.activeIndex].querySelector('form.hide-button > span > a');
- RESUtils.click(hideLink);
- // if ((this.options.onHideMoveDown.value) && (!modules['betteReddit'].options.fixHideLink.value)) {
- if (this.options.onHideMoveDown.value) {
- this.moveDown();
- }
- },
- followSubreddit: function(newWindow) {
- // find the subreddit link and click it...
- var srLink = this.keyboardLinks[this.activeIndex].querySelector('A.subreddit');
- if (srLink) {
- var thisHREF = srLink.getAttribute('href');
- if (newWindow) {
- var button = (this.options.followLinkNewTabFocus.value) ? 0 : 1,
- thisJSON;
- if (BrowserDetect.isChrome()) {
- thisJSON = {
- requestType: 'keyboardNav',
- linkURL: thisHREF,
- button: button
- };
- chrome.extension.sendMessage(thisJSON);
- } else if (BrowserDetect.isSafari()) {
- thisJSON = {
- requestType: 'keyboardNav',
- linkURL: thisHREF,
- button: button
- };
- safari.self.tab.dispatchMessage("keyboardNav", thisJSON);
- } else if (BrowserDetect.isOpera()) {
- thisJSON = {
- requestType: 'keyboardNav',
- linkURL: thisHREF,
- button: button
- };
- opera.extension.postMessage(JSON.stringify(thisJSON));
- } else if (BrowserDetect.isFirefox()) {
- thisJSON = {
- requestType: 'keyboardNav',
- linkURL: thisHREF,
- button: button
- };
- self.postMessage(thisJSON);
- } else {
- window.open(thisHREF);
- }
- } else {
- location.href = thisHREF;
- }
- }
- },
- moveUp: function() {
- if (this.activeIndex > 0) {
- this.keyUnfocus(this.keyboardLinks[this.activeIndex]);
- this.activeIndex--;
- var thisXY=RESUtils.getXYpos(this.keyboardLinks[this.activeIndex]);
- // skip over hidden elements...
- while ((thisXY.x === 0) && (thisXY.y === 0) && (this.activeIndex > 0)) {
- this.activeIndex--;
- thisXY=RESUtils.getXYpos(this.keyboardLinks[this.activeIndex]);
- }
- this.keyFocus(this.keyboardLinks[this.activeIndex]);
- if ((!(RESUtils.elementInViewport(this.keyboardLinks[this.activeIndex]))) || (this.options.scrollStyle.value === 'top')) {
- RESUtils.scrollTo(0,thisXY.y);
- }
-
- modules['keyboardNav'].recentKey();
- }
- },
- moveDown: function() {
- if (this.activeIndex < this.keyboardLinks.length-1) {
- this.keyUnfocus(this.keyboardLinks[this.activeIndex]);
- this.activeIndex++;
- var thisXY=RESUtils.getXYpos(this.keyboardLinks[this.activeIndex]);
- // skip over hidden elements...
- while ((thisXY.x === 0) && (thisXY.y === 0) && (this.activeIndex < this.keyboardLinks.length-1)) {
- this.activeIndex++;
- thisXY=RESUtils.getXYpos(this.keyboardLinks[this.activeIndex]);
- }
- this.keyFocus(this.keyboardLinks[this.activeIndex]);
- // console.log('xy: ' + RESUtils.getXYpos(this.keyboardLinks[this.activeIndex]).toSource());
- /*
- if ((!(RESUtils.elementInViewport(this.keyboardLinks[this.activeIndex]))) || (this.options.scrollTop.value)) {
- RESUtils.scrollTo(0,thisXY.y);
- }
- */
- if (this.options.scrollStyle.value === 'top') {
- RESUtils.scrollTo(0,thisXY.y);
- } else if ((!(RESUtils.elementInViewport(this.keyboardLinks[this.activeIndex])))) {
- var thisHeight = this.keyboardLinks[this.activeIndex].offsetHeight;
- if (this.options.scrollStyle.value === 'page') {
- RESUtils.scrollTo(0,thisXY.y);
- } else {
- RESUtils.scrollTo(0,thisXY.y - window.innerHeight + thisHeight + 5);
- }
- }
- if ((RESUtils.pageType() === 'linklist') && (this.activeIndex == (this.keyboardLinks.length-1) && (modules['neverEndingReddit'].isEnabled() && modules['neverEndingReddit'].options.autoLoad.value))) {
- this.nextPage();
- }
- modules['keyboardNav'].recentKey();
- }
- },
- moveTop: function() {
- this.keyUnfocus(this.keyboardLinks[this.activeIndex]);
- this.activeIndex = 0;
- this.keyFocus(this.keyboardLinks[this.activeIndex]);
- var thisXY=RESUtils.getXYpos(this.keyboardLinks[this.activeIndex]);
- if (!(RESUtils.elementInViewport(this.keyboardLinks[this.activeIndex]))) {
- RESUtils.scrollTo(0,thisXY.y);
- }
- modules['keyboardNav'].recentKey();
- },
- moveBottom: function() {
- this.keyUnfocus(this.keyboardLinks[this.activeIndex]);
- this.activeIndex = this.keyboardLinks.length-1;
- this.keyFocus(this.keyboardLinks[this.activeIndex]);
- var thisXY=RESUtils.getXYpos(this.keyboardLinks[this.activeIndex]);
- if (!(RESUtils.elementInViewport(this.keyboardLinks[this.activeIndex]))) {
- RESUtils.scrollTo(0,thisXY.y);
- }
- modules['keyboardNav'].recentKey();
- },
- moveDownSibling: function() {
- if (this.activeIndex < this.keyboardLinks.length-1) {
- this.keyUnfocus(this.keyboardLinks[this.activeIndex]);
- var thisParent = this.keyboardLinks[this.activeIndex].parentNode;
- var childCount = thisParent.querySelectorAll('.entry').length;
- this.activeIndex += childCount;
- // skip over hidden elements...
- var thisXY=RESUtils.getXYpos(this.keyboardLinks[this.activeIndex]);
- while ((thisXY.x === 0) && (thisXY.y === 0) && (this.activeIndex < this.keyboardLinks.length-1)) {
- this.activeIndex++;
- thisXY=RESUtils.getXYpos(this.keyboardLinks[this.activeIndex]);
- }
- if ((this.pageType === 'linklist') || (this.pageType === 'profile')) {
- this.setKeyIndex();
- }
- this.keyFocus(this.keyboardLinks[this.activeIndex]);
- if (!(RESUtils.elementInViewport(this.keyboardLinks[this.activeIndex]))) {
- RESUtils.scrollTo(0,thisXY.y);
- }
- }
- modules['keyboardNav'].recentKey();
- },
- moveUpSibling: function() {
- if (this.activeIndex < this.keyboardLinks.length-1) {
- this.keyUnfocus(this.keyboardLinks[this.activeIndex]);
- var thisParent = this.keyboardLinks[this.activeIndex].parentNode,
- childCount;
- if (thisParent.previousSibling !== null) {
- childCount = thisParent.previousSibling.previousSibling.querySelectorAll('.entry').length;
- } else {
- childCount = 1;
- }
- this.activeIndex -= childCount;
- // skip over hidden elements...
- var thisXY=RESUtils.getXYpos(this.keyboardLinks[this.activeIndex]);
- while ((thisXY.x === 0) && (thisXY.y === 0) && (this.activeIndex < this.keyboardLinks.length-1)) {
- this.activeIndex++;
- thisXY=RESUtils.getXYpos(this.keyboardLinks[this.activeIndex]);
- }
- if ((this.pageType === 'linklist') || (this.pageType === 'profile')) {
- this.setKeyIndex();
- }
- this.keyFocus(this.keyboardLinks[this.activeIndex]);
- if (!(RESUtils.elementInViewport(this.keyboardLinks[this.activeIndex]))) {
- RESUtils.scrollTo(0,thisXY.y);
- }
- }
- modules['keyboardNav'].recentKey();
- },
- moveUpThread: function() {
- if ((this.activeIndex < this.keyboardLinks.length-1) && (this.activeIndex > 1)) {
- this.moveToTopComment();
- }
- this.moveUpSibling();
- },
- moveDownThread: function() {
- if ((this.activeIndex < this.keyboardLinks.length-1) && (this.activeIndex > 1)) {
- this.moveToTopComment();
- }
- this.moveDownSibling();
- },
- moveToTopComment: function() {
- if ((this.activeIndex < this.keyboardLinks.length-1) && (this.activeIndex > 1)) {
- var firstParent = this.keyboardLinks[this.activeIndex].parentNode;
- //goes up to the root of the current thread
- while (!firstParent.parentNode.parentNode.parentNode.classList.contains('content') && (firstParent !== null)) {
- this.moveToParent();
- firstParent = this.keyboardLinks[this.activeIndex].parentNode;
- }
- }
- },
- moveToParent: function() {
- if ((this.activeIndex < this.keyboardLinks.length-1) && (this.activeIndex > 1)) {
- var firstParent = this.keyboardLinks[this.activeIndex].parentNode;
- // check if we're at the top parent, first... if the great grandparent has a class of content, do nothing.
- if (!firstParent.parentNode.parentNode.parentNode.classList.contains('content')) {
- if (firstParent !== null) {
- this.keyUnfocus(this.keyboardLinks[this.activeIndex]);
- var thisParent = firstParent.parentNode.parentNode.previousSibling;
- var newKeyIndex = parseInt(thisParent.getAttribute('keyindex'), 10);
- this.activeIndex = newKeyIndex;
- this.keyFocus(this.keyboardLinks[this.activeIndex]);
- var thisXY=RESUtils.getXYpos(this.keyboardLinks[this.activeIndex]);
- if (!(RESUtils.elementInViewport(this.keyboardLinks[this.activeIndex]))) {
- RESUtils.scrollTo(0,thisXY.y);
- }
- }
- }
- }
- modules['keyboardNav'].recentKey();
- },
- showParents: function() {
- if ((this.activeIndex < this.keyboardLinks.length-1) && (this.activeIndex > 1)) {
- var firstParent = this.keyboardLinks[this.activeIndex].parentNode;
- if (firstParent != null) {
- var button = $(this.keyboardLinks[this.activeIndex]).find('.buttons :not(:first-child) .bylink:first').get(0);
- RESUtils.hover.begin(button, {}, modules['showParent'].showCommentHover, {});
- }
- }
- },
- toggleChildren: function() {
- if (this.activeIndex === 0) {
- // Ahh, we're not in a comment, but in the main story... that key should follow the link.
- this.followLink();
- } else {
- // find out if this is a collapsed or uncollapsed view...
- var thisCollapsed = this.keyboardLinks[this.activeIndex].querySelector('div.collapsed');
- var thisNonCollapsed = this.keyboardLinks[this.activeIndex].querySelector('div.noncollapsed');
- if (thisCollapsed.style.display !== 'none') {
- thisToggle = thisCollapsed.querySelector('a.expand');
- } else {
- // check if this is a "show more comments" box, or just contracted content...
- moreComments = thisNonCollapsed.querySelector('span.morecomments > a');
- if (moreComments) {
- thisToggle = moreComments;
- } else {
- thisToggle = thisNonCollapsed.querySelector('a.expand');
- }
- // 'continue this thread' links
- contThread = thisNonCollapsed.querySelector('span.deepthread > a');
- if(contThread){
- thisToggle = contThread;
- }
- }
- RESUtils.click(thisToggle);
- }
- },
- toggleExpando: function() {
- var thisExpando = this.keyboardLinks[this.activeIndex].querySelector('.expando-button');
- if (thisExpando) {
- RESUtils.click(thisExpando);
- if (this.options.scrollOnExpando.value) {
- var thisXY=RESUtils.getXYpos(this.keyboardLinks[this.activeIndex]);
- RESUtils.scrollTo(0,thisXY.y);
- }
- }
- },
- imageResize: function(factor) {
- var images = $(this.activeElement).find('.RESImage.loaded'),
- thisWidth;
-
- for (var i=0, len=images.length; i<len; i++) {
- thisWidth = images[i].width;
- modules['showImages'].resizeImage(images[i], thisWidth + factor);
- }
- },
- imageSizeUp: function(fineControl) {
- var factor = (fineControl) ? 50 : 150;
- this.imageResize(factor);
- },
- imageSizeDown: function(fineControl) {
- var factor = (fineControl) ? -50 : -150;
- this.imageResize(factor);
- },
- previousGalleryImage: function() {
- var previousButton = this.keyboardLinks[this.activeIndex].querySelector('.RESGalleryControls .previous');
- if (previousButton) {
- RESUtils.click(previousButton);
- }
- },
- nextGalleryImage: function() {
- var nextButton = this.keyboardLinks[this.activeIndex].querySelector('.RESGalleryControls .next');
- if (nextButton) {
- RESUtils.click(nextButton);
- }
- },
- toggleViewImages: function() {
- var thisViewImages = document.body.querySelector('#viewImagesButton');
- if (thisViewImages) {
- RESUtils.click(thisViewImages);
- }
- },
- toggleAllExpandos: function() {
- var thisExpandos = this.keyboardLinks[this.activeIndex].querySelectorAll('.expando-button');
- if (thisExpandos) {
- for (var i=0,len=thisExpandos.length; i<len; i++) {
- RESUtils.click(thisExpandos[i]);
- }
- }
- },
- followLink: function(newWindow) {
- var thisA = this.keyboardLinks[this.activeIndex].querySelector('a.title');
- var thisHREF = thisA.getAttribute('href');
- // console.log(thisA);
- if (newWindow) {
- var button = (this.options.followLinkNewTabFocus.value) ? 0 : 1,
- thisJSON;
- if (BrowserDetect.isChrome()) {
- thisJSON = {
- requestType: 'keyboardNav',
- linkURL: thisHREF,
- button: button
- };
- chrome.extension.sendMessage(thisJSON);
- } else if (BrowserDetect.isSafari()) {
- thisJSON = {
- requestType: 'keyboardNav',
- linkURL: thisHREF,
- button: button
- };
- safari.self.tab.dispatchMessage("keyboardNav", thisJSON);
- } else if (BrowserDetect.isOpera()) {
- thisJSON = {
- requestType: 'keyboardNav',
- linkURL: thisHREF,
- button: button
- };
- opera.extension.postMessage(JSON.stringify(thisJSON));
- } else if (BrowserDetect.isFirefox()) {
- thisJSON = {
- requestType: 'keyboardNav',
- linkURL: thisHREF,
- button: button
- };
- self.postMessage(thisJSON);
- } else {
- window.open(thisHREF);
- }
- } else {
- location.href = thisHREF;
- }
- },
- followComments: function(newWindow) {
- var thisA = this.keyboardLinks[this.activeIndex].querySelector('a.comments'),
- thisHREF = thisA.getAttribute('href');
- if (newWindow) {
- var thisJSON;
- if (BrowserDetect.isChrome()) {
- thisJSON = {
- requestType: 'keyboardNav',
- linkURL: thisHREF
- };
- chrome.extension.sendMessage(thisJSON);
- } else if (BrowserDetect.isSafari()) {
- thisJSON = {
- requestType: 'keyboardNav',
- linkURL: thisHREF
- };
- safari.self.tab.dispatchMessage("keyboardNav", thisJSON);
- } else if (BrowserDetect.isOpera()) {
- thisJSON = {
- requestType: 'keyboardNav',
- linkURL: thisHREF
- };
- opera.extension.postMessage(JSON.stringify(thisJSON));
- } else if (BrowserDetect.isFirefox()) {
- thisJSON = {
- requestType: 'keyboardNav',
- linkURL: thisHREF
- };
- self.postMessage(thisJSON);
- } else {
- window.open(thisHREF);
- }
- } else {
- location.href = thisHREF;
- }
- },
- followLinkAndComments: function(background) {
- // find the [l+c] link and click it...
- var lcLink = this.keyboardLinks[this.activeIndex].querySelector('.redditSingleClick');
- RESUtils.mousedown(lcLink, background);
- },
- upVote: function(link) {
- if (typeof this.keyboardLinks[this.activeIndex] === 'undefined') return false;
-
- var upVoteButton;
- if (this.keyboardLinks[this.activeIndex].previousSibling.tagName === 'A') {
- upVoteButton = this.keyboardLinks[this.activeIndex].previousSibling.previousSibling.querySelector('div.up') || this.keyboardLinks[this.activeIndex].previousSibling.previousSibling.querySelector('div.upmod');
- } else {
- upVoteButton = this.keyboardLinks[this.activeIndex].previousSibling.querySelector('div.up') || this.keyboardLinks[this.activeIndex].previousSibling.querySelector('div.upmod');
- }
-
- RESUtils.click(upVoteButton);
-
- if (link && this.options.onVoteMoveDown.value) {
- this.moveDown();
- }
- },
- downVote: function(link) {
- if (typeof this.keyboardLinks[this.activeIndex] === 'undefined') return false;
-
- var downVoteButton;
- if (this.keyboardLinks[this.activeIndex].previousSibling.tagName === 'A') {
- downVoteButton = this.keyboardLinks[this.activeIndex].previousSibling.previousSibling.querySelector('div.down') || this.keyboardLinks[this.activeIndex].previousSibling.previousSibling.querySelector('div.downmod');
- } else {
- downVoteButton = this.keyboardLinks[this.activeIndex].previousSibling.querySelector('div.down') || this.keyboardLinks[this.activeIndex].previousSibling.querySelector('div.downmod');
- }
-
- RESUtils.click(downVoteButton);
-
- if (link && this.options.onVoteMoveDown.value) {
- this.moveDown();
- }
- },
- saveLink: function() {
- var saveLink = this.keyboardLinks[this.activeIndex].querySelector('form.save-button > span > a');
- if (saveLink) RESUtils.click(saveLink);
- },
- saveComment: function() {
- var saveComment = this.keyboardLinks[this.activeIndex].querySelector('.saveComments');
- if (saveComment) RESUtils.click(saveComment);
- },
- reply: function() {
- // activeIndex = 0 means we're at the original post, not a comment
- if ((this.activeIndex > 0) || (RESUtils.pageType() !== 'comments')) {
- if ((RESUtils.pageType() === 'comments') && (this.activeIndex === 0) && (! location.href.match('/message/'))) {
- $('.usertext-edit textarea:first').focus();
- } else {
- var commentButtons = this.keyboardLinks[this.activeIndex].querySelectorAll('ul.buttons > li > a');
- for (var i=0, len=commentButtons.length;i<len;i++) {
- if (commentButtons[i].innerHTML === 'reply') {
- RESUtils.click(commentButtons[i]);
- }
- }
- }
- } else {
- infoBar = document.body.querySelector('.infobar');
- // We're on the original post, so shift keyboard focus to the comment reply box.
- if (infoBar) {
- // uh oh, we must be in a subpage, there is no first comment box. The user probably wants to reply to the OP. Let's take them to the comments page.
- var commentButton = this.keyboardLinks[this.activeIndex].querySelector('ul.buttons > li > a.comments');
- location.href = commentButton.getAttribute('href');
- } else {
- var firstCommentBox = document.querySelector('.commentarea textarea[name=text]');
- firstCommentBox.focus();
- }
- }
- },
- navigateTo: function(newWindow,thisHREF) {
- if (newWindow) {
- var thisJSON;
- if (BrowserDetect.isChrome()) {
- thisJSON = {
- requestType: 'keyboardNav',
- linkURL: thisHREF
- };
- chrome.extension.sendMessage(thisJSON);
- } else if (BrowserDetect.isSafari()) {
- thisJSON = {
- requestType: 'keyboardNav',
- linkURL: thisHREF
- };
- safari.self.tab.dispatchMessage("keyboardNav", thisJSON);
- } else if (BrowserDetect.isOpera()) {
- thisJSON = {
- requestType: 'keyboardNav',
- linkURL: thisHREF
- };
- opera.extension.postMessage(JSON.stringify(thisJSON));
- } else {
- window.open(thisHREF);
- }
- } else {
- location.href = thisHREF;
- }
- },
- inbox: function(newWindow) {
- var thisHREF = location.protocol + '//'+location.hostname+'/message/inbox/';
- modules['keyboardNav'].navigateTo(newWindow,thisHREF);
- },
- profile: function(newWindow) {
- var thisHREF = location.protocol + '//'+location.hostname+'/user/'+RESUtils.loggedInUser();
- modules['keyboardNav'].navigateTo(newWindow,thisHREF);
- },
- frontPage: function(subreddit) {
- var newhref = location.protocol + '//'+location.hostname+'/';
- if (subreddit) {
- newhref += 'r/' + RESUtils.currentSubreddit();
- }
- location.href = newhref;
- },
- nextPage: function() {
- // if Never Ending Reddit is enabled, just scroll to the bottom. Otherwise, click the 'next' link.
- if ((modules['neverEndingReddit'].isEnabled()) && (modules['neverEndingReddit'].progressIndicator)) {
- RESUtils.click(modules['neverEndingReddit'].progressIndicator);
- this.moveBottom();
- } else {
- // get the first link to the next page of reddit...
- var nextPrevLinks = document.body.querySelectorAll('.content .nextprev a');
- if (nextPrevLinks.length > 0) {
- var nextLink = nextPrevLinks[nextPrevLinks.length-1];
- // RESUtils.click(nextLink);
- location.href = nextLink.getAttribute('href');
- }
- }
- },
- prevPage: function() {
- // if Never Ending Reddit is enabled, do nothing. Otherwise, click the 'prev' link.
- if (modules['neverEndingReddit'].isEnabled()) {
- return false;
- } else {
- // get the first link to the next page of reddit...
- var nextPrevLinks = document.body.querySelectorAll('.content .nextprev a');
- if (nextPrevLinks.length > 0) {
- var prevLink = nextPrevLinks[0];
- // RESUtils.click(prevLink);
- location.href = prevLink.getAttribute('href');
- }
- }
- },
- getCommentLinks: function(obj) {
- if (!obj) obj = this.keyboardLinks[this.activeIndex];
- return obj.querySelectorAll('div.md a:not(.expando-button):not(.madeVisible):not([href^="javascript:"])');
- },
- commentLink: function(num) {
- if (this.options.commentsLinkNumbers.value) {
- var links = this.getCommentLinks();
- if (typeof links[num] !== 'undefined') {
- var thisLink = links[num];
- if ((thisLink.nextSibling) && (typeof thisLink.nextSibling.tagName !== 'undefined') && (thisLink.nextSibling.classList.contains('expando-button'))) {
- thisLink = thisLink.nextSibling;
- }
- // RESUtils.click(thisLink);
- this.handleKeyLink(thisLink);
- }
- }
- }
-};
-
-// user tagger functions
-modules['userTagger'] = {
- moduleID: 'userTagger',
- moduleName: 'User Tagger',
- category: 'Users',
- options: {
- /*
- defaultMark: {
- type: 'text',
- value: '_',
- description: 'clickable mark for users with no tag'
- },
- */
- hardIgnore: {
- type: 'boolean',
- value: false,
- description: 'If "hard ignore" is off, only post titles and comment text is hidden. If it is on, the entire block is hidden (or in comments, collapsed).'
- },
- colorUser: {
- type: 'boolean',
- value: true,
- description: 'Color users based on cumulative upvotes / downvotes'
- },
- storeSourceLink: {
- type: 'boolean',
- value: true,
- description: 'By default, store a link to the link/comment you tagged a user on'
- },
- hoverInfo: {
- type: 'boolean',
- value: true,
- description: 'Show information on user (karma, how long they\'ve been a redditor) on hover.'
- },
- hoverDelay: {
- type: 'text',
- value: 800,
- description: 'Delay, in milliseconds, before hover tooltip loads. Default is 800.'
- },
- fadeDelay: {
- type: 'text',
- value: 200,
- description: 'Delay, in milliseconds, before hover tooltip fades away. Default is 200.'
- },
- fadeSpeed: {
- type: 'text',
- value: 0.3,
- description: 'Fade animation\'s speed. Default is 0.3, the range is 0-1. Setting the speed to 1 will disable the animation.'
- },
- gildComments: {
- type: 'boolean',
- value: true,
- description: 'When clicking the "give gold" button on the user hover info on a comment, give gold to the comment.'
- },
- highlightButton: {
- type: 'boolean',
- value: true,
- description: 'Show "highlight" button in user hover info, for distinguishing posts/comments from particular users.'
- },
- highlightColor: {
- type: 'text',
- value: '#5544CC',
- description: 'Color used to highlight a selected user, when "highlighted" from hover info.'
- },
- highlightColorHover: {
- type: 'text',
- value: '#6677AA',
- description: 'Color used to highlight a selected user on hover.'
- },
- USDateFormat: {
- type: 'boolean',
- value: false,
- description: 'Show date (redditor since...) in US format (i.e. 08-31-2010)'
- },
- vwNumber: {
- type: 'boolean',
- value: true,
- description: 'Show the number (i.e. [+6]) rather than [vw]'
- },
- vwTooltip: {
- type: 'boolean',
- value: true,
- description: 'Show the vote weight tooltip on hover (i.e. "your votes for...")'
- }
- },
- description: 'Adds a great deal of customization around users - tagging them, ignoring them, and more.',
- isEnabled: function() {
- return RESConsole.getModulePrefs(this.moduleID);
- },
- isMatchURL: function() {
- return RESUtils.isMatchURL(this.moduleID);
- },
- include: [
- /^https?:\/\/([-\w\.]+\.)?reddit\.com\/[-\w\.]*/i
- ],
- beforeLoad: function() {
- if ((this.isEnabled()) && (this.isMatchURL())) {
- var css = '.comment .tagline { display: inline; }';
- css += '#userTaggerToolTip { display: none; position: absolute; width: 334px; height: 248px; }';
- css += '#userTaggerToolTip label { margin-top: 5px; clear: both; float: left; width: 110px; }';
- css += '#userTaggerToolTip input[type=text], #userTaggerToolTip select { margin-top: 5px; float: left; width: 195px; border: 1px solid #c7c7c7; border-radius: 3px; margin-bottom: 6px; }';
- css += '#userTaggerToolTip input[type=checkbox] { margin-top: 5px; float: left; }';
- css += '#userTaggerToolTip input[type=submit] { cursor: pointer; position: absolute; right: 16px; bottom: 16px; padding: 3px 5px; font-size: 12px; color: #fff; border: 1px solid #636363; border-radius: 3px; background-color: #5cc410; } ';
- css += '#userTaggerToolTip .toggleButton { margin-top: 5px; margin-bottom: 5px; }';
- css += '#userTaggerClose { position: absolute; right: 7px; top: 7px; z-index: 11; }';
-
- css += '.ignoredUserComment { color: #CACACA; padding: 3px; font-size: 10px; }';
- css += '.ignoredUserPost { color: #CACACA; padding: 3px; font-size: 10px; }';
- css += 'a.voteWeight { text-decoration: none; color: #369; }';
- css += 'a.voteWeight:hover { text-decoration: none; }';
- css += '#authorInfoToolTip { display: none; position: absolute; min-width: 450px; z-index: 10001; }';
- css += '#authorInfoToolTip:before { content: ""; position: absolute; top: 10px; left: -26px; border-style: solid; border-width: 10px 29px 10px 0; border-color: transparent #c7c7c7; display: block; width: 0; z-index: 1; }'
- css += '#authorInfoToolTip:after { content: ""; position: absolute; top: 10px; left: -24px; border-style: solid; border-width: 10px 29px 10px 0; border-color: transparent #f0f3fc; display: block; width: 0; z-index: 1; }'
- css += '#authorInfoToolTip.right:before { content: ""; position: absolute; top: 10px; right: -26px; left: auto; border-style: solid; border-width: 10px 0 10px 29px; border-color: transparent #c7c7c7; display: block; width: 0; z-index: 1; }'
- css += '#authorInfoToolTip.right:after { content: ""; position: absolute; top: 10px; right: -24px; left: auto; border-style: solid; border-width: 10px 0 10px 29px; border-color: transparent #f0f3fc; display: block; width: 0; z-index: 1; }'
- css += '#authorInfoToolTip .authorFieldPair { clear: both; overflow: auto; margin-bottom: 12px; }';
- css += '#authorInfoToolTip .authorLabel { float: left; width: 140px; }';
- css += '#authorInfoToolTip .authorDetail { float: left; min-width: 240px; }';
- css += '#authorInfoToolTip .blueButton { float: right; margin-left: 8px; margin-top: 12px; }';
- css += '#authorInfoToolTip .redButton { float: right; margin-left: 8px; }';
-
- css += '#benefits { width: 200px; margin-left: 0; }';
- css += '#userTaggerToolTip #userTaggerVoteWeight { width: 30px; }';
- css += '.RESUserTagImage { display: inline-block; width: 16px; height: 8px; background-image: url(\'http://e.thumbs.redditmedia.com/r22WT2K4sio9Bvev.png\'); background-repeat: no-repeat; background-position: -16px -137px; }';
- css += '.userTagLink { display: inline-block; }';
- css += '.hoverHelp { margin-left: 3px; cursor: pointer; color: #369; text-decoration: underline; }';
- css += '.userTagLink.hasTag, #userTaggerPreview { display: inline-block; padding: 0 4px; border: 1px solid #c7c7c7; border-radius: 3px; }';
- css += '#userTaggerPreview { float: left; height: 16px; margin-bottom: 10px; }';
- css += '#userTaggerToolTip .toggleButton .toggleOn { background-color: #107ac4; color: #fff; }';
- css += '#userTaggerToolTip .toggleButton.enabled .toggleOn { background-color: #ddd ; color: #636363; }';
- css += '#userTaggerToolTip .toggleButton.enabled .toggleOff { background-color: #d02020; color: #fff; }';
- css += '#userTaggerToolTip .toggleButton .toggleOff { background-color: #ddd; color: #636363; } ';
- css += '#userTaggerTable th { -moz-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; }'
- css += '#userTaggerTable tbody .deleteButton { cursor: pointer; width: 16px; height: 16px; background-image: url(data:image/gif;base64,R0lGODlhEAAQAOZOAP///3F6hcopAJMAAP/M//Hz9OTr8ZqksMTL1P8pAP9MDP9sFP+DIP8zAO7x8/D1/LnEz+vx+Flha+Ln7OLm61hhayk0QCo1QMfR2eDo8b/K1M/U2pqiqcfP15WcpcLK05ymsig0P2lyftnf5naBi8XJzZ6lrJGdqmBqdKissYyZpf/+/puotNzk66ayvtbc4rC7x9Xd5n+KlbG7xpiirnJ+ivDz9KKrtrvH1Ojv9ePq8HF8h2x2gvj9/yYyPmRueFxlb4eRm+71+kFLVdrb3c/X4KOnrYGMl3uGke/0+5Sgq1ZfaY6Xn/X4+f///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAE4ALAAAAAAQABAAAAexgE6CggGFAYOIiAEPEREPh4lOhpOUgwEAmJmaABuQAUktMUUYGhAwLiwnKp41REYmHB5MQUcyN0iQTjsAHU05ICM4SjMQJIg8AAgFBgcvE5gUJYgiycsHDisCApjagj/VzAACBATa5AJOKOAHAAMMDOTvA05A6w7tC/kL804V9uIKAipA52QJgA82dNAQRyBBgwYJyjmRgKmHkAztHA4YAJHfEB8hLFxI0W4AACcbnQQCADs=)}';
-
- RESUtils.addCSS(css);
- }
- },
- go: function() {
- if ((this.isEnabled()) && (this.isMatchURL())) {
-
- this.usernameRE = /(?:u|user)\/([\w\-]+)/;
- // Get user tag data...
- var tags = RESStorage.getItem('RESmodules.userTagger.tags');
- this.tags = null;
- if (typeof tags !== 'undefined') this.tags = safeJSON.parse(tags, 'RESmodules.userTagger.tags', true);
- // check if we're using the old method of storing user tags... yuck!
- if (this.tags === null) {
- this.updateTagStorage();
- }
- // If we're on the dashboard, add a tab to it...
- if (RESUtils.currentSubreddit('dashboard')) {
- // add tab to dashboard
- modules['dashboard'].addTab('userTaggerContents','My User Tags');
- // populate the contents of the tab
- var showDiv = $('<div class="show">Show:</div>')
- var tagFilter = $('<select id="tagFilter"><option>tagged users</option><option>all users</option></select>')
- $(showDiv).append(tagFilter);
- $('#userTaggerContents').append(showDiv);
- $('#tagFilter').change(function(){
- modules['userTagger'].drawUserTagTable();
- });
-
- var tagsPerPage = parseInt(modules['dashboard'].options['tagsPerPage'].value, 10);
- if (tagsPerPage) {
- var controlWrapper = document.createElement('div');
- controlWrapper.id = 'tagPageControls';
- controlWrapper.className = 'RESGalleryControls';
- controlWrapper.page = 1;
- controlWrapper.pageCount = 1;
-
- var leftButton = document.createElement("a");
- leftButton.className = 'previous noKeyNav';
- leftButton.addEventListener('click', function(e){
- if (controlWrapper.page === 1) {
- controlWrapper.page = controlWrapper.pageCount;
- } else {
- controlWrapper.page -= 1;
- }
- modules['userTagger'].drawUserTagTable();
- });
- controlWrapper.appendChild(leftButton);
-
- var posLabel = document.createElement('span');
- posLabel.className = 'RESGalleryLabel';
- posLabel.textContent = "1 of 2";
- controlWrapper.appendChild(posLabel);
-
- var rightButton = document.createElement("a");
- rightButton.className = 'next noKeyNav';
- rightButton.addEventListener('click', function(e){
- if (controlWrapper.page === controlWrapper.pageCount) {
- controlWrapper.page = 1;
- } else {
- controlWrapper.page += 1;
- }
- modules['userTagger'].drawUserTagTable();
- });
- controlWrapper.appendChild(rightButton);
-
- $('#userTaggerContents').append(controlWrapper);
-
- }
- var thisTable = $('<table id="userTaggerTable" />');
- $(thisTable).append('<thead><tr><th sort="" class="active">Username <span class="sortAsc"></span></th><th sort="tag">Tag</th><th sort="ignore">Ignored</th><th sort="color">Color</th><th sort="votes">Vote Weight</th></tr></thead><tbody></tbody>');
- $('#userTaggerContents').append(thisTable);
- $('#userTaggerTable thead th').click(function(e) {
- e.preventDefault();
- if ($(this).hasClass('delete')) {
- return false;
- }
- if ($(this).hasClass('active')) {
- $(this).toggleClass('descending');
- }
- $(this).addClass('active');
- $(this).siblings().removeClass('active').find('SPAN').remove();
- $(this).find('.sortAsc, .sortDesc').remove();
- ($(e.target).hasClass('descending')) ? $(this).append('<span class="sortDesc" />') : $(this).append('<span class="sortAsc" />');
- modules['userTagger'].drawUserTagTable($(e.target).attr('sort'), $(e.target).hasClass('descending'));
- });
- this.drawUserTagTable();
-
- }
-
-
- // set up an array to cache user data
- this.authorInfoCache = [];
- if (this.options.colorUser.value) {
- this.attachVoteHandlers(document.body);
- }
- // add tooltip to document body...
- this.userTaggerToolTip = createElementWithID('div','userTaggerToolTip', 'RESDialogSmall');
- var thisHTML = '<h3>Tag User</h3><div id="userTaggerToolTipContents" class="RESDialogContents clear">';
- thisHTML += '<form name="userTaggerForm" action=""><input type="hidden" id="userTaggerName" value="">';
- thisHTML += '<label for="userTaggerTag">Tag</label> <input type="text" id="userTaggerTag" value="">';
- thisHTML += '<div id="userTaggerClose" class="RESCloseButton">×</div>';
- thisHTML += '<label for="userTaggerColor">Color</label> <select id="userTaggerColor">';
- for (var color in this.bgToTextColorMap) {
- var bgColor = (color === 'none') ? 'transparent' : color;
- thisHTML += '<option style="background-color: '+bgColor+'; color: '+this.bgToTextColorMap[color]+' !important;" value="'+color+'">'+color+'</option>';
- }
- thisHTML += '</select>';
- thisHTML += '<label for="userTaggerPreview">Preview</label> <span id="userTaggerPreview"></span>';
- thisHTML += '<label for="userTaggerIgnore">Ignore</label>';// <input type="checkbox" id="userTaggerIgnore" value="true">';
- thisHTML += '<label for="userTaggerLink">Link<span class="hoverHelp" title="add a link for this user (shows up in hover pane)">?</span></label> <input type="text" id="userTaggerLink" value="">';
- thisHTML += '<label for="userTaggerVoteWeight">Vote Weight<span class="hoverHelp" title="manually edit vote weight for this user">?</span></label> <input type="text" size="2" id="userTaggerVoteWeight" value="">';
- thisHTML += '<div class="clear"></div><input type="submit" id="userTaggerSave" value="Save"></form></div>';
- $(this.userTaggerToolTip).html(thisHTML);
- var ignoreLabel = this.userTaggerToolTip.querySelector('label[for=userTaggerIgnore]');
- insertAfter(ignoreLabel, RESUtils.toggleButton('userTaggerIgnore', false, 'no', 'yes'));
- this.userTaggerTag = this.userTaggerToolTip.querySelector('#userTaggerTag');
- this.userTaggerTag.addEventListener('keyup', modules['userTagger'].updateTagPreview, false);
- this.userTaggerColor = this.userTaggerToolTip.querySelector('#userTaggerColor');
- this.userTaggerColor.addEventListener('change', modules['userTagger'].updateTagPreview, false);
- this.userTaggerPreview = this.userTaggerToolTip.querySelector('#userTaggerPreview');
- var userTaggerSave = this.userTaggerToolTip.querySelector('#userTaggerSave');
- userTaggerSave.setAttribute('type','submit');
- userTaggerSave.setAttribute('value','✓ save tag');
- userTaggerSave.addEventListener('click', function(e) {
- e.preventDefault();
- modules['userTagger'].saveTagForm();
- }, false);
- var userTaggerClose = this.userTaggerToolTip.querySelector('#userTaggerClose');
- userTaggerClose.addEventListener('click', function(e) {
- modules['userTagger'].closeUserTagPrompt();
- }, false);
- //this.userTaggerToolTip.appendChild(userTaggerSave);
- this.userTaggerForm = this.userTaggerToolTip.querySelector('FORM');
- this.userTaggerForm.addEventListener('submit', function(e) {
- e.preventDefault();
- modules['userTagger'].saveTagForm();
- }, true);
- document.body.appendChild(this.userTaggerToolTip);
- if (this.options.hoverInfo.value) {
- this.authorInfoToolTip = createElementWithID('div', 'authorInfoToolTip', 'RESDialogSmall');
- this.authorInfoToolTipHeader = document.createElement('h3');
- this.authorInfoToolTip.appendChild(this.authorInfoToolTipHeader);
- this.authorInfoToolTipCloseButton = createElementWithID('div', 'authorInfoToolTipClose', 'RESCloseButton');
- $(this.authorInfoToolTipCloseButton).text('×');
- this.authorInfoToolTip.appendChild(this.authorInfoToolTipCloseButton);
- this.authorInfoToolTipCloseButton.addEventListener('click', function(e) {
- if (typeof modules['userTagger'].hideTimer !== 'undefined') {
- clearTimeout(modules['userTagger'].hideTimer);
- }
- modules['userTagger'].hideAuthorInfo();
- }, false);
- this.authorInfoToolTipContents = createElementWithID('div','authorInfoToolTipContents', 'RESDialogContents');
- this.authorInfoToolTip.appendChild(this.authorInfoToolTipContents);
- this.authorInfoToolTip.addEventListener('mouseover', function(e) {
- if (typeof modules['userTagger'].hideTimer !== 'undefined') {
- clearTimeout(modules['userTagger'].hideTimer);
- }
- }, false);
- this.authorInfoToolTip.addEventListener('mouseout', function(e) {
- if (e.target.getAttribute('class') !== 'hoverAuthor') {
- modules['userTagger'].hideTimer = setTimeout(function() {
- modules['userTagger'].hideAuthorInfo();
- }, modules['userTagger'].options.fadeDelay.value);
- }
- }, false);
- document.body.appendChild(this.authorInfoToolTip);
- }
- document.getElementById('userTaggerTag').addEventListener('keydown', function(e) {
- if (e.keyCode === 27) {
- // close prompt.
- modules['userTagger'].closeUserTagPrompt();
- }
- }, true);
- //console.log('before applytags: ' + Date());
- this.applyTags();
- //console.log('after applytags: ' + Date());
- if (RESUtils.pageType() === 'comments') {
- RESUtils.watchForElement('newComments', modules['userTagger'].attachVoteHandlers);
- RESUtils.watchForElement('newComments', modules['userTagger'].applyTags);
- } else {
- RESUtils.watchForElement('siteTable', modules['userTagger'].attachVoteHandlers);
- RESUtils.watchForElement('siteTable', modules['userTagger'].applyTags);
- }
-
- var userpagere = /^https?:\/\/([a-z]+).reddit.com\/user\/[-\w\.]+\/?/i;
- if (userpagere.test(location.href)) {
- var friendButton = document.querySelector('.titlebox .fancy-toggle-button');
- if ((typeof friendButton !== 'undefined') && (friendButton !== null)) {
- var firstAuthor = document.querySelector('a.author');
- if ((typeof firstAuthor !== 'undefined') && (firstAuthor !== null)) {
- var thisFriendComment = firstAuthor.getAttribute('title');
- thisFriendComment = (thisFriendComment !== null) ? thisFriendComment.substring(8,thisFriendComment.length-1) : '';
- } else {
- var thisFriendComment = '';
- }
- // this stopped working. commenting it out for now. if i add this back I need to check if you're reddit gold anyway.
- /*
- var benefitsForm = document.createElement('div');
- var thisUser = document.querySelector('.titlebox > h1').innerHTML;
- $(benefitsForm).html('<form action="/post/friendnote" id="friendnote-r9_2vt1" method="post" class="pretty-form medium-text friend-note" onsubmit="return post_form(this, \'friendnote\');"><input type="hidden" name="name" value="'+thisUser+'"><input type="text" maxlength="300" name="note" id="benefits" class="tiny" onfocus="$(this).parent().addClass(\'edited\')" value="'+thisFriendComment+'"><button onclick="$(this).parent().removeClass(\'edited\')" type="submit">submit</button><span class="status"></span></form>');
- insertAfter( friendButton, benefitsForm );
- */
- }
- }
- }
- },
- attachVoteHandlers: function(obj) {
- var voteButtons = obj.querySelectorAll('.arrow');
- this.voteStates = [];
- for (var i=0, len=voteButtons.length;i<len;i++) {
- // get current vote states so that when we listen, we check the delta...
- // pairNum is just the index of the "pair" of vote arrows... it's i/2 with no remainder...
- var pairNum = Math.floor(i/2);
- if (typeof this.voteStates[pairNum] === 'undefined') {
- this.voteStates[pairNum] = 0;
- }
- if (voteButtons[i].classList.contains('upmod')) {
- this.voteStates[pairNum] = 1;
- } else if (voteButtons[i].classList.contains('downmod')) {
- this.voteStates[pairNum] = -1;
- }
- // add an event listener to vote buttons to track votes, but only if we're logged in....
- voteButtons[i].setAttribute('pairNum',pairNum);
- if (RESUtils.loggedInUser()) {
- voteButtons[i].addEventListener('click', modules['userTagger'].handleVoteClick, true);
- }
- }
- },
- handleVoteClick: function(e) {
- var tags = RESStorage.getItem('RESmodules.userTagger.tags');
- if (typeof tags !== 'undefined') modules['userTagger'].tags = safeJSON.parse(tags, 'RESmodules.userTagger.tags', true);
- if (e.target.getAttribute('onclick').indexOf('unvotable') === -1) {
- var pairNum = e.target.getAttribute('pairNum');
- if (pairNum) pairNum = parseInt(pairNum, 10);
- var thisAuthorA = this.parentNode.nextSibling.querySelector('p.tagline a.author');
- // if this is a post with a thumbnail, we need to adjust the query a bit...
- if (thisAuthorA === null && this.parentNode.nextSibling.classList.contains('thumbnail')) {
- thisAuthorA = this.parentNode.nextSibling.nextSibling.querySelector('p.tagline a.author');
- }
- if (thisAuthorA) {
- var thisVWobj = this.parentNode.nextSibling.querySelector('.voteWeight');
- if (!thisVWobj) thisVWobj = this.parentNode.parentNode.querySelector('.voteWeight');
- // but what if no obj exists
- var thisAuthor = thisAuthorA.textContent;
- var votes = 0;
- if (typeof modules['userTagger'].tags[thisAuthor] !== 'undefined') {
- if (typeof modules['userTagger'].tags[thisAuthor].votes !== 'undefined') {
- votes = parseInt(modules['userTagger'].tags[thisAuthor].votes, 10);
- }
- } else {
- modules['userTagger'].tags[thisAuthor] = {};
- }
- // there are 6 possibilities here:
- // 1) no vote yet, click upmod
- // 2) no vote yet, click downmod
- // 3) already upmodded, undoing
- // 4) already downmodded, undoing
- // 5) upmodded before, switching to downmod
- // 6) downmodded before, switching to upmod
- var upOrDown = ((this.classList.contains('up')) || (this.classList.contains('upmod'))) ? 'up' : 'down';
- // did they click the up arrow, or down arrow?
- switch (upOrDown) {
- case 'up':
- // the class changes BEFORE the click event is triggered, so we have to look at them backwards.
- // if the arrow now has class "up" instead of "upmod", then it was "upmod" before, which means
- // we are undoing an upvote...
- if (this.classList.contains('up')) {
- // this is an undo of an upvote. subtract one from votes. We end on no vote.
- votes--;
- modules['userTagger'].voteStates[pairNum] = 0;
- } else {
- // They've upvoted... the question is, is it an upvote alone, or an an undo of a downvote?
- // add one vote either way...
- votes++;
- // if it was previously downvoted, add another!
- if (modules['userTagger'].voteStates[pairNum] === -1) {
- votes++;
- }
- modules['userTagger'].voteStates[pairNum] = 1;
- }
- break;
- case 'down':
- // the class changes BEFORE the click event is triggered, so we have to look at them backwards.
- // if the arrow now has class "up" instead of "upmod", then it was "upmod" before, which means
- // we are undoing an downvote...
- if (this.classList.contains('down')) {
- // this is an undo of an downvote. subtract one from votes. We end on no vote.
- votes++;
- modules['userTagger'].voteStates[pairNum] = 0;
- } else {
- // They've downvoted... the question is, is it an downvote alone, or an an undo of an upvote?
- // subtract one vote either way...
- votes--;
- // if it was previously upvoted, subtract another!
- if (modules['userTagger'].voteStates[pairNum] === 1) {
- votes--;
- }
- modules['userTagger'].voteStates[pairNum] = -1;
- }
- break;
- }
- /*
- if ((hasClass(this, 'upmod')) || (hasClass(this, 'down'))) {
- // upmod = upvote. down = undo of downvote.
- votes = votes + 1;
- } else if ((hasClass(this, 'downmod')) || (hasClass(this, 'up'))) {
- // downmod = downvote. up = undo of downvote.
- votes = votes - 1;
- }
- */
- modules['userTagger'].tags[thisAuthor].votes = votes;
- RESStorage.setItem('RESmodules.userTagger.tags', JSON.stringify(modules['userTagger'].tags));
- modules['userTagger'].colorUser(thisVWobj, thisAuthor, votes);
- }
- }
- },
- drawUserTagTable: function(sortMethod, descending) {
- this.currentSortMethod = sortMethod || this.currentSortMethod;
- this.descending = (descending == null) ? this.descending : descending == true;
- var taggedUsers = [];
- var filterType = $('#tagFilter').val();
- for (var i in this.tags) {
- if (filterType === 'tagged users') {
- if (typeof this.tags[i].tag !== 'undefined') taggedUsers.push(i);
- } else {
- taggedUsers.push(i);
- }
- }
- switch (this.currentSortMethod) {
- case 'tag':
- taggedUsers.sort(function(a,b) {
- var tagA = (typeof modules['userTagger'].tags[a].tag === 'undefined') ? 'zzzzz' : modules['userTagger'].tags[a].tag.toLowerCase();
- var tagB = (typeof modules['userTagger'].tags[b].tag === 'undefined') ? 'zzzzz' : modules['userTagger'].tags[b].tag.toLowerCase();
- return (tagA > tagB) ? 1 : (tagB > tagA) ? -1 : 0;
- });
- if (this.descending) taggedUsers.reverse();
- break;
- case 'ignore':
- taggedUsers.sort(function(a,b) {
- var tagA = (typeof modules['userTagger'].tags[a].ignore === 'undefined') ? 'z' : 'a';
- var tagB = (typeof modules['userTagger'].tags[b].ignore === 'undefined') ? 'z' : 'a';
- return (tagA > tagB) ? 1 : (tagB > tagA) ? -1 : 0;
- });
- if (this.descending) taggedUsers.reverse();
- break;
- case 'color':
- taggedUsers.sort(function(a,b) {
- var colorA = (typeof modules['userTagger'].tags[a].color === 'undefined') ? 'zzzzz' : modules['userTagger'].tags[a].color.toLowerCase();
- var colorB = (typeof modules['userTagger'].tags[b].color === 'undefined') ? 'zzzzz' : modules['userTagger'].tags[b].color.toLowerCase();
- return (colorA > colorB) ? 1 : (colorB > colorA) ? -1 : 0;
- });
- if (this.descending) taggedUsers.reverse();
- break;
- case 'votes':
- taggedUsers.sort(function(a,b) {
- var tagA = (typeof modules['userTagger'].tags[a].votes === 'undefined') ? 0 : modules['userTagger'].tags[a].votes;
- var tagB = (typeof modules['userTagger'].tags[b].votes === 'undefined') ? 0 : modules['userTagger'].tags[b].votes;
- return (tagA > tagB) ? 1 : (tagB > tagA) ? -1 : (a.toLowerCase() > b.toLowerCase());
- });
- if (this.descending) taggedUsers.reverse();
- break;
- default:
- // sort users, ignoring case
- taggedUsers.sort(function(a,b) {
- return (a.toLowerCase() > b.toLowerCase()) ? 1 : (b.toLowerCase() > a.toLowerCase()) ? -1 : 0;
- });
- if (this.descending) taggedUsers.reverse();
- break;
- }
- $('#userTaggerTable tbody').html('');
- var tagsPerPage = parseInt(modules['dashboard'].options['tagsPerPage'].value, 10);
- var count = taggedUsers.length;
- var start = 0;
- var end = count;
-
- if (tagsPerPage) {
- var tagControls = $('#tagPageControls');
- var page = tagControls.prop('page');
- var pages = Math.ceil(count / tagsPerPage);
- page = Math.min(page, pages);
- page = Math.max(page, 1);
- tagControls.prop('page', page).prop('pageCount', pages);
- tagControls.find('.RESGalleryLabel').text(page + ' of ' + pages);
- start = tagsPerPage*(page-1);
- end = Math.min(count, tagsPerPage*page);
- }
-
- for (var i = start; i < end; i++) {
- var thisUser = taggedUsers[i];
- var thisTag = (typeof this.tags[thisUser].tag === 'undefined') ? '' : this.tags[thisUser].tag;
- var thisVotes = (typeof this.tags[thisUser].votes === 'undefined') ? 0 : this.tags[thisUser].votes;
- var thisColor = (typeof this.tags[thisUser].color === 'undefined') ? '' : this.tags[thisUser].color;
- var thisIgnore = (typeof this.tags[thisUser].ignore === 'undefined') ? 'no' : 'yes';
-
- var userTagLink = document.createElement('a');
- if (thisTag === '') {
- // thisTag = '<div class="RESUserTagImage"></div>';
- userTagLink.setAttribute('class','userTagLink RESUserTagImage');
- } else {
- userTagLink.setAttribute('class','userTagLink hasTag');
- }
- $(userTagLink).html(escapeHTML(thisTag));
- if (thisColor) {
- var bgColor = (thisColor === 'none') ? 'transparent' : thisColor;
- userTagLink.setAttribute('style','background-color: '+bgColor+'; color: '+this.bgToTextColorMap[thisColor]+' !important;');
- }
- userTagLink.setAttribute('username',thisUser);
- userTagLink.setAttribute('title','set a tag');
- userTagLink.setAttribute('href','javascript:void(0)');
- userTagLink.addEventListener('click', function(e) {
- modules['userTagger'].openUserTagPrompt(e.target, this.getAttribute('username'));
- }, true);
-
- $('#userTaggerTable tbody').append('<tr><td><a class="author" href="/user/'+thisUser+'">'+thisUser+'</a> <span class="deleteButton" user="'+thisUser+'"></span></td><td id="tag_'+i+'"></td><td id="ignore_'+i+'">'+thisIgnore+'</td><td><span style="color: '+thisColor+'">'+thisColor+'</span></td><td>'+thisVotes+'</td></tr>');
- $('#tag_'+i).append(userTagLink);
- }
- $('#userTaggerTable tbody .deleteButton').click(function(e) {
- var thisUser = $(this).attr('user');
- var answer = confirm("Are you sure you want to delete the tag for user: "+thisUser+"?");
- if (answer) {
- delete modules['userTagger'].tags[thisUser];
- RESStorage.setItem('RESmodules.userTagger.tags', JSON.stringify(modules['userTagger'].tags));
- $(this).closest('tr').remove();
- }
- });
- },
- saveTagForm: function() {
- var thisName = document.getElementById('userTaggerName').value;
- var thisTag = document.getElementById('userTaggerTag').value;
- var thisColor = document.getElementById('userTaggerColor').value;
- var thisIgnore = document.getElementById('userTaggerIgnore').checked;
- var thisLink = document.getElementById('userTaggerLink').value;
- var thisVotes = parseInt(document.getElementById('userTaggerVoteWeight').value, 10);
- if (isNaN(thisVotes)) thisVotes = 0;
- modules['userTagger'].setUserTag(thisName, thisTag, thisColor, thisIgnore, thisLink, thisVotes);
- },
- bgToTextColorMap: {
- 'none': 'black',
- 'aqua': 'black',
- 'black': 'white',
- 'blue': 'white',
- 'fuchsia': 'white',
- 'pink': 'black',
- 'gray': 'white',
- 'green': 'white',
- 'lime': 'black',
- 'maroon': 'white',
- 'navy': 'white',
- 'olive': 'black',
- 'orange': 'black',
- 'purple': 'white',
- 'red':' black',
- 'silver': 'black',
- 'teal': 'white',
- 'white': 'black',
- 'yellow': 'black'
- },
- openUserTagPrompt: function(obj, username) {
- var thisXY=RESUtils.getXYpos(obj);
- this.clickedTag = obj;
- var thisH3 = document.querySelector('#userTaggerToolTip h3');
- thisH3.textContent = 'Tag '+username;
- document.getElementById('userTaggerName').value = username;
- var thisTag = null;
- var thisIgnore = null;
- if (typeof this.tags[username] !== 'undefined') {
- if (typeof this.tags[username].link !== 'undefined') {
- document.getElementById('userTaggerLink').value = this.tags[username].link;
- } else {
- document.getElementById('userTaggerLink').value = '';
- }
- if (typeof this.tags[username].tag !== 'undefined') {
- document.getElementById('userTaggerTag').value = this.tags[username].tag;
- } else {
- document.getElementById('userTaggerTag').value = '';
- if (typeof this.tags[username].link === 'undefined') {
- // since we haven't yet set a tag or a link for this user, auto populate a link for the
- // user based on where we are tagging from.
- this.setLinkBasedOnTagLocation(obj);
- }
- }
- if (typeof this.tags[username].ignore !== 'undefined') {
- document.getElementById('userTaggerIgnore').checked = this.tags[username].ignore;
- var thisToggle = document.getElementById('userTaggerIgnoreContainer');
- if (this.tags[username].ignore) thisToggle.classList.add('enabled');
- } else {
- document.getElementById('userTaggerIgnore').checked = false;
- }
- if (typeof this.tags[username].votes !== 'undefined') {
- document.getElementById('userTaggerVoteWeight').value = this.tags[username].votes;
- } else {
- document.getElementById('userTaggerVoteWeight').value = '';
- }
- if (typeof this.tags[username].color !== 'undefined') {
- RESUtils.setSelectValue(document.getElementById('userTaggerColor'), this.tags[username].color);
- } else {
- document.getElementById('userTaggerColor').selectedIndex = 0;
- }
- } else {
- document.getElementById('userTaggerTag').value = '';
- document.getElementById('userTaggerIgnore').checked = false;
- document.getElementById('userTaggerVoteWeight').value = '';
- document.getElementById('userTaggerLink').value = '';
- if (this.options.storeSourceLink.value) {
- this.setLinkBasedOnTagLocation(obj);
- }
- document.getElementById('userTaggerColor').selectedIndex = 0;
- }
- this.userTaggerToolTip.setAttribute('style', 'display: block; top: ' + thisXY.y + 'px; left: ' + thisXY.x + 'px;');
- document.getElementById('userTaggerTag').focus();
- modules['userTagger'].updateTagPreview();
- return false;
- },
- setLinkBasedOnTagLocation: function(obj) {
- var closestEntry = $(obj).closest('.entry');
- var linkTitle = $(closestEntry).find('a.title');
- // if we didn't find anything, try a new search (works on inbox)
- if (!linkTitle.length) {
- linkTitle = $(closestEntry).find('a.bylink');
- }
- if (linkTitle.length) {
- document.getElementById('userTaggerLink').value = $(linkTitle).attr('href');
- } else {
- var permaLink = $(closestEntry).find('.flat-list.buttons li.first a');
- if (permaLink.length) {
- document.getElementById('userTaggerLink').value = $(permaLink).attr('href');
- }
- }
- },
- updateTagPreview: function() {
- $(modules['userTagger'].userTaggerPreview).text(modules['userTagger'].userTaggerTag.value);
- var bgcolor = modules['userTagger'].userTaggerColor[modules['userTagger'].userTaggerColor.selectedIndex].value;
- modules['userTagger'].userTaggerPreview.style.backgroundColor = bgcolor;
- modules['userTagger'].userTaggerPreview.style.color = modules['userTagger'].bgToTextColorMap[bgcolor];
- },
- closeUserTagPrompt: function() {
- this.userTaggerToolTip.setAttribute('style','display: none');
- if (modules['keyboardNav'].isEnabled()) {
- var inputs = this.userTaggerToolTip.querySelectorAll('INPUT, BUTTON');
- // remove focus from any input fields from the prompt so that keyboard navigation works again...
- for (var i=0,len=inputs.length; i<len; i++) {
- inputs[i].blur();
- }
- }
- },
- setUserTag: function(username, tag, color, ignore, link, votes, noclick) {
- if (((tag !== null) && (tag !== '')) || (ignore)) {
- if (tag === '') tag = 'ignored';
- if (typeof this.tags[username] === 'undefined') this.tags[username] = {};
- this.tags[username].tag = tag;
- this.tags[username].link = link;
- this.tags[username].color = color;
- var bgColor = (color === "none") ? "transparent" : color;
- if (ignore) {
- this.tags[username].ignore = true;
- } else {
- delete this.tags[username].ignore;
- }
- if (!noclick) {
- this.clickedTag.setAttribute('class', 'userTagLink hasTag');
- this.clickedTag.setAttribute('style', 'background-color: '+bgColor+'; color: ' + this.bgToTextColorMap[color]+' !important;');
- $(this.clickedTag).html(escapeHTML(tag));
- }
- } else {
- if (typeof this.tags[username] !== 'undefined') {
- delete this.tags[username].tag;
- delete this.tags[username].color;
- delete this.tags[username].link;
- if (this.tags[username].tag === 'ignored') delete this.tags[username].tag;
- delete this.tags[username].ignore;
- }
- if (!noclick) {
- this.clickedTag.setAttribute('style', 'background-color: transparent');
- this.clickedTag.setAttribute('class', 'userTagLink RESUserTagImage');
- $(this.clickedTag).html('');
- }
- }
-
- if (typeof this.tags[username] !== 'undefined') {
- this.tags[username].votes = (isNaN(votes)) ? 0 : votes;
- }
- if (!noclick) {
- var thisVW = this.clickedTag.parentNode.parentNode.querySelector('a.voteWeight');
- if (thisVW) {
- this.colorUser(thisVW, username, votes);
- }
- }
- if (RESUtils.isEmpty(this.tags[username])) delete this.tags[username];
- RESStorage.setItem('RESmodules.userTagger.tags', JSON.stringify(this.tags));
- this.closeUserTagPrompt();
- },
- applyTags: function(ele) {
- if (ele == null) ele = document;
- var authors = ele.querySelectorAll('.noncollapsed a.author, p.tagline a.author, #friend-table span.user a, .sidecontentbox .author, div.md a[href^="/u/"]:not([href*="/m/"]), div.md a[href*="reddit.com/u/"]:not([href*="/m/"]), .usertable a.author');
- RESUtils.forEachChunked(authors, 15, 1000, function(arrayElement, index, array) {
- modules['userTagger'].applyTagToAuthor(arrayElement);
- });
- },
- applyTagToAuthor: function(thisAuthorObj) {
- var userObject = [];
- // var thisAuthorObj = this.authors[authorNum];
- if ((thisAuthorObj) && (!(thisAuthorObj.classList.contains('userTagged'))) && (typeof thisAuthorObj !== 'undefined') && (thisAuthorObj !== null)) {
- if (this.options.hoverInfo.value) {
- // add event listener to hover, so we can grab user data on hover...
- thisAuthorObj.addEventListener('mouseover', function(e) {
- modules['userTagger'].showTimer = setTimeout(function() {
- modules['userTagger'].showAuthorInfo(thisAuthorObj);
- }, modules['userTagger'].options.hoverDelay.value);
- }, false);
- thisAuthorObj.addEventListener('mouseout', function(e) {
- clearTimeout(modules['userTagger'].showTimer);
- }, false);
- thisAuthorObj.addEventListener('click', function(e) {
- clearTimeout(modules['userTagger'].showTimer);
- }, false);
- }
- var test = thisAuthorObj.href.match(this.usernameRE);
- if (test) var thisAuthor = test[1];
- // var thisAuthor = thisAuthorObj.text;
- var noTag = false;
- if ((thisAuthor) && (thisAuthor.substr(0,3) === '/u/')) {
- noTag = true;
- thisAuthor = thisAuthor.substr(3);
- }
- if (!noTag) {
- thisAuthorObj.classList.add('userTagged');
- if (typeof userObject[thisAuthor] === 'undefined') {
- var thisVotes = 0;
- var thisTag = null;
- var thisColor = null;
- var thisIgnore = null;
- if ((this.tags !== null) && (typeof this.tags[thisAuthor] !== 'undefined')) {
- if (typeof this.tags[thisAuthor].votes !== 'undefined') {
- thisVotes = parseInt(this.tags[thisAuthor].votes, 10);
- }
- if (typeof this.tags[thisAuthor].tag !== 'undefined') {
- thisTag = this.tags[thisAuthor].tag;
- }
- if (typeof this.tags[thisAuthor].color !== 'undefined') {
- thisColor = this.tags[thisAuthor].color;
- }
- if (typeof this.tags[thisAuthor].ignore !== 'undefined') {
- thisIgnore = this.tags[thisAuthor].ignore;
- }
- }
- userObject[thisAuthor] = {
- tag: thisTag,
- color: thisColor,
- ignore: thisIgnore,
- votes: thisVotes
- }
- }
-
- var userTagFrag = document.createDocumentFragment();
-
- var userTagLink = document.createElement('a');
- if (!(thisTag)) {
- // thisTag = '<div class="RESUserTagImage"></div>';
- userTagLink.setAttribute('class','userTagLink RESUserTagImage');
- } else {
- userTagLink.setAttribute('class','userTagLink hasTag');
- }
- $(userTagLink).html(escapeHTML(thisTag));
- if (thisColor) {
- var bgColor = (thisColor === 'none') ? 'transparent' : thisColor;
- userTagLink.setAttribute('style','background-color: '+bgColor+'; color: '+this.bgToTextColorMap[thisColor]+' !important;');
- }
- userTagLink.setAttribute('username',thisAuthor);
- userTagLink.setAttribute('title','set a tag');
- userTagLink.setAttribute('href','javascript:void(0)');
- userTagLink.addEventListener('click', function(e) {
- modules['userTagger'].openUserTagPrompt(e.target, this.getAttribute('username'));
- }, true);
- var userTag = document.createElement('span');
- userTag.classList.add('RESUserTag');
- // var lp = document.createTextNode(' (');
- // var rp = document.createTextNode(')');
- userTag.appendChild(userTagLink);
- // userTagFrag.appendChild(lp);
- userTagFrag.appendChild(userTag);
- // userTagFrag.appendChild(rp);
- if (this.options.colorUser.value) {
- var userVoteFrag = document.createDocumentFragment();
- var spacer = document.createTextNode(' ');
- userVoteFrag.appendChild(spacer);
- var userVoteWeight = document.createElement('a');
- userVoteWeight.setAttribute('href','javascript:void(0)');
- userVoteWeight.setAttribute('class','voteWeight');
- $(userVoteWeight).text('[vw]');
- userVoteWeight.addEventListener('click', function(e) {
- var theTag = this.parentNode.querySelector('.userTagLink');
- modules['userTagger'].openUserTagPrompt(theTag, theTag.getAttribute('username'));
- }, true);
- this.colorUser(userVoteWeight, thisAuthor, userObject[thisAuthor].votes);
- userVoteFrag.appendChild(userVoteWeight);
- userTagFrag.appendChild(userVoteFrag);
- }
- insertAfter( thisAuthorObj, userTagFrag );
- thisIgnore = userObject[thisAuthor].ignore;
- if (thisIgnore && (RESUtils.pageType() !== 'profile')) {
- if (this.options.hardIgnore.value) {
- if (RESUtils.pageType() === 'comments') {
- var thisComment = thisAuthorObj.parentNode.parentNode.querySelector('.usertext');
- if (thisComment) {
- $(thisComment).textContent = thisAuthor + ' is an ignored user';
- thisComment.classList.add('ignoredUserComment');
-
- var toggle = thisComment.parentNode.querySelector('a.expand');
- RESUtils.click(toggle);
- }
- // firefox fails when we use this jquery call, so we're ditching it
- // in favor of the above lines (grabbing toggle, using RESUtils.click...)
- // $(thisComment).parent().find('a.expand').click();
- } else {
- var thisPost = thisAuthorObj.parentNode.parentNode.parentNode;
- // hide post block first...
- thisPost.style.display = 'none';
- // hide associated voting block...
- if (thisPost.previousSibling) {
- thisPost.previousSibling.style.display = 'none';
- }
- }
- } else {
- if (RESUtils.pageType() === 'comments') {
- var thisComment = thisAuthorObj.parentNode.parentNode.querySelector('.usertext');
- if (thisComment) {
- thisComment.textContent = thisAuthor + ' is an ignored user';
- thisComment.classList.add('ignoredUserComment');
- }
- } else {
- var thisPost = thisAuthorObj.parentNode.parentNode.parentNode.querySelector('p.title');
- if (thisPost) {
- // need this setTimeout, potentially because destroying the innerHTML causes conflict with other modules?
- setTimeout(function() {
- thisPost.textContent = thisAuthor + ' is an ignored user';
- }, 100);
- thisPost.setAttribute('class','ignoredUserPost');
- }
- }
- }
- }
- }
- }
- },
- colorUser: function(obj, author, votes) {
- if (this.options.colorUser.value) {
- votes = parseInt(votes, 10);
- var red = 255;
- var green = 255;
- var blue = 255;
- var voteString = '+';
- if (votes > 0) {
- red = Math.max(0, (255-(8*votes)));
- green = 255;
- blue = Math.max(0, (255-(8*votes)));
- } else if (votes < 0) {
- red = 255;
- green = Math.max(0, (255-Math.abs(8*votes)));
- blue = Math.max(0, (255-Math.abs(8*votes)));
- voteString = '';
- }
- voteString = voteString + votes;
- var rgb='rgb('+red+','+green+','+blue+')';
- if (obj !== null) {
- if (votes === 0) {
- obj.style.display = 'none';
- } else {
- obj.style.display = 'inline';
- (modules['styleTweaks'].options.lightOrDark.value === 'dark') ? obj.style.color = rgb : obj.style.backgroundColor = rgb;
- if (this.options.vwNumber.value) obj.textContent = '[' + voteString + ']';
- if (this.options.vwTooltip.value) obj.setAttribute('title','your votes for '+escapeHTML(author)+': '+escapeHTML(voteString));
- }
- }
- }
- },
- showAuthorInfo: function(obj) {
- var isFriend = obj.classList.contains('friend');
- var thisXY=RESUtils.getXYpos(obj);
- var thisWidth = $(obj).width();
- // var thisUserName = obj.textContent;
- var test = obj.href.match(this.usernameRE);
- if (test) var thisUserName = test[1];
- // if (thisUserName.substr(0,3) === '/u/') thisUserName = thisUserName.substr(3);
- $(this.authorInfoToolTipHeader).html('<a href="/user/'+escapeHTML(thisUserName)+'">' + escapeHTML(thisUserName) + '</a> (<a href="/user/'+escapeHTML(thisUserName)+'/submitted/">Links</a>) (<a href="/user/'+escapeHTML(thisUserName)+'/comments/">Comments</a>)');
- RESUtils.getUserInfo(function(userInfo) {
- var myID = 't2_'+userInfo.data.id;
- if (isFriend) {
- var friendButton = '<span class="fancy-toggle-button toggle" style="display: inline-block; margin-left: 12px;"><a class="option active remove" href="#" tabindex="100" onclick="return toggle(this, unfriend(\''+obj.textContent+'\', \''+myID+'\', \'friend\'), friend(\''+obj.textContent+'\', \''+myID+'\', \'friend\'))">- friends</a><a class="option add" href="#">+ friends</a></span>';
- } else {
- var friendButton = '<span class="fancy-toggle-button toggle" style="display: inline-block; margin-left: 12px;"><a class="option active add" href="#" tabindex="100" onclick="return toggle(this, friend(\''+obj.textContent+'\', \''+myID+'\', \'friend\'), unfriend(\''+obj.textContent+'\', \''+myID+'\', \'friend\'))">+ friends</a><a class="option remove" href="#">- friends</a></span>';
- }
- var friendButtonEle = $(friendButton);
- $(modules['userTagger'].authorInfoToolTipHeader).append(friendButtonEle);
- });
- $(this.authorInfoToolTipContents).html('<a class="hoverAuthor" href="/user/'+escapeHTML(thisUserName)+'">'+escapeHTML(thisUserName)+'</a>:<br><img src="'+RESConsole.loader+'"> loading...');
- if((window.innerWidth-thisXY.x-thisWidth)<=450){
- // tooltip would go off right edge - reverse it.
- this.authorInfoToolTip.classList.add('right');
- var tooltipWidth = $(this.authorInfoToolTip).width();
- this.authorInfoToolTip.setAttribute('style', 'top: ' + (thisXY.y - 14) + 'px; left: ' + (thisXY.x - tooltipWidth - 30) + 'px;');
- } else {
- this.authorInfoToolTip.classList.remove('right');
- this.authorInfoToolTip.setAttribute('style', 'top: ' + (thisXY.y - 14) + 'px; left: ' + (thisXY.x + thisWidth + 25) + 'px;');
- }
- if(this.options.fadeSpeed.value < 0 || this.options.fadeSpeed.value > 1 || isNaN(this.options.fadeSpeed.value)) {
- this.options.fadeSpeed.value = 0.3;
- }
- RESUtils.fadeElementIn(this.authorInfoToolTip, this.options.fadeSpeed.value);
- modules['styleTweaks'].setSRStyleToggleVisibility(false, 'authorInfo');
- setTimeout(function() {
- if (!RESUtils.elementUnderMouse(modules['userTagger'].authorInfoToolTip) && (!RESUtils.elementUnderMouse(obj))) {
- modules['userTagger'].hideAuthorInfo();
- }
- }, 1000);
- obj.addEventListener('mouseout', modules['userTagger'].delayedHideAuthorInfo);
- if (typeof this.authorInfoCache[thisUserName] !== 'undefined') {
- this.writeAuthorInfo(this.authorInfoCache[thisUserName], obj);
- } else {
- GM_xmlhttpRequest({
- method: "GET",
- url: location.protocol + "//"+location.hostname+"/user/" + thisUserName + "/about.json?app=res",
- onload: function(response) {
- var thisResponse = JSON.parse(response.responseText);
- modules['userTagger'].authorInfoCache[thisUserName] = thisResponse;
- modules['userTagger'].writeAuthorInfo(thisResponse, obj);
- }
- });
- }
- },
- delayedHideAuthorInfo: function(e) {
- modules['userTagger'].hideTimer = setTimeout(function() {
- e.target.removeEventListener('mouseout', modules['userTagger'].delayedHideAuthorInfo);
- modules['userTagger'].hideAuthorInfo();
- }, modules['userTagger'].options.fadeDelay.value);
- },
- writeAuthorInfo: function(jsonData, authorLink) {
- if (!jsonData.data) {
- $(this.authorInfoToolTipContents).text("User not found");
- return false;
- }
- var utctime = jsonData.data.created_utc;
- var d = new Date(utctime * 1000);
- // var userHTML = '<a class="hoverAuthor" href="/user/'+jsonData.data.name+'">'+jsonData.data.name+'</a>:';
- var userHTML = '<div class="authorFieldPair"><div class="authorLabel">Redditor since:</div> <div class="authorDetail">' + RESUtils.niceDate(d, this.options.USDateFormat.value) + ' (' + RESUtils.niceDateDiff(d) + ')</div></div>';
- userHTML += '<div class="authorFieldPair"><div class="authorLabel">Link Karma:</div> <div class="authorDetail">' + escapeHTML(jsonData.data.link_karma) + '</div></div>';
- userHTML += '<div class="authorFieldPair"><div class="authorLabel">Comment Karma:</div> <div class="authorDetail">' + escapeHTML(jsonData.data.comment_karma) + '</div></div>';
- if ((typeof modules['userTagger'].tags[jsonData.data.name] !== 'undefined') && (modules['userTagger'].tags[jsonData.data.name].link)) {
- userHTML += '<div class="authorFieldPair"><div class="authorLabel">Link:</div> <div class="authorDetail"><a target="_blank" href="'+escapeHTML(modules['userTagger'].tags[jsonData.data.name].link)+'">website link</a></div></div>';
- }
- userHTML += '<div class="clear"></div><div class="bottomButtons">';
- userHTML += '<a target="_blank" class="blueButton" href="http://www.reddit.com/message/compose/?to='+escapeHTML(jsonData.data.name)+'"><img src="http://www.redditstatic.com/mailgray.png"> send message</a>';
- if (jsonData.data.is_gold) {
- userHTML += '<a target="_blank" class="blueButton" href="http://www.reddit.com/gold/about">User has Reddit Gold</a>';
- } else {
- userHTML += '<a target="_blank" id="gildUser" class="blueButton" href="http://www.reddit.com/gold?goldtype=gift&recipient='+escapeHTML(jsonData.data.name)+'">Gift Reddit Gold</a>';
- }
-
- if (this.options.highlightButton.value) {
- if (!this.highlightedUsers || !this.highlightedUsers[jsonData.data.name]) {
- userHTML += '<div class="blueButton" id="highlightUser" user="'+escapeHTML(jsonData.data.name)+'">Highlight</div>';
- } else {
- userHTML += '<div class="redButton" id="highlightUser" user="'+escapeHTML(jsonData.data.name)+'">Unhighlight</div>';
- }
- }
-
- if ((modules['userTagger'].tags[jsonData.data.name]) && (modules['userTagger'].tags[jsonData.data.name].ignore)) {
- userHTML += '<div class="redButton" id="ignoreUser" user="'+escapeHTML(jsonData.data.name)+'">∅ Unignore</div>';
- } else {
- userHTML += '<div class="blueButton" id="ignoreUser" user="'+escapeHTML(jsonData.data.name)+'">∅ Ignore</div>';
- }
- userHTML += '<div class="clear"></div></div>'; // closes bottomButtons div
- $(this.authorInfoToolTipContents).html(userHTML);
- this.authorInfoToolTipIgnore = this.authorInfoToolTipContents.querySelector('#ignoreUser');
- this.authorInfoToolTipIgnore.addEventListener('click', modules['userTagger'].ignoreUser, false);
- if (modules['userTagger'].options.highlightButton.value) {
- this.authorInfoToolTipHighlight = this.authorInfoToolTipContents.querySelector('#highlightUser');
- if (this.authorInfoToolTipHighlight) {
- this.authorInfoToolTipHighlight.addEventListener('click', function(e) {
- var username = e.target.getAttribute('user');
- modules['userTagger'].toggleUserHighlight(username);
- }, false);
- }
- }
- if (modules['userTagger'].options.gildComments.value && RESUtils.pageType() === 'comments') {
- var giveGold = this.authorInfoToolTipContents.querySelector('#gildUser');
- giveGold && giveGold.addEventListener('click', function(e) {
- if (e.ctrlKey || e.cmdKey || e.shiftKey) return;
-
- var comment = $(authorLink).closest('.comment');
- if (!comment) return;
-
- modules['userTagger'].hideAuthorInfo();
- var giveGold = comment.find('.give-gold')[0];
- RESUtils.click(giveGold);
- e.preventDefault();
- });
- }
- },
- toggleUserHighlight: function(username) {
- if (!this.highlightedUsers) this.highlightedUsers = {};
-
- if (this.highlightedUsers[username]) {
- this.highlightedUsers[username].remove();
- delete this.highlightedUsers[username];
- this.toggleUserHighlightButton(true);
- } else {
-
- this.highlightedUsers[username] =
- modules['userHighlight'].highlightUser(username);
- this.toggleUserHighlightButton(false);
- }
- },
- toggleUserHighlightButton: function(canHighlight) {
- $(this.authorInfoToolTipHighlight)
- .toggleClass('blueButton', canHighlight)
- .toggleClass('redButton', !canHighlight)
- .text(canHighlight ? 'Highlight' : 'Unhighlight');
- },
- ignoreUser: function(e) {
- if (e.target.classList.contains('blueButton')) {
- e.target.classList.remove('blueButton');
- e.target.classList.add('redButton');
- $(e.target).html('∅ Unignore');
- var thisIgnore = true;
- } else {
- e.target.classList.remove('redButton');
- e.target.classList.add('blueButton');
- $(e.target).html('∅ Ignore');
- var thisIgnore = false;
- }
- var thisName = e.target.getAttribute('user');
- var thisColor, thisLink, thisVotes, thisTag;
- if (modules['userTagger'].tags[thisName]) {
- thisColor = modules['userTagger'].tags[thisName].color || '';
- thisLink = modules['userTagger'].tags[thisName].link || '';
- thisVotes = modules['userTagger'].tags[thisName].votes || 0;
- thisTag = modules['userTagger'].tags[thisName].tag || '';
- }
- if ((thisIgnore) && (thisTag === '')) {
- thisTag = 'ignored';
- } else if ((!thisIgnore) && (thisTag === 'ignored')) {
- thisTag = '';
- }
- modules['userTagger'].setUserTag(thisName, thisTag, thisColor, thisIgnore, thisLink, thisVotes, true); // last true is for noclick param
- },
- hideAuthorInfo: function(obj) {
- // this.authorInfoToolTip.setAttribute('style', 'display: none');
- if(this.options.fadeSpeed.value < 0 || this.options.fadeSpeed.value > 1 || isNaN(this.options.fadeSpeed.value)) {
- this.options.fadeSpeed.value = 0.3;
- }
- RESUtils.fadeElementOut(this.authorInfoToolTip, this.options.fadeSpeed.value);
- modules['styleTweaks'].setSRStyleToggleVisibility(true, 'authorInfo');
- },
- updateTagStorage: function() {
- // update tag storage format from the old individual bits to a big JSON blob
- // It's OK that we're directly accessing localStorage here because if they have old school tag storage, it IS in localStorage.
- ls = (typeof unsafeWindow !== 'undefined') ? unsafeWindow.localStorage : localStorage;
- var tags = {};
- var toRemove = [];
- for (var i = 0, len=ls.length; i < len; i++){
- var keySplit = null;
- if (ls.key(i)) keySplit = ls.key(i).split('.');
- if (keySplit) {
- var keyRoot = keySplit[0];
- switch (keyRoot) {
- case 'reddituser':
- var thisNode = keySplit[1];
- if (typeof tags[keySplit[2]] === 'undefined') {
- tags[keySplit[2]] = {};
- }
- if (thisNode === 'votes') {
- tags[keySplit[2]].votes = ls.getItem(ls.key(i));
- } else if (thisNode === 'tag') {
- tags[keySplit[2]].tag = ls.getItem(ls.key(i));
- } else if (thisNode === 'color') {
- tags[keySplit[2]].color = ls.getItem(ls.key(i));
- } else if (thisNode === 'ignore') {
- tags[keySplit[2]].ignore = ls.getItem(ls.key(i));
- }
- // now delete the old stored garbage...
- var keyString = 'reddituser.'+thisNode+'.'+keySplit[2];
- toRemove.push(keyString);
- break;
- default:
- // console.log('Not currently handling keys with root: ' + keyRoot);
- break;
- }
- }
- }
- this.tags = tags;
- RESStorage.setItem('RESmodules.userTagger.tags', JSON.stringify(this.tags));
- // now remove the old garbage...
- for (var i=0, len=toRemove.length; i<len; i++) {
- ls.removeItem(toRemove[i]);
- }
- }
-};
-
-// betteReddit
-modules['betteReddit'] = {
- moduleID: 'betteReddit',
- moduleName: 'betteReddit',
- category: 'UI',
- options: {
- fullCommentsLink: {
- type: 'boolean',
- value: true,
- description: 'add "full comments" link to comment replies, etc'
- },
- fullCommentsText: {
- type: 'text',
- value: 'full comments',
- description: 'text of full comments link'
- },
- commentsLinksNewTabs: {
- type: 'boolean',
- value: false,
- description: 'Open links found in comments in a new tab'
- },
- fixSaveLinks: {
- type: 'boolean',
- value: true,
- description: 'Make "save" links change to "unsave" links when clicked'
- },
- fixHideLinks: {
- type: 'boolean',
- value: true,
- description: 'Make "hide" links change to "unhide" links when clicked, and provide a 5 second delay prior to hiding the link'
- },
- searchSubredditByDefault: {
- type: 'boolean',
- value: true,
- description: 'Search the current subreddit by default when using the search box, instead of all of reddit.'
- },
- showUnreadCount: {
- type: 'boolean',
- value: true,
- description: 'Show unread message count next to orangered?'
- },
- showUnreadCountInTitle: {
- type: 'boolean',
- value: false,
- description: 'Show unread message count in page/tab title?'
- },
- showUnreadCountInFavicon: {
- type: 'boolean',
- value: false,
- description: 'Show unread message count in favicon?'
- },
- unreadLinksToInbox: {
- type: 'boolean',
- value: false,
- description: 'Always go to the inbox, not unread messages, when clicking on orangered'
- },
- videoTimes: {
- type: 'boolean',
- value: true,
- description: 'Show lengths of videos when possible'
- },
- videoUploaded: {
- type: 'boolean',
- value: false,
- description: 'Show upload date of videos when possible'
- },
- toolbarFix: {
- type: 'boolean',
- value: true,
- description: 'Don\'t use Reddit Toolbar when linking to sites that may not function (twitter, youtube and others)'
- },
- pinHeader: {
- type: 'enum',
- values: [
- { name: 'None', value: 'none' },
- { name: 'Subreddit Bar only', value: 'sub' },
- { name: 'User Bar', value: 'userbar' },
- { name: 'Subreddit Bar and User bar', value: 'subanduser' },
- { name: 'Full Header', value: 'header' }
- ],
- value: 'none',
- description: 'Pin the subreddit bar or header to the top, even when you scroll.'
- },
- turboSelfText: {
- type: 'boolean',
- value: true,
- description: 'Preload selftext data to make selftext expandos faster (preloads after first expando)'
- },
- showLastEditedTimestamp: {
- type: 'boolean',
- value: true,
- description: 'Show the time that a text post/comment was edited, without having to hover the timestamp.'
- },
- restoreSavedTab: {
- type: 'boolean',
- value: false,
- description: 'The saved tab on pages with the multireddit side bar is now located in that collapsible bar. This will restore it to the header. If you have the \'Save Comments\' module enabled then you\'ll see both the links <em>and</em> comments tabs.'
- }
- },
- description: 'Adds a number of interface enhancements to Reddit, such as "full comments" links, the ability to unhide accidentally hidden posts, and more',
- isEnabled: function() {
- return RESConsole.getModulePrefs(this.moduleID);
- },
- isMatchURL: function() {
- return RESUtils.isMatchURL(this.moduleID);
- },
- include: [
- /^https?:\/\/([a-z]+)\.reddit\.com\/.*/i
- ],
- go: function() {
- if ((this.isEnabled()) && (this.isMatchURL())) {
-
- if ((this.options.toolbarFix.value) && ((RESUtils.pageType() === 'linklist') || RESUtils.pageType() === 'comments')) {
- this.toolbarFix();
- }
- if ((RESUtils.pageType() === 'comments') && (this.options.commentsLinksNewTabs.value)) {
- this.commentsLinksNewTabs();
- }
- // if (((RESUtils.pageType() === 'inbox') || (RESUtils.pageType() === 'profile') || ((RESUtils.pageType() === 'comments') && (RESUtils.currentSubreddit('friends')))) && (this.options.fullCommentsLink.value)) {
- // removed profile pages since Reddit does this natively now for those...
- if (((RESUtils.pageType() === 'inbox') || ((RESUtils.pageType() === 'comments') && (RESUtils.currentSubreddit('friends') === false))) && (this.options.fullCommentsLink.value)) {
- // RESUtils.addCSS('a.redditFullCommentsSub { font-size: 9px !important; color: #BBB !important; }');
- this.fullComments();
- }
- if ((RESUtils.pageType() === 'profile') && (location.href.split('/').indexOf(RESUtils.loggedInUser()) !== -1)) {
- this.editMyComments();
- }
- if (((RESUtils.pageType() === 'linklist') || (RESUtils.pageType() === 'comments')) && (this.options.fixSaveLinks.value)) {
- this.fixSaveLinks();
- }
- if (((RESUtils.pageType() === 'linklist') || (RESUtils.pageType() === 'comments')) && (this.options.fixHideLinks.value)) {
- this.fixHideLinks();
- }
- if ((this.options.turboSelfText.value) && (RESUtils.pageType() === 'linklist')) {
- this.setUpTurboSelfText();
- }
- if (this.options.showUnreadCountInFavicon.value) {
- var faviconDataurl = 'data:image/x-icon;base64,AAABAAIAEBAAAAAAAABoBQAAJgAAACAgAAAAAAAAqAgAAI4FAAAoAAAAEAAAACAAAAABAAgAAAAAAEABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP///wBBRP4Aq5qHAFNOSgCkpv4A4Mu0AA8Q/gCAc2cAzM7+ADYvKQCys7QA/urQAGVo/gCGh4kA1NbYAMWvmgBjZWYA5efoAJucngD//+MAwcPFACIk/gCbinkAycGtADo8PgDz2sIAal5RADAy/gBvcHEA9PbzALijkACMfm8AqqmoALCy/gCAgHsAc2piAMnMzwDBw/4AXVxcAJGUlwDOuKMAR0dHANfDrABLTv4Aubu+ADIzNQBbVlEA++HJAP/23ACho6UAa2RdAJOEdQD3+P4A2tzeAO7UvACEeW4AjY2KALCfjgBsa2oArq6uAM/R0wB2cGwA//DWAKOYiACCg4MAemxfAPDw8ABOSkYA4+PjAMm7pgBeWlYAgHt3AGZhWwBtamQA+t7EAGVbUgB7b2QAoaGgAP7kzADdyLEA9Pf6AP774ACwnIoAZ15VAJiHdwBbXWAAy8vLAIh8cAC0oY0AZ2VkALy+vwD+7dMA9t3FAHJwbgB/f38Aqq2vAP//5wB4bWMA7ta/AHVqXwCCfXsAmYp8AIJ1aQDS0tIApKSkAP7jyQDOuaYA/vjeAH1xZQCBgYEArp2MAJ2enwD5+v4A//LYAH5zaQD13MMAd2xhAJWFdgD+69IA/ujPAGxsbABycXAAtqOPAN/IsQDLu6YA/v7+AP/84QD/+t8A/vfbAP7v1QD64MgA1dfZAH5+fgD//uIA/v7jAP/43QD+990AZVxTAP/x1wD+8tcA/u7UAOTk4wCYiHgA///kAP/+4wD++t8A/vneAP743QD/79UA/u3SAP7s0gD+69EA/unQAPXcxACrra8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA////AD8/Pz8/Pz8/Pz8/Pz8/Pz8/XV1dKY8IYgiPKV1dXV0/P11QVDubPYQ9mztUUF1dP4krRC1+V26Fbld+LUQrXT+UiiV+fiFoQ2ghfn4lil0/P15+fn5+fn5+fn5+fl5dPx8qfn4iHAl+CRwifn4qHz9IHTx+BQcmfiYHBX48HUg/PjYZDh5+fn5+fh4OGTY+P0YzOCBKOTILcCNJIDgzRj8/XV1dfFkXClUQGl1qXV0/P11dXTB4XWdrXV1YRzpdPz9dXV1dXV1vZBhCVlEEXT8/XV1dXV2DY0xtQCRaZl0/P11dXV1dXV1dXV1dXV1dPz8/Pz8/Pz8/Pz8/Pz8/Pz8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAKAAAACAAAABAAAAAAQAIAAAAAACABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///8AJSr/AJmJegCIjf4AREZIANzFsADGy/4AUFb/ACgjHwBpamsAAAD/AP/mzQCmp6cA2dnaAL29vgDl6P4AYllPAMWzoAAQEhQAMjQ2AHp7fQCxtv4AlZaWAP784AASFv4A7NfAALGgjwCCdGYAy8vLAPPz9ACJiosARz83AFZNRAB1aV0A1Nj+AFJTVQCzs7MAjX9yAFtdXwDi4uIAqJaGALyplgDRvagAMiwnABkbHQB9g/4ACgoKAOLPuQD+8dcA6+vrAGphVwCdnp4A9t3GAD43LwB0dHQAgYOEADw8PAAdIf8A0tLSAPf5/wC5vv4AxcXGAJ+QgAAbFxMA3eH/AGJjZACtra0A9+rSAE9HQADs7/4AIyQmAHl1aQAsLzEATE5QAEpP/wAhHRoAXFJIAI+PjwAeICIAAwUHAD9BQgBWWFoAwa6bAMm8qAATEA0A///nAOnSuwAVFxgA3d3dAHltYACJe20AlIV2APj4+AA4My4A/vfcAP7s0gDUwa0AuaSSAPviyQA4ODgAt7e3AKGiogAODg8AKyssAMvP/gCBh/4ALiklAIR3awDOzs8A38u2AH9wYwAIBgQAb2NYADYwKgD7+/sA8PDwAPPbxABJS00AwcLCABke/gDY2/8ADgwJAAUDAgAjIB0A+eXMAF9gYgCbm5sAkpOUABQSEQBEPDUAUVFRAIWFhQAZGRkAIyMjAPP1/gDp7P4AtaORAAYHBwAfGxgA39/gAC8xMwDv2cIASUE4AK+vsADmz7kAAQMFABAQEAD+6dAAMSokAEE4MQBVS0EAyLWhAGVlZQCai30AjIyMAP7+4wAUFBQA/vneAP7z2gD+7tUALy8vADs1LgComYgA/f39APb29gAbHR8A/ePLAPngyADb29sAQkRGAEZISgDWw68A07+qAFpQRgBkW1EAvquYAHZ2dgCWh3gADw0MACAiJAD8584ANTc5ADc5OwDZxrEAV1dXAAMCAgDiy7UAjI2PAAwLCwDb3/4Aw7CcAJ+foACDdmgAoZGCABIUFgAjHxoAJSUlAPbcxADIzf4A79fAAOzZwgC3vP4A59G7AOLNtwBdXV0Av62aAAQEBAAGBQQACQgHABYWFgD09PUAFxocADAzNQDDw8MAWE5FAMOynwBaXF0AbmJWAGBiYwC3opAAAgEBABISEgD+6M8A/OXNADAqJgAyLSkANi8oADQ1NgDTvakAtba3AMGwnQBkWk8Aq6ytAG1jWQBjZWYAnY+AAP//5QD+9dsA+N7GAODNtwDRv6oAw66bAAcICQD+/v4A+vr6ABQRDgD5+fkAFhgZAP/43QAaGhoA8fHxAP/w1gD/7dMA6urqAP///wAAVvz8/Pz8/Pz8/Pz8/Pz8/Pz8/Pz8/Pz8/Pz8/Pz8VgD8NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTX8AKA1NTU1NTU1NagM/fz8oKCg/KDfqDU1NTU1NTU1NaAAoDU1NTU1NQz8p63CWq4gIJciA5g1oJQ1NTU1NTU1oACgNTU1Naf8uCKLz8NJq9knStX4z/ZNEmDfNTU1NTWgAPw1NTX9Gq/dRzhtXQEBAQEBAaQOF7cAgmH8NTU1NfwAoDU1oNhVtJD09PT09PSlHqT09PT09B1RAOwx7zU1oACgNaDOAEL19PT09CWDhtKd+mSbXfT09PROACb8NTWgAKDgy3sK9PT09PTNALl/D9ZDsdLF+/T09PRmAM5gNaAA/PyuRwEBAQEBAU4dAQEBAQEBdIR0AQEBAQFSxLWo/ADuV93p9PT09PT09PT09PT09PT09PT09PT09IwA8pSgABgqijL09PT09PT09PT09PT09PT09PT09PT09EccoKAAnLBn0/T09PT09COH9PT09PT09GlG9PT09PT0jRxfoADtcQBZAQEBATwICwJBAQEBATxLCzp5AQEBAQFY48n5AIlQkzf09PT0BwsLC2r09PT0xwsLCy709PT0Zc9HLJ8AlhVlADv09PQQGQsLyvT09PSIeAsLPfT09PfSmR5Q3ACVvPSDZ6n09PQjLhb09PT09PS+BD309PTTOYX79NXBAG/UdAG53g0BAQEBAQEBAQEBAQEBAQEBPmihdAH+kmIARGsT23YAALaQXfT09PT09PT09PT0PiTdAKrmNC1y7gD5dVuC186sIdDDJIAPWf4yjB3Afk/doufxIHpV6I5fAKBjoKCglN+gzLKPQNGK82cv0FU2wa1glN+UyHWgY6AA/DU1NTU1NTWnoKBjkSspAD8wdf2gDDU1DJQMqDU1/ACgNTU1NTU1NTU1NainlPx8bPmoNTU1Y5Tlv3XfxjWgAKA1NTU1NTU1NTU1NTU1MeprlDU1NajgEbqKTGHfNaAAoDU1NTU1NTU1NTU1NTWUsLq7pzVjnlySdygFCX2ooAD8NTU1NTU1NTU1NTU1NWN1vcLt/Y5UxOsBAQ4ABgz8AKA1NTU1NTU1NTU1NTU1NfxF4kheky+z5HP0H3DIY6AAoDU1NTU1NTU1NTU1NTU1YBuB4TOj8G6LphQAmmA1oACgNTU1NTU1NTU1NTU1NTU1qMiU/GCnlMvB2lNgNTWgAPw1NTU1NTU1NTU1NTU1NTXvY+81NTU1p6D8lDU1NfwAVvz8/Pz8/Pz8/Pz8/Pz8/Pz8/Pz8/Pz8/Pz8/Pz8VgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAgAAAAP////8K';
- // remove current favicons and replace accordingly, or tinycon has a cross domain issue since the real favicon is on redditstatic.com.
- $('head link[rel="shortcut icon"], head link[rel="icon"]').attr('href',faviconDataurl);
- }
- if ((modules['betteReddit'].options.showLastEditedTimestamp.value) && ((RESUtils.pageType() === 'linklist') || (RESUtils.pageType() === 'comments'))) {
- RESUtils.addCSS('.edited-timestamp[title]:after{content:" (" attr(title) ")";font-size: 90%;}');
- }
- if ((modules['betteReddit'].options.restoreSavedTab.value) && (RESUtils.loggedInUser() !== null) && document.querySelector('.with-listing-chooser:not(.profile-page)')) {
- this.restoreSavedTab();
- }
- if ((modules['betteReddit'].options.toolbarFix.value) && (RESUtils.pageType() === 'linklist')) {
- RESUtils.watchForElement('siteTable', modules['betteReddit'].toolbarFix);
- }
- if ((RESUtils.pageType() === 'inbox') && (modules['betteReddit'].options.fullCommentsLink.value)) {
- RESUtils.watchForElement('siteTable', modules['betteReddit'].fullComments);
- }
- if (((RESUtils.pageType() === 'linklist') || (RESUtils.pageType() === 'comments')) && (modules['betteReddit'].options.fixSaveLinks.value)) {
- RESUtils.watchForElement('siteTable', modules['betteReddit'].fixSaveLinks);
- }
- if (((RESUtils.pageType() === 'linklist') || (RESUtils.pageType() === 'comments')) && (modules['betteReddit'].options.fixHideLinks.value)) {
- RESUtils.watchForElement('siteTable', modules['betteReddit'].fixHideLinks);
- }
- if ((RESUtils.pageType() === 'comments') && (modules['betteReddit'].options.commentsLinksNewTabs.value)) {
- RESUtils.watchForElement('newComments', modules['betteReddit'].commentsLinksNewTabs);
- }
-
- if (this.options.searchSubredditByDefault.value) {
- // make sure we're not on a search results page...
- if (!location.href.match('/[r|m]/[\\w+\\-]+/search')) {
- this.searchSubredditByDefault();
- }
- }
- if ((this.options.videoTimes.value) && ((RESUtils.pageType() === 'linklist') || (RESUtils.pageType() === 'comments'))) {
- this.getVideoTimes();
- // listen for new DOM nodes so that modules like autopager, river of reddit, etc still get l+c links...
-
- RESUtils.watchForElement('siteTable', modules['betteReddit'].getVideoTimes);
- }
- if ((RESUtils.loggedInUser() !== null) && ((this.options.showUnreadCount.value) || (this.options.showUnreadCountInTitle.value) || (this.options.showUnreadCountInFavicon.value))) {
- // Reddit CSS change broke this when they went to sprite sheets.. new CSS will fix the issue.
- // RESUtils.addCSS('#mail { min-width: 16px !important; width: auto !important; text-indent: 18px !important; background-repeat: no-repeat !important; line-height: 8px !important; }');
- // removing text indent - on 11/14/11 reddit changed the mail sprites, so I have to change how this is handled..
- RESUtils.addCSS('#mail { top: 2px; min-width: 16px !important; width: auto !important; background-repeat: no-repeat !important; line-height: 8px !important; }');
- // RESUtils.addCSS('#mail.havemail { top: 2px !important; margin-right: 1px; }');
- RESUtils.addCSS('#mail.havemail { top: 2px !important; }');
- if ((BrowserDetect.isChrome()) || (BrowserDetect.isSafari())) {
- // I hate that I have this conditional CSS in here but I can't figure out why it's needed for webkit and screws up firefox.
- RESUtils.addCSS('#mail.havemail { top: 0; }');
- }
- this.showUnreadCount();
- }
- switch(this.options.pinHeader.value) {
- case 'header':
- this.pinHeader();
- $('body').addClass('pinHeader-header');
- break;
- case 'sub':
- this.pinSubredditBar();
- $('body').addClass('pinHeader-sub');
- break;
- case 'subanduser':
- this.pinSubredditBar();
- this.pinUserBar();
- $('body').addClass('pinHeader-subanduser');
- break;
- case 'userbar':
- this.pinUserBar();
- $('body').addClass('pinHeader-userbar');
- break;
- default:
- break;
- }
- }
- },
- commentsLinksNewTabs: function(ele) {
- ele = ele || document.body;
- var links = ele.querySelectorAll('div.md a');
- for (var i=0, len=links.length; i<len; i++) {
- links[i].target = '_blank';
- }
- },
- setUpTurboSelfText: function() {
- // TODO: Turbo selftext seems a little wonky on NER pages
- modules['betteReddit'].selfTextHash = {};
- $('body').on('click', '.expando-button.selftext:not(".twitter"):not(.toggleImage)', modules['betteReddit'].showSelfText);
- $('#siteTable').data('jsonURL', location.href+'.json');
-
- RESUtils.watchForElement('siteTable', modules['betteReddit'].setNextSelftextURL);
- },
- setNextSelftextURL: function(ele) {
- if (modules['neverEndingReddit'].nextPageURL) {
- var jsonURL = modules['neverEndingReddit'].nextPageURL.replace('/?','/.json?');
- $(ele).data('jsonURL',jsonURL);
- }
- },
- showSelfText: function(event) {
- var thisID = $(event.target).parent().parent().attr('data-fullname');
- if (typeof modules['betteReddit'].selfTextHash[thisID] === 'undefined') {
- // we haven't gotten JSON data for this set of links yet... get it, then replace the click listeners with our own...
- var jsonURL = $(event.target).closest('.sitetable.linklisting').data('jsonURL');
- modules['betteReddit'].getSelfTextData(jsonURL);
- } else {
- if ($(event.target).hasClass('collapsed') || $(event.target).hasClass('collapsedExpando')) {
- // the duplicate classes here unfortunately have to exist due to Reddit clobbering things with .collapsed
- // and no real elegant way that I've thought of to fix the fact that selfText expandos still have that class.
- $(event.target).removeClass('collapsed collapsedExpando');
- $(event.target).addClass('expanded');
- $(event.target).parent().find('.expando').html(
- '<form class="usertext"><div class="usertext-body">' +
- $('<div/>').html(modules['betteReddit'].selfTextHash[thisID]).text() +
- '</div></form>'
- ).show();
- } else {
- $(event.target).removeClass('expanded');
- $(event.target).addClass('collapsedExpando');
- $(event.target).addClass('collapsed');
- $(event.target).parent().find('.expando').hide();
- }
-
- }
- },
- getSelfTextData: function(href) {
- if (!modules['betteReddit'].gettingSelfTextData) {
- modules['betteReddit'].gettingSelfTextData = true;
- $.getJSON(href, modules['betteReddit'].applyTurboSelfText);
- }
- },
- applyTurboSelfText: function(data) {
- var linkList = data.data.children;
-
- delete modules['betteReddit'].gettingSelfTextData;
- for (var i=0, len=linkList.length; i<len; i++) {
- var thisID = linkList[i].data.name;
- if (i === 0) {
- var thisSiteTable = $('.id-'+thisID).closest('.sitetable.linklisting');
- $(thisSiteTable).find('.expando-button.selftext').removeAttr('onclick');
- }
- modules['betteReddit'].selfTextHash[thisID] = linkList[i].data.selftext_html;
- }
- },
- getInboxLink: function (havemail) {
- if (havemail && !modules['betteReddit'].options.unreadLinksToInbox.value) {
- return '/message/unread/';
- }
-
- return '/message/inbox/';
- },
- showUnreadCount: function() {
- if (typeof this.mail === 'undefined') {
- this.mail = document.querySelector('#mail');
- if (this.mail) {
- this.mailCount = createElementWithID('a','mailCount');
- this.mailCount.display = 'none';
- this.mailCount.setAttribute('href', this.getInboxLink(true));
- insertAfter(this.mail, this.mailCount);
- }
- }
- if (this.mail) {
- $(modules['betteReddit'].mail).html('');
- if (this.mail.classList.contains('havemail')) {
- this.mail.setAttribute('href', this.getInboxLink(true));
- var lastCheck = parseInt(RESStorage.getItem('RESmodules.betteReddit.msgCount.lastCheck.'+RESUtils.loggedInUser()), 10) || 0;
- var now = new Date();
- // 300000 = 5 minutes... we don't want to annoy Reddit's servers too much with this query...
- if ((now.getTime() - lastCheck) > 300000) {
- GM_xmlhttpRequest({
- method: "GET",
- url: location.protocol + '//' + location.hostname + "/message/unread/.json?mark=false&app=res",
- onload: function(response) {
- // save that we've checked in the last 5 minutes
- var now = new Date();
- RESStorage.setItem('RESmodules.betteReddit.msgCount.lastCheck.'+RESUtils.loggedInUser(), now.getTime());
- var data = JSON.parse(response.responseText);
- var count = data.data.children.length;
- RESStorage.setItem('RESmodules.betteReddit.msgCount.'+RESUtils.loggedInUser(), count);
- modules['betteReddit'].setUnreadCount(count);
- }
- });
- } else {
- var count = RESStorage.getItem('RESmodules.betteReddit.msgCount.'+RESUtils.loggedInUser());
- modules['betteReddit'].setUnreadCount(count);
- }
- } else {
- // console.log('no need to get count - no new mail. resetting lastCheck');
- modules['betteReddit'].setUnreadCount(0);
- RESStorage.setItem('RESmodules.betteReddit.msgCount.lastCheck.'+RESUtils.loggedInUser(), 0);
- }
- }
- },
- setUnreadCount: function(count) {
- if (this.options.showUnreadCountInFavicon.value) {
- //window.Tinycon.setOptions({ fallback: false });
- }
- if (count>0) {
- if (this.options.showUnreadCountInTitle.value) {
- var newTitle = '[' + count + '] ' + document.title.replace(/^\[[\d]+\]\s/,'');
- document.title = newTitle;
- }
- if (this.options.showUnreadCountInFavicon.value) {
- //window.Tinycon.setBubble(count);
- }
- if (this.options.showUnreadCount.value) {
- modules['betteReddit'].mailCount.display = 'inline-block'
- modules['betteReddit'].mailCount.textContent = '['+count+']';
- if (modules['neverEndingReddit'].NREMailCount) {
- modules['neverEndingReddit'].NREMailCount.display = 'inline-block'
- modules['neverEndingReddit'].NREMailCount.textContent = '['+count+']';
- }
- }
- } else {
- var newTitle = document.title.replace(/^\[[\d]+\]\s/,'');
- document.title = newTitle;
- if (modules['betteReddit'].mailCount) {
- modules['betteReddit'].mailCount.display = 'none';
- $(modules['betteReddit'].mailCount).html('');
- if (modules['neverEndingReddit'].NREMailCount) {
- modules['neverEndingReddit'].NREMailCount.display = 'none'
- $(modules['neverEndingReddit'].NREMailCount).html('');
- }
- }
- if (this.options.showUnreadCountInFavicon.value) {
- //window.Tinycon.setBubble(0);
- }
- }
- },
- toolbarFixLinks: [
- 'etsy.com',
- 'youtube.com',
- 'youtu.be',
- 'twitter.com',
- 'teamliquid.net',
- 'flickr.com',
- 'github.com',
- 'battle.net',
- 'play.google.com',
- 'plus.google.com',
- 'soundcloud.com'
- ],
- checkToolbarLink: function(url) {
- for (var i=0, len=this.toolbarFixLinks.length; i<len; i++) {
- if (url.indexOf(this.toolbarFixLinks[i]) !== -1) return true;
- }
- return false;
- },
- toolbarFix: function(ele) {
- var root = ele || document;
- var links = root.querySelectorAll('div.entry a.title');
- for (var i=0, len=links.length; i<len; i++) {
- if (modules['betteReddit'].checkToolbarLink(links[i].getAttribute('href'))) {
- links[i].removeAttribute('onmousedown');
- }
- // patch below for comments pages thanks to redditor and resident helperninja gavin19
- if (links[i].getAttribute('srcurl')) {
- if (modules['betteReddit'].checkToolbarLink(links[i].getAttribute('srcurl'))) {
- links[i].removeAttribute('onmousedown');
- }
- }
- }
- },
- fullComments: function(ele) {
- var root = ele || document;
- var entries = root.querySelectorAll('#siteTable .entry');
-
- for (var i=0, len=entries.length; i<len;i++) {
- var linkEle = entries[i].querySelector('A.bylink');
- var thisCommentsLink = '';
- if ((typeof linkEle !== 'undefined') && (linkEle !== null)) {
- thisCommentsLink = linkEle.getAttribute('href');
- }
- if (thisCommentsLink !== '') {
- thisCommentsSplit = thisCommentsLink.split("/");
- thisCommentsSplit.pop();
- thisCommentsLink = thisCommentsSplit.join("/");
- linkList = entries[i].querySelector('.flat-list');
- var fullCommentsLink = document.createElement('li');
- $(fullCommentsLink).html('<a class="redditFullComments" href="' + escapeHTML(thisCommentsLink) + '">'+ escapeHTML(this.options.fullCommentsText.value) +'</a>');
- linkList.appendChild(fullCommentsLink);
- }
- }
- },
- editMyComments: function(ele) {
- var root = ele || document;
- var entries = root.querySelectorAll('#siteTable .entry');
- for (var i=0, len=entries.length; i<len;i++) {
- var linkEle = entries[i].querySelector('A.bylink');
- var thisCommentsLink = '';
- if ((typeof linkEle !== 'undefined') && (linkEle !== null)) {
- thisCommentsLink = linkEle.getAttribute('href');
- }
- if (thisCommentsLink !== '') {
- permalink = entries[i].querySelector('.flat-list li.first');
- var editLink = document.createElement('li');
- $(editLink).html('<a onclick="return edit_usertext(this)" href="javascript:void(0);">edit</a>');
- insertAfter(permalink, editLink);
- }
- }
- },
- fixSaveLinks: function(ele) {
- var root = ele || document;
- var saveLinks = root.querySelectorAll('li:not(.comment-save-button) > FORM.save-button > SPAN > A');
- for (var i=0, len=saveLinks.length; i<len; i++) {
- saveLinks[i].removeAttribute('onclick');
- saveLinks[i].setAttribute('action','save');
- saveLinks[i].addEventListener('click', modules['betteReddit'].saveLink, false);
- }
- var unsaveLinks = document.querySelectorAll('FORM.unsave-button > SPAN > A');
- for (var i=0, len=saveLinks.length; i<len; i++) {
- if (typeof unsaveLinks[i] !== 'undefined') {
- unsaveLinks[i].removeAttribute('onclick');
- unsaveLinks[i].setAttribute('action','unsave');
- unsaveLinks[i].addEventListener('click', modules['betteReddit'].saveLink, false);
- }
- }
- },
- fixHideLinks: function(ele) {
- var root = ele || document;
- var hideLinks = root.querySelectorAll('FORM.hide-button > SPAN > A');
- for (var i=0, len=hideLinks.length; i<len; i++) {
- hideLinks[i].removeAttribute('onclick');
- hideLinks[i].setAttribute('action','hide');
- hideLinks[i].addEventListener('click', modules['betteReddit'].hideLinkEventHandler, false);
- }
- var unhideLinks = document.querySelectorAll('FORM.unhide-button > SPAN > A');
- for (var i=0, len=hideLinks.length; i<len; i++) {
- if (typeof unhideLinks[i] !== 'undefined') {
- unhideLinks[i].removeAttribute('onclick');
- unhideLinks[i].setAttribute('action','unhide');
- unhideLinks[i].addEventListener('click', modules['betteReddit'].hideLinkEventHandler, false);
- }
- }
- },
- saveLink: function(e) {
- if (e) modules['betteReddit'].saveLinkClicked = e.target;
- if (modules['betteReddit'].saveLinkClicked.getAttribute('action') === 'unsave') {
- $(modules['betteReddit'].saveLinkClicked).text('unsaving...');
- } else {
- $(modules['betteReddit'].saveLinkClicked).text('saving...');
- }
- if (modules['betteReddit'].modhash) {
- var action = modules['betteReddit'].saveLinkClicked.getAttribute('action');
- var parentThing = modules['betteReddit'].saveLinkClicked.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode;
- var idRe = /id-([\w]+)/i;
- var getLinkid = idRe.exec(parentThing.getAttribute('class'));
- var linkid = getLinkid[1];
- if (action === 'unsave') {
- var executed = 'unsaved';
- var apiURL = location.protocol + '//'+location.hostname+'/api/unsave';
- } else {
- var executed = 'saved';
- var apiURL = location.protocol + '//'+location.hostname+'/api/save';
- }
- var params = 'id='+linkid+'&executed='+executed+'&uh='+modules['betteReddit'].modhash+'&renderstyle=html';
- GM_xmlhttpRequest({
- method: "POST",
- url: apiURL,
- data: params,
- headers: {
- "Content-Type": "application/x-www-form-urlencoded"
- },
- onload: function(response) {
- if (response.status === 200) {
- if (modules['betteReddit'].saveLinkClicked.getAttribute('action') === 'unsave') {
- $(modules['betteReddit'].saveLinkClicked).text('save');
- modules['betteReddit'].saveLinkClicked.setAttribute('action','save');
- } else {
- $(modules['betteReddit'].saveLinkClicked).text('unsave');
- modules['betteReddit'].saveLinkClicked.setAttribute('action','unsave');
- }
- } else {
- delete modules['betteReddit'].modhash;
- alert('Sorry, there was an error trying to '+modules['betteReddit'].saveLinkClicked.getAttribute('action')+' your submission. Try clicking again.');
- }
- }
- });
- } else {
- GM_xmlhttpRequest({
- method: "GET",
- url: location.protocol + '//'+location.hostname+'/api/me.json?app=res',
- onload: function(response) {
- var data = safeJSON.parse(response.responseText);
- if (typeof data.data === 'undefined') {
- alert('Sorry, there was an error trying to '+modules['betteReddit'].saveLinkClicked.getAttribute('action')+' your submission. You may have third party cookies disabled. You will need to either enable third party cookies, or add an exception for *.reddit.com');
- } else if ((typeof data.data.modhash !== 'undefined') && (data.data.modhash)) {
- modules['betteReddit'].modhash = data.data.modhash;
- modules['betteReddit'].saveLink();
- }
- }
- });
- }
- },
- hideLinkEventHandler: function(e) {
- modules['betteReddit'].hideLink(e.target);
- },
- hideLink: function(clickedLink) {
- if (clickedLink.getAttribute('action') === 'unhide') {
- $(clickedLink).text('unhiding...');
- } else {
- $(clickedLink).text('hiding...');
- }
- if (modules['betteReddit'].modhash) {
- var action = clickedLink.getAttribute('action');
- var parentThing = clickedLink.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode;
- var idRe = /id-([\w]+)/i;
- var getLinkid = idRe.exec(parentThing.getAttribute('class'));
- var linkid = getLinkid[1];
- if (action === 'unhide') {
- var executed = 'unhidden';
- var apiURL = 'http://'+location.hostname+'/api/unhide';
- } else {
- var executed = 'hidden';
- var apiURL = 'http://'+location.hostname+'/api/hide';
- }
- var params = 'id='+linkid+'&executed='+executed+'&uh='+modules['betteReddit'].modhash+'&renderstyle=html';
-
- GM_xmlhttpRequest({
- method: "POST",
- url: apiURL,
- data: params,
- headers: {
- "Content-Type": "application/x-www-form-urlencoded"
- },
- onload: function(response) {
- if (response.status === 200) {
- if (clickedLink.getAttribute('action') === 'unhide') {
- $(clickedLink).text('hide');
- clickedLink.setAttribute('action','hide');
- if (typeof modules['betteReddit'].hideTimer !== 'undefined') clearTimeout(modules['betteReddit'].hideTimer);
- } else {
- $(clickedLink).text('unhide');
- clickedLink.setAttribute('action','unhide');
- modules['betteReddit'].hideTimer = setTimeout(function() {
- modules['betteReddit'].hideFader(clickedLink);
- }, 5000);
- }
- } else {
- delete modules['betteReddit'].modhash;
- alert('Sorry, there was an error trying to '+clickedLink.getAttribute('action')+' your submission. Try clicking again.');
- }
- }
- });
- } else {
- GM_xmlhttpRequest({
- method: "GET",
- url: location.protocol + '//'+location.hostname+'/api/me.json?app=res',
- onload: function(response) {
- var data = safeJSON.parse(response.responseText);
- if (typeof data.data === 'undefined') {
- alert('Sorry, there was an error trying to '+clickedLink.getAttribute('action')+' your submission. You may have third party cookies disabled. You will need to either enable third party cookies, or add an exception for *.reddit.com');
- } else if ((typeof data.data.modhash !== 'undefined') && (data.data.modhash)) {
- modules['betteReddit'].modhash = data.data.modhash;
- modules['betteReddit'].hideLink(clickedLink);
- }
- }
- });
- }
- },
- hideFader: function(ele) {
- var parentThing = ele.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode;
- RESUtils.fadeElementOut(parentThing, 0.3);
- },
- searchSubredditByDefault: function() {
- // Reddit now has this feature... but for some reason the box isn't checked by default, so we'll still do that...
- var restrictSearch = document.body.querySelector('INPUT[name=restrict_sr]');
- if (restrictSearch) {
- restrictSearch.checked = true;
- }
- },
- getVideoTimes: function(obj) {
- obj = obj || document;
- var youtubeLinks = obj.querySelectorAll('a.title[href*="youtube.com"], a.title[href*="youtu.be"]');
- var shortenedYoutubeLinks = obj.querySelectorAll('a.title[href*="youtube.com"]');
- var titleHasTimeRegex = /[\[|\(][0-9]*:[0-9]*[\]|\)]/;
- if (youtubeLinks) {
- var ytLinks = [];
- for (var i=0, len=youtubeLinks.length; i<len; i+=1) {
- if(!youtubeLinks[i].innerHTML.match(titleHasTimeRegex)) {
- ytLinks.push(youtubeLinks[i]);
- }
- }
- youtubeLinks = ytLinks;
- var getYoutubeIDRegex = /\/?[\&|\?]?v\/?=?([\w\-]{11})&?/i;
- var getShortenedYoutubeIDRegex = /([\w\-]{11})&?/i;
- var getYoutubeStartTimeRegex = /\[[\d]+:[\d]+\]/i;
- var tempIDs = [];
- modules['betteReddit'].youtubeLinkIDs = {};
- modules['betteReddit'].youtubeLinkRefs = [];
- for (var i = 0, len = youtubeLinks.length; i < len; i++) {
- var match = getYoutubeIDRegex.exec(youtubeLinks[i].getAttribute('href'));
- var shortened = /youtu\.be/i;
- var isShortened = shortened.exec(youtubeLinks[i].getAttribute('href'));
- if (isShortened) {
- var smatch = getShortenedYoutubeIDRegex.exec(youtubeLinks[i].getAttribute('href'));
- if (smatch) {
- var thisYTID = '"' + smatch[1] + '"';
- modules['betteReddit'].youtubeLinkIDs[thisYTID] = youtubeLinks[i];
- modules['betteReddit'].youtubeLinkRefs.push([thisYTID, youtubeLinks[i]]);
- }
- } else if (match) {
- // add quotes so URL creation is doable with just a join...
- var thisYTID = '"' + match[1] + '"';
- modules['betteReddit'].youtubeLinkIDs[thisYTID] = youtubeLinks[i];
- modules['betteReddit'].youtubeLinkRefs.push([thisYTID, youtubeLinks[i]]);
- }
- var timeMatch = getYoutubeStartTimeRegex.exec(youtubeLinks[i].getAttribute('href'));
- var titleMatch = youtubeLinks[i].innerHTML.match(titleHasTimeRegex);
- if (timeMatch && !titleMatch) {
- youtubeLinks[i].textContent += ' (@' + timeMatch[1] + ')';
- }
- }
- for (var id in modules['betteReddit'].youtubeLinkIDs){
- tempIDs.push(id);
- }
- modules['betteReddit'].youtubeLinkIDs = tempIDs;
- modules['betteReddit'].getVideoJSON();
- }
- },
- getVideoJSON: function() {
- var thisBatch = modules['betteReddit'].youtubeLinkIDs.splice(0,8);
- if (thisBatch.length) {
- var thisIDString = thisBatch.join('%7C');
- // var jsonURL = 'http://gdata.youtube.com/feeds/api/videos?q='+thisIDString+'&fields=entry(id,media:group(yt:duration))&alt=json';
- var jsonURL = 'http://gdata.youtube.com/feeds/api/videos?q='+thisIDString+'&v=2&fields=entry(id,title,media:group(yt:duration,yt:videoid,yt:uploaded))&alt=json';
- GM_xmlhttpRequest({
- method: "GET",
- url: jsonURL,
- onload: function(response) {
- var data = safeJSON.parse(response.responseText, null, true);
- if ((typeof data.feed !== 'undefined') && (typeof data.feed.entry !== 'undefined')) {
- for (var i=0, len=data.feed.entry.length; i<len; i++) {
- var thisYTID = '"'+data.feed.entry[i]['media$group']['yt$videoid']['$t']+'"';
- var thisTotalSecs = data.feed.entry[i]['media$group']['yt$duration']['seconds'];
- var thisTitle = data.feed.entry[i]['title']['$t'];
- var thisMins = Math.floor(thisTotalSecs/60);
- var thisSecs = (thisTotalSecs%60);
- if (thisSecs < 10) thisSecs = '0'+thisSecs;
- var thisTime = ' - [' + thisMins + ':' + thisSecs + ']';
- if(modules['betteReddit'].options.videoUploaded.value){
- var thisUploaded = data.feed.entry[i]['media$group']['yt$uploaded']['$t'];
- thisUploaded = thisUploaded.match(/[^T]*/);
- thisTime += '['+ thisUploaded +']';
- }
- for (var j = 0, lenj = modules['betteReddit'].youtubeLinkRefs.length; j < lenj; j += 1){
- if (modules['betteReddit'].youtubeLinkRefs[j][0] === thisYTID) {
- modules['betteReddit'].youtubeLinkRefs[j][1].textContent += ' ' + thisTime;
- modules['betteReddit'].youtubeLinkRefs[j][1].setAttribute('title','YouTube title: '+thisTitle);
- }
- }
- }
- // wait a bit, make another request...
- setTimeout(modules['betteReddit'].getVideoJSON, 500);
- }
- }
- });
- }
- },
- pinSubredditBar: function() {
- // Make the subreddit bar at the top of the page a fixed element
- // The subreddit manager code changes the document's structure
- var sm = modules['subredditManager'].isEnabled();
-
- var sb = document.getElementById('sr-header-area');
- if (sb == null) return; // reddit is under heavy load
- var header = document.getElementById('header');
-
- // add a dummy <div> inside the header to replace the subreddit bar (for spacing)
- var spacer = document.createElement('div');
- // null parameter is necessary for FF3.6 compatibility.
- spacer.style.paddingTop = window.getComputedStyle(sb, null).paddingTop;
- spacer.style.paddingBottom = window.getComputedStyle(sb, null).paddingBottom;
-
- // HACK: for some reason, if the SM is enabled, the SB gets squeezed horizontally,
- // and takes up three rows of vertical space (even at low horizontal resolution).
- if (sm) spacer.style.height = (parseInt(window.getComputedStyle(sb, null).height, 10) / 3 - 3)+'px';
- else spacer.style.height = window.getComputedStyle(sb, null).height;
-
- //window.setTimeout(function(){
- // add the spacer; take the subreddit bar out of the header and put it above
- header.insertBefore(spacer, sb);
- document.body.insertBefore(sb,header);
-
- // make it fixed
- // RESUtils.addCSS('div#sr-header-area {position: fixed; z-index: 10000 !important; left: 0; right: 0; box-shadow: 0 2px 2px #AAA;}');
- // something changed on Reddit on 1/31/2012 that made this header-bottom-left margin break subreddit stylesheets... commenting out seems to fix it?
- // and now later on 1/31 they've changed it back and I need to add this line back in...
- RESUtils.addCSS('#header-bottom-left { margin-top: 19px; }');
- RESUtils.addCSS('div#sr-header-area {position: fixed; z-index: 10000 !important; left: 0; right: 0; }');
- this.pinCommonElements(sm);
- },
- pinUserBar: function() {
- // Make the user bar at the top of the page a fixed element
- this.userBarElement = document.getElementById('header-bottom-right');
- var thisHeight = $('#header-bottom-right').height();
- RESUtils.addCSS('#header-bottom-right:hover { opacity: 1 !important; }');
- RESUtils.addCSS('#header-bottom-right { height: '+parseInt(thisHeight+1, 10)+'px; }');
- // make the account switcher menu fixed
- window.addEventListener('scroll', modules['betteReddit'].handleScroll, false);
- this.pinCommonElements();
- },
- handleScroll: function(e) {
- if (modules['betteReddit'].scrollTimer) clearTimeout(modules['betteReddit'].scrollTimer);
- modules['betteReddit'].scrollTimer = setTimeout(modules['betteReddit'].handleScrollAfterTimer, 300);
- },
- handleScrollAfterTimer: function(e) {
- if (RESUtils.elementInViewport(modules['betteReddit'].userBarElement)) {
- modules['betteReddit'].userBarElement.setAttribute('style','');
- if (typeof modules['accountSwitcher'].accountMenu !== 'undefined') {
- $(modules['accountSwitcher'].accountMenu).attr('style','position: absolute;');
- }
- } else if (modules['betteReddit'].options.pinHeader.value === 'subanduser') {
- if (typeof modules['accountSwitcher'].accountMenu !== 'undefined') {
- $(modules['accountSwitcher'].accountMenu).attr('style','position: fixed;');
- }
- modules['betteReddit'].userBarElement.setAttribute('style','position: fixed; z-index: 10000 !important; top: 19px; right: 0; opacity: 0.6; -webkit-transition:opacity 0.3s ease-in; -moz-transition:opacity 0.3s ease-in; -o-transition:opacity 0.3s ease-in; -ms-transition:opacity 0.3s ease-in; -transition:opacity 0.3s ease-in;');
- } else {
- if (typeof modules['accountSwitcher'].accountMenu !== 'undefined') {
- $(modules['accountSwitcher'].accountMenu).attr('style','position: fixed;');
- }
- modules['betteReddit'].userBarElement.setAttribute('style','position: fixed; z-index: 10000 !important; top: 0; right: 0; opacity: 0.6; -webkit-transition:opacity 0.3s ease-in; -moz-transition:opacity 0.3s ease-in; -o-transition:opacity 0.3s ease-in; -ms-transition:opacity 0.3s ease-in; -transition:opacity 0.3s ease-in;');
- }
- },
- pinHeader: function() {
- // Makes the Full header a fixed element
-
- // the subreddit manager code changes the document's structure
- var sm = modules['subredditManager'].isEnabled();
-
- var header = document.getElementById('header');
- if (header == null) return; // reddit is under heavy load
-
- // add a dummy <div> to the document for spacing
- var spacer = document.createElement('div');
- spacer.id = 'RESPinnedHeaderSpacer';
-
- // without the next line, the subreddit manager would make the subreddit bar three lines tall and very narrow
- RESUtils.addCSS('#sr-header-area {left: 0; right: 0;}');
- spacer.style.height = $('#header').outerHeight() + "px";
-
- // insert the spacer
- document.body.insertBefore(spacer, header.nextSibling);
-
- // make the header fixed
- RESUtils.addCSS('#header, #RESAccountSwitcherDropdown {position:fixed;}');
- // RESUtils.addCSS('#header {left: 0; right: 0; box-shadow: 0 2px 2px #AAA;}');
- RESUtils.addCSS('#header {left: 0; right: 0; }');
- var headerHeight = $('#header').height() + 15;
- RESUtils.addCSS('#RESNotifications { top: '+headerHeight+'px } ');
- this.pinCommonElements(sm);
-
- // TODO Needs testing
- // Sometimes this gets executed before the subreddit logo has finished loading. When that
- // happens, the spacer gets created too short, so when the SR logo finally loads, the header
- // grows and overlaps the top of the page, potentially obscuring the first link. This checks
- // to see if the image is finished loading. If it is, then the spacer's height is set. Otherwise,
- // it pauses, then loops.
- // added a check that this element exists, so it doesn't error out RES.
- if (document.getElementById('header-img') && (!document.getElementById('header-img').complete)) setTimeout(function(){
- if (document.getElementById('header-img').complete)
- // null parameter is necessary for FF3.6 compatibility.
- document.getElementById('RESPinnedHeaderSpacer').style.height = window.getComputedStyle(document.getElementById('header'), null).height;
- else setTimeout(arguments.callee, 10);
- }, 10);
- },
- pinCommonElements: function(sm) {
- // pin the elements common to both pinHeader() and pinSubredditBar()
- if (sm) {
- // RES's subreddit menu
- RESUtils.addCSS('#RESSubredditGroupDropdown, #srList, #RESShortcutsAddFormContainer, #editShortcutDialog {position: fixed !important;}');
- } else {
- RESUtils.addCSS('#sr-more-link: {position: fixed;}');
- }
- },
- restoreSavedTab: function() {
- var tabmenu = document.querySelector('#header .tabmenu'),
- li = document.createElement('li'),
- a = document.createElement('a'),
- user = RESUtils.loggedInUser();
- a.textContent = 'saved';
- a.href = '/user/' + user + '/saved/';
- li.appendChild(a);
- tabmenu.appendChild(li);
- }
-};
-
-modules['singleClick'] = {
- moduleID: 'singleClick',
- moduleName: 'Single Click Opener',
- category: 'UI',
- options: {
- openOrder: {
- type: 'enum',
- values: [
- { name: 'open comments then link', value: 'commentsfirst' },
- { name: 'open link then comments', value: 'linkfirst' }
- ],
- value: 'commentsfirst',
- description: 'What order to open the link/comments in.'
- },
- hideLEC: {
- type: 'boolean',
- value: false,
- description: 'Hide the [l=c] when the link is the same as the comments page'
- },
- openBackground: {
- type: 'boolean',
- value: false,
- description: 'Open the [l+c] link in background tabs'
- }
- },
- description: 'Adds an [l+c] link that opens a link and the comments page in new tabs for you in one click.',
- isEnabled: function() {
- return RESConsole.getModulePrefs(this.moduleID);
- },
- isMatchURL: function() {
- return RESUtils.isMatchURL(this.moduleID);
- },
- include: [
- /^https?:\/\/([a-z]+)\.reddit\.com\/[\?]*/i,
- /^https?:\/\/([a-z]+)\.reddit\.com\/r\/[-\w\._]*\//i
- ],
- exclude: [
- /^https?:\/\/([a-z]+)\.reddit\.com\/r\/[-\w\._\/\?]*\/comments[-\w\._\/\?=]*/i
- ],
- beforeLoad: function() {
- if ((this.isEnabled()) && (this.isMatchURL())) {
- RESUtils.addCSS('.redditSingleClick { color: #888; font-weight: bold; cursor: pointer; padding: 0 1px; }');
- }
- },
- go: function() {
- if ((this.isEnabled()) && (this.isMatchURL())) {
- // do stuff here!
- this.applyLinks();
- // listen for new DOM nodes so that modules like autopager, river of reddit, etc still get l+c links...
- RESUtils.watchForElement('siteTable', modules['singleClick'].applyLinks);
- }
- },
- applyLinks: function(ele) {
- var ele = ele || document;
- var entries = ele.querySelectorAll('#siteTable .entry, #siteTable_organic .entry');
- for (var i=0, len=entries.length; i<len;i++) {
- if ((typeof entries[i] !== 'undefined') && (!entries[i].classList.contains('lcTagged'))) {
- entries[i].classList.add('lcTagged')
- var thisLA = entries[i].querySelector('A.title');
- if (thisLA !== null) {
- var thisLink = thisLA.getAttribute('href');
- var thisComments = entries[i].querySelector('.comments');
- if (!(thisLink.match(/^https?/i))) {
- thisLink = location.protocol + '//' + document.domain + thisLink;
- }
- var thisUL = entries[i].querySelector('ul.flat-list');
- var singleClickLI = document.createElement('li');
- // changed from a link to a span because you can't cancel a new window on middle click of a link during the mousedown event, and a click event isn't triggered.
- var singleClickLink = document.createElement('span');
- // singleClickLink.setAttribute('href','javascript:void(0);');
- singleClickLink.setAttribute('class','redditSingleClick');
- singleClickLink.setAttribute('thisLink',thisLink);
- singleClickLink.setAttribute('thisComments',thisComments);
- if (thisLink != thisComments) {
- singleClickLink.textContent = '[l+c]';
- } else if (!(modules['singleClick'].options.hideLEC.value)) {
- singleClickLink.textContent = '[l=c]';
- }
- singleClickLI.appendChild(singleClickLink);
- thisUL.appendChild(singleClickLI);
- // we have to switch to mousedown because Webkit is being a douche and not triggering click events on middle click.
- // ?? We should still preventDefault on a click though, maybe?
- singleClickLink.addEventListener('mousedown', function(e) {
- e.preventDefault();
- var lcMouseBtn = (modules['singleClick'].options.openBackground.value) ? 1 : 0;
- if (e.button !== 2) {
- // check if it's a relative link (no http://domain) because chrome barfs on these when creating a new tab...
- var thisLink = $(this).parent().parent().parent().find('a.title').attr('href');
- if (!(thisLink.match(/^http/i))) {
- thisLink = 'http://' + document.domain + thisLink;
- }
- if (BrowserDetect.isChrome()) {
- var thisJSON = {
- requestType: 'singleClick',
- linkURL: thisLink,
- openOrder: modules['singleClick'].options.openOrder.value,
- commentsURL: this.getAttribute('thisComments'),
- button: lcMouseBtn,
- ctrl: e.ctrlKey
- };
- chrome.extension.sendMessage(thisJSON);
- } else if (BrowserDetect.isSafari()) {
- var thisJSON = {
- requestType: 'singleClick',
- linkURL: thisLink,
- openOrder: modules['singleClick'].options.openOrder.value,
- commentsURL: this.getAttribute('thisComments'),
- button: lcMouseBtn,
- ctrl: e.ctrlKey
- }
- safari.self.tab.dispatchMessage("singleClick", thisJSON);
- } else if (BrowserDetect.isOpera()) {
- var thisJSON = {
- requestType: 'singleClick',
- linkURL: thisLink,
- openOrder: modules['singleClick'].options.openOrder.value,
- commentsURL: this.getAttribute('thisComments'),
- button: lcMouseBtn,
- ctrl: e.ctrlKey
- }
- opera.extension.postMessage(JSON.stringify(thisJSON));
- } else if (BrowserDetect.isFirefox()) {
- var thisJSON = {
- requestType: 'singleClick',
- linkURL: thisLink,
- openOrder: modules['singleClick'].options.openOrder.value,
- commentsURL: this.getAttribute('thisComments'),
- button: lcMouseBtn,
- ctrl: e.ctrlKey
- }
- self.postMessage(thisJSON);
- } else {
- var thisLink = $(this).parent().parent().parent().find('a.title').attr('href');
- if (!(thisLink.match(/^http/i))) {
- thisLink = 'http://' + document.domain + thisLink;
- }
- if (modules['singleClick'].options.openOrder.value === 'commentsfirst') {
- if (thisLink !== this.getAttribute('thisComments')) {
- // console.log('open comments');
- window.open(this.getAttribute('thisComments'));
- }
- window.open(thisLink);
- } else {
- window.open(thisLink);
- if (thisLink !== this.getAttribute('thisComments')) {
- // console.log('open comments');
- window.open(this.getAttribute('thisComments'));
- }
- }
- }
- }
- }, false);
- }
- }
- }
- }
-};
-
-
-modules['commentPreview'] = {
- moduleID: 'commentPreview',
- moduleName: 'Live Comment Preview',
- category: 'Comments',
- options: {
- enableBigEditor: {
- type: 'boolean',
- value: true,
- description: 'Enable the 2 column editor.'
- }
- },
- description: 'Provides a live preview of comments, as well as a two column editor for writing walls of text.',
- isEnabled: function() {
- return RESConsole.getModulePrefs(this.moduleID);
- },
- include: [
- /^https?:\/\/([a-z]+)\.reddit\.com\/[-\w\.\/]+\/comments\/?[-\w\.]*/i,
- /^https?:\/\/([a-z]+)\.reddit\.com\/comments\/[-\w\.]+/i,
- /^https?:\/\/([a-z]+)\.reddit\.com\/message\/[-\w\.]*\/?[-\w\.]*/i,
- /^https?:\/\/([a-z]+)\.reddit\.com\/r\/[-\w\.]*\/submit\/?/i,
- /^https?:\/\/([a-z]+)\.reddit\.com\/user\/[-\w\.\/]*\/?/i,
- /^https?:\/\/([a-z]+)\.reddit\.com\/r\/[\-\w\.]+\/about\/edit/i,
- /^https?:\/\/([a-z]+)\.reddit\.com\/r\/[\-\w\.]+\/wiki\/create(\/\w+)?/i,
- /^https?:\/\/([a-z]+)\.reddit\.com\/r\/[\-\w\.]+\/wiki\/edit(\/\w+)?/i,
- /^https?:\/\/([a-z]+)\.reddit\.com\/submit\/?/i
- ],
- isMatchURL: function() {
- return RESUtils.isMatchURL(this.moduleID);
- },
- beforeLoad: function() {
- if ((this.isEnabled()) && (this.isMatchURL())) {
- RESUtils.addCSS('.RESDialogSmall.livePreview { position: relative; width: auto; margin-bottom: 15px; }');
- RESUtils.addCSS('.RESDialogSmall.livePreview .RESDialogContents h3 { font-weight: bold; }');
- }
- },
- go: function() {
- if ((this.isEnabled()) && (this.isMatchURL())) {
- this.isWiki = $(document.body).is(".wiki-page");
- if (!this.isWiki) {
- this.converter = window.SnuOwnd.getParser();
- } else {
- //We need to configure non-default renderers here
- var SnuOwnd = window.SnuOwnd;
- var redditCallbacks = SnuOwnd.getRedditCallbacks();
- var rendererConfig = SnuOwnd.defaultRenderState();
- rendererConfig.flags = SnuOwnd.DEFAULT_WIKI_FLAGS;
- rendererConfig.html_element_whitelist = SnuOwnd.DEFAULT_HTML_ELEMENT_WHITELIST;
- rendererConfig.html_attr_whitelist = SnuOwnd.DEFAULT_HTML_ATTR_WHITELIST;
- this.converter = SnuOwnd.getParser({
- callbacks: redditCallbacks,
- context: rendererConfig
- });
-
- this.tocConverter = SnuOwnd.getParser(SnuOwnd.getTocRenderer());
- }
-
- this.bigTextTarget = null;
- if (this.options.enableBigEditor.value) {
- // Install the 2 column editor
- modules['commentPreview'].addBigEditor();
-
- if (modules['keyboardNav'].isEnabled()) {
- $("body").delegate(".usertext-edit textarea, #wiki_page_content", "keydown", function(e) {
- if (checkKeysForEvent(e, modules["keyboardNav"].options.openBigEditor.value)) {
- modules["commentPreview"].showBigEditor.call(this, e);
- }
- })
- }
- }
-
- //Close the preview on submit
- $("body").delegate("form", {
- submit: function(e) {
- $(this).find(".livePreview").hide();
- }
- });
-
- if (!this.isWiki) {
- //Perform initial setup of tools over the whole page}
- this.attachPreview();
- // Wireup reply editors
- RESUtils.watchForElement("newCommentsForms", modules["commentPreview"].attachPreview);
- // Wireup edit editors (usertext-edit already exists in the page)
- RESUtils.watchForElement("newComments", modules["commentPreview"].attachPreview);
- } else {
- this.attachWikiPreview()
- }
- }
- },
- markdownToHTML: function(md) {
- var body = this.converter.render(md);
- if (this.isWiki) {
- /*
- <s>Snudown, and therefore SnuOwnd, is a bit funny about how it generates its table of contents entries.
- To when it encounters a header it tries to perform some of the usual inline formatting such as emphasis, strikethoughs, or superscript in headers. The text containing generated HTML then gets passed into cb_toc_header which escapes all of the passed HTML. When reddit gets it escaped tags are stripped.
-
- It would be nicer if they just used different functions for rendering the emphasis when making headers.</s>
-
- It seems that my understanding was wrong, for some reason reddit doesn't even use snudown's TOC renderer.
- */
- var doc = $('<body>').html(body);
- var header_ids = {};
- var headers = doc.find('h1, h2, h3, h4, h5, h6');
- var tocDiv = $('<div>').addClass('toc');
- var parent = $('<ul>');
- parent.data('level', 0);
- tocDiv.append(parent);
- var level = 0, previous = 0;
- var prefix = 'wiki'
- headers.each(function(i, e) {
- var contents = $(this).text();
- var aid = $('<div>').html(contents).text();
- aid = prefix + '_' + aid.replace(/ /g, '_').toLowerCase();
- aid = aid.replace(/[^\w.-]/g, function(s) {
- return '.' + s.charCodeAt(0).toString(16).toUpperCase();
- });
- if (!(aid in header_ids)) header_ids[aid] = 0;
- var id_num = header_ids[aid] + 1;
- header_ids[aid] += 1;
-
- if (id_num > 1) aid = aid + id_num;
-
- $(this).attr('id', aid);
-
- var li = $('<li>').addClass(aid);
- var a = $('<a>').attr('href', '#'+aid).text(contents);
- li.append(a);
-
- var thisLevel = +this.tagName.slice(-1);
- if (previous && thisLevel > previous) {
- var newUL = $('<ul>');
- newUL.data('level', thisLevel);
- parent.append(newUL);
- parent = newUL;
- level++;
- } else if (level && thisLevel < previous) {
- while (level && parent.data('level') > thisLevel) {
- parent = parent.closest('ul');
- level -= 1;
- }
- }
- previous = thisLevel;
- parent.append(li);
- });
- doc.prepend(tocDiv);
- return doc.html()
- } else {
- return body;
- }
- },
- makeBigEditorButton: function() {
- return $('<button class="RESBigEditorPop" tabIndex="3">big editor</button>');
- },
- attachPreview: function(usertext) {
- if (usertext == null) usertext = document.body;
- if (modules['commentPreview'].options.enableBigEditor.value) {
- modules['commentPreview'].makeBigEditorButton().prependTo($('.bottom-area:not(:has(.RESBigEditorPop))', usertext));
- }
- $(usertext).find(".usertext-edit").each(function() {
- var preview = $(this).find(".livePreview");
- if (preview.length === 0) {
- preview = modules["commentPreview"].makePreviewBox();
- $(this).append(preview);
- }
- var contents = preview.find(".RESDialogContents");
- $(this).find("textarea[name=text], textarea[name=description], textarea[name=public_description]").bind("input", function() {
- var textarea = $(this);
- RESUtils.debounce('refreshPreview', 250, function() {
- var markdownText = textarea.val();
- if (markdownText.length > 0) {
- var html = modules["commentPreview"].markdownToHTML(markdownText);
- preview.show();
- contents.html(html);
- } else {
- preview.hide();
- contents.html("");
- }
- });
- });
- });
- },
- attachWikiPreview: function() {
- if (modules['commentPreview'].options.enableBigEditor.value) {
- modules['commentPreview'].makeBigEditorButton().insertAfter($('.pageactions'));
- }
- var preview = modules["commentPreview"].makePreviewBox();
- preview.find(".md").addClass("wiki");
- preview.insertAfter($("#editform > br").first());
-
- var contents = preview.find(".RESDialogContents");
- $("#wiki_page_content").bind("input", function() {
-
- var textarea = $(this);
- RESUtils.debounce('refreshPreview', 250, function() {
- var markdownText = textarea.val();
- if (markdownText.length > 0) {
- var html = modules["commentPreview"].markdownToHTML(markdownText)
- preview.show();
- contents.html(html);
- } else {
- preview.hide();
- contents.html("");
- }
- });
- });
- },
- makePreviewBox: function() {
- return $("<div style=\"display: none\" class=\"RESDialogSmall livePreview\"><h3>Live Preview</h3><div class=\"md RESDialogContents\"></div></div>");
- },
- addBigEditor: function() {
- var editor = $('<div id="BigEditor">').hide();
- var left = $('<div class="BELeft RESDialogSmall"><h3>Editor</h3></div>');
- var contents = $('<div class="RESDialogContents"><textarea id="BigText" class=""></textarea></div>');
- var foot = $('<div class="BEFoot">');
- foot.append($('<button style="float:left;">save</button>').bind('click', function() {
- var len = $('#BigText').val().length;
- var max = $('#BigText').attr("data-max-length");
- if (len > max) {
- $('#BigEditor .errorList .error').hide().filter('.TOO_LONG').text('this is too long (max: '+max+')').show();
- } else if (len === 0) {
- $('#BigEditor .errorList .error').hide().filter('.NO_TEXT').show();
- } else if (modules['commentPreview'].bigTextTarget) {
- modules['commentPreview'].bigTextTarget.submit();
- modules['commentPreview'].bigTextTarget.parents('.usertext-edit:first').find('.livePreview .md').html('');
- modules.commentPreview.hideBigEditor(false, true);
- } else {
- $('#BigEditor .errorList .error').hide().filter('.NO_TARGET').show();
- }
-
- }));
- foot.append($('<button style="float:left;">close</button>').bind('click', modules.commentPreview.hideBigEditor));
-
- foot.append($('<span class="errorList">\
- <span style="display: none;" class="error NO_TEXT">we need something here</span>\
- <span style="display: none;" class="error TOO_LONG">this is too long (max: 10000)</span>\
- <span style="display: none;" class="error NO_TARGET">there is no associated textarea</span>\
- </span>'));
-
- contents.append(foot);
- left.append(contents);
-
- var right = $('<div class="BERight RESDialogSmall"><h3>Preview</h3><div class="RESCloseButton RESFadeButton"></div><div class="RESCloseButton close">X</div>\
- <div class="RESDialogContents"><div id="BigPreview" class=" md"></div></div></div>');
- editor.append(left).append(right);
-
- $(document.body).append(editor);
-
- $('.BERight .RESCloseButton.close').bind("click", modules.commentPreview.hideBigEditor);
- $('.BERight .RESFadeButton').bind({
- click: function(e) {
- $("#BigEditor").fadeTo(300, 0.3);
- $(document.body).removeClass("RESScrollLock");
- this.isFaded = true;
- },
- mouseout: function(e) {
- if (this.isFaded) $("#BigEditor").fadeTo(300, 1.0);
- $(document.body).addClass("RESScrollLock");
- this.isFaded = false;
- }
- });
- $('body').delegate('.RESBigEditorPop', 'click', modules.commentPreview.showBigEditor);
-
- $('#BigText').bind('input', function() {
- RESUtils.debounce('refreshBigPreview', 250, function() {
- var text = $('#BigText').val();
- var html = modules['commentPreview'].markdownToHTML(text);
- $('#BigPreview').html(html);
- if (modules['commentPreview'].bigTextTarget) {
- modules['commentPreview'].bigTextTarget.val(text);
- }
- });
- }).bind("keydown", function(e) {
- //Close big editor on escape
- if (e.keyCode === modules["commentTools"].KEYS.ESCAPE) {
- modules["commentPreview"].hideBigEditor();
- e.preventDefault();
- return false;
- }
- });
- if (modules['commentTools'].isEnabled()) {
- contents.prepend(modules['commentTools'].makeEditBar());
- }
- },
- showBigEditor: function(e) {
- e.preventDefault();
- // modules.commentPreview.bigTextTarget = null;
- modules.commentPreview.hideBigEditor(true);
- $('.side').addClass('BESideHide');
- $('body').addClass('RESScrollLock');
- RESUtils.fadeElementIn(document.getElementById('BigEditor'), 0.3);
- var baseText;
- if (!modules['commentPreview'].isWiki) {
- baseText = $(this).parents('.usertext-edit:first').find('textarea');
- $("#BigPreview").removeClass("wiki");
- $(".BERight .RESDialogContents").removeClass("wiki-page-content");
- } else {
- baseText = $('#wiki_page_content');
- $("#BigPreview").addClass("wiki");
- $(".BERight .RESDialogContents").addClass("wiki-page-content");
- }
-
- var markdown = baseText.val();
- var maxLength = baseText.attr("data-max-length");
- $("#BigText").attr("data-max-length", maxLength).val(markdown).focus();
- modules['commentTools'].updateCounter($("#BigText")[0]);
- $('#BigPreview').html(modules['commentPreview'].markdownToHTML(markdown));
- modules.commentPreview.bigTextTarget = baseText;
- },
- hideBigEditor: function(quick, submitted) {
- if (quick === true) {
- $('#BigEditor').hide();
- } else {
- RESUtils.fadeElementOut(document.getElementById('BigEditor'), 0.3);
- }
- $('.side').removeClass('BESideHide');
- $('body').removeClass('RESScrollLock');
- var target = modules['commentPreview'].bigTextTarget;
-
- if (target != null) {
- target.val($('#BigText').val())
- target.focus();
- if (submitted !== true) {
- var inputEvent = document.createEvent("HTMLEvents");
- inputEvent.initEvent("input", true, true);
- target[0].dispatchEvent(inputEvent);
- }
- modules['commentPreview'].bigTextTarget = null;
- }
- },
-};
-
-
-
-modules['commentTools'] = {
- moduleID: 'commentTools',
- moduleName: 'Comment Tools',
- category: 'Comments',
- options: {
- commentingAs: {
- type: 'boolean',
- value: true,
- description: 'Shows your currently logged in username to avoid posting from the wrong account.'
- },
- userAutocomplete: {
- type: 'boolean',
- value: true,
- description: 'Show user autocomplete tool when typing in posts, comments and replies'
- },
- subredditAutocomplete: {
- type: 'boolean',
- value: true,
- description: 'Show subreddit autocomplete tool when typing in posts, comments and replies'
- },
- showInputLength: {
- type: 'boolean',
- value: true,
- description: 'When submitting, display the number of characters entered in the title and text fields and indicate when you go over the 300 character limit for titles.'
- },
- keyboardShortcuts: {
- type: 'boolean',
- value: true,
- description: 'Use keyboard shortcuts to apply styles to selected text'
- },
- macros: {
- type: 'table',
- addRowText: '+add shortcut',
- fields: [
- { name: 'label', type: 'text' },
- { name: 'text', type: 'textarea' },
- { name: 'category', type: 'text' },
- { name: 'key', type: 'keycode' }
- ],
- value: [
- ],
- description: "Add buttons to insert frequently used snippets of text."
- },
- keepMacroListOpen: {
- type: 'boolean',
- value: false,
- description: 'After selecting a macro from the dropdown list, do not hide the list.'
- }
- },
- description: 'Provides shortcuts for easier markdown.',
- isEnabled: function() {
- return RESConsole.getModulePrefs(this.moduleID);
- },
- include: [
- /^https?:\/\/([a-z]+)\.reddit\.com\/[-\w\.\/]+\/comments\/?[-\w\.]*/i,
- /^https?:\/\/([a-z]+)\.reddit\.com\/comments\/[-\w\.]+/i,
- /^https?:\/\/([a-z]+)\.reddit\.com\/message\/[-\w\.]*\/?[-\w\.]*/i,
- /^https?:\/\/([a-z]+)\.reddit\.com\/r\/[-\w\.]*\/submit\/?/i,
- /^https?:\/\/([a-z]+)\.reddit\.com\/user\/[-\w\.\/]*\/?/i,
- /^https?:\/\/([a-z]+)\.reddit\.com\/r\/[\-\w\.]+\/about\/edit/i,
- /^https?:\/\/([a-z]+)\.reddit\.com\/r\/[\-\w\.]+\/wiki\/create(\/\w+)?/i,
- /^https?:\/\/([a-z]+)\.reddit\.com\/r\/[\-\w\.]+\/wiki\/edit(\/\w+)?/i,
- /^https?:\/\/([a-z]+)\.reddit\.com\/submit\/?/i
- ],
- isMatchURL: function() {
- return RESUtils.isMatchURL(this.moduleID);
- },
- beforeLoad: function() {
- if ((this.isEnabled()) && (this.isMatchURL())) {
- RESUtils.addCSS('.markdownEditor { white-space: nowrap; }');
- RESUtils.addCSS('.RESMacroWrappingSpan { white-space: normal; }');
- RESUtils.addCSS('.markdownEditor a { margin-right: 8px; text-decoration: none; font-size: 11px; }');
- RESUtils.addCSS('.markdownEditor .RESMacroDropdown {font-size: 10px; }');
- RESUtils.addCSS('.selectedItem { color: #fff; background-color: #5f99cf; }');
- // RESUtils.addCSS('.RESDialogSmall.livePreview { position: relative; width: auto; margin-bottom: 15px; }');
- // RESUtils.addCSS('.RESDialogSmall.livePreview .RESDialogContents h3 { font-weight: bold; }');
- RESUtils.addCSS('.RESMacroDropdownTitle, .RESMacroDropdownTitleOverlay { cursor: pointer; display: inline-block; font-size: 11px; text-decoration: underline; color: gray; padding-left: 2px; padding-right: 21px; background-image: url(http://www.redditstatic.com/droparrowgray.gif); background-position: 100% 50%; background-repeat: no-repeat; }');
- RESUtils.addCSS('.RESMacroDropdownTitleOverlay { cursor: pointer; }');
- RESUtils.addCSS('.RESMacroDropdownContainer { display: none; position: absolute; }');
- RESUtils.addCSS('.RESMacroDropdown { display: none; position: absolute; z-index: 2001; }');
- RESUtils.addCSS('.RESMacroDropdownList { margin-top: 0; width: auto; max-width: 300px; }');
- RESUtils.addCSS('.RESMacroDropdownList a, .RESMacroDropdownList li { font-size: 10px; }');
- RESUtils.addCSS('.RESMacroDropdown li { padding-right: 10px; height: 25px; line-height: 24px; }');
- }
- },
- SUBMIT_LIMITS: {
- STYLESHEET: 128*1024,
- SIDEBAR: 5120,
- DESCRIPTION: 500,
- WIKI: 256*1024,
- POST: 10000,
- POST_TITLE: 300
- },
- //Moved this out of go() because the large commentPreview may need it.
- macroCallbackTable: [],
- macroKeyTable: [],
- go: function() {
- if ((this.isEnabled()) && (this.isMatchURL())) {
- this.isWiki = $(document.body).is(".wiki-page");
- this.migrateData();
- $("body").delegate("li.viewSource a", {
- click: function(e) {
- e.preventDefault();
- modules["commentTools"].viewSource(this);
- }
- }).delegate(".usertext-edit.viewSource .cancel", {
- click: function() {
- $(this).parents(".usertext-edit.viewSource").hide();
-
- }
- }).delegate("div.markdownEditor a", {
- click: function(e) {
- e.preventDefault();
-
- var index = $(this).attr("data-macro-index");
- var box = modules["commentTools"].findTextareaForElement(this)[0];
- // var box = $(this).closest(".usertext-edit, .RESDialogContents, .wiki-page-content").find("textarea[name=text], textarea[name=description], textarea[name=public_description]")[0];
- if (box == null) {
- console.error("Failed to locate textarea.");
- return;
- }
- var handler = modules["commentTools"].macroCallbackTable[index];
- if (box == null) {
- console.error("Failed to locate find callback.");
- return;
- }
- handler.call(modules["commentTools"], this, box);
-
- box.focus();
- //Fire an input event to refresh the preview
- var inputEvent = document.createEvent("HTMLEvents");
- inputEvent.initEvent("input", true, true);
- box.dispatchEvent(inputEvent);
- }
- }).delegate(".RESMacroDropdownTitle", {
- click: function(e) {
- var pos = $(this).position();
- $(this).next().css({
- top: (pos).top+"px",
- left: (pos).left+"px"
- }).show();
- }
- }).delegate(".RESMacroDropdown", {
- mouseleave: function(e) {
- $(this).hide();
- }
- });
-
- if (this.options.showInputLength.value) {
-
- $("body").delegate(".usertext-edit textarea, #title-field textarea, #BigEditor textarea, #wiki_page_content", {
- input: function(e){
- modules['commentTools'].updateCounter(this);
- }
- });
- }
-
- if (this.options.keyboardShortcuts.value) {
- $("body").delegate(".usertext-edit textarea, #BigEditor textarea, #wiki_page_content", {
- keydown: function(e) {
- if (e.keyCode === modules["commentTools"].KEYS.ESCAPE) {
- if (!modules["commentTools"].autoCompletePop.is(':visible')) {
- // Blur from the editor on escape, so we can return to using the keyboard nav.
- // NOTE: The big editor closes on ESC so this won't be reached in that case.
- $(this).blur();
- e.preventDefault();
- return false;
- } else {
- return true;
- }
- }
-
- for (var i = 0; i < modules["commentTools"].macroKeyTable.length; i++) {
- var row = modules["commentTools"].macroKeyTable[i];
- var testedKeyArray = row[0], macroIndex = row[1];
- if (checkKeysForEvent(e, testedKeyArray)) {
- var handler = modules["commentTools"].macroCallbackTable[macroIndex];
- handler.call(modules["commentTools"], null, this);
- //Fire an input event to refresh the preview
- var inputEvent = document.createEvent("HTMLEvents");
- inputEvent.initEvent("input", true, true);
- this.dispatchEvent(inputEvent);
- e.preventDefault();
- return false;
- }
- };
- }
- });
- }
- if (this.options.subredditAutocomplete.value || this.options.userAutocomplete.value) {
- this.addAutoCompletePop();
- }
-
- //Perform initial setup of tools over the whole page
- this.attachCommentTools();
- this.attatchViewSourceButtons()
- /*
- //These are no longer necessary but I am saving them in case Reddit changes how they make their reply forms.
- // Wireup reply editors
- RESUtils.watchForElement("newCommentsForms", modules["commentTools"].attachCommentTools);
- // Wireup edit editors (usertext-edit already exists in the page)
- RESUtils.watchForElement("newComments", modules["commentTools"].attachCommentTools);
- */
- RESUtils.watchForElement("newComments", modules["commentTools"].attatchViewSourceButtons);
- }
- },
- migrateData: function() {
- var LATEST_MACRO_DATA_VERSION = "2";
- var macroVersion = RESStorage.getItem("RESmodules.commentTools.macroDataVersion");
- if (macroVersion == null || macroVersion === "0") {
- //In this case it is unmigrated or uncreated
- var previewOptionString = RESStorage.getItem("RESoptions.commentPreview");
- var previewOptions = safeJSON.parse(previewOptionString, "commentPreview");
- if (previewOptions != null) {
- if (typeof previewOptions.commentingAs !== "undefined") {
- this.options.commentingAs.value = previewOptions.commentingAs.value
- delete previewOptions.commentingAs;
- }
- if (typeof previewOptions.keyboardShortcuts !== "undefined") {
- this.options.keyboardShortcuts.value = previewOptions.keyboardShortcuts.value
- delete previewOptions.keyboardShortcuts;
- }
- if (typeof previewOptions.subredditAutocomplete !== "undefined") {
- this.options.subredditAutocomplete.value = previewOptions.subredditAutocomplete.value
- delete previewOptions.subredditAutocomplete;
- }
- if (typeof previewOptions.macros !== "undefined") {
- var macros;
- macros = this.options.macros.value = previewOptions.macros.value
- for (var i = 0; i < macros.length; i++) {
- while (macros[i].length < 4) macros[i].push("");
- }
- delete previewOptions.macros;
- }
- RESStorage.setItem("RESoptions.commentTools", JSON.stringify(this.options));
- RESStorage.setItem("RESoptions.commentPreview", JSON.stringify(previewOptions));
- RESStorage.setItem("RESmodules.commentTools.macroDataVersion", LATEST_MACRO_DATA_VERSION);
- } else {
- //No migration will be performed
- RESStorage.setItem("RESmodules.commentTools.macroDataVersion", LATEST_MACRO_DATA_VERSION);
- }
- } if (macroVersion === "1") {
- var macros = this.options.macros.value;
- for (var i = 0; i < macros.length; i++) {
- while (macros[i].length < 4) macros[i].push("");
- }
- RESStorage.setItem("RESmodules.commentTools.macroDataVersion", LATEST_MACRO_DATA_VERSION);
- }
- },
- attatchViewSourceButtons: function(entry) {
- var entries = entry == null ? $(".entry", document.body) : $(entry);
- if (RESUtils.pageType() === "comments" || RESUtils.pageType() === "inbox") {
- //Disabled syncronous version
- // $(".flat-list.buttons", entries).find("li:nth-child(2), li:only-child").after('<li class="viewSource"><a href="javascript:void(0)">source</a></li>');
- var menus = $(".flat-list.buttons li:first-child", entries);
- RESUtils.forEachChunked(menus, 30, 500, function(item, i, array) {
- $(item).after('<li class="viewSource"><a href="javascript:void(0)">source</a></li>');
- });
- }
- },
- viewSource: function(button) {
- var buttonList = $(button).parent().parent();
- var sourceDiv = $(button).closest('.thing').find(".usertext-edit.viewSource:first");
- if (sourceDiv.length !== 0) {
- sourceDiv.toggle();
- } else {
- var permaLink = buttonList.find(".first a");
- var jsonURL = permaLink.attr("href");
- var urlSplit = jsonURL.split('/');
- var postID = urlSplit[urlSplit.length - 1];
-
- var isSelfText = permaLink.is(".comments");
- if (jsonURL.indexOf('?context') !== -1) {
- jsonURL = jsonURL.replace('?context=3','.json?');
- } else {
- jsonURL += '/.json';
- }
- this.gettingSource = this.gettingSource || {};
- if (this.gettingSource[postID]) return;
- this.gettingSource[postID] = true;
-
- GM_xmlhttpRequest({
- method: "GET",
- url: jsonURL,
- onload: function(response) {
- var thisResponse = JSON.parse(response.responseText);
- var userTextForm = $('<div class="usertext-edit viewSource"><div><textarea rows="1" cols="1" name="text"></textarea></div><div class="bottom-area"><div class="usertext-buttons"><button type="button" class="cancel">hide</button></div></div></div>');
- if (!isSelfText) {
- var sourceText = null;
- if (typeof thisResponse[1] !== 'undefined') {
- sourceText = thisResponse[1].data.children[0].data.body;
- } else {
- var thisData = thisResponse.data.children[0].data;
- if (thisData.id == postID) {
- sourceText = thisData.body;
- } else {
- // The message we want is a reply to a PM/modmail, but reddit returns the whole thread.
- // So, we have to dig into the replies to find the message we want.
- for (var i=0, len=thisData.replies.data.children.length; i<len; i++) {
- var replyData = thisData.replies.data.children[i].data;
- if (replyData.id == postID) {
- sourceText = replyData.body;
- break;
- }
- }
- }
- }
- // sourceText in this case is reddit markdown. escaping it would screw it up.
- userTextForm.find("textarea[name=text]").html(sourceText);
- } else {
- var sourceText = thisResponse[0].data.children[0].data.selftext;
-// console.log(sourceText);
- // sourceText in this case is reddit markdown. escaping it would screw it up.
- userTextForm.find("textarea[name=text]").html(sourceText);
- }
- buttonList.before(userTextForm);
- }
- });
- }
- },
- attachCommentTools: function (elem) {
- if (elem == null) elem = document.body;
- $(elem).find("textarea[name]").each(modules["commentTools"].attachEditorToUsertext);
- },
- attachEditorToUsertext: function() {
- if (this.hasAttribute("data-max-length")) return;
- var limit;
- switch (this.name) {
- case "title": limit = modules['commentTools'].SUBMIT_LIMITS.POST_TITLE; break;
- case "text": limit = modules['commentTools'].SUBMIT_LIMITS.POST; break;
- case "description": limit = modules['commentTools'].SUBMIT_LIMITS.SIDEBAR; break;
- case "public_description": limit = modules['commentTools'].SUBMIT_LIMITS.DESCRIPTION; break;
- case "content": limit = modules['commentTools'].SUBMIT_LIMITS.WIKI; break;
- case "description_conflict_old": return;
- case "public_description_conflict_old": return;
- default:
- // console.warn("unhandled form", this);
- return;
- }
- $(this).attr("data-max-length", limit);
-
-
- if (this.name === "title") return;
-
- var bar = modules['commentTools'].makeEditBar();
- if (this.id === "wiki_page_content") {
- $(this).parent().prepend(bar);
- } else {
- $(this).parent().before(bar);
- }
- modules['commentTools'].updateCounter(this);
- },
- updateCounter: function(textarea) {
- var length = $(textarea).val().length;
- var limit = +$(textarea).attr("data-max-length");
- var counter = $(textarea).parent().parent().find(".markdownEditor .RESCharCounter");
- counter.attr('title', 'character limit: '+length+'/'+limit);
- counter.text(length+'/'+limit);
- if (length > limit) {
- counter.addClass('tooLong');
- } else {
- counter.removeClass('tooLong');
- }
- },
- makeEditBar: function() {
- if (this.cachedEditBar != null) {
- return $(this.cachedEditBar).clone();
- }
-
- var editBar = $('<div class="markdownEditor">');
-
- editBar.append(this.makeEditButton("<b>Bold</b>", "ctrl-b", [66, false, true, false, false], function(button, box) {
- this.wrapSelection(box, "**", "**");
- }));
- editBar.append(this.makeEditButton("<i>Italic</i>", "ctrl-i", [73, false, true, false, false], function(button, box) {
- this.wrapSelection(box, "*", "*");
- }));
- editBar.append(this.makeEditButton("<del>strike</del>", "ctrl-s", 83, function(button, box) {
- this.wrapSelection(box, "~~", "~~");
- }));
- editBar.append(this.makeEditButton("<sup>sup</sup>", "", null, function(button, box) {
- this.wrapSelectedWords(box, "^");
- }));
- editBar.append(this.makeEditButton("Link", "", null, function(button, box) {
- this.linkSelection(box);
- }));
- editBar.append(this.makeEditButton(">Quote", "", null, function(button, box) {
- this.wrapSelectedLines(box, "> ", "");
- }));
- editBar.append(this.makeEditButton("<span style=\"font-family: Courier New\">Code</span>", "", null, function(button, box) {
- this.wrapSelectedLines(box, " ", "");
- }));
- editBar.append(this.makeEditButton("•Bullets", "", null, function(button, box) {
- this.wrapSelectedLines(box, "* ", "");
- }));
- editBar.append(this.makeEditButton("1.Numbers", "", null, function(button, box) {
- this.wrapSelectedLines(box, "1. ", "");
- }));
-
- if (modules["commentTools"].options.showInputLength.value) {
- var counter = $('<span class="RESCharCounter" title="character limit: 0/?????">0/?????</span>');
- editBar.append(counter);
- }
-
- this.addButtonToMacroGroup("", this.makeEditButton("reddiquette", "", null, function(button, box){
- var clickCount = $(button).data("clickCount") || 0;
- clickCount++;
- $(button).data("clickCount", clickCount);
- if (clickCount > 2) {
- $(button).hide();
- }
- this.macroSelection(box, "[reddiquette](http://www.reddit.com/help/reddiquette) ", "");
- }));
-
- this.addButtonToMacroGroup("", this.makeEditButton("[Promote]", "", null, function(button, box){
- var clickCount = $(button).data("clickCount") || 0;
- clickCount++;
- $(button).data("clickCount", clickCount);
- if (clickCount > 2) {
- $(button).hide();
- modules["commentTools"].lod();
- }
- this.macroSelection(box, "[Reddit Enhancement Suite](http://redditenhancementsuite.com) ");
- }));
-
- this.addButtonToMacroGroup("", this.makeEditButton("ಠ\_ಠ", "Look of disaproval", null, function(button, box) {
- this.macroSelection(box, "ಠ\_ಠ");
- }));
- this.buildMacroDropdowns(editBar);
- var addMacroButton = modules['commentTools'].makeEditButton(modules['commentTools'].options.macros.addRowText, null, null, function() {
- modules['settingsNavigation'].loadSettingsPage(this.moduleID, 'macros');
- $('.RESMacroDropdown').fadeOut(100);
- });
- modules['commentTools'].addButtonToMacroGroup('', addMacroButton);
-
-
-
-
- //Wrap the edit bar in a <div> of its own
- var wrappedEditBar = $("<div>").append(editBar);
- if (this.options.commentingAs.value && (!modules['usernameHider'].isEnabled())) {
- // show who we're commenting as...
- var commentingAs = $('<div class="commentingAs">').text('Commenting as: ' + RESUtils.loggedInUser());
- wrappedEditBar.append(commentingAs);
-
- }
- this.cachedEditBar = wrappedEditBar;
- return this.cachedEditBar;
- },
- macroDropDownTable: {},
- getMacroGroup: function(groupName) {
- //Normalize and supply a default group name{}
- groupName = (groupName||"").toString().trim() || "macros";
- var macroGroup;
- if (groupName in this.macroDropDownTable) {
- macroGroup = this.macroDropDownTable[groupName];
- } else {
- macroGroup = this.macroDropDownTable[groupName] = {};
- macroGroup.titleButton = $('<span class="RESMacroDropdownTitle">'+groupName+'</span>');
- macroGroup.container = $('<span class="RESMacroDropdown"><span class="RESMacroDropdownTitleOverlay">'+groupName+'</span></span>').hide();
- macroGroup.dropdown = $('<ul class="RESMacroDropdownList RESDropdownList"></ul>');
- macroGroup.container.append(macroGroup.dropdown);
- }
- return macroGroup;
- },
- addButtonToMacroGroup: function(groupName, button) {
- var group = this.getMacroGroup(groupName);
- group.dropdown.append($("<li>").append(button));
- },
- buildMacroDropdowns: function(editBar) {
- var macros = this.options.macros.value;
-
- for (var i = 0; i < macros.length; i++) {
- var macro = macros[i];
-
- //Confound these scoping rules
- (function(title, text, category, key) {
- var button = this.makeEditButton(title, null, key, function(button, box) {
- this.macroSelection(box, text, "");
- });
- this.addButtonToMacroGroup(category, button);
- }).apply(this, macro);
- }
-
-
- var macroWrapper = $('<span class="RESMacroWrappingSpan">');
- if ("macros" in this.macroDropDownTable) {
- macroWrapper.append(this.macroDropDownTable["macros"].titleButton);
- macroWrapper.append(this.macroDropDownTable["macros"].container);
- }
- for (var category in this.macroDropDownTable) {
- if (category === "macros") continue;
- macroWrapper.append(this.macroDropDownTable[category].titleButton);
- macroWrapper.append(this.macroDropDownTable[category].container);
- }
- editBar.append(macroWrapper);
- },
- makeEditButton: function(label, title, key, handler) {
- if (label == null) label = "unlabeled";
- if (title == null) title = "";
- var macroButtonIndex = this.macroCallbackTable.length;
- var button = $("<a>").html(label).attr({
- title: title,
- href: "javascript:void(0)",
- tabindex: 1,
- "data-macro-index": macroButtonIndex
- });
-
- if (key != null && key[0] != null) {
- this.macroKeyTable.push([key, macroButtonIndex]);
- }
- this.macroCallbackTable[macroButtonIndex] = handler;
- return button;
- },
- linkSelection: function(box) {
- var url = prompt("Enter the URL:", "");
- if (url != null) {
- //escape parens in url
- url = url.replace(/\(/, "\\(");
- url = url.replace( /\)/, "\\)");
- this.wrapSelection(box, "[", "](" + url + ")", function(text) {
- //escape brackets and parens in text
- text = text.replace(/\[/, "\\[");
- text = text.replace(/\]/, "\\]");
- text = text.replace(/\(/, "\\(");
- text = text.replace(/\)/, "\\)");
- return text;
- });
- }
- },
- macroSelection: function(box, macroText) {
- if (!this.options.keepMacroListOpen.value) $('.RESMacroDropdown').fadeOut(100);
- this.wrapSelection(box, macroText, "");
- },
- wrapSelection: function(box, prefix, suffix, escapeFunction) {
- if (box == null) return;
- //record scroll top to restore it later.
- var scrollTop = box.scrollTop;
-
- //We will restore the selection later, so record the current selection.
- var selectionStart = box.selectionStart;
- var selectionEnd = box.selectionEnd;
-
- var text = box.value;
- var beforeSelection = text.substring(0, selectionStart);
- var selectedText = text.substring(selectionStart, selectionEnd);
- var afterSelection = text.substring(selectionEnd);
-
- //Markdown doesn't like it when you tag a word like **this **. The space messes it up. So we'll account for that because Firefox selects the word, and the followign space when you double click a word.
- var trailingSpace = "";
- var cursor = selectedText.length - 1;
- while (cursor > 0 && selectedText[cursor] === " ") {
- trailingSpace += " ";
- cursor--;
- }
- selectedText = selectedText.substring(0, cursor+1);
-
- if (escapeFunction != null) {
- selectedText = escapeFunction(selectedText);
- }
-
- box.value = beforeSelection + prefix + selectedText + suffix + trailingSpace + afterSelection;
-
- box.selectionStart = selectionStart + prefix.length;
- box.selectionEnd = selectionEnd + prefix.length;
-
- box.scrollTop = scrollTop;
- },
- wrapSelectedLines: function(box, prefix, suffix) {
- var scrollTop = box.scrollTop;
- var selectionStart = box.selectionStart;
- var selectionEnd = box.selectionEnd;
-
- var text = box.value;
- var startPosition = 0;
- var lines = text.split("\n");
- for (var i = 0; i < lines.length; i++) {
- var lineStart = startPosition;
- var lineEnd = lineStart + lines[i].length;
- //Check if either end of the line is within the selection
- if (selectionStart <= lineStart && lineStart <= selectionEnd
- || selectionStart <= lineEnd && lineEnd <= selectionEnd
- //Check if either end of the selection is within the line
- || lineStart <= selectionStart && selectionStart <= lineEnd
- || lineStart <= selectionEnd && selectionEnd <= lineEnd) {
- lines[i] = prefix + lines[i] + suffix;
- //Move the offsets separately so we don't throw off detection for the other end
- var startMovement = 0, endMovement = 0;
- if (lineStart < selectionStart) startMovement += prefix.length;
- if (lineEnd < selectionStart) startMovement += suffix.length;
- if (lineStart < selectionEnd) endMovement += prefix.length;
- if (lineEnd < selectionEnd) endMovement += suffix.length;
-
- selectionStart += startMovement;
- selectionEnd += endMovement;
- lineStart += prefix.length;
- lineEnd += prefix.length + suffix.length;
- }
- //Remember the newline
- startPosition = lineEnd + 1;
- }
-
- box.value = lines.join("\n");
- box.selectionStart = selectionStart;
- box.selectionEnd = selectionEnd;
- box.scrollTop = scrollTop;
- },
- wrapSelectedWords: function(box, prefix) {
- var scrollTop = box.scrollTop;
- var selectionStart = box.selectionStart;
- var selectionEnd = box.selectionEnd;
-
- var text = box.value;
- var beforeSelection = text.substring(0, selectionStart);
- var selectedWords = text.substring(selectionStart, selectionEnd).split(" ");
- var afterSelection = text.substring(selectionEnd);
-
- var selectionModify = 0;
-
- for (i = 0; i < selectedWords.length; i++) {
- if (selectedWords[i] !== "") {
- if (selectedWords[i].indexOf("\n") !== -1)
- {
- newLinePosition = selectedWords[i].lastIndexOf("\n") + 1;
- selectedWords[i] = selectedWords[i].substring(0, newLinePosition) + prefix + selectedWords[i].substring(newLinePosition);
- selectionModify += prefix.length;
- }
- if (selectedWords[i].charAt(0) !== "\n") {
- selectedWords[i] = prefix + selectedWords[i];
- }
- selectionModify += prefix.length;
- }
- // If nothing is selected, stick the prefix in there and move the cursor to the right side.
- else if (selectedWords[i] === "" && selectedWords.length === 1) {
- selectedWords[i] = prefix + selectedWords[i];
- selectionModify += prefix.length;
- selectionStart += prefix.length;
- }
- }
-
- box.value = beforeSelection + selectedWords.join(" ") + afterSelection;
- box.selectionStart = selectionStart;
- box.selectionEnd = selectionEnd + selectionModify;
- box.scrollTop = scrollTop;
- },
- lod: function() {
- if (typeof this.firstlod === 'undefined') {
- this.firstlod = true;
- $('body').append('<div id="RESlod" style="display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; background-color: #ddd; opacity: 0.9; z-index: 99999;"><div style="position: relative; text-align: center; width: 400px; height: 300px; margin: auto;"><div style="font-size: 100px; margin-bottom: 10px;">ಠ\_ಠ</div> when you do this, people direct their frustrations at <b>me</b>... could we please maybe give this a rest?</div></div>');
- }
- $('#RESlod').fadeIn('slow', function() {
- setTimeout(function() {
- $('#RESlod').fadeOut('slow');
- }, 5000);
- });
- },
- KEYS: {
- BACKSPACE: 8, TAB: 9, ENTER: 13,
- ESCAPE: 27, SPACE: 32,
- PAGE_UP: 33, PAGE_DOWN: 34,
- END: 35, HOME: 36,
- LEFT: 37, UP: 38, RIGHT: 39, DOWN: 40,
- NUMPAD_ENTER: 108, COMMA: 188
- },
- addAutoCompletePop: function() {
-
- this.autoCompleteCache = {};
- this.autoCompletePop = $('<div id="autocomplete_dropdown" \
- class="drop-choices srdrop inuse" \
- style="display:none;">');
- this.autoCompletePop.delegate(".choice", "click mousedown", function(e) {
-
- modules["commentTools"].autoCompleteHideDropdown();
- modules["commentTools"].autoCompleteInsert(this.innerHTML);
- });
- $("body").append(this.autoCompletePop);
-
- $("body").delegate(".usertext .usertext-edit textarea, #BigText, #wiki_page_content", {
- keyup: this.autoCompleteTrigger,
- keydown: this.autoCompleteNavigate,
- blur: this.autoCompleteHideDropdown
- });
- },
- autoCompleteLastTarget: null,
- autoCompleteTrigger: function(e) {
- var mod = modules["commentTools"];
- var KEYS = mod.KEYS;
- //\0x08 is backspace
- if (/[^A-Za-z0-9 \x08]/.test(String.fromCharCode(e.keyCode))) return true;
- mod.autoCompleteLastTarget = this;
- var matchRE = /\W\/?([ru])\/([\w\.]*)$/;
- var matchSkipRE = /\W\/?([ru])\/([\w\.]*)\ $/;
- var fullText = $(this).val();
- var prefixText = fullText.slice(0, this.selectionStart);
- var match = matchRE.exec(" " + prefixText);
- if (match != null) {
- if (match[1] === "r" && mod.options.subredditAutocomplete.value == false) return;
- if (match[1] === "u" && mod.options.userAutocomplete.value == false) return;
- }
-
- if(match==null || match[2] === "" || match[2].length > 10) {
- if (e.keyCode === KEYS.SPACE || e.keyCode === KEYS.ENTER) {
- var match = matchSkipRE.exec(" " + prefixText);
- if (match) {
- mod.autoCompleteInsert(match[2]);
- }
- }
- return mod.autoCompleteHideDropdown();
- }
-
- var type = match[1];
- var query = match[2].toLowerCase();
- var queryId = type+"/"+query;
- var cache = mod.autoCompleteCache;
- if (queryId in cache) {
- return mod.autoCompleteUpdateDropdown(cache[queryId]);
- }
-
- RESUtils.debounce("autoComplete", 300, function() {
- if (type === "r") {
- mod.getSubredditCompletions(query);
- } else if (type === "u") {
- mod.getUserCompletions(query);
- }
- });
- },
- getSubredditCompletions: function(query) {
- var mod = modules['commentTools'];
- if (this.options.subredditAutocomplete.value) {
- $.ajax({
- type: "POST",
- url: "/api/search_reddit_names.json",
- data: {query: query, app: "res"},
- dataType: "json",
- success: function(data) {
- mod.autoCompleteCache['r/'+query] = data.names;
- mod.autoCompleteUpdateDropdown(data.names);
- mod.autoCompleteSetNavIndex(0);
- }
- });
- }
- },
- getUserCompletions: function(query) {
- if (this.options.userAutocomplete.value) {
- var tags = JSON.parse(RESStorage.getItem("RESmodules.userTagger.tags"));
- var tagNames = Object.keys(tags);
- var pageNames = [].map.call($(".author"), function(e) {
- return e.innerHTML;
- });
- var names = tagNames.concat(pageNames);
- names = names.filter(function(e, i, a) {
- return e.toLowerCase().indexOf(query) === 0;
- }).sort().reduce(function(prev, current, i, a) {
- //Removing duplicates
- if (prev[prev.length - 1] != current) {
- prev.push(current);
- }
- return prev;
- }, []);
-
- this.autoCompleteCache['u/'+query] = names;
- this.autoCompleteUpdateDropdown(names);
- this.autoCompleteSetNavIndex(0);
- }
- },
- autoCompleteNavigate: function(e) {
- //Don't mess with shortcuts for fancier cursor movement
- if (e.metaKey || e.shiftKey || e.ctrlKey || e.altKey) return;
- var mod = modules["commentTools"];
- var KEYS = mod.KEYS;
- var entries = mod.autoCompletePop.find("a.choice");
- var index = +mod.autoCompletePop.find(".selectedItem").attr("data-index");
- if (mod.autoCompletePop.is(':visible')) {
- switch (e.keyCode) {
- case KEYS.DOWN:
- case KEYS.RIGHT:
- e.preventDefault();
- if (index < entries.length-1) index++;
- mod.autoCompleteSetNavIndex(index);
- break;
- case KEYS.UP:
- case KEYS.LEFT:
- e.preventDefault();
- if (index > 0) index--;
- mod.autoCompleteSetNavIndex(index);
- break;
- case KEYS.TAB:
- case KEYS.ENTER:
- e.preventDefault();
- $(entries[index]).click();
- break;
- case KEYS.ESCAPE:
- e.preventDefault();
- mod.autoCompleteHideDropdown();
- return false;
- break;
- }
- }
- },
- autoCompleteSetNavIndex: function(index) {
- var entries = modules["commentTools"].autoCompletePop.find("a.choice");
- entries.removeClass("selectedItem");
- entries.eq(index).addClass("selectedItem");
- },
- autoCompleteHideDropdown: function() {
- modules["commentTools"].autoCompletePop.hide();
- },
- autoCompleteUpdateDropdown: function(names) {
- var mod = modules["commentTools"];
-
- if(!names.length) return mod.autoCompleteHideDropdown();
- mod.autoCompletePop.empty();
- $.each(names.slice(0, 20), function(i, e) {
- mod.autoCompletePop.append('<a class="choice" data-index="'+i+'">'+e+'</a>');
- });
-
- var textareaOffset = $(mod.autoCompleteLastTarget).offset();
- textareaOffset.left += $(mod.autoCompleteLastTarget).width();
- mod.autoCompletePop.css(textareaOffset).show();
-
- mod.autoCompleteSetNavIndex(0);
-
- },
- autoCompleteInsert: function(inputValue) {
- var textarea = modules["commentTools"].autoCompleteLastTarget,
- caretPos = textarea.selectionStart,
- left = textarea.value.substr(0, caretPos),
- right = textarea.value.substr(caretPos);
- left = left.replace(/\/?([ru])\/(\w*)\ ?$/, '/$1/'+inputValue+' ');
- textarea.value = left + right;
- textarea.selectionStart = textarea.selectionEnd = left.length;
- textarea.focus()
- },
- findTextareaForElement: function(elem) {
- return $(elem)
- .closest(".usertext-edit, .RESDialogContents, .wiki-page-content")
- .find("textarea")
- .filter("#BigText, [name=text], [name=description], [name=public_description], #wiki_page_content")
- .first();
- }
-};
-
-
-modules['usernameHider'] = {
- moduleID: 'usernameHider',
- moduleName: 'Username Hider',
- category: 'Accounts',
- options: {
- displayText: {
- type: 'text',
- value: '~anonymous~',
- description: 'What to replace your username with, default is ~anonymous~'
- }
- },
- description: 'This module hides your real username when you\'re logged in to reddit.',
- isEnabled: function() {
- return RESConsole.getModulePrefs(this.moduleID);
- },
- include: [
- /^https?:\/\/([a-z]+)\.reddit\.com\/[-\w\.\/]*/i,
- /^https?:\/\/reddit\.com\/[-\w\.\/]*/i
- ],
- isMatchURL: function() {
- return RESUtils.isMatchURL(this.moduleID);
- },
- beforeLoad: function() {
- if ((this.isEnabled()) && (this.isMatchURL())) {
- if (!RESUtils.loggedInUser(true)) {
- this.tryAgain = true;
- return false;
- }
- this.hideUsername();
- }
- },
- go: function() {
- if ((this.isEnabled()) && (this.isMatchURL())) {
- if (this.tryAgain && RESUtils.loggedInUser()) {
- this.hideUsername();
- GM_addStyle(RESUtils.css);
- }
- }
- },
- hideUsername: function() {
- var user = RESUtils.loggedInUser(),
- curatedBy = document.querySelector('.multi-details > h2 a');
- RESUtils.addCSS('p.tagline > a[href*=\'/'+user+'\'], #header .user > a, .titlebox .tagline a.author, .commentingAs, .bottom a[href*=\'/'+user+'\'] {line-height:0;font-size:0;content:none;}');
- RESUtils.addCSS('p.tagline > a[href*=\'/'+user+'\']:after, #header .user > a:after, .titlebox .tagline a.author:after, .bottom a[href*=\'/'+user+'\']:after {content: "'+this.options.displayText.value+'";letter-spacing:normal;font-size:10px;}');
- RESUtils.addCSS('.commentingAs:after {content: "Commenting as: '+this.options.displayText.value+'";letter-spacing:normal;font-size:12px;}');
- if ( modules['userHighlight'].isEnabled() ){
- RESUtils.addCSS('p.tagline > .submitter[href*=\'/'+user+'\']:after, p.tagline > .moderator[href*=\'/'+user+'\']:after{background-color:inherit;padding:0 2px;font-weight:bold;border-radius:3px;color:#fff;}');
- RESUtils.addCSS('p.tagline > .submitter[href*=\'/'+user+'\']:after{ background-color:'+modules['userHighlight'].options.OPColor.value+';}');
- RESUtils.addCSS('p.tagline > .moderator[href*=\'/'+user+'\']:after{ background-color:'+modules['userHighlight'].options.modColor.value+';}');
- RESUtils.addCSS('p.tagline > .submitter[href*=\'/'+user+'\']:hover:after{ background-color:'+modules['userHighlight'].options.OPColorHover.value+';}');
- RESUtils.addCSS('p.tagline > .moderator[href*=\'/'+user+'\']:hover:after{ background-color:'+modules['userHighlight'].options.modColorHover.value+';}');
- }
- if ( curatedBy && curatedBy.href.slice(-(user.length+1)) === '/' + user ){
- curatedBy.textContent = 'curated by /u/' + this.options.displayText.value;
- }
- }
-};
-
-
-/* siteModule format:
-name: {
-//Initialization method for things that cannot be performed inline. The method
-//is required to be present, but it can be empty
- go: function(){},
-
-//Returns true/false to indicate whether the siteModule will attempt to handle the link
-//the only parameter is the anchor element
-//returns true or false
- detect: function(element) {return true/false;},
-
-//This is where links are parsed, cache checks are made, and XHR is performed.
-//the only parameter is the anchor element
-//The method is in a jQuery Deferred chain and will be followed by handleInfo.
-//A new $.Deferred object should be created and resolved/rejected as necessary and then reterned.
-//If resolving, the element should be passed along with whatever data is required.
- handleLink: function(element) {},
-
-//This is were the embedding information is added to the link
-//handleInfo sits in the Deferred chain after handLink
-//and should recieve both the element and a data object from handleLink
-//the first parameter should the same anchor element passed to handleLink
-//the second parameter should module specific data
-//A new $.Deferred object should be created and resolved/rejected as necessary and then reterned
-//If resolving, the element should be passed
- handleInfo: function(elem, info) {}
-*/
-/*
-Embedding infomation:
-all embedding information (except 'site') is to be attatched the
-html anchor in the handleInfo function
-
-required type:
- 'IMAGE' for single images | 'GALLERY' for image galleries | 'TEXT' html/text to be displayed
-required src:
- if type is TEXT then src is HTML (be carefull what is accepted here)
- if type is IMAGE then src is an image URL string
- if type is GALLERY then src is an array of objects with the following properties:
- required src: URL of the image
- optional href: URL of the page containing the image (per image)
- optional title: string to displayed directly above the image (per image)
- optional caption: string to be displayed directly below the image (per image)
-optional imageTitle:
- string to be displayed above the image (gallery level).
-optional caption:
- string to be displayed below the image
-optional credits:
- string to be displayed below caption
-optional galleryStart:
- zero-indexed page number to open the gallery to
-*/
-modules['showImages'] = {
- moduleID: 'showImages',
- moduleName: 'Inline Image Viewer',
- category: 'UI',
- options: {
- maxWidth: {
- type: 'text',
- value: '640',
- description: 'Max width of image displayed onscreen'
- },
- maxHeight: {
- type: 'text',
- value: '480',
- description: 'Max height of image displayed onscreen'
- },
- openInNewWindow: {
- type: 'boolean',
- value: true,
- description: 'Open images in a new tab/window when clicked?'
- },
- hideNSFW: {
- type: 'boolean',
- value: false,
- description: 'If checked, do not show images marked NSFW.'
- },
- autoExpandSelfText: {
- type: 'boolean',
- value: true,
- description: 'When loading selftext from an Aa+ expando, auto reveal images.'
- },
- imageZoom: {
- type: 'boolean',
- value: true,
- description: 'Allow dragging to resize/zoom images.'
- },
- markVisited: {
- type: 'boolean',
- value: true,
- description: 'Mark links visited when you view images (does eat some resources).'
- },
- sfwHistory: {
- type: 'enum',
- value: 'add',
- values: [
- {name: 'Add links to history', value: 'add'},
- {name: 'Color links, but do not add to history', value: 'color'},
- {name: 'Do not add or color links.', value: 'none'}
- ],
- description: 'Keeps NSFW links from being added to your browser history <span style="font-style: italic">by the markVisited feature</span>.<br/>\
- <span style="font-style: italic">If you chose the second option, then links will be blue again on refresh.</span><br/>\
- <span style="color: red">This does not change your basic browser behavior.\
- If you click on a link then it will still be added to your history normally.\
- This is not a substitute for using your browser\'s privacy mode.</span>'
- },
- ignoreDuplicates: {
- type: 'boolean',
- value: true,
- description: 'Do not create expandos for images that appear multiple times in a page.'
- },
- displayImageCaptions: {
- type: 'boolean',
- value: true,
- description: 'Retrieve image captions/attribution information.'
- },
- loadAllInAlbum: {
- type: 'boolean',
- value: false,
- description: 'Display all images at once in a \'filmstrip\' layout, rather than the default navigable \'slideshow\' style.'
- }
- },
- description: 'Opens images inline in your browser with the click of a button. Also has configuration options, check it out!',
- isEnabled: function() {
- return RESConsole.getModulePrefs(this.moduleID);
- },
- include: [
- /^https?:\/\/([a-z]+)\.reddit\.com\/[-\w\.\_\?=]*/i
- ],
- exclude: [
- /^https?:\/\/([a-z]+)\.reddit\.com\/ads\/[-\w\.\_\?=]*/i,
- /^https?:\/\/([a-z]+)\.reddit\.com\/[-\w\.\/]*\/submit\/?$/i
- ],
- isMatchURL: function() {
- return RESUtils.isMatchURL(this.moduleID);
- },
- beforeLoad: function() {
- if ((this.isEnabled()) && (this.isMatchURL())) {
- if (!this.options.displayImageCaptions.value) {
- RESUtils.addCSS('.imgTitle, .imgCaptions { display: none; }');
- }
- }
- },
- go: function() {
- if ((this.isEnabled()) && (this.isMatchURL())) {
-
- this.imageList = [];
- this.imagesRevealed = {};
- this.dupeAnchors = 0;
- /*
- true: show all images
- false: hide all images
- 'any string': display images match the tab
- */
- this.currentImageTab = false;
- this.customImageTabs = {};
-
- if (this.options.markVisited.value) {
- // we only need this iFrame hack if we're unable to add to history directly, which Firefox addons and Chrome can do.
- if (!BrowserDetect.isChrome() && !BrowserDetect.isFirefox()) {
- this.imageTrackFrame = document.createElement('iframe');
- this.imageTrackFrame.addEventListener('load', function() {
- setTimeout(modules['showImages'].imageTrackShift, 300);
- }, false);
- this.imageTrackFrame.style.display = 'none';
- this.imageTrackFrame.style.width = '0px';
- this.imageTrackFrame.style.height = '0px';
- document.body.appendChild(this.imageTrackFrame);
- }
- this.imageTrackStack = [];
- }
-
- //set up all site modules
- for (var key in this.siteModules) {
- this.siteModules[key].go();
- }
- this.scanningForImages = false;
-
- RESUtils.watchForElement('siteTable', modules['showImages'].findAllImages);
- RESUtils.watchForElement('selfText', modules['showImages'].findAllImagesInSelfText);
- RESUtils.watchForElement('newComments', modules['showImages'].findAllImagesInSelfText);
-
- this.createImageButtons();
- this.findAllImages();
- document.addEventListener('dragstart', function(){return false;}, false);
- }
- },
- findAllImagesInSelfText: function(ele) {
- modules['showImages'].findAllImages(ele, true);
- },
- createImageButtons: function() {
- if ((location.href.match(/search\?\/?q\=/)) || (location.href.match(/about\/reports/)) || (location.href.match(/about\/spam/)) || (location.href.match(/about\/unmoderated/)) || (location.href.match(/modqueue/)) || (location.href.toLowerCase().match('dashboard'))) {
- var hbl = document.body.querySelector('#header-bottom-left');
- if (hbl) {
- var mainMenuUL = document.createElement('ul');
- mainMenuUL.setAttribute('class','tabmenu viewimages');
- mainMenuUL.setAttribute('style','display: inline-block');
- hbl.appendChild(mainMenuUL);
- }
- } else {
- var mainMenuUL = document.body.querySelector('#header-bottom-left ul.tabmenu');
- }
- if (mainMenuUL) {
- var li = document.createElement('li');
- var a = document.createElement('a');
- var text = document.createTextNode('scanning for images...');
- this.scanningForImages = true;
-
- a.href = 'javascript:void(0);';
- a.id = 'viewImagesButton';
- a.addEventListener('click', function(e) {
- e.preventDefault();
- if (!modules['showImages'].scanningForImages) {
- modules['showImages'].setShowImages(null, 'image');
- }
- }, true);
- a.appendChild(text);
- li.appendChild(a);
- mainMenuUL.appendChild(li);
- this.viewImageButton = a;
- /*
- To enable custom image tabs for a subreddit start by adding `[](#/RES_SR_Config/ImageTabs?)` to the markdown code of the sidebar.
- This should not have any visible effect on the HTML.
- Right now no options have been configured, so there won't be any new tabs.
- You can add up to 8 tabs in the following manner:
- A tab is defined by a label and a tag list separated by an equals sign like this: `LABEL=TAGLIST`
- The label can be up to 32 characters long and may contain english letters, numbers, hyphens, spaces, and underscores. The labels must be URI encoded.
- The tag list can contain up to tag values separated by commas. Individual tags have the same content restrictions a labels. (do not URI encode the commmas)
-
- The the tab definitions are joined by ampersands (`&`).
- Labels appear to the right of the "view images" button and are surrounded by `[]` brackets.
- Post titles are searched for any place that an entry in the tag list appears surrounded by any kind of bracket <>, [], (), {}.
- Tags are not case sensitive and whitespace is permitted between the brackets and the tag.
-
- To allow the tabs to be styled, the tabs will have a class that is the tab label with the spaces and hyphens replaced by underscores and then prefixed with `'RESTab-'` so the label 'Feature Request' becomes `'RESTab-feature_request'`.
-
- We realize that the format is highly restrictive, but you must understand that that is for everyone's protection. If there is demand, the filter can be expanded.
-
- Examples:
- A hypothetical setup for /r/minecraft that creates tabs for builds, mods, and texture packs:
-
- [](#/RES_SR_Config/ImageTabs?build=build,project&mod=mod&texture%20pack=texture,textures,pack,texture%20pack)
-
- To duplicate the behavior originally used for /r/gonewild you would use:
-
- [](#/RES_SR_Config/ImageTabs?m=m,man,male&f=f,fem,female)
-
- */
- var tabConfig = document.querySelector('.side .md a[href^="#/RES_SR_Config/ImageTabs"]');
- //This is hardcoded until the mods of /r/gonewild add the tag
- if (!tabConfig && RESUtils.currentSubreddit('gonewild')) {
- tabConfig = $('<a href="#/RES_SR_Config/ImageTabs?m=m,man,male&f=f,fem,female">')[0];
- }
-
-
- if (tabConfig) {
- var switches = {};
- var switchCount = 0;
-
- var whitelist = /^[A-Za-z0-9_ \-]{1,32}$/;
- var configString = tabConfig.hash.match(/\?(.*)/);
- if (configString != null) {
- var pairs = configString[1].split('&');
- for (var i = 0; i < pairs.length && switchCount < 8; i++) {
- var pair = pairs[i].split('=');
- if (pair.length !== 2) continue;
- var label = decodeURIComponent(pair[0]);
- if (!whitelist.test(label)) continue;
- var parts = pair[1].split(',');
- var acceptedParts = [];
- for (var j = 0; j < parts.length && acceptedParts.length < 8; j++) {
- var part = decodeURIComponent(parts[j]);
- if (!whitelist.test(part)) continue;
- else acceptedParts.push(part);
- }
- if (acceptedParts.length > 0) {
- if (!(label in switches)) switchCount++;
- switches[label] = acceptedParts;
- }
- }
- }
- if (switchCount > 0) {
- for (var key in switches) {
- this.customImageTabs[key] = new RegExp('[\\[\\{\\<\\(]\s*('+switches[key].join('|')+')\s*[\\]\\}\\>\\)]','i');
- }
- }
- }
-
- if (!/comments\/[-\w\.\/]/i.test(location.href)) {
- for (var mode in this.customImageTabs) {
- var li = document.createElement('li');
- var a = document.createElement('a');
- var text = document.createTextNode('['+mode+']');
- a.href = 'javascript:void(0);';
- a.className = 'RESTab-'+mode.toLowerCase().replace(/- /g, '_');
- a.addEventListener('click', (function(mode) {
- return function(e) {
- e.preventDefault();
- modules['showImages'].setShowImages(mode);
- };
- })(mode), true);
-
- a.appendChild(text);
- li.appendChild(a);
- mainMenuUL.appendChild(li);
- }
- }
- }
- },
- setShowImages: function(newImageTab, type) {
- type = type || 'image';
- if (newImageTab == null) {
- //This is for the all images button
- //If we stored `true` then toggle to false, in all other cases turn it to true
- if (this.currentImageTab == true) {
- this.currentImageTab = false;
- } else {
- this.currentImageTab = true;
- }
- } else if (this.currentImageTab == newImageTab) {
- //If they are the same, turn it off
- this.currentImageTab = false;
- } else if (newImageTab in this.customImageTabs) {
- //If the tab is defined, switch to it
- this.currentImageTab = newImageTab;
- } else {
- //Otherwise ignore it
- return;
- }
- this.updateImageButtons();
- this.updateRevealedImages(type);
- },
- updateImageButtons: function() {
- var imgCount = this.imageList.length;
- var showHideText = 'view';
- if (this.currentImageTab == true) {
- showHideText = 'hide';
- }
- if (typeof this.viewImageButton !== 'undefined') {
- var buttonText = showHideText + ' images ';
- if (! RESUtils.currentSubreddit('dashboard')) buttonText += '(' + imgCount + ')';
- $(this.viewImageButton).text(buttonText);
- }
- },
- updateRevealedImages: function(type) {
- for (var i = 0, len = this.imageList.length; i < len; i++) {
- var image = this.imageList[i];
- if ($(image).hasClass(type)) {
- this.revealImage(image, this.findImageFilter(image.imageLink));
- }
- }
- },
- findImageFilter: function(image) {
- var isMatched = false;
- if (typeof this.currentImageTab === 'boolean') {
- //booleans indicate show all or nothing
- isMatched = this.currentImageTab;
- } else if (this.currentImageTab in this.customImageTabs) {
- var re = this.customImageTabs[this.currentImageTab];
- isMatched = re.test(image.text);
- }
- //If false then there is no need to go through the NSFW filter
- if (!isMatched) return false;
-
- image.NSFW = false;
- if (this.options.hideNSFW.value) {
- image.NSFW = /nsfw/i.test(image.text);
- }
-
- return !image.NSFW;
- },
- findAllImages: function(elem, isSelfText) {
- modules['showImages'].scanningForImages = true;
- if (elem == null) {
- elem = document.body;
- }
- // get elements common across all pages first...
- // if we're on a comments page, get those elements too...
- var commentsre = /comments\/[-\w\.\/]/i;
- var userre = /user\/[-\w\.\/]/i;
- modules['showImages'].scanningSelfText = false;
- var allElements = [];
- if (commentsre.test(location.href) || userre.test(location.href)) {
- allElements = elem.querySelectorAll('#siteTable a.title, .expando .usertext-body > div.md a, .content .usertext-body > div.md a');
- } else if (isSelfText) {
- // We're scanning newly opened (from an expando) selftext...
- allElements = elem.querySelectorAll('.usertext-body > div.md a');
- modules['showImages'].scanningSelfText = true;
- } else {
- allElements = elem.querySelectorAll('#siteTable A.title');
- }
-
- if (RESUtils.pageType() === 'comments') {
- RESUtils.forEachChunked(allElements, 15, 1000, function(element, i, array) {
- modules['showImages'].checkElementForImage(element);
- if (i >= array.length - 1) {
- modules['showImages'].scanningSelfText = false;
- modules['showImages'].scanningForImages = false;
- modules['showImages'].updateImageButtons(modules['showImages'].imageList.length);
- }
- });
- } else {
- var chunkLength = allElements.length;
- for (var i = 0; i < chunkLength; i++) {
- modules['showImages'].checkElementForImage(allElements[i]);
- }
- modules['showImages'].scanningSelfText = false;
- modules['showImages'].scanningForImages = false;
- modules['showImages'].updateImageButtons(modules['showImages'].imageList.length);
- }
- },
- checkElementForImage: function(elem) {
- if (this.options.hideNSFW.value) {
- if (elem.classList.contains('title')) {
- elem.NSFW = elem.parentNode.parentNode.parentNode.classList.contains('over18');
- }
- } else {
- elem.NSFW = false;
- }
- var href = elem.href;
- if ((!elem.classList.contains('imgScanned') && (typeof this.imagesRevealed[href] === 'undefined' || !this.options.ignoreDuplicates.value || (RESUtils.currentSubreddit('dashboard'))) && href !== null) || this.scanningSelfText) {
- elem.classList.add('imgScanned');
- this.dupeAnchors++;
- var siteFound = false;
- if (siteFound = this.siteModules['default'].detect(elem)) {
- elem.site = 'default';
- }
- if (!siteFound) {
- for (var site in this.siteModules) {
- if (site === 'default') continue;
- if (this.siteModules[site].detect(elem)) {
- elem.site = site;
- siteFound = true;
- break;
- }
- }
- }
- if (siteFound && !elem.NSFW) {
- this.imagesRevealed[href] = this.dupeAnchors;
- var siteMod = this.siteModules[elem.site];
- $.Deferred().resolve(elem).then(siteMod.handleLink).then(siteMod.handleInfo).
- then(this.createImageExpando, function(){
- console.error.apply(console, arguments);
- });
- }
- } else if (!elem.classList.contains('imgScanned')) {
- var textFrag = document.createElement('span');
- textFrag.setAttribute('class','RESdupeimg');
- $(textFrag).html(' <a class="noKeyNav" href="#img'+escapeHTML(this.imagesRevealed[href])+'" title="click to scroll to original">[RES ignored duplicate image]</a>');
- insertAfter(elem, textFrag);
- }
- },
- createImageExpando: function(elem) {
- var mod = modules['showImages'];
- if (!elem) return false;
- var href = elem.href;
- if (!href) return false;
- //This should not be reached in the case of duplicates
- elem.name = 'img'+mod.imagesRevealed[href];
-
- //expandLink aka the expando button
- var expandLink = document.createElement('a');
- expandLink.className = 'toggleImage expando-button collapsedExpando';
- if (elem.type === 'IMAGE') expandLink.className += ' image';
- if (elem.type === 'GALLERY') expandLink.className += ' image gallery';
- if (elem.type === 'TEXT') expandLink.className += ' selftext collapsed';
- if (elem.type === 'VIDEO') expandLink.className += ' video collapsed';
- if (elem.type === 'AUDIO') expandLink.className += ' video collapsed'; // yes, still class "video", that's what reddit uses.
- if (elem.type === 'NOEMBED') expandLink.className += ' '+elem.expandoClass;
-
- if (elem.type === 'GALLERY' && elem.src && elem.src.length) expandLink.setAttribute('title', elem.src.length + ' items in gallery');
- $(expandLink).html(' ');
- expandLink.addEventListener('click', function(e) {
- e.preventDefault();
- modules['showImages'].revealImage(e.target, (e.target.classList.contains('collapsedExpando')));
- }, true);
- var preNode = null;
- if (elem.parentNode.classList.contains('title')) {
- preNode = elem.parentNode;
- expandLink.classList.add('linkImg');
- } else {
- preNode = elem;
- expandLink.classList.add('commentImg');
- }
- insertAfter(preNode, expandLink);
- /*
- * save the link element for later use since some extensions
- * like web of trust can place other elements in places that
- * confuse the old method
- */
- expandLink.imageLink = elem;
- mod.imageList.push(expandLink);
-
- if (mod.scanningSelfText && mod.options.autoExpandSelfText.value) {
- mod.revealImage(expandLink, true);
- } else {
- // this may have come from an asynchronous call, in which case it'd get missed by findAllImages, so
- // if all images are supposed to be visible, expand this link now.
- mod.revealImage(expandLink, mod.findImageFilter(expandLink.imageLink));
-
-
- }
- if (mod.scanningForImages == false) {
- // also since this may have come from an asynchronous call, we need to update the view images count.
- mod.updateImageButtons(mod.imageList.length);
- }
- },
- revealImage: function(expandoButton, showHide) {
- if ((!expandoButton) || (! $(expandoButton).is(':visible'))) return false;
- // showhide = false means hide, true means show!
-
- var imageLink = expandoButton.imageLink;
- if (typeof this.siteModules[imageLink.site] === 'undefined') {
- console.log('something went wrong scanning image from site: ' + imageLink.site);
- return;
- }
- if (expandoButton.expandoBox && expandoButton.expandoBox.classList.contains('madeVisible')) {
- if (!showHide) {
- $(expandoButton).removeClass('expanded').addClass('collapsed collapsedExpando');
- expandoButton.expandoBox.style.display = 'none';
- if (imageLink.type === 'AUDIO' || imageLink.type === 'VIDEO') {
- var mediaTag = expandoButton.expandoBox.querySelector(imageLink.type);
- mediaTag.pause();
- }
- } else {
- $(expandoButton).addClass('expanded').removeClass('collapsed collapsedExpando');
- expandoButton.expandoBox.style.display = 'block';
- var associatedImage = $(expandoButton).data('associatedImage');
- if (associatedImage) {
- modules['showImages'].syncPlaceholder(associatedImage);
- }
- }
- this.handleSRStyleToggleVisibility();
- } else if (showHide) {
- //TODO: flash, custom
- switch (imageLink.type) {
- case 'IMAGE':
- case 'GALLERY':
- this.generateImageExpando(expandoButton);
- break;
- case 'TEXT':
- this.generateTextExpando(expandoButton);
- break;
- case 'VIDEO':
- this.generateVideoExpando(expandoButton, imageLink.mediaOptions);
- break;
- case 'AUDIO':
- this.generateAudioExpando(expandoButton);
- break;
- case 'NOEMBED':
- this.generateNoEmbedExpando(expandoButton);
- break;
- }
- }
- },
- generateImageExpando: function(expandoButton) {
- var imageLink = expandoButton.imageLink;
- var which = imageLink.galleryStart || 0;
-
- var imgDiv = document.createElement('div');
- imgDiv.classList.add('madeVisible');
- imgDiv.currentImage = which;
- imgDiv.sources = [];
-
- // Test for a single image or an album/array of image
- if (Array.isArray(imageLink.src)) {
- imgDiv.sources = imageLink.src;
-
- // Also preload images for an album
- this.preloadImages(imageLink.src, 0);
- } else {
- // Only the image is left to display, pack it like a single-image album with no caption or title
- singleImage = {src:imageLink.src,href:imageLink.href};
- imgDiv.sources[0] = singleImage;
- }
-
- if ('imageTitle' in imageLink) {
- var header = document.createElement('h3');
- header.classList.add('imgTitle');
- $(header).safeHtml(imageLink.imageTitle);
- imgDiv.appendChild(header);
- }
-
- if ('imgCaptions' in imageLink) {
- var captions = document.createElement('div');
- captions.className = 'imgCaptions';
- $(captions).safeHtml(imageLink.caption);
- imgDiv.appendChild(captions);
- }
-
- if ('credits' in imageLink) {
- var credits = document.createElement('div');
- credits.className = 'imgCredits';
- $(credits).safeHtml(imageLink.credits);
- imgDiv.appendChild(credits);
- }
-
- switch(imageLink.type){
- case 'GALLERY':
- if (this.options.loadAllInAlbum.value) {
- if (imgDiv.sources.length > 1) {
- var albumLength = " (" + imgDiv.sources.length + " images)";
- $(header).append(albumLength);
- }
-
- for (var imgNum = 0; imgNum < imgDiv.sources.length; imgNum++) {
- addImage(imgDiv, imgNum, this);
- }
- break;
- } else {
- // If we're using the traditional album view, add the controls then fall through to add the IMAGE
- var controlWrapper = document.createElement('div');
- controlWrapper.className = 'RESGalleryControls';
-
- var leftButton = document.createElement("a");
- leftButton.className = 'previous noKeyNav';
- leftButton.addEventListener('click', function(e){
- var topWrapper = e.target.parentElement.parentElement;
- if (topWrapper.currentImage === 0) {
- topWrapper.currentImage = topWrapper.sources.length-1;
- } else {
- topWrapper.currentImage -= 1;
- }
- adjustGalleryDisplay(topWrapper);
- });
- controlWrapper.appendChild(leftButton);
-
- var posLabel = document.createElement('span');
- posLabel.className = 'RESGalleryLabel';
- var niceWhich = ((which+1 < 10)&&(imgDiv.sources.length >= 10)) ? '0'+(which+1) : (which+1);
- if (imgDiv.sources.length) {
- posLabel.textContent = niceWhich + " of " + imgDiv.sources.length;
- } else {
- posLabel.textContent = "Whoops, this gallery seems to be empty.";
- }
- controlWrapper.appendChild(posLabel);
-
- var rightButton = document.createElement("a");
- rightButton.className = 'next noKeyNav';
- rightButton.addEventListener('click', function(e){
- var topWrapper = e.target.parentElement.parentElement;
- if (topWrapper.currentImage == topWrapper.sources.length-1) {
- topWrapper.currentImage = 0;
- } else {
- topWrapper.currentImage += 1;
- }
- adjustGalleryDisplay(topWrapper);
- });
- controlWrapper.appendChild(rightButton);
-
- if (!imgDiv.sources.length) {
- $(leftButton).css('visibility','hidden');
- $(rightButton).css('visibility','hidden');
- }
-
- imgDiv.appendChild(controlWrapper);
- }
-
- case 'IMAGE':
- addImage(imgDiv, which, this);
- }
-
- function addImage(container, sourceNumber, thisHandle) {
- var sourceImage = container.sources[sourceNumber];
-
- var paragraph = document.createElement('p');
-
- if (!sourceImage) {
- return;
- }
- if ('title' in sourceImage) {
- var imageTitle = document.createElement('h4');
- imageTitle.className = 'imgCaptions';
- $(imageTitle).safeHtml(sourceImage.title);
- paragraph.appendChild(imageTitle);
- }
-
- if ('caption' in sourceImage) {
- var imageCaptions = document.createElement('div');
- imageCaptions.className = 'imgCaptions';
- $(imageCaptions).safeHtml(sourceImage.caption);
- paragraph.appendChild(imageCaptions);
- }
-
- var imageAnchor = document.createElement('a');
- imageAnchor.classList.add('madeVisible');
- imageAnchor.href = sourceImage.href;
- if (thisHandle.options.openInNewWindow.value) {
- imageAnchor.target ='_blank';
- }
-
- var image = document.createElement('img');
- $(expandoButton).data('associatedImage', image);
- //Unfortunately it is impossible to use a global event handler for these.
- image.onerror = function() {
- image.classList.add("RESImageError");
- };
- image.onload = function() {
- image.classList.remove("RESImageError");
- };
- image.classList.add('RESImage');
- image.id = 'RESImage-' + RESUtils.randomHash();
- image.src = sourceImage.src;
- image.title = 'drag to resize';
- image.style.maxWidth = thisHandle.options.maxWidth.value + 'px';
- image.style.maxHeight = thisHandle.options.maxHeight.value + 'px';
- imageAnchor.appendChild(image);
- modules['showImages'].setPlaceholder(image);
- thisHandle.makeImageZoomable(image);
- thisHandle.trackImageLoad(imageLink, image);
- paragraph.appendChild(imageAnchor);
-
- container.appendChild(paragraph);
- }
-
- //Adjusts the images for the gallery navigation buttons as well as the "n of m" display.
- function adjustGalleryDisplay(topLevel) {
- var source = topLevel.sources[topLevel.currentImage];
- var image = topLevel.querySelector('img.RESImage');
- var imageAnchor = image.parentElement;
- var paragraph = imageAnchor.parentElement;
- image.src = source.src;
- imageAnchor.href = source.href || imageLink.href;
- var paddedImageNumber = ((topLevel.currentImage+1 < 10)&&(imgDiv.sources.length >= 10)) ? '0'+(topLevel.currentImage+1) : topLevel.currentImage+1;
- if (imgDiv.sources.length) {
- topLevel.querySelector('.RESGalleryLabel').textContent = (paddedImageNumber+" of "+imgDiv.sources.length);
- } else {
- topLevel.querySelector('.RESGalleryLabel').textContent = "Whoops, this gallery seems to be empty.";
- }
- if (topLevel.currentImage === 0) {
- leftButton.classList.add('end');
- rightButton.classList.remove('end');
- } else if (topLevel.currentImage === topLevel.sources.length-1) {
- leftButton.classList.remove('end');
- rightButton.classList.add('end');
- } else {
- leftButton.classList.remove('end');
- rightButton.classList.remove('end');
- }
-
- $(paragraph).find('.imgCaptions').empty();
- var imageTitle = paragraph.querySelector('h4.imgCaptions');
- if (imageTitle) $(imageTitle).safeHtml(source.title);
- var imageCaptions = paragraph.querySelector('div.imgCaptions');
- if (imageCaptions) $(imageCaptions).safeHtml(source.caption);
- }
-
- if (expandoButton.classList.contains('commentImg')) {
- insertAfter(expandoButton, imgDiv);
- } else {
- expandoButton.parentNode.appendChild(imgDiv);
- }
- expandoButton.expandoBox = imgDiv;
-
- expandoButton.classList.remove('collapsedExpando');
- expandoButton.classList.add('expanded');
- },
- /**
- * Recursively loads the images synchronously.
- */
- preloadImages: function(srcs, i) {
- var _this = this,
- _i = i,
- img = new Image();
- img.onload = img.onerror = function(){
- _i++;
- if(typeof srcs[_i] === 'undefined'){
- return;
- }
- _this.preloadImages(srcs, _i);
-
- delete img; // Delete the image element from the DOM to stop the RAM usage getting to high.
- }
- img.src = srcs[i].src;
- },
- generateTextExpando: function(expandoButton) {
- var imageLink = expandoButton.imageLink;
- var wrapperDiv = document.createElement('div');
- wrapperDiv.className = 'usertext';
-
- var imgDiv = document.createElement('div');
- imgDiv.className = 'madeVisible usertext-body';
-
- var header = document.createElement('h3');
- header.className = 'imgTitle';
- $(header).safeHtml(imageLink.imageTitle);
- imgDiv.appendChild(header);
-
- var text = document.createElement('div');
- text.className = 'md';
- $(text).safeHtml(imageLink.src);
- imgDiv.appendChild(text);
-
- var captions = document.createElement('div');
- captions.className = 'imgCaptions';
- $(captions).safeHtml(imageLink.caption);
- imgDiv.appendChild(captions);
-
- if ('credits' in imageLink) {
- var credits = document.createElement('div');
- credits.className = 'imgCredits';
- $(credits).safeHtml(imageLink.credits);
- imgDiv.appendChild(credits);
- }
-
- wrapperDiv.appendChild(imgDiv);
- if (expandoButton.classList.contains('commentImg')) {
- insertAfter(expandoButton, wrapperDiv);
- } else {
- expandoButton.parentNode.appendChild(wrapperDiv);
- }
- expandoButton.expandoBox = imgDiv;
-
- expandoButton.classList.remove('collapsedExpando');
- expandoButton.classList.remove('collapsed');
- expandoButton.classList.add('expanded');
-
- //TODO: Decide how to handle history for this.
- //Selfposts already don't mark it, so either don't bother or add marking for selfposts.
- },
- generateVideoExpando: function(expandoButton, options) {
- var imageLink = expandoButton.imageLink;
- var wrapperDiv = document.createElement('div');
- wrapperDiv.className = 'usertext';
-
- var imgDiv = document.createElement('div');
- imgDiv.className = 'madeVisible usertext-body';
-
- var header = document.createElement('h3');
- header.className = 'imgTitle';
- $(header).safeHtml(imageLink.imageTitle);
- imgDiv.appendChild(header);
-
- var video = document.createElement('video');
- video.addEventListener('click', modules['showImages'].handleVideoClick);
- video.setAttribute('controls','');
- video.setAttribute('preload','');
- if (options) {
- if (options.autoplay) {
- video.setAttribute('autoplay','');
- }
- if (options.muted) {
- video.setAttribute('muted','');
- }
- if (options.loop) {
- video.setAttribute('loop','');
- }
- }
- var sourcesHTML = "",
- sources = $(imageLink).data('sources'),
- source, sourceEle;
-
- for (var i=0, len=sources.length; i<len; i++) {
- source = sources[i];
- sourceEle = document.createElement('source');
- sourceEle.src = source.file;
- sourceEle.type = source.type;
- $(video).append(sourceEle);
- }
-
- imgDiv.appendChild(video);
-
- if ('credits' in imageLink) {
- var credits = document.createElement('div');
- credits.className = 'imgCredits';
- $(credits).safeHtml(imageLink.credits);
- imgDiv.appendChild(credits);
- }
-
- wrapperDiv.appendChild(imgDiv);
- if (expandoButton.classList.contains('commentImg')) {
- insertAfter(expandoButton, wrapperDiv);
- } else {
- expandoButton.parentNode.appendChild(wrapperDiv);
- }
- expandoButton.expandoBox = imgDiv;
-
- expandoButton.classList.remove('collapsedExpando');
- expandoButton.classList.remove('collapsed');
- expandoButton.classList.add('expanded');
-
- modules['showImages'].trackImageLoad(imageLink, video);
-
- },
- generateAudioExpando: function(expandoButton) {
- var imageLink = expandoButton.imageLink;
- var wrapperDiv = document.createElement('div');
- wrapperDiv.className = 'usertext';
-
- var imgDiv = document.createElement('div');
- imgDiv.className = 'madeVisible usertext-body';
-
- var header = document.createElement('h3');
- header.className = 'imgTitle';
- $(header).safeHtml(imageLink.imageTitle);
- imgDiv.appendChild(header);
-
- var audio = document.createElement('audio');
- audio.addEventListener('click', modules['showImages'].handleaudioClick);
- audio.setAttribute('controls','');
- // TODO: add mute/unmute control, play/pause control.
-
- var sourcesHTML = "",
- sources = $(imageLink).data('sources'),
- source, sourceEle;
-
- for (var i=0, len=sources.length; i<len; i++) {
- source = sources[i];
- sourceEle = document.createElement('source');
- sourceEle.src = source.file;
- sourceEle.type = source.type;
- $(audio).append(sourceEle);
- }
-
- imgDiv.appendChild(audio);
-
- if ('credits' in imageLink) {
- var credits = document.createElement('div');
- credits.className = 'imgCredits';
- $(credits).safeHtml(imageLink.credits);
- imgDiv.appendChild(credits);
- }
-
- wrapperDiv.appendChild(imgDiv);
- if (expandoButton.classList.contains('commentImg')) {
- insertAfter(expandoButton, wrapperDiv);
- } else {
- expandoButton.parentNode.appendChild(wrapperDiv);
- }
- expandoButton.expandoBox = imgDiv;
-
- expandoButton.classList.remove('collapsedExpando');
- expandoButton.classList.remove('collapsed');
- expandoButton.classList.add('expanded');
-
- modules['showImages'].trackImageLoad(imageLink, audio);
- },
- handleVideoClick: function(e) {
- // for now, this does nothing, because apparently HTML5 video
- // doesn't have a way to detect clicks of native controls via
- // javascript, which means that even if you're muting/unmuting,
- // changing volume etc this event fires and will play/pause the
- // video, but e.target and e.currentTarget still point to the video
- // and not the controls... yuck.
- //
- // if (e.target.paused) {
- // e.target.play();
- // }
- // else {
- // e.target.pause();
- // }
- },
- generateNoEmbedExpando: function(expandoButton) {
- var imageLink = expandoButton.imageLink,
- siteMod = imageLink.siteMod,
- apiURL = 'http://noembed.com/embed?url=' + imageLink.src,
- def = $.Deferred();
-
- GM_xmlhttpRequest({
- method: 'GET',
- url: apiURL,
- // aggressiveCache: true,
- onload: function(response) {
- try {
- var json = JSON.parse(response.responseText);
- siteMod.calls[apiURL] = json;
- modules['showImages'].handleNoEmbedQuery(expandoButton, json);
- def.resolve(elem, json);
- } catch (error) {
- siteMod.calls[apiURL] = null;
- def.reject();
- }
- },
- onerror: function(response) {
- def.reject();
- }
- });
- },
- handleNoEmbedQuery: function(expandoButton, response) {
- var imageLink = expandoButton.imageLink;
-
- var wrapperDiv = document.createElement('div');
- wrapperDiv.className = 'usertext';
-
- var noEmbedFrame = document.createElement('iframe');
- // not all noEmbed responses have a height and width, so if
- // this siteMod has a width and/or height set, use them.
- if (imageLink.siteMod.width) {
- noEmbedFrame.setAttribute('width', imageLink.siteMod.width);
- }
- if (imageLink.siteMod.height) {
- noEmbedFrame.setAttribute('height', imageLink.siteMod.height);
- }
- if (imageLink.siteMod.urlMod) {
- noEmbedFrame.setAttribute('src', imageLink.siteMod.urlMod(response.url));
- }
- for (key in response) {
- switch(key) {
- case 'url':
- if (!noEmbedFrame.hasAttribute('src')) {
- noEmbedFrame.setAttribute('src', response[key]);
- }
- break;
- case 'width':
- noEmbedFrame.setAttribute('width', response[key]);
- break;
- case 'height':
- noEmbedFrame.setAttribute('height', response[key]);
- break;
- }
- }
- noEmbedFrame.className = 'madeVisible usertext-body';
-
- wrapperDiv.appendChild(noEmbedFrame);
- if (expandoButton.classList.contains('commentImg')) {
- insertAfter(expandoButton, wrapperDiv);
- } else {
- expandoButton.parentNode.appendChild(wrapperDiv);
- }
-
- expandoButton.expandoBox = noEmbedFrame;
-
- expandoButton.classList.remove('collapsedExpando');
- expandoButton.classList.remove('collapsed');
- expandoButton.classList.add('expanded');
-
- modules['showImages'].trackImageLoad(imageLink, video);
- },
- trackImageLoad: function(link, image) {
- if (modules['showImages'].options.markVisited.value) {
- var isNSFW = $(link).closest('.thing').is('.over18');
- var sfwMode = modules['showImages'].options['sfwHistory'].value;
-
- if ((BrowserDetect.isChrome()) || (BrowserDetect.isFirefox())) {
- var url = link.historyURL || link.href;
- if (!isNSFW || sfwMode !== 'none') link.classList.add('visited');
- if (!isNSFW || sfwMode === 'add') {
- modules['showImages'].imageTrackStack.push(url);
- if (modules['showImages'].imageTrackStack.length === 1) setTimeout(modules['showImages'].imageTrackShift, 300);
- }
- } else {
- image.addEventListener('load', function(e) {
- var url = link.historyURL || link.href;
- if (!isNSFW || sfwMode !== 'none') link.classList.add('visited');
- if (!isNSFW || sfwMode === 'add') {
- modules['showImages'].imageTrackStack.push(url);
- if (modules['showImages'].imageTrackStack.length === 1) setTimeout(modules['showImages'].imageTrackShift, 300);
- }
- }, false);
- }
- }
-
- image.addEventListener('load', function(e) {
- modules['showImages'].handleSRStyleToggleVisibility(e.target);
- }, false);
- },
- imageTrackShift: function() {
- var url = modules['showImages'].imageTrackStack.shift();
- if (typeof url === 'undefined') {
- modules['showImages'].handleSRStyleToggleVisibility();
- return;
- }
- if (BrowserDetect.isChrome()) {
- if (!chrome.extension.inIncognitoContext) {
- chrome.extension.sendMessage({
- requestType: 'addURLToHistory',
- url: url
- });
- }
- modules['showImages'].imageTrackShift();
- } else if (BrowserDetect.isFirefox()) {
- // update: using XPCOM we may can add URLs to Firefox history without the iframe hack!
- var thisJSON = {
- requestType: 'addURLToHistory',
- url: url
- }
- self.postMessage(thisJSON);
- modules['showImages'].imageTrackShift();
- } else if (BrowserDetect.isOpera()) {
- var thisJSON = {
- requestType: 'addURLToHistory',
- url: url
- }
- opera.extension.postMessage(JSON.stringify(thisJSON));
- } else if (BrowserDetect.isSafari()) {
- var thisJSON = {
- requestType: 'addURLToHistory',
- url: url
- }
- safari.self.tab.dispatchMessage('addURLToHistory', thisJSON);
- } else if (typeof modules['showImages'].imageTrackFrame.contentWindow !== 'undefined') {
- modules['showImages'].imageTrackFrame.contentWindow.location.replace(url);
- } else {
- modules['showImages'].imageTrackFrame.location.replace(url);
- }
- },
- dragTargetData: {
- //numbers just picked as sane initialization values
- imageWidth: 100,
- diagonal: 0, //zero to represent the state where no the mouse button is not down
- dragging: false
- },
- getDragSize: function(e){
- var rc = e.target.getBoundingClientRect(),
- p = Math.pow,
- dragSize = p(p(e.clientX-rc.left, 2)+p(e.clientY-rc.top, 2), .5);
-
- return Math.round(dragSize);
- },
- handleSRStyleToggleVisibility: function(image) {
- RESUtils.debounce('handleSRStyleToggleVisibility', 50, function() {
- var toggleEle = modules['styleTweaks'].styleToggleContainer;
- if (!toggleEle) return;
- var imageElems = image ? [ image ] : document.querySelectorAll('.RESImage');
-
- for (var i = 0 ; i < imageElems.length; i++) {
- var imageEle = imageElems[i];
- var imageID = imageEle.getAttribute('id');
-
- if (RESUtils.doElementsCollide(toggleEle, imageEle, 15)) {
- modules['styleTweaks'].setSRStyleToggleVisibility(false, 'imageZoom-' + imageID);
- } else {
- modules['styleTweaks'].setSRStyleToggleVisibility(true, 'imageZoom-' + imageID);
- }
- }
- });
- },
- setPlaceholder: function(imageTag) {
- if (!($(imageTag).data('imagePlaceholder'))) {
- var thisPH = createElementWithID('div','RESImagePlaceholder');
- $(thisPH).addClass('RESImagePlaceholder');
- $(imageTag).data('imagePlaceholder', thisPH);
- // Add listeners for drag to resize functionality...
- $(imageTag).parent().append($(imageTag).data('imagePlaceholder'));
- }
- $(imageTag).load(modules['showImages'].syncPlaceholder);
- },
- syncPlaceholder: function(e) {
- var ele = e.target || e;
- var thisPH = $(ele).data('imagePlaceholder');
- $(thisPH).width($(ele).width() + 'px');
- $(thisPH).height($(ele).height() + 'px');
- $(ele).addClass('loaded');
- },
- makeImageZoomable: function(imageTag) {
- if (this.options.imageZoom.value) {
- imageTag.addEventListener('mousedown', modules['showImages'].mousedownImage, false);
- imageTag.addEventListener('mouseup', modules['showImages'].dragImage, false);
- imageTag.addEventListener('mousemove', modules['showImages'].dragImage, false);
- imageTag.addEventListener('mouseout', modules['showImages'].mouseoutImage, false);
- imageTag.addEventListener('click', modules['showImages'].clickImage, false);
- }
- },
- mousedownImage: function(e) {
- if (e.button === 0) {
- if (!e.target.minWidth) e.target.minWidth = Math.max(1, Math.min(e.target.width, 100));
- modules['showImages'].dragTargetData.imageWidth = e.target.width;
- modules['showImages'].dragTargetData.diagonal = modules['showImages'].getDragSize(e);
- modules['showImages'].dragTargetData.dragging = false;
- modules['showImages'].dragTargetData.hasChangedWidth = false;
- e.preventDefault();
- }
- },
- mouseoutImage: function(e) {
- modules['showImages'].dragTargetData.diagonal = 0;
- },
- dragImage: function(e) {
- if (modules['showImages'].dragTargetData.diagonal) {
- var newDiagonal = modules['showImages'].getDragSize(e),
- oldDiagonal = modules['showImages'].dragTargetData.diagonal,
- imageWidth = modules['showImages'].dragTargetData.imageWidth,
- maxWidth = Math.max(e.target.minWidth, newDiagonal/oldDiagonal*imageWidth);
-
- modules['showImages'].resizeImage(e.target, maxWidth);
- modules['showImages'].dragTargetData.dragging = true;
- }
- modules['showImages'].handleSRStyleToggleVisibility(e.target);
- if (e.type === 'mouseup') {
- modules['showImages'].dragTargetData.diagonal = 0;
- }
- },
- clickImage: function(e) {
- modules['showImages'].dragTargetData.diagonal = 0;
- if (modules['showImages'].dragTargetData.hasChangedWidth) {
- modules['showImages'].dragTargetData.dragging = false;
- e.preventDefault();
- return false;
- }
- modules['showImages'].dragTargetData.hasChangedWidth = false;
- },
- resizeImage: function(image, newWidth) {
- var currWidth = $(image).width();
- if (newWidth !== currWidth) {
- modules['showImages'].dragTargetData.hasChangedWidth = true;
-
- image.style.width=newWidth + 'px';
- image.style.maxWidth=newWidth + 'px';
- image.style.maxHeight='';
- image.style.height='auto';
-
- var thisPH = $(image).data('imagePlaceholder');
- $(thisPH).width($(image).width() + 'px');
- $(thisPH).height($(image).height() + 'px');
- }
- },
- siteModules: {
- 'default': {
- acceptRegex: /^[^#]+?\.(gif|jpe?g|png)(?:[?&#_].*|$)/i,
- rejectRegex: /(wikipedia\.org\/wiki|photobucket\.com|gifsound\.com|\/wiki\/File:.*)/i,
- go: function(){},
- detect: function(elem) {
- var siteMod = modules['showImages'].siteModules['default'];
- var href = elem.href;
- return (siteMod.acceptRegex.test(href) && !siteMod.rejectRegex.test(href));
- },
- handleLink: function(elem) {
- var def = $.Deferred();
- var href = elem.href;
-
- def.resolve(elem, {
- type: 'IMAGE',
- src: elem.href
- });
- return def.promise()
- },
- handleInfo: function(elem, info) {
- var def = $.Deferred();
-
- elem.type = info.type;
- elem.src = info.src;
- elem.href = info.src;
-
- if (RESUtils.pageType() === 'linklist') {
- $(elem).closest('.thing').find('.thumbnail').attr('href', elem.href);
- }
-
- def.resolve(elem);
- return def.promise();
- }
- },
- imgur: {
- APIKey: 'fe266bc9466fe69aa1cf0904e7298eda',
- // hashRe: /^https?:\/\/(?:i\.|edge\.|www\.)*imgur\.com\/(?:r\/[\w]+\/)?([\w]{5,}(?:[&,][\w]{5,})?)(\..+)?(?:#(\d*))?$/i,
- // the modified regex below fixes detection of "edited" imgur images, but imgur's edited images are broken right now actually, falling into
- // a redirect loop. preserving the old one just in case. however it also fixes detection of the extension (.jpg, for example) which
- // was too greedy a search...
- // the hashRe below was provided directly by MrGrim (well, everything after the domain was), using that now.
- hashRe: /^https?:\/\/(?:i\.|m\.|edge\.|www\.)*imgur\.com\/(?!gallery)(?!removalrequest)(?!random)(?!memegen)([A-Za-z0-9]{5}|[A-Za-z0-9]{7})[sbtmlh]?(\.(?:jpe?g|gif|png))?(\?.*)?$/i,
- albumHashRe: /^https?:\/\/(?:i\.|m\.)?imgur\.com\/(?:a|gallery)\/([\w]+)(\..+)?(?:\/)?(?:#\w*)?$/i,
- apiPrefix: 'http://api.imgur.com/2/',
- calls: {},
- go: function(){},
- detect: function(elem) {
- return elem.href.toLowerCase().indexOf('imgur.com/') !== -1;
- },
- handleLink: function(elem) {
- var siteMod = modules['showImages'].siteModules['imgur'];
- var def = $.Deferred();
- var href = elem.href.split('?')[0];
- var groups = siteMod.hashRe.exec(href);
- if (!groups) var albumGroups = siteMod.albumHashRe.exec(href);
- if (groups && !groups[2]) {
- if (groups[1].search(/[&,]/) > -1) {
- var hashes = groups[1].split(/[&,]/);
- def.resolve(elem, {
- album: {images: hashes.map(function(hash) {
- return {
- image: {title: '', caption: '', hash: hash},
- links: {original: 'http://i.imgur.com/'+hash+'.jpg'}
- };
- })}
- });
- } else {
- // removed caption API calls as they don't seem to exist/matter for single images, only albums...
- //If we don't show captions, then we can skip the API call.
- def.resolve(elem, {image: {
- links: {
- //Imgur doesn't really care about the extension and the browsers don't seem to either.
- original: 'http://i.imgur.com/'+groups[1]+'.jpg'
- }, image: {}}
- });
- }
- } else if (albumGroups && !albumGroups[2]) {
- var apiURL = siteMod.apiPrefix + 'album/' + albumGroups[1] + '.json';
- elem.imgHash = albumGroups[1];
- if (apiURL in siteMod.calls) {
- if (siteMod.calls[apiURL] != null) {
- def.resolve(elem, siteMod.calls[apiURL]);
- } else {
- def.reject();
- }
- } else {
- GM_xmlhttpRequest({
- method: 'GET',
- url: apiURL,
- // aggressiveCache: true,
- onload: function(response) {
- try {
- var json = JSON.parse(response.responseText);
- siteMod.calls[apiURL] = json;
- def.resolve(elem, json);
- } catch (error) {
- siteMod.calls[apiURL] = null;
- def.reject();
- }
- },
- onerror: function(response) {
- def.reject();
- }
- });
- }
- } else {
- def.reject();
- }
- return def.promise();
- },
- handleInfo: function(elem, info) {
- if ('image' in info) {
- return modules['showImages'].siteModules['imgur'].handleSingleImage(elem, info);
- } else if ('album' in info) {
- return modules['showImages'].siteModules['imgur'].handleGallery(elem, info);
- } else if (info.error && info.error.message === 'Album not found') {
- // This case comes up when there is an imgur.com/gallery/HASH link that
- // links to an image, not an album (not to be confused with the word "gallery", ugh)
- info = {
- image: {
- links: {
- original: 'http://i.imgur.com/' + elem.imgHash + '.jpg'
- },
- image: {}
- }
- };
- return modules['showImages'].siteModules['imgur'].handleSingleImage(elem, info);
- } else {
- return $.Deferred().reject().promise();
- // console.log("ERROR", info);
- // console.log(arguments.callee.caller);
- }
- },
- handleSingleImage: function(elem, info) {
- elem.src = info.image.links.original;
- elem.href = info.image.links.original;
- if (RESUtils.pageType() === 'linklist') {
- $(elem).closest('.thing').find('.thumbnail').attr('href',elem.href);
- }
- elem.type = 'IMAGE';
- if (info.image.image.caption) elem.caption = info.image.image.caption;
- return $.Deferred().resolve(elem).promise();
- },
- handleGallery: function(elem, info) {
- var base = elem.href.split('#')[0];
- elem.src = info.album.images.map(function(e, i, a) {
- return {
- title: e.image.title,
- src: e.links.original,
- href: base + '#' + e.image.hash,
- caption: e.image.caption
- };
- });
- if (elem.hash) {
- var hash = elem.hash.slice(1);
- if (isNaN(hash)) {
- for (var i = 0; i < elem.src.length; i++) {
- if (hash == info.album.images[i].image.hash) {
- elem.galleryStart = i;
- break;
- }
- }
- } else {
- elem.galleryStart = parseInt(hash, 10);
- }
- }
- elem.imageTitle = info.album.title;
- elem.caption = info.album.description;
- elem.type = 'GALLERY';
- return $.Deferred().resolve(elem).promise();
- }
- },
- gfycat: {
- calls: {},
- go: function() {
- },
- detect: function(elem) {
- var href = elem.href.toLowerCase();
- return href.indexOf('gfycat.com') !== -1 && href.substring(-1) !== '+';
- },
- handleLink: function(elem) {
- var hashRe = /^http:\/\/[a-zA-Z0-9\-\.]*gfycat\.com\/(\w+)\.?/i;
- var def = $.Deferred();
- var groups = hashRe.exec(elem.href);
-
- if (!groups) return def.reject();
- var href = elem.href.toLowerCase();
- var hotLink = false;
- if(href.indexOf('giant.gfycat') !== -1 ||
- href.indexOf('fat.gfycat') !== -1 ||
- href.indexOf('zippy.gfycat') !== -1)
- hotLink = true;
-
- var siteMod = modules['showImages'].siteModules['gfycat'];
- var apiURL = 'http://gfycat.com/cajax/get/' + groups[1];
-
- if (apiURL in siteMod.calls) {
- if (siteMod.calls[apiURL] != null) {
- def.resolve(elem, siteMod.calls[apiURL]);
- } else {
- siteMod.calls[apiURL] = null;
- def.reject();
- }
- } else {
- GM_xmlhttpRequest({
- method: 'GET',
- url: apiURL,
- aggressiveCache: true,
- onload: function(response) {
- try {
- var json = JSON.parse(response.responseText);
- json.gfyItem.src = elem.href;
- json.gfyItem.hotLink = hotLink
- siteMod.calls[apiURL] = json;
- def.resolve(elem, json.gfyItem);
- } catch(error) {
- siteMod.calls[apiURL] = null;
- def.reject()
- }
- },
- onerror: function(response) {
- def.reject();
- }
- });
- }
- return def.promise();
- },
- handleInfo: function(elem, info) {
- function humanSize(bytes) {
- var byteUnits = [' kB', ' MB'];
- for(var i=-1; bytes > 1024; i++) {
- bytes = bytes / 1024;
- }
- return Math.max(bytes, 0.1).toFixed(1) + byteUnits[i];
- }
- if(info.hotLink) {
- elem.type="IMAGE";
- elem.src = info.src;
- elem.imageTitle = humanSize(info.gifSize);
- if(((info.gifSize > 524288 && (info.gifSize / info.mp4Size) > 5)
- || (info.gifSize > 1048576 && (info.gifSize / info.mp4Size) > 2))
- && document.createElement('video').canPlayType)
- elem.imageTitle += ' (' + humanSize(info.mp4Size) + " for <a href='http://gfycat.com/" + info.gfyName + "'>HTML5 version.</a>)";
-
- if (RESUtils.pageType() === 'linklist') {
- $(elem).closest('.thing').find('.thumbnail').attr('href',elem.href);
- }
- return $.Deferred().resolve(elem).promise();
- }
-
- elem.mediaOptions = {
- autoplay: true,
- loop: true
- }
-
- sources = [];
- sources[0] = {'file': info.mp4Url,'type':'video/mp4'};
- sources[1] = {'file': info.webmUrl,'type':'video/webm'};
- elem.type = 'VIDEO';
- $(elem).data('sources', sources);
-
- if (RESUtils.pageType() === 'linklist') {
- $(elem).closest('.thing').find('.thumbnail').attr('href',elem.href);
- }
-
- return $.Deferred().resolve(elem).promise();
- }
- },
- ehost: {
- go: function() {},
- detect: function(elem) {
- var href = elem.href.toLowerCase();
- return href.indexOf('eho.st') !== -1 && href.substring(-1) !== '+';
- },
- handleLink: function(elem) {
- var hashRe = /^http:\/\/(?:i\.)?(?:\d+\.)?eho\.st\/(\w+)\/?/i;
- var def = $.Deferred();
- var groups = hashRe.exec(elem.href);
- if (groups) {
- def.resolve(elem, {
- src: 'http://i.eho.st/'+groups[1]+'.jpg'
- });
- } else {
- def.reject();
- }
- return def.promise();
- },
- handleInfo: function(elem, info) {
- elem.type = 'IMAGE';
- elem.src = info.src;
- elem.href = info.src;
- if (RESUtils.pageType() === 'linklist') {
- $(elem).closest('.thing').find('.thumbnail').attr('href',elem.href);
- }
- elem.onerror = function() {
- if (this.src.match(/\.jpg/)) {
- this.src = this.src.slice(0, elem.src.length - 3) + 'png';
- } else if (this.src.match(/\.png/)) {
- this.src = this.src.slice(0, elem.src.length - 3) + 'gif';
- }
- }
- return $.Deferred().resolve(elem).promise();
- }
- },
- picsarus: {
- go: function() {},
- detect: function(elem) {
- var href = elem.href.toLowerCase();
- return href.indexOf('picsarus.com') !== -1 && href.substring(-1) !== '+';
- },
- handleLink: function(elem) {
- var hashRe = /^https?:\/\/(?:i\.|edge\.|www\.)*picsarus\.com\/(?:r\/[\w]+\/)?([\w]{6,})(\..+)?$/i;
- var def = $.Deferred();
- var groups = hashRe.exec(elem.href);
- if (groups) {
- def.resolve(elem, {
- src: 'http://www.picsarus.com/'+groups[1]+'.jpg'
- });
- } else {
- def.reject();
- }
- return def.promise();
- },
- handleInfo: function(elem, info) {
- elem.type = 'IMAGE';
- elem.src = info.src;
- elem.href = info.src;
- if (RESUtils.pageType() === 'linklist') {
- $(elem).closest('.thing').find('.thumbnail').attr('href',elem.href);
- }
- return $.Deferred().resolve(elem).promise();
- }
- },
- snaggy: {
- go: function() {},
- detect: function(elem) {
- return elem.href.toLowerCase().indexOf('snag.gy/') !== -1;
- },
- handleLink: function(elem) {
- var def = $.Deferred();
- var href = elem.href;
- var extensions = ['.jpg','.png','.gif'];
- if (href.indexOf('i.snag') === -1) href = href.replace('snag.gy', 'i.snag.gy');
- if (extensions.indexOf(href.substr(-4)) === -1) href = href+'.jpg';
- def.resolve(elem, {src: href});
- return def.promise();
- },
- handleInfo: function(elem, info) {
- elem.type = 'IMAGE';
- elem.src = info.src;
- elem.href = info.src;
- if (RESUtils.pageType() === 'linklist') {
- $(elem).closest('.thing').find('.thumbnail').attr('href',elem.href);
- }
- return $.Deferred().resolve(elem).promise();
- }
- },
- picshd: {
- go: function() {},
- detect: function(elem) {
- var href = elem.href.toLowerCase();
- return href.indexOf('picshd.com/') !== -1;
- },
- handleLink: function(elem) {
- var def = $.Deferred();
- var hashRe = /^https?:\/\/(?:i\.|edge\.|www\.)*picshd\.com\/([\w]{5,})(\..+)?$/i;
- var groups = hashRe.exec(elem.href);
- if (groups) {
- def.resolve(elem, 'http://i.picshd.com/'+groups[1]+'.jpg');
- } else {
- def.reject();
- }
- return def.promise();
- },
- handleInfo: function(elem, info) {
- elem.type = 'IMAGE';
- elem.src = info;
- elem.href = info;
- if (RESUtils.pageType() === 'linklist') {
- $(elem).closest('.thing').find('.thumbnail').attr('href',elem.href);
- }
- return $.Deferred().resolve(elem).promise();
- }
- },
- minus: {
- calls: {},
- go: function() {},
- detect: function(elem) {
- var href = elem.href.toLowerCase();
- return href.indexOf('min.us') !== -1 && href.indexOf('blog.') === -1;
- },
- handleLink: function(elem) {
- var def = $.Deferred();
- var hashRe = /^http:\/\/min\.us\/([\w]+)(?:#[\d+])?$/i;
- var href = elem.href.split('?')[0];
- //TODO: just make default run first and remove this
- var getExt = href.split('.');
- var ext = (getExt.length > 1?getExt[getExt.length - 1].toLowerCase():'');
- if (['jpg', 'jpeg', 'png', 'gif'].indexOf(ext) !== -1) {
- var groups = hashRe.exec(href);
- if (groups && !groups[2]) {
- var hash = groups[1];
- if (hash.substr(0, 1) === 'm') {
- var apiURL = 'http://min.us/api/GetItems/' + hash;
- var calls = modules['showImages'].siteModules['minus'].calls;
- if (apiURL in calls) {
- if (calls[apiURL] != null) {
- def.resolve(elem, calls[apiURL]);
- } else {
- def.reject();
- }
- } else {
- GM_xmlhttpRequest({
- method: 'GET',
- url: apiURL,
- onload: function(response) {
- try {
- var json = JSON.parse(response.responseText);
- modules['showImages'].siteModules['minus'].calls[apiURL] = json;
- def.resolve(elem, json);
- } catch (e) {
- modules['showImages'].siteModules['minus'].calls[apiURL] = null;
- def.reject();
- }
- },
- onerror: function(response) {
- def.reject();
- }
- });
- }
- } else { // if not 'm', not a gallery, we can't do anything with the API.
- def.reject();
- }
- } else {
- def.reject();
- }
- } else {
- def.reject();
- }
- return def.promise();
- },
- handleInfo: function(elem, info) {
- var def = $.Deferred();
- //TODO: Handle titles
- //TODO: Handle possibility of flash items
- if ('ITEMS_GALLERY' in info) {
- if (info.ITEMS_GALLERY.length > 1) {
- elem.type = 'GALLERY';
- elem.src = {
- src: info.ITEMS_GALLERY
- };
- } else {
- elem.type = 'IMAGE';
- elem.href = info.ITEMS_GALLERY[0];
- if (RESUtils.pageType() === 'linklist') {
- $(elem).closest('.thing').find('.thumbnail').attr('href',elem.href);
- }
- elem.src = info.ITEMS_GALLERY[0];
- }
- def.resolve(elem);
- } else {
- def.reject();
- }
- return def.promise()
- }
- },
- flickr: {
- go: function() {},
- detect: function(elem) {
- var hashRe = /^http:\/\/(?:\w+)\.?flickr\.com\/(?:.*)\/([\d]{10})\/?(?:.*)?$/i;
- var href = elem.href;
- return hashRe.test(href);
- },
- handleLink: function(elem) {
- var def = $.Deferred();
- // modules['showImages'].createImageExpando(elem);
- // var selector = '#allsizes-photo > IMG';
- var href = elem.href;
- if (href.indexOf('/sizes') === -1) {
- var inPosition = href.indexOf('/in/');
- var inFragment = '';
- if (inPosition !== -1) {
- inFragment = href.substring(inPosition);
- href = href.substring(0, inPosition);
- }
-
- href += '/sizes/c' + inFragment;
- }
- href = href.replace('/lightbox', '');
- href = 'http://www.flickr.com/services/oembed/?format=json&url=' + href;
- GM_xmlhttpRequest({
- method: 'GET',
- url: href,
- onload: function(response) {
- try {
- var json = JSON.parse(response.responseText);
- def.resolve(elem, json);
- } catch (e) {
- def.reject();
- }
- },
- onerror: function(response) {
- def.reject();
- }
- })
- return def.promise();
- },
- handleInfo: function(elem, info) {
- var def = $.Deferred();
- var imgRe = /\.(jpg|jpeg|gif|png)/i;
- if ('url' in info) {
- elem.imageTitle = info.title;
- var original_url = elem.href;
- if(imgRe.test(info.url)) {
- elem.src = info.url;
- // elem.href = info.url;
- } else {
- elem.src = info.thumbnail_url;
- // elem.href = info.thumbnail_url;
- }
- if (RESUtils.pageType() === 'linklist') {
- $(elem).closest('.thing').find('.thumbnail').attr('href',elem.href);
- }
- elem.credits = 'Picture by: <a href="'+info.author_url+'">'+info.author_name+'</a> @ Flickr';
- elem.type = 'IMAGE';
- def.resolve(elem);
- } else {
- def.reject()
- }
- return def.promise();
- }
- },
- steam: {
- go: function() {},
- detect: function(elem) {
- return elem.href.toLowerCase().indexOf('cloud.steampowered.com') !== -1;
- },
- handleLink: function(elem) {
- return $.Deferred().resolve(elem, elem.href).promise();
- },
- handleInfo: function(elem, info) {
- elem.type = 'IMAGE';
- elem.src = info;
- elem.href = info;
- if (RESUtils.pageType() === 'linklist') {
- $(elem).closest('.thing').find('.thumbnail').attr('href', elem.href);
- }
- return $.Deferred().resolve(elem).promise();
- }
- },
- deviantart: {
- calls: {},
- matchRe: /^http:\/\/(?:fav\.me\/.*|(?:.+\.)?deviantart\.com\/(?:art\/.*|[^#]*#\/d.*))$/i,
- go: function() {},
- detect: function(elem) {
- return modules['showImages'].siteModules['deviantart'].matchRe.test(elem.href);
- },
- handleLink: function(elem) {
- var def = $.Deferred();
- var siteMod = modules['showImages'].siteModules['deviantart'];
- var apiURL = 'http://backend.deviantart.com/oembed?url=' + encodeURIComponent(elem.href);
- if (apiURL in siteMod.calls) {
- if (siteMod.calls[apiURL] != null) {
- def.resolve(elem, siteMod.calls[apiURL]);
- } else {
- def.reject();
- }
- } else {
- GM_xmlhttpRequest({
- method: 'GET',
- url: apiURL,
- // aggressiveCache: true,
- onload: function(response) {
- try {
- var json = JSON.parse(response.responseText);
- siteMod.calls[apiURL] = json;
- def.resolve(elem, json);
- } catch(error) {
- siteMod.calls[apiURL] = null;
- def.reject()
- }
- },
- onerror: function(response) {
- def.reject();
- }
- });
- }
- return def.promise();
- },
- handleInfo: function(elem, info) {
- var def = $.Deferred();
- if ('url' in info) {
- elem.imageTitle = info.title;
- var original_url = elem.href;
- if(['jpg', 'jpeg', 'png', 'gif'].indexOf(info.url) !== -1) {
- elem.src = info.url;
- // elem.href = info.url;
- } else {
- elem.src = info.thumbnail_url;
- // elem.href = info.thumbnail_url;
- }
- if (RESUtils.pageType() === 'linklist') {
- $(elem).closest('.thing').find('.thumbnail').attr('href',elem.href);
- }
- // elem.credits = 'Original link: <a href="'+original_url+'">'+original_url+'</a><br>Art by: <a href="'+info.author_url+'">'+info.author_name+'</a> @ deviantART';
- elem.credits = 'Art by: <a href="'+info.author_url+'">'+info.author_name+'</a> @ deviantART';
- elem.type = 'IMAGE';
- def.resolve(elem);
- } else {
- def.reject()
- }
- return def.promise();
- }
- },
- tumblr: {
- calls: {},
- APIKey: 'WeJQquHCAasi5EzaN9jMtIZkYzGfESUtEvcYDeSMLICveo3XDq',
- matchRE: /^https?:\/\/([a-z0-9\-]+\.tumblr\.com)\/post\/(\d+)(?:\/.*)?$/i,
- go: function() { },
- detect: function(elem) {
- return modules['showImages'].siteModules['tumblr'].matchRE.test(elem.href);
- },
- handleLink: function(elem) {
- var def = $.Deferred();
- var siteMod = modules['showImages'].siteModules['tumblr'];
- var groups = siteMod.matchRE.exec(elem.href);
- if (groups) {
- var apiURL = 'http://api.tumblr.com/v2/blog/'+groups[1]+'/posts?api_key='+siteMod.APIKey+'&id='+groups[2] + '&filter=raw';
- if (apiURL in siteMod.calls) {
- if (siteMod.calls[apiURL] != null) {
- def.resolve(elem, siteMod.calls[apiURL]);
- } else {
- def.reject();
- }
- } else {
- GM_xmlhttpRequest({
- method:'GET',
- url: apiURL,
- // aggressiveCache: true,
- onload: function(response) {
- try {
- var json = JSON.parse(response.responseText);
- if ('meta' in json && json.meta.status === 200) {
- siteMod.calls[apiURL] = json;
- def.resolve(elem, json);
- } else {
- siteMod.calls[apiURL] = null;
- def.reject();
- }
- } catch (error) {
- siteMod.calls[apiURL] = null;
- def.reject();
- }
- },
- onerror: function(response) {
- def.reject();
- }
- });
- }
- } else {
- def.reject();
- }
- return def.promise();
- },
- handleInfo: function(elem, info) {
- var def = $.Deferred();
- var original_url = elem.href;
- var post = info.response.posts[0];
- switch (post.type) {
- case 'photo':
- if (post.photos.length > 1) {
- elem.type = 'GALLERY';
- elem.src = post.photos.map(function(e) {
- return {
- src: e.original_size.url,
- caption: e.caption
- };
- });
- } else {
- elem.type = "IMAGE";
- elem.src = post.photos[0].original_size.url;
- }
- break;
- case 'text':
- elem.type = 'TEXT';
- elem.imageTitle = post.title;
- if (post.format === 'markdown') {
- elem.src = modules['commentPreview'].converter.render(post.body)
- } else if (post.format === 'html') {
- elem.src = post.body;
- }
- break;
- default:
- return def.reject().promise();
- break;
- }
- elem.caption = post.caption;
- if (RESUtils.pageType() === 'linklist') {
- $(elem).closest('.thing').find('.thumbnail').attr('href',elem.href);
- }
- elem.credits = 'Posted by: <a href="'+info.response.blog.url+'">'+info.response.blog.name+'</a> @ Tumblr';
- def.resolve(elem);
- return def.promise()
- }
- },
- memecrunch: {
- go: function() {},
- detect: function(elem) {
- return elem.href.toLowerCase().indexOf('memecrunch.com') !== -1;
- },
- handleLink: function(elem) {
- var def = $.Deferred();
- var hashRe = /^http:\/\/memecrunch\.com\/meme\/([0-9A-Z]+)\/([\w\-]+)(\/image\.(png|jpg))?/i;
- var groups = hashRe.exec(elem.href);
- if (groups && typeof groups[1] !== 'undefined') {
- def.resolve(elem, 'http://memecrunch.com/meme/'+groups[1]+'/'+(groups[2]||'null')+'/image.png');
- } else {
- def.reject();
- }
- return def.promise();
- },
- handleInfo: function(elem, info) {
- elem.type = 'IMAGE';
- elem.src = info;
- elem.href = info;
- if (RESUtils.pageType() === 'linklist') {
- $(elem).closest('.thing').find('.thumbnail').attr('href',elem.href);
- }
- modules['showImages'].createImageExpando(elem);
- }
- },
- mediacrush: {
- calls: {},
- go: function() {},
- detect: function(elem) {
- return elem.href.toLowerCase().indexOf('mediacru.sh') !== -1;
- },
- handleLink: function(elem) {
- var hashRe = /^https?:\/\/(?:www\.)?mediacru\.sh\/([\w-]+)$/i;
- var def = $.Deferred();
- var groups = hashRe.exec(elem.href);
- if (!groups) return def.reject();
- var siteMod = modules['showImages'].siteModules['mediacrush'];
- var apiURL = 'https://mediacru.sh/' + encodeURIComponent(groups[1]) + '.json';
- if (apiURL in siteMod.calls) {
- if (siteMod.calls[apiURL] != null) {
- def.resolve(elem, siteMod.calls[apiURL]);
- } else {
- siteMod.calls[apiURL] = null;
- def.reject();
- }
- } else {
- GM_xmlhttpRequest({
- method: 'GET',
- url: apiURL,
- // aggressiveCache: true,
- onload: function(response) {
- try {
- var json = JSON.parse(response.responseText);
- siteMod.calls[apiURL] = json;
- def.resolve(elem, json);
- } catch(error) {
- siteMod.calls[apiURL] = null;
- def.reject()
- }
- },
- onerror: function(response) {
- def.reject();
- }
- });
- }
- return def.promise();
- },
- handleInfo: function(elem, info) {
- var def = $.Deferred()
- // check files to see if video or image
- elem.type = 'IMAGE';
- var mediaData = {
- src: 'http://mediacru.sh/'+info.original,
- sources: []
- }
- if (info.original.indexOf('.gif') !== -1) {
- elem.mediaOptions = {
- autoplay: true,
- muted: true,
- loop: true
- }
- }
- for (var i=0, len=info.files.length; i<len; i++) {
- if (info.files[i].type.indexOf('video') !== -1) {
- elem.type = 'VIDEO';
- info.files[i].file = 'http://mediacru.sh/' + info.files[i].file;
- mediaData.sources.push(info.files[i]);
- }
- if (info.files[i].type.indexOf('audio') !== -1) {
- elem.type = 'AUDIO';
- info.files[i].file = 'http://mediacru.sh/' + info.files[i].file;
- mediaData.sources.push(info.files[i]);
- }
- }
- if (elem.type === 'IMAGE') {
- elem.src = mediaData.src;
- }
- $(elem).data('sources', mediaData.sources);
- return $.Deferred().resolve(elem).promise();
- }
- },
- vine: {
- calls: {},
- width: '480px',
- height: '530px',
- urlMod: function(url) {
- return url+'/embed/postcard';
- },
- go: function() {},
- detect: function(elem) {
- return elem.href.toLowerCase().indexOf('vine.co') !== -1;
- },
- handleLink: function(elem) {
- var hashRe = /^https?:\/\/(?:www\.)?vine\.co\/v\/(\w{10,12})$/i;
- var def = $.Deferred();
- var groups = hashRe.exec(elem.href);
- if (groups) {
- def.resolve(elem, {
- src: elem.href
- });
- } else {
- def.reject();
- }
- return def.promise();
- },
- handleInfo: function(elem, info) {
- elem.type = 'NOEMBED';
- elem.src = info.src;
- elem.expandoClass = 'collapsed video';
- elem.siteMod = modules['showImages'].siteModules['vine'];
- return $.Deferred().resolve(elem).promise();
- }
- },
- livememe: {
- go: function() { },
- detect: function(elem) {
- return elem.href.toLowerCase().indexOf('livememe.com') !== -1;
- },
- handleLink: function(elem) {
- var def = $.Deferred();
- var hashRe = /^http:\/\/(?:www\.livememe\.com|lvme\.me)\/(?!edit)([\w]+)\/?/i;
- var groups = hashRe.exec(elem.href);
- if (groups) {
- def.resolve(elem, 'http://www.livememe.com/'+groups[1]+'.jpg');
- } else {
- def.reject();
- }
- return def.promise();
- },
- handleInfo: function(elem, info) {
- elem.type = 'IMAGE';
- elem.src = info;
- elem.href = info;
- if (RESUtils.pageType() === 'linklist') {
- $(elem).closest('.thing').find('.thumbnail').attr('href', elem.href);
- }
- return $.Deferred().resolve(elem).promise();
- }
- },
- makeameme: {
- go: function() {},
- detect: function(elem) {
- return elem.href.toLowerCase().indexOf('makeameme.org') !== -1;
- },
- handleLink: function(elem) {
- var def = $.Deferred()
- var hashRe = /^http:\/\/makeameme\.org\/meme\/([\w-]+)\/?/i;
- var groups = hashRe.exec(elem.href);
- if (groups) {
- def.resolve(elem, 'http://makeameme.org/media/created/'+groups[1]+'.jpg');
- } else {
- def.reject();
- }
- return def.promise();
- },
- handleInfo: function(elem, info) {
- elem.type = 'IMAGE';
- elem.src = info;
- elem.href = info;
- if (RESUtils.pageType() === 'linklist') {
- $(elem).closest('.thing').find('.thumbnail').attr('href', elem.href);
- }
- return $.Deferred().resolve(elem).promise();
- }
- },
- memefive: {
- go: function() {},
- detect: function(elem) {
- return elem.href.toLowerCase().indexOf('memefive.com') !== -1;
- },
- handleLink: function(elem) {
- var def = $.Deferred()
- var hashRe = /^http:\/\/(?:www\.)?(?:memefive\.com)\/meme\/([\w]+)\/?/i;
- var altHashRe = /^http:\/\/(?:www\.)?(?:memefive\.com)\/([\w]+)\/?/i;
- var groups = hashRe.exec(elem.href);
- if (!groups) {
- groups = altHashRe.exec(elem.href);
- }
- if (groups) {
- def.resolve(elem, 'http://memefive.com/memes/'+groups[1]+'.jpg');
- } else {
- def.reject();
- }
- return def.promise();
- },
- handleInfo: function(elem, info) {
- elem.type = 'IMAGE';
- elem.src = info;
- elem.href = info;
- if (RESUtils.pageType() === 'linklist') {
- $(elem).closest('.thing').find('.thumbnail').attr('href', elem.href);
- }
- return $.Deferred().resolve(elem).promise();
- }
- },
- memegen: {
- go: function() { },
- detect: function(elem) {
- return elem.href.toLowerCase().indexOf('.memegen.') !== -1;
- },
- handleLink: function(elem) {
- var def = $.Deferred();
- var hashRe = /^http:\/\/((?:www|ar|ru|id|el|pt|tr)\.memegen\.(?:com|de|nl|fr|it|es|se|pl))(\/a)?\/(?:meme|mem|mim)\/([A-Za-z0-9]+)\/?/i;
- var groups = hashRe.exec(elem.href);
- if (groups) {
- // Animated vs static meme images.
- if (groups[2]) {
- def.resolve(elem, 'http://a.memegen.com/' + groups[3] + '.gif');
- } else {
- def.resolve(elem, 'http://m.memegen.com/' + groups[3] + '.jpg');
- }
- } else {
- def.reject();
- }
- return def.promise();
- },
- handleInfo: function(elem, info) {
- elem.type = 'IMAGE';
- elem.src = info;
- elem.href = info;
- if (RESUtils.pageType() === 'linklist') {
- $(elem).closest('.thing').find('.thumbnail').attr('href',elem.href);
- }
- return $.Deferred().resolve(elem).promise();
- }
- }
- }
-};
-
-modules['showKarma'] = {
- moduleID: 'showKarma',
- moduleName: 'Show Comment Karma',
- category: 'Accounts',
- options: {
- separator: {
- type: 'text',
- value: '\u00b7',
- description: 'Separator character between post/comment karma'
- },
- useCommas: {
- type: 'boolean',
- value: false,
- description: 'Use commas for large karma numbers'
- }
- },
- description: 'Shows your comment karma next to your link karma.',
- isEnabled: function() {
- return RESConsole.getModulePrefs(this.moduleID);
- },
- include: [
- /^https?:\/\/([a-z]+)\.reddit\.com\/.*/i
- ],
- isMatchURL: function() {
- return RESUtils.isMatchURL(this.moduleID);
- },
- go: function() {
- if ((this.isEnabled()) && (this.isMatchURL())) {
- if (RESUtils.loggedInUser()) {
- RESUtils.getUserInfo(modules['showKarma'].updateKarmaDiv);
- }
- }
- },
- updateKarmaDiv: function(userInfo) {
- var karmaDiv = document.querySelector("#header-bottom-right .userkarma");
- if ((typeof karmaDiv !== 'undefined') && (karmaDiv !== null)) {
- var linkKarma = karmaDiv.innerHTML;
- karmaDiv.title = '';
- var commentKarma = userInfo.data.comment_karma;
- if (modules['showKarma'].options.useCommas.value) {
- linkKarma = RESUtils.addCommas(linkKarma);
- commentKarma = RESUtils.addCommas(commentKarma);
- }
- $(karmaDiv).html("<a title=\"link karma\" href=\"/user/" + RESUtils.loggedInUser() + "/submitted/\">" + linkKarma + "</a> " + modules['showKarma'].options.separator.value + " <a title=\"comment karma\" href=\"/user/" + RESUtils.loggedInUser() + "/comments/\">" + commentKarma + "</a>");
- }
- }
-};
-
-modules['hideChildComments'] = {
- moduleID: 'hideChildComments',
- moduleName: 'Hide All Child Comments',
- category: 'Comments',
- options: {
- // any configurable options you have go here...
- // options must have a type and a value..
- // valid types are: text, boolean (if boolean, value must be true or false)
- // for example:
- automatic: {
- type: 'boolean',
- value: false,
- description: 'Automatically hide all but parent comments, or provide a link to hide them all?'
- }
- },
- description: 'Allows you to hide all comments except for replies to the OP for easier reading.',
- isEnabled: function() {
- return RESConsole.getModulePrefs(this.moduleID);
- },
- include: [
- /^https?:\/\/([a-z]+)\.reddit\.com\/[-\w\.\/]+\/comments\/[-\w\.]+/i,
- /^https?:\/\/([a-z]+)\.reddit\.com\/comments\/[-\w\.]+/i
- ],
- isMatchURL: function() {
- return RESUtils.isMatchURL(this.moduleID);
- },
- go: function() {
- if ((this.isEnabled()) && (this.isMatchURL())) {
- var toggleButton = document.createElement('li');
- this.toggleAllLink = document.createElement('a');
- this.toggleAllLink.textContent = 'hide all child comments';
- this.toggleAllLink.setAttribute('action','hide');
- this.toggleAllLink.setAttribute('href','javascript:void(0);');
- this.toggleAllLink.setAttribute('title','Show only replies to original poster.');
- this.toggleAllLink.addEventListener('click', function() {
- modules['hideChildComments'].toggleComments(this.getAttribute('action'));
- if (this.getAttribute('action') === 'hide') {
- this.setAttribute('action','show');
- this.setAttribute('title','Show all comments.');
- this.textContent = 'show all child comments';
- } else {
- this.setAttribute('action','hide');
- this.setAttribute('title','Show only replies to original poster.');
- this.textContent = 'hide all child comments';
- }
- }, true);
- toggleButton.appendChild(this.toggleAllLink);
- var commentMenu = document.querySelector('ul.buttons');
- if (commentMenu) {
- commentMenu.appendChild(toggleButton);
- var rootComments = document.querySelectorAll('div.commentarea > div.sitetable > div.thing > div.child > div.listing');
- for (var i=0, len=rootComments.length; i<len; i++) {
- var toggleButton = document.createElement('li');
- var toggleLink = document.createElement('a');
- toggleLink.textContent = 'hide child comments';
- toggleLink.setAttribute('action','hide');
- toggleLink.setAttribute('href','javascript:void(0);');
- toggleLink.setAttribute('class','toggleChildren');
- // toggleLink.setAttribute('title','Hide child comments.');
- toggleLink.addEventListener('click', function(e) {
- modules['hideChildComments'].toggleComments(this.getAttribute('action'), this);
- if (this.getAttribute('action') === 'hide') {
- this.setAttribute('action','show');
- // this.setAttribute('title','show child comments.');
- this.textContent = 'show child comments';
- } else {
- this.setAttribute('action','hide');
- // this.setAttribute('title','hide child comments.');
- this.textContent = 'hide child comments';
- }
- }, true);
- toggleButton.appendChild(toggleLink);
- var sib = rootComments[i].parentNode.previousSibling;
- if (typeof sib !== 'undefined') {
- var sibMenu = sib.querySelector('ul.buttons');
- if (sibMenu) sibMenu.appendChild(toggleButton);
- }
- }
- if (this.options.automatic.value) {
- RESUtils.click(this.toggleAllLink);
- }
- }
- }
- },
- toggleComments: function(action, obj) {
- if (obj) {
- var thisChildren = $(obj).closest('.thing').children('.child').children('.sitetable')[0];
- thisChildren.style.display = (action === 'hide') ? 'none' : 'block';
- } else {
- // toggle all comments
- var commentContainers = document.querySelectorAll('div.commentarea > div.sitetable > div.thing');
- for (var i=0, len=commentContainers.length; i<len; i++) {
- var thisChildren = commentContainers[i].querySelector('div.child > div.sitetable');
- var thisToggleLink = commentContainers[i].querySelector('a.toggleChildren');
- if (thisToggleLink !== null) {
- if (action === 'hide') {
- if (thisChildren !== null) {
- thisChildren.style.display = 'none'
- }
- thisToggleLink.textContent = 'show child comments';
- // thisToggleLink.setAttribute('title','show child comments');
- thisToggleLink.setAttribute('action','show');
- } else {
- if (thisChildren !== null) {
- thisChildren.style.display = 'block';
- }
- thisToggleLink.textContent = 'hide child comments';
- // thisToggleLink.setAttribute('title','hide child comments');
- thisToggleLink.setAttribute('action','hide');
- }
- }
- }
- }
- }
-};
-
-modules['showParent'] = {
- moduleID: 'showParent',
- moduleName: 'Show Parent on Hover',
- category: 'Comments',
- options: {
- hoverDelay: {
- type: 'text',
- value: 500,
- description: 'Delay, in milliseconds, before parent hover loads. Default is 500.'
- },
- fadeDelay: {
- type: 'text',
- value: 200,
- description: 'Delay, in milliseconds, before parent hover fades away after the mouse leaves. Default is 200.'
- },
- fadeSpeed: {
- type: 'text',
- value: 0.3,
- description: 'Fade animation\'s speed. Default is 0.3, the range is 0-1. Setting the speed to 1 will disable the animation.'
- },
- direction: {
- type: 'enum',
- value: 'down',
- values: [
- { name: 'Up', value: 'up' },
- { name: 'Down', value: 'down' }
- ],
- description: 'Order the parent comments to place the closest parent at the top (down) or at the bottom (up).'
- },
- },
- description: 'Shows the parent comments when hovering over the "parent" link of a comment.',
- isEnabled: function() {
- return RESConsole.getModulePrefs(this.moduleID);
- },
- include: [
- /^https?:\/\/([a-z]+)\.reddit\.com\/[-\w\.\/]+\/comments\/[-\w\.]+/i,
- /^https?:\/\/([a-z]+)\.reddit\.com\/comments\/[-\w\.]+/i
- ],
- isMatchURL: function() {
- return RESUtils.isMatchURL(this.moduleID);
- },
- go: function() {
- if ((this.isEnabled()) && (this.isMatchURL())) {
- if (modules['showParent'].options.direction.value === 'up') {
- document.html.classList.add('res-parents-up');
- } else {
- document.html.classList.add('res-parents-down');
- }
- $('body').on('mouseenter', '.comment .buttons :not(:first-child) .bylink', function(e) {
- RESUtils.hover.begin(this, {
- openDelay: modules['showParent'].options.hoverDelay.value,
- fadeDelay: modules['showParent'].options.fadeDelay.value,
- fadeSpeed: modules['showParent'].options.fadeSpeed.value
- }, modules['showParent'].showCommentHover , {});
- });
-
- $('body').on('click', '#RESHoverContainer .parentCommentWrapper .arrow', modules['showParent'].handleVoteClick);
- }
- },
- handleVoteClick: function(evt) {
- var voteKey = {'-1':'disliked', 0:'unvoted', 1:'liked'};
-
- var id = $(this).parent().parent().attr('data-fullname');
-
- var direction = /(up|down)(mod)?/.exec(this.className);
- if (direction) direction = direction[1];
- else return;
-
- var targetButton = $('.content .thing.id-'+id+' > .midcol').find('.arrow.'+direction + ', .arrow.'+direction+'mod');
- if (targetButton.length !== 1) {
- console.error("When attempting to find %s arrow for comment %s %d elements were returned", direction, id, targetButton.length);
- return;
- }
- targetButton.click();
-
- var clickedDir = (direction==='up'?1:-1);
- var startDir;
- var mid = $(this).parent();
- if (mid.hasClass('unvoted')) startDir = 0;
- else if (mid.hasClass('likes')) startDir = 1;
- else if (mid.hasClass('dislikes')) startDir = -1;
-
-
- var newDir = clickedDir===startDir ? 0 : clickedDir;
-
-
- mid.parent().children('.'+voteKey[startDir]).removeClass(voteKey[startDir]).addClass(voteKey[newDir])
- mid.find('.up, .upmod')
- .toggleClass('upmod', clickedDir === 1)
- .toggleClass('up', clickedDir !== 1);
- mid.find('.down, .downmod')
- .toggleClass('downmod', clickedDir === -1)
- .toggleClass('down', clickedDir !== -1);
- },
- showCommentHover: function(def, base, context) {
- var direction = modules['showParent'].options.direction.value;
- var thing = $(base);
-
- //If the passed element is not a `.thing` move up to the nearest `.thing`
- if (!$(thing).is('.thing')) thing = thing.parents('.thing:first');
- var parents = $(thing).parents('.thing').clone();
-
- if (direction === 'up') {
- parents = $(parents.get().reverse());
- }
-
- parents.addClass('comment parentComment').removeClass('thing even odd');
- parents.children('.child').remove(); // replies and reply edit form
- parents.each(function(i) {
- //A link to go to the actual comment
- var id = $(this).attr('data-fullname');
- if (id != undefined) {
- id = id.slice(3)
- $(this).find('> .entry .tagline').append('<a class="bylink parentlink" href="#'+id+'"">goto comment</a>');
- }
- });
- parents.find('.parent').remove();
- parents.find('.usertext-body').show(); // contents
- parents.find('.flat-list.buttons').remove(); // buttons
- parents.find('.usertext-edit').remove(); // edit form
- parents.find('.RESUserTag').remove(); // tags
- parents.find('.voteWeight').remove(); // tags
- parents.find('.entry').removeClass('RES-keyNav-activeElement');
- parents.find('.author.userTagged').removeClass('userTagged'); //tags again
- parents.find('.collapsed').remove(); //unused collapse view
- parents.find('.expand').remove(); //expand vutton
- parents.find('form').attr('id', ''); //ID's should be unique
- parents.find('.arrow').attr('onclick', ''); //clear the vote handlers
- /*
- I am stripping out the image viewer stuff for now.
- Making the image viewer work here requires some changes that are for another time.
- */
- parents.find('.madeVisible, .toggleImage').remove(); //image viewer
- parents.find('.keyNavAnnotation').remove();
-
- var container = $('<div class="parentCommentWrapper">');
- container.append(parents);
- $(parents).slice(0,-1).after('<div class="parentArrow">reply to</div>');
- def.resolve("Parents", container);
- }
-};
-
-modules['neverEndingReddit'] = {
- moduleID: 'neverEndingReddit',
- moduleName: 'Never Ending Reddit',
- category: 'UI',
- options: {
- // any configurable options you have go here...
- // options must have a type and a value..
- returnToPrevPage: {
- type: 'boolean',
- value: true,
- description: 'Return to the page you were last on when hitting "back" button?'
- },
- autoLoad: {
- type: 'boolean',
- value: true,
- description: 'Automatically load new page on scroll (if off, you click to load)'
- },
- notifyWhenPaused: {
- type: 'boolean',
- value: true,
- description: 'Show a reminder to unpause Never-Ending Reddit after pausing'
- },
- reversePauseIcon: {
- type: 'boolean',
- value: false,
- description: 'Show "paused" bars icon when auto-load is paused and "play" wedge icon when active'
- },
- pauseAfterEvery: {
- type: 'text',
- value: 0,
- description: 'After auto-loading a certain number of pages, pause the auto-loader'
- + '<br><br>0 or a negative number means Never-Ending Reddit will only pause when you click'
- + ' the play/pause button in the top right corner.'
- },
- hideDupes: {
- type: 'enum',
- value: 'fade',
- values: [
- { name: 'Fade', value: 'fade' },
- { name: 'Hide', value: 'hide' },
- { name: 'Do not hide', value: 'none' }
- ],
- description: 'Fade or completely hide duplicate posts from previous pages.'
- }
- },
- description: 'Inspired by modules like River of Reddit and Auto Pager - gives you a never ending stream of reddit goodness.',
- isEnabled: function() {
- return RESConsole.getModulePrefs(this.moduleID);
- },
- include: [
- /^https?:\/\/([a-z]+)\.reddit\.com\/[-\w\.\_\?=]*/i
- ],
- exclude: [
- ],
- isMatchURL: function() {
- return RESUtils.isMatchURL(this.moduleID);
- },
- beforeLoad: function() {
- if ((this.isEnabled()) && (this.isMatchURL())) {
- RESUtils.addCSS('#NERModal { display: none; z-index: 999; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #333; opacity: 0.6; }');
- RESUtils.addCSS('#NERContent { display: none; position: fixed; top: 40px; z-index: 1000; width: 720px; background-color: #FFF; color: #000; padding: 10px; font-size: 12px; }');
- RESUtils.addCSS('#NERModalClose { position: absolute; top: 3px; right: 3px; }');
- RESUtils.addCSS('#NERFail { min-height: 30px; width: 95%; font-size: 14px; border: 1px solid #999; border-radius: 10px; padding: 5px; text-align: center; bgcolor: #f0f3fc; cursor: pointer; }');
- RESUtils.addCSS('.NERdupe p.title:after { color: #000; font-size: 10px; content: \' (duplicate from previous page)\'; }');
- RESUtils.addCSS('.NERPageMarker { text-align: center; color: #7f7f7f; font-size: 14px; margin-top: 6px; margin-bottom: 6px; font-weight: normal; background-color: #f0f3fc; border: 1px solid #c7c7c7; border-radius: 3px; padding: 3px 0; }');
- // hide next/prev page indicators
- RESUtils.addCSS('.content p.nextprev { display: none; } ');
- switch (this.options.hideDupes.value) {
- case 'fade':
- RESUtils.addCSS('.NERdupe { opacity: 0.3; }');
- break;
- case 'hide':
- RESUtils.addCSS('.NERdupe { display: none; }');
- break;
- }
- // set the style for our little loader widget
- RESUtils.addCSS('#progressIndicator { width: 95%; min-height: 20px; margin: 0 auto; font-size: 14px; border: 1px solid #999; border-radius: 10px; padding: 10px; text-align: center; background-color: #f0f3fc; cursor: pointer; } ');
- RESUtils.addCSS('#progressIndicator h2 { margin-bottom: .5em; }');
- RESUtils.addCSS('#progressIndicator .gearIcon { margin-left: 1em; }');
- RESUtils.addCSS('#NREMailCount { margin-left: 0; float: left; margin-top: 3px;}');
- RESUtils.addCSS('#NREPause { margin-left: 2px; width: 16px; height: 16px; float: left; background-image: url("http://e.thumbs.redditmedia.com/r22WT2K4sio9Bvev.png"); cursor: pointer; }');
- RESUtils.addCSS('#NREPause, #NREPause.paused.reversePause { background-position: -16px -192px; }');
- RESUtils.addCSS('#NREPause.paused, #NREPause.reversePause { background-position: 0 -192px; }');
- }
- },
- go: function() {
- if ((this.isEnabled()) && (this.isMatchURL())) {
-
-/* if (RESUtils.pageType() !== 'linklist') {
- sessionStorage.NERpageURL = location.href;
- }
-*/ // modified from a contribution by Peter Siewert, thanks Peter!
- if (typeof modules['neverEndingReddit'].dupeHash === 'undefined') modules['neverEndingReddit'].dupeHash = {};
- var entries = document.body.querySelectorAll('a.comments');
- for (var i = entries.length - 1; i > -1; i--) {
- modules['neverEndingReddit'].dupeHash[entries[i].href] = 1;
- }
-
- this.allLinks = document.body.querySelectorAll('#siteTable div.thing');
-
- // code inspired by River of Reddit, but rewritten from scratch to work across multiple browsers...
- // Original River of Reddit author: reddy kapil
- // Original link to Chrome extension: https://chrome.google.com/extensions/detail/bjiggjllfebckflfdjbimogjieeghcpp
-
- // store access to the siteTable div since that's where we'll append new data...
- var stMultiCheck = document.querySelectorAll('#siteTable');
- this.siteTable = stMultiCheck[0];
- // stupid sponsored links create a second div with ID of sitetable (bad reddit! you should never have 2 IDs with the same name! naughty, naughty reddit!)
- if (stMultiCheck.length === 2) {
- // console.log('skipped first sitetable, stupid reddit.');
- this.siteTable = stMultiCheck[1];
- }
- // get the first link to the next page of reddit...
- var nextPrevLinks = document.body.querySelectorAll('.content .nextprev a');
- if (nextPrevLinks.length > 0) {
- var nextLink = nextPrevLinks[nextPrevLinks.length-1];
- if (nextLink) {
- this.nextPageURL = nextLink.getAttribute('href');
- var nextXY=RESUtils.getXYpos(nextLink);
- this.nextPageScrollY = nextXY.y;
- }
- this.attachLoaderWidget();
-
- //Reset this info if the page is in a new tab
- // wait, this is always tre... commenting out.
- /*
- if (window.history.length) {
- console.log('delete nerpage');
- delete sessionStorage['NERpage'];
- */
- if (this.options.returnToPrevPage.value) {
- // if the user clicks any external links, save that link
- // get all external links and track clicks...
-/* $('body').on('click', 'a.title[href^="http://"]', function(e) {
- // if left click and not going to open in a new tab...
- if ((this.target !== '_blank') && (e.which === 1)) sessionStorage.lastPageURL = this.href;
- });
-*/
- this.returnToPrevPageCheck(location.hash);
- }
-
- // watch for the user scrolling to the bottom of the page. If they do it, load a new page.
- if (this.options.autoLoad.value) {
- window.addEventListener('scroll', modules['neverEndingReddit'].handleScroll, false);
- }
- }
- // check if the user has new mail...
- this.navMail = document.body.querySelector('#mail');
- this.NREFloat = createElementWithID('div','NREFloat');
- this.NREPause = createElementWithID('div','NREPause');
- this.NREPause.setAttribute('title','Pause / Restart Never Ending Reddit');
- if (this.options.reversePauseIcon.value) this.NREPause.classList.add('reversePause');
- this.isPaused = (RESStorage.getItem('RESmodules.neverEndingReddit.isPaused') == true);
- if (this.isPaused) this.NREPause.classList.add('paused');
- this.NREPause.addEventListener('click',modules['neverEndingReddit'].togglePause, false);
- if ((modules['betteReddit'].options.pinHeader.value !== 'userbar') && (modules['betteReddit'].options.pinHeader.value !== 'header')) {
- this.NREMail = createElementWithID('a','NREMail');
- if (modules['betteReddit'].options.pinHeader.value === 'sub') {
- RESUtils.addCSS('#NREFloat { position: fixed; top: 23px; right: 8px; display: none; }');
- } else if (modules['betteReddit'].options.pinHeader.value === 'subanduser') {
- RESUtils.addCSS('#NREFloat { position: fixed; top: 44px; right: 0; display: none; }');
- RESUtils.addCSS('#NREMail { display: none; }');
- RESUtils.addCSS('#NREMailCount { display: none; }');
- } else {
- RESUtils.addCSS('#NREFloat { position: fixed; top: 10px; right: 10px; display: none; }');
- }
- RESUtils.addCSS('#NREMail { width: 16px; height: 12px; float: left; margin-top: 4px; background: center center no-repeat; }');
- RESUtils.addCSS('#NREMail.nohavemail { background-image: url(http://www.redditstatic.com/mailgray.png); }');
- RESUtils.addCSS('#NREMail.havemail { background-image: url(http://www.redditstatic.com/mail.png); }');
- RESUtils.addCSS('.res-colorblind #NREMail.havemail { background-image: url(http://thumbs.reddit.com/t5_2s10b_5.png); }');
- this.NREFloat.appendChild(this.NREMail);
- this.NREMailCount = createElementWithID('a','NREMailCount');
- this.NREMailCount.display = 'none';
- this.NREMailCount.setAttribute('href',modules['betteReddit'].getInboxLink(true));
- this.NREFloat.appendChild(this.NREMailCount);
- var hasNew = false;
- if ((typeof this.navMail !== 'undefined') && (this.navMail !== null)) {
- hasNew = this.navMail.classList.contains('havemail');
- }
- this.setMailIcon(hasNew);
- } else {
- this.NREMail = this.navMail;
- RESUtils.addCSS('#NREFloat { position: fixed; top: 30px; right: 8px; display: none; }');
- }
- this.NREFloat.appendChild(this.NREPause);
- document.body.appendChild(this.NREFloat);
- }
- },
- pageMarkers: [],
- pageURLs: [],
- togglePause: function() {
- modules['neverEndingReddit'].isPaused = !modules['neverEndingReddit'].isPaused;
- RESStorage.setItem('RESmodules.neverEndingReddit.isPaused', modules['neverEndingReddit'].isPaused);
- if (modules['neverEndingReddit'].isPaused) {
- modules['neverEndingReddit'].NREPause.classList.add('paused');
- if (modules['neverEndingReddit'].options.notifyWhenPaused.value) {
- var notification = [];
- notification.push('Never-Ending Reddit has been paused. Click the play/pause button to unpause it.');
- notification.push('To hide this message, disable Never-Ending Reddit\'s ' + modules['settingsNavigation'].makeUrlHashLink('neverEndingReddit', 'notifyWhenPaused', 'notifyWhenPaused option <span class="gearIcon" />') + '.');
- notification = notification.join('<br><br>');
- RESUtils.notification({
- moduleID: 'neverEndingReddit',
- message: notification
- });
- }
- } else {
- modules['neverEndingReddit'].NREPause.classList.remove('paused');
- modules['neverEndingReddit'].handleScroll();
- }
- modules['neverEndingReddit'].setWidgetActionText();
- },
- returnToPrevPageCheck: function(hash) {
- var pageRE = /page=(\d+)/,
- match = pageRE.exec(hash);
- // Set the current page to page 1...
- this.currPage = 1;
- if (match) {
- var backButtonPageNumber = match[1] || 1;
- if (backButtonPageNumber > 1) {
- this.attachModalWidget();
- this.currPage = backButtonPageNumber;
- this.loadNewPage(true);
- }
- }
-
- /*
- if ((sessionStorage.NERpageURL) && (sessionStorage.NERpageURL != sessionStorage.lastPageURL)) {
- var backButtonPageNumber = sessionStorage.getItem('NERpage') || 1;
- if (backButtonPageNumber > 1) {
- this.currPage = backButtonPageNumber;
- this.loadNewPage(true);
- }
- }
- sessionStorage.lastPageURL = location.href;
- */
- },
- handleScroll: function(e) {
- if (modules['neverEndingReddit'].scrollTimer) clearTimeout(modules['neverEndingReddit'].scrollTimer);
- modules['neverEndingReddit'].scrollTimer = setTimeout(modules['neverEndingReddit'].handleScrollAfterTimer, 300);
- },
- handleScrollAfterTimer: function(e) {
- var thisPageNum = 1,
- thisMarker;
-
- for (var i=0, len=modules['neverEndingReddit'].pageMarkers.length; i<len; i++) {
- var thisXY = RESUtils.getXYpos(modules['neverEndingReddit'].pageMarkers[i]);
- if (thisXY.y < window.pageYOffset) {
- thisMarker = modules['neverEndingReddit'].pageMarkers[i];
- thisPageNum = thisMarker.getAttribute('id').replace('page-','');
- modules['neverEndingReddit'].currPage = thisPageNum;
- if (thisMarker) {
- var thisPageType = RESUtils.pageType()+'.'+RESUtils.currentSubreddit();
- RESStorage.setItem('RESmodules.neverEndingReddit.lastPage.'+thisPageType, thisMarker.getAttribute('url'));
- }
- } else {
- break;
- }
- }
- var thisPageType = RESUtils.pageType()+'.'+RESUtils.currentSubreddit();
- // RESStorage.setItem('RESmodules.neverEndingReddit.lastPage.'+thisPageType, modules['neverEndingReddit'].pageURLs[thisPageNum]);
- if (thisPageNum != sessionStorage.NERpage) {
- if (thisPageNum > 1) {
- // sessionStorage.NERpageURL = location.href;
- sessionStorage.NERpage = thisPageNum;
- modules['neverEndingReddit'].pastFirstPage = true;
- location.hash = 'page='+thisPageNum;
- } else {
- if (location.hash.indexOf('page=') !== -1) {
- location.hash = 'page='+thisPageNum;
- }
- delete sessionStorage['NERpage'];
- }
- }
- if ((modules['neverEndingReddit'].fromBackButton != true) && (modules['neverEndingReddit'].options.returnToPrevPage.value)) {
- for (var i=0, len=modules['neverEndingReddit'].allLinks.length; i<len; i++) {
- if (RESUtils.elementInViewport(modules['neverEndingReddit'].allLinks[i])) {
- var thisClassString = modules['neverEndingReddit'].allLinks[i].getAttribute('class');
- var thisClass = thisClassString.match(/id-t[\d]_[\w]+/);
- if (thisClass) {
- var thisID = thisClass[0];
- var thisPageType = RESUtils.pageType()+'.'+RESUtils.currentSubreddit();
- RESStorage.setItem('RESmodules.neverEndingReddit.lastVisibleIndex.'+thisPageType, thisID);
- break;
- }
- }
- }
- }
- if ((RESUtils.elementInViewport(modules['neverEndingReddit'].progressIndicator)) && (modules['neverEndingReddit'].fromBackButton != true)) {
- if (modules['neverEndingReddit'].isPaused != true) {
- modules['neverEndingReddit'].loadNewPage();
- modules['neverEndingReddit'].pauseAfter(thisPageNum);
- }
- }
- if ($(window).scrollTop() > 30) {
- modules['neverEndingReddit'].showFloat(true);
- } else {
- modules['neverEndingReddit'].showFloat(false);
- }
- },
- pauseAfterPages: null,
- pauseAfter: function(currPageNum) {
- if (this.pauseAfterPages === null) {
- this.pauseAfterPages = parseInt(modules['neverEndingReddit'].options.pauseAfterEvery.value);
- }
-
- if ((this.pauseAfterPages > 0) && (currPageNum % this.pauseAfterPages === 0)) {
- this.togglePause(true);
- var notification = [];
- notification.push('Time for a break!');
- notification.push('Never-Ending Reddit was paused automatically. ' + modules['settingsNavigation'].makeUrlHashLink('neverEndingReddit', 'pauseAfterEvery', '', 'gearIcon'));
- notification = notification.join('<br><br>');
- setTimeout(RESUtils.notification.bind(RESUtils, notification, 5000));
- }
- },
- duplicateCheck: function(newHTML){
- var newLinks = newHTML.querySelectorAll('div.link');
- for(var i = newLinks.length - 1; i > -1; i--) {
- var newLink = newLinks[i];
- var thisCommentLink = newLink.querySelector('a.comments').href;
- if( modules['neverEndingReddit'].dupeHash[thisCommentLink] ) {
- // let's not remove it altogether, but instead dim it...
- // newLink.parentElement.removeChild(newLink);
- newLink.classList.add('NERdupe');
- } else {
- modules['neverEndingReddit'].dupeHash[thisCommentLink] = 1;
- }
- }
- return newHTML;
- },
- setMailIcon: function(newmail) {
- if (RESUtils.loggedInUser() === null) return false;
- if (newmail) {
- modules['neverEndingReddit'].hasNewMail = true;
- this.NREMail.classList.remove('nohavemail');
- this.NREMail.setAttribute('href', modules['betteReddit'].getInboxLink(true));
- this.NREMail.setAttribute('title','new mail!');
- this.NREMail.classList.add('havemail');
- modules['betteReddit'].showUnreadCount();
- } else {
- modules['neverEndingReddit'].hasNewMail = false;
- this.NREMail.classList.add('nohavemail');
- this.NREMail.setAttribute('href',modules['betteReddit'].getInboxLink(false));
- this.NREMail.setAttribute('title','no new mail');
- this.NREMail.classList.remove('havemail');
- modules['betteReddit'].setUnreadCount(0);
- }
- },
- attachModalWidget: function() {
- this.modalWidget = createElementWithID('div','NERModal');
- $(this.modalWidget).html(' ');
- this.modalContent = createElementWithID('div','NERContent');
- $(this.modalContent).html('<div id="NERModalClose" class="RESCloseButton">×</div>Never Ending Reddit has detected that you are returning from a page that it loaded. Please give us a moment while we reload that content and return you to where you left off.<br><img src="'+RESConsole.loader+'">');
- document.body.appendChild(this.modalWidget);
- document.body.appendChild(this.modalContent);
- $('#NERModalClose').click(function() {
- $(modules['neverEndingReddit'].modalWidget).hide();
- $(modules['neverEndingReddit'].modalContent).hide();
- });
- },
- attachLoaderWidget: function() {
- // add a widget at the bottom that will be used to detect that we've scrolled to the bottom, and will also serve as a "loading" bar...
- this.progressIndicator = document.createElement('div');
- this.setWidgetActionText();
- this.progressIndicator.id = 'progressIndicator';
- this.progressIndicator.className = 'neverEndingReddit';
-
- this.progressIndicator.addEventListener('click', function(e) {
- if (e.target.id !== 'NERStaticLink' && !e.target.classList.contains('gearIcon')) {
- e.preventDefault();
- modules['neverEndingReddit'].loadNewPage();
- }
- }, false);
- insertAfter(this.siteTable, this.progressIndicator);
- },
- setWidgetActionText: function () {
- $(this.progressIndicator).empty();
- $('<h2>Never Ending Reddit</h2>')
- .appendTo(this.progressIndicator)
- .append(modules['settingsNavigation'].makeUrlHashLink('neverEndingReddit', null, ' ', 'gearIcon'));
-
- var text = "Click to load the next page";
- if (this.options.autoLoad.value && !this.isPaused) {
- text = "scroll or click to load the next page";
- } else if (this.options.autoLoad.value && this.isPaused) {
- text = "click to load the next page; or click the 'pause' button in the top right corner"
- }
-
- $('<p />')
- .text(text)
- .appendTo(this.progressIndicator);
-
- var nextpage = $('<a id="NERStaticLink">or open next page</a>')
- .attr('href', this.nextPageURL);
- $('<p />').append(nextpage)
- .append(' (and clear Never-Ending stream)')
- .appendTo(this.progressIndicator);
- },
- loadNewPage: function(fromBackButton, reload) {
- var me = modules['neverEndingReddit'];
- if (me.isLoading != true) {
- me.isLoading = true;
- if (fromBackButton) {
- me.fromBackButton = true;
- var thisPageType = RESUtils.pageType()+'.'+RESUtils.currentSubreddit();
- var savePageURL = me.nextPageURL;
- me.nextPageURL = RESStorage.getItem('RESmodules.neverEndingReddit.lastPage.'+thisPageType);
- if ((me.nextPageURL === 'undefined') || (me.nextPageURL == null)) {
- // something went wrong, probably someone hit refresh. Just revert to the first page...
- modules['neverEndingReddit'].fromBackButton = false;
- me.nextPageURL = savePageURL;
- me.currPage = 1;
- me.isLoading = false;
- return false;
- }
- var leftCentered = Math.floor((window.innerWidth - 720) / 2);
- me.modalWidget.style.display = 'block';
- me.modalContent.style.display = 'block';
- me.modalContent.style.left = leftCentered + 'px';
- // remove the progress indicator early, as we don't want the user to scroll past it on accident, loading more content.
- me.progressIndicator.parentNode.removeChild(modules['neverEndingReddit'].progressIndicator);
- } else {
- me.fromBackButton = false;
- }
-
-
- me.progressIndicator.removeEventListener('click', modules['neverEndingReddit'].loadNewPage , false);
- $(me.progressIndicator).html('<img src="'+RESConsole.loader+'"> Loading next page...');
- // as a sanity check, which should NEVER register true, we'll make sure me.nextPageURL is on the same domain we're browsing...
- if (me.nextPageURL.indexOf(location.hostname) === -1) {
- console.log('Next page URL mismatch. Something strange may be afoot.')
- me.isLoading = false;
- return false;
- }
- GM_xmlhttpRequest({
- method: "GET",
- url: me.nextPageURL,
- onload: function(response) {
- if ((typeof modules['neverEndingReddit'].progressIndicator.parentNode !== 'undefined') && (modules['neverEndingReddit'].progressIndicator.parentNode !== null)) {
- modules['neverEndingReddit'].progressIndicator.parentNode.removeChild(modules['neverEndingReddit'].progressIndicator);
- }
- // drop the HTML we got back into a div...
- var thisHTML = response.responseText;
- var tempDiv = document.createElement('div');
- // clear out any javascript so we don't render it again...
- $(tempDiv).html(thisHTML.replace(/<script(.|\s)*?\/script>/g, ''));
- // grab the siteTable out of there...
- var newHTML = tempDiv.querySelector('#siteTable');
- // did we find anything?
- if (newHTML !== null) {
- var stMultiCheck = tempDiv.querySelectorAll('#siteTable');
- // stupid sponsored links create a second div with ID of sitetable (bad reddit! you should never have 2 IDs with the same name! naughty, naughty reddit!)
- if (stMultiCheck.length === 2) {
- // console.log('skipped first sitetable, stupid reddit.');
- newHTML = stMultiCheck[1];
- }
- newHTML.setAttribute('ID','siteTable-'+modules['neverEndingReddit'].currPage+1);
- modules['neverEndingReddit'].duplicateCheck(newHTML);
- // check for new mail
- var hasNewMail = tempDiv.querySelector('#mail');
- if ((typeof hasNewMail !== 'undefined') && (hasNewMail !== null) && (hasNewMail.classList.contains('havemail'))) {
- modules['neverEndingReddit'].setMailIcon(true);
- } else {
- modules['neverEndingReddit'].setMailIcon(false);
- }
- // load up uppers and downers, if enabled...
- // maybe not necessary anymore..
- /*
- if ((modules['uppersAndDowners'].isEnabled()) && (RESUtils.pageType() === 'comments')) {
- modules['uppersAndDowners'].applyUppersAndDownersToComments(modules['neverEndingReddit'].nextPageURL);
- }
- */
- // get the new nextLink value for the next page...
- var nextPrevLinks = tempDiv.querySelectorAll('.content .nextprev a');
- if ((nextPrevLinks) && (nextPrevLinks.length)) {
- if (isNaN(modules['neverEndingReddit'].currPage)) modules['neverEndingReddit'].currPage = 1;
- if (!fromBackButton) modules['neverEndingReddit'].currPage++;
- if ((!(modules['neverEndingReddit'].fromBackButton)) && (modules['neverEndingReddit'].options.returnToPrevPage.value)) {
- // modules['neverEndingReddit'].pageURLs[modules['neverEndingReddit'].currPage] = modules['neverEndingReddit'].nextPageURL;
- var thisPageType = RESUtils.pageType()+'.'+RESUtils.currentSubreddit();
- RESStorage.setItem('RESmodules.neverEndingReddit.lastPage.'+thisPageType, modules['neverEndingReddit'].nextPageURL);
- // location.hash = 'page='+modules['neverEndingReddit'].currPage;
- }
- var nextLink = nextPrevLinks[nextPrevLinks.length-1];
- var nextPage = modules['neverEndingReddit'].currPage;
- var pageMarker = createElementWithID('div','page-'+nextPage);
- pageMarker.classList.add('NERPageMarker');
- $(pageMarker).text('Page ' + nextPage);
- modules['neverEndingReddit'].siteTable.appendChild(pageMarker);
- modules['neverEndingReddit'].pageMarkers.push(pageMarker);
- modules['neverEndingReddit'].siteTable.appendChild(newHTML);
- modules['neverEndingReddit'].isLoading = false;
- if (nextLink) {
- // console.log(nextLink);
- pageMarker.setAttribute('url',me.nextPageURL);
- if (nextLink.getAttribute('rel').indexOf('prev') !== -1) {
- // remove the progress indicator from the DOM, it needs to go away.
- modules['neverEndingReddit'].progressIndicator.style.display = 'none';
- var endOfReddit = createElementWithID('div','endOfReddit');
- $(endOfReddit).text('You\'ve reached the last page available. There are no more pages to load.');
- modules['neverEndingReddit'].siteTable.appendChild(endOfReddit);
- window.removeEventListener('scroll', modules['neverEndingReddit'].handleScroll, false);
- } else {
- // console.log('not over yet');
- var prevLink = nextPrevLinks[0];
- modules['neverEndingReddit'].nextPageURL = nextLink.getAttribute('href');
- modules['neverEndingReddit'].attachLoaderWidget();
- }
- }
- modules['neverEndingReddit'].allLinks = document.body.querySelectorAll('#siteTable div.thing');
- if ((fromBackButton) && (modules['neverEndingReddit'].options.returnToPrevPage.value)) {
- // TODO: it'd be great to figure out a better way than a timeout, but this
- // has considerably helped the accuracy of RES's ability to return you to where
- // you left off.
- setTimeout(modules['neverEndingReddit'].scrollToLastElement, 4000);
- }
-
- // If we're on the reddit-browsing page (/reddits or /subreddits), add +shortcut and -shortcut buttons...
- if (/^https?:\/\/www\.reddit\.com\/(?:sub)?reddits\/?(?:\?[\w=&]+)*/.test(location.href)) {
- modules['subredditManager'].browsingReddits();
- }
- } else {
- var noresults = tempDiv.querySelector('#noresults');
- var noresultsfound = (noresults !== null);
- modules['neverEndingReddit'].NERFail(noresultsfound);
- }
- var e = document.createEvent("Events");
- e.initEvent("neverEndingLoad", true, true);
- window.dispatchEvent(e);
- }
- },
- onerror: function(err) {
- modules['neverEndingReddit'].NERFail();
- }
- });
- } else {
- // console.log('load new page ignored');
- }
- },
- scrollToLastElement: function() {
- modules['neverEndingReddit'].modalWidget.style.display = 'none';
- modules['neverEndingReddit'].modalContent.style.display = 'none';
- // window.scrollTo(0,0)
- // RESUtils.scrollTo(0,modules['neverEndingReddit'].nextPageScrollY);
- var thisPageType = RESUtils.pageType()+'.'+RESUtils.currentSubreddit();
- var lastTopScrolledID = RESStorage.getItem('RESmodules.neverEndingReddit.lastVisibleIndex.'+thisPageType);
- var lastTopScrolledEle = document.body.querySelector('.'+lastTopScrolledID);
- if (!lastTopScrolledEle) {
- var lastTopScrolledEle = newHTML.querySelector('#siteTable div.thing');
- }
- var thisXY=RESUtils.getXYpos(lastTopScrolledEle);
- RESUtils.scrollTo(0, thisXY.y);
- modules['neverEndingReddit'].fromBackButton = false;
- },
- NERFail: function(noresults) {
- modules['neverEndingReddit'].isLoading = false;
- var newHTML = createElementWithID('div','NERFail');
- if (noresults) {
- $(newHTML).html('Reddit has responded "there doesn\'t seem to be anything here." - this sometimes happens after several pages as votes shuffle posts up and down. You\'ll have to <a href="'+location.href.split('#')[0]+'">start from the beginning.</a> If you like, you can try loading <a target="_blank" href="'+modules['neverEndingReddit'].nextPageURL+'">the same URL that RES tried to load.</a> If you are interested, there is a <a target="_blank" href="http://www.reddit.com/r/Enhancement/comments/s72xt/never_ending_reddit_and_reddit_barfing_explained/">technical explanation here</a>.');
- newHTML.setAttribute('style','cursor: auto !important;');
- } else {
- $(newHTML).text('It appears Reddit is under heavy load or has barfed for some other reason, so Never Ending Reddit couldn\'t load the next page. Click here to try to load the page again.');
- newHTML.addEventListener('click', function(e) {
- modules['neverEndingReddit'].attachLoaderWidget();
- modules['neverEndingReddit'].loadNewPage(false, true);
- e.target.parentNode.removeChild(e.target);
- e.target.textContent = 'Loading... or trying, anyway...';
- }, false);
- }
- modules['neverEndingReddit'].siteTable.appendChild(newHTML);
- modules['neverEndingReddit'].modalWidget.style.display = 'none';
- modules['neverEndingReddit'].modalContent.style.display = 'none';
- },
- showFloat: function(show) {
- if (show) {
- this.NREFloat.style.display = 'block';
- } else {
- this.NREFloat.style.display = 'none';
- }
- }
-};
-
-modules['saveComments'] = {
- moduleID: 'saveComments',
- moduleName: 'Save Comments',
- category: 'Comments',
- options: {
- // any configurable options you have go here...
- // options must have a type and a value..
- // valid types are: text, boolean (if boolean, value must be true or false)
- // for example:
- },
- description: 'Save Comments saves the full text of comments locally in your browser, unlike Reddit\'s "save" feature, which saves a link to the comment.',
- isEnabled: function() {
- return RESConsole.getModulePrefs(this.moduleID);
- },
- include: [
- /^https?:\/\/([a-z]+)\.reddit\.com\/[-\w\.\/]*/i
- ],
- exclude: [
- /^https?:\/\/([a-z]+)\.reddit\.com\/[-\w\.\/]*\/submit\/?/i,
- /^https?:\/\/([a-z]+)\.reddit\.com\/submit\/?/i
- ],
- isMatchURL: function() {
- return RESUtils.isMatchURL(this.moduleID);
- },
- beforeLoad: function() {
- if ((this.isEnabled()) && (this.isMatchURL())) {
- RESUtils.addCSS('.RES-save { cursor: help; }');
- }
- },
- go: function() {
- if ((this.isEnabled()) && (this.isMatchURL())) {
- var currURL = location.href;
- var commentsRegex = /^https?:\/\/([a-z]+)\.reddit\.com\/[-\w\.\/]*comments\/[-\w\.\/]*/i;
- var savedRegex = /^https?:\/\/([a-z]+)\.reddit\.com\/user\/([-\w]+)\/saved\/?/i;
- if (commentsRegex.test(currURL)) {
- // load already-saved comments into memory...
- this.loadSavedComments();
- this.addSaveLinks();
- $('body').on('click', 'li.saveComments', function(e) {
- e.preventDefault();
- modules['saveComments'].saveComment(this, this.getAttribute('saveID'), this.getAttribute('saveLink'), this.getAttribute('saveUser'));
- });
- $('body').on('click', 'li.unsaveComments', function(e) {
- // e.preventDefault();
- var id = this.getAttribute('unsaveID');
- modules['saveComments'].unsaveComment(id, this);
- });
- } else if (savedRegex.test(currURL)) {
- // load already-saved comments into memory...
- this.loadSavedComments();
- this.addSavedCommentsTab();
- this.drawSavedComments();
- if (location.hash === '#comments') {
- this.showSavedTab('comments');
- }
- } else {
- this.addSavedCommentsTab();
- }
- // Watch for any future 'reply' forms, or stuff loaded in via "load more comments"...
- /*
- document.body.addEventListener(
- 'DOMNodeInserted',
- function( event ) {
- if ((event.target.tagName === 'DIV') && (hasClass(event.target,'thing'))) {
- modules['saveComments'].addSaveLinks(event.target);
- }
- },
- false
- );
- */
- RESUtils.watchForElement('newComments', modules['saveComments'].addSaveLinks);
- }
- },
- addSaveLinks: function(ele) {
- if (!ele) var ele = document.body;
- var allComments = ele.querySelectorAll('div.commentarea > div.sitetable > div.thing div.entry div.noncollapsed');
- RESUtils.forEachChunked(allComments, 15, 1000, function(comment, i, array) {
- modules['saveComments'].addSaveLinkToComment(comment);
- });
- },
- addSaveLinkToComment: function(commentObj) {
- var commentsUL = commentObj.querySelector('ul.flat-list');
- var permaLink = commentsUL.querySelector('li.first a.bylink');
- if (permaLink !== null) {
- // if there's no 'parent' link, then we don't want to put the save link before 'lastchild', we need to move it one to the left..
- // note that if the user is not logged in, there is no next link for first level comments... set to null!
- if (RESUtils.loggedInUser()) {
- if (permaLink.parentNode.nextSibling !== null) {
- if (typeof permaLink.parentNode.nextSibling.firstChild.getAttribute !== 'undefined') {
- var nextLink = permaLink.parentNode.nextSibling.firstChild.getAttribute('href');
- } else {
- var nextLink = null;
- }
- } else {
- var nextLink = null;
- }
- } else {
- var nextLink = null;
- }
- var isTopLevel = ((nextLink == null) || (nextLink.indexOf('#') === -1));
- var userLink = commentObj.querySelector('a.author');
- if (userLink == null) {
- var saveUser = '[deleted]';
- } else {
- var saveUser = userLink.text;
- }
- var saveHREF = permaLink.getAttribute('href');
- var splitHref = saveHREF.split('/');
- var saveID = splitHref[splitHref.length-1];
- var saveLink = document.createElement('li');
- if ((typeof this.storedComments !== 'undefined') && (typeof this.storedComments[saveID] !== 'undefined')) {
- $(saveLink).html('<a class="RES-saved" href="/saved#comments">saved-RES</a>');
- } else {
- $(saveLink).html('<a class="RES-save" href="javascript:void(0);" title="Save using RES - which is local only, but preserves the full text in case someone edits/deletes it">save-RES</a>');
- saveLink.setAttribute('class', 'saveComments');
- saveLink.setAttribute('saveID',saveID);
- saveLink.setAttribute('saveLink',saveHREF);
- saveLink.setAttribute('saveUser',saveUser);
- }
- var whereToInsert = commentsUL.lastChild;
- if (isTopLevel) whereToInsert = whereToInsert.previousSibling;
- commentsUL.insertBefore(saveLink, whereToInsert);
- }
- },
- loadSavedComments: function() {
- // first, check if we're storing saved comments the old way (as an array)...
- var thisComments = RESStorage.getItem('RESmodules.saveComments.savedComments');
- if (thisComments == null) {
- this.storedComments = {};
- } else {
- this.storedComments = safeJSON.parse(thisComments, 'RESmodules.saveComments.savedComments');
- // old way of storing saved comments... convert...
- if (thisComments.slice(0,1) === '[') {
- var newFormat = {};
- for (var i in this.storedComments) {
- var urlSplit = this.storedComments[i].href.split('/');
- var thisID = urlSplit[urlSplit.length-1];
- newFormat[thisID] = this.storedComments[i];
- }
- this.storedComments = newFormat;
- RESStorage.setItem('RESmodules.saveComments.savedComments',JSON.stringify(newFormat));
- }
- }
- },
- saveComment: function(obj, id, href, username, comment) {
- // reload saved comments in case they've been updated in other tabs (works in all but greasemonkey)
- this.loadSavedComments();
- // loop through comments and make sure we haven't already saved this one...
- if (typeof this.storedComments[id] !== 'undefined') {
- alert('comment already saved!');
- } else {
- if (modules['keyboardNav'].isEnabled()) {
- // unfocus it before we save it so we don't save the keyboard annotations...
- modules['keyboardNav'].keyUnfocus(modules['keyboardNav'].keyboardLinks[modules['keyboardNav'].activeIndex]);
- }
- var comment = obj.parentNode.parentNode.querySelector('div.usertext-body > div.md');
- if (comment !== null) {
- commentHTML = comment.innerHTML;
- var savedComment = {
- href: href,
- username: username,
- comment: commentHTML,
- timeSaved: Date()
- };
- this.storedComments[id] = savedComment;
- var unsaveObj = document.createElement('li');
- $(unsaveObj).html('<a href="javascript:void(0);">unsave-RES</a>');
- unsaveObj.setAttribute('unsaveID',id);
- unsaveObj.setAttribute('unsaveLink',href);
- unsaveObj.setAttribute('class','unsaveComments');
-
- obj.parentNode.replaceChild(unsaveObj, obj);
- }
- if (modules['keyboardNav'].isEnabled()) {
- modules['keyboardNav'].keyFocus(modules['keyboardNav'].keyboardLinks[modules['keyboardNav'].activeIndex]);
- }
- if (RESUtils.proEnabled()) {
- // add sync adds/deletes for RES Pro.
- if (typeof this.storedComments.RESPro_add === 'undefined') {
- this.storedComments.RESPro_add = {}
- }
- if (typeof this.storedComments.RESPro_delete === 'undefined') {
- this.storedComments.RESPro_delete = {}
- }
- // add this ID next time we sync...
- this.storedComments.RESPro_add[id] = true;
- // make sure we don't run a delete on this ID next time we sync...
- if (typeof this.storedComments.RESPro_delete[id] !== 'undefined') delete this.storedComments.RESPro_delete[id];
- }
- RESStorage.setItem('RESmodules.saveComments.savedComments', JSON.stringify(this.storedComments));
- if (RESUtils.proEnabled()) {
- modules['RESPro'].authenticate(function() {
- modules['RESPro'].saveModuleData('saveComments');
- });
- }
- }
- },
- addSavedCommentsTab: function() {
- var mainmenuUL = document.body.querySelector('#header-bottom-left ul.tabmenu');
- if (mainmenuUL) {
- var savedRegex = /^https?:\/\/([a-z]+)\.reddit\.com\/user\/[-\w]+\/saved\/?/i;
- var menuItems = mainmenuUL.querySelectorAll('li');
- var thisUser = RESUtils.loggedInUser() || '';
- for (var i=0, len=menuItems.length;i<len;i++) {
- var savedLink = menuItems[i].querySelector('a');
- if ((menuItems[i].classList.contains('selected')) && (savedRegex.test(savedLink.href))) {
- menuItems[i].addEventListener('click', function(e) {
- e.preventDefault();
- modules['saveComments'].showSavedTab('links');
- }, true);
- }
-
- if (savedRegex.test(savedLink.href)) {
- $(menuItems[i]).attr('id', 'savedLinksTab');
- savedLink.textContent = 'saved links';
- }
- }
-
- var savedCommentsTab = $('<li id="savedCommentsTab">')
- .html('<a href="javascript:void(0);">saved comments</a>')
- .insertAfter('#savedLinksTab');
- if (savedRegex.test(location.href)) {
- $('#savedCommentsTab').click(function(e) {
- e.preventDefault();
- modules['saveComments'].showSavedTab('comments');
- });
- } else {
- $('#savedCommentsTab').click(function(e) {
- e.preventDefault();
- location.href = location.protocol + '//www.reddit.com/saved/#comments';
- });
- }
- }
- },
- showSavedTab: function(tab) {
- switch(tab) {
- case 'links':
- location.hash = 'links';
- this.savedLinksContent.style.display = 'block';
- this.savedCommentsContent.style.display = 'none';
- $('#savedLinksTab').addClass('selected');
- $('#savedCommentsTab').removeClass('selected');
- break;
- case 'comments':
- location.hash = 'comments';
- this.savedLinksContent.style.display = 'none';
- this.savedCommentsContent.style.display = 'block';
- $('#savedLinksTab').removeClass('selected');
- $('#savedCommentsTab').addClass('selected');
- break;
- }
- },
- drawSavedComments: function() {
- RESUtils.addCSS('.savedComment { padding: 5px; font-size: 12px; margin-bottom: 20px; margin-left: 40px; margin-right: 10px; border: 1px solid #CCC; border-radius: 10px; width: auto; } ');
- RESUtils.addCSS('.savedCommentHeader { margin-bottom: 8px; }');
- RESUtils.addCSS('.savedCommentBody { margin-bottom: 8px; }');
- RESUtils.addCSS('#savedLinksList { margin-top: 10px; }');
- // css += '.savedCommentFooter { }';
- this.savedLinksContent = document.body.querySelector('BODY > div.content');
- this.savedCommentsContent = createElementWithID('div', 'savedLinksList');
- this.savedCommentsContent.style.display = 'none';
- this.savedCommentsContent.setAttribute('class','sitetable linklisting');
- for (var i in this.storedComments) {
- if ((i !== 'RESPro_add') && (i !== 'RESPro_delete')) {
- var clearLeft = document.createElement('div');
- clearLeft.setAttribute('class','clearleft');
- var thisComment = document.createElement('div');
- thisComment.classList.add('savedComment');
- thisComment.classList.add('entry');
- // this is all saved locally, but just for safety, we'll clean out any script tags and whatnot...
- var cleanHTML = '<div class="savedCommentHeader">Comment by user: ' + escapeHTML(this.storedComments[i].username) + ' saved on ' + escapeHTML(this.storedComments[i].timeSaved) + '</div>';
- cleanHTML += '<div class="savedCommentBody">' + this.storedComments[i].comment.replace(/<script(.|\s)*?\/script>/g, '') + '</div>';
- cleanHTML += '<div class="savedCommentFooter"><ul class="flat-list buttons"><li><a class="unsaveComment" href="javascript:void(0);">unsave-RES</a></li><li><a href="' + escapeHTML(this.storedComments[i].href) + '">view original</a></li></ul></div>'
- $(thisComment).html(cleanHTML);
- var unsaveLink = thisComment.querySelector('.unsaveComment');
- unsaveLink.setAttribute('unsaveID', i);
- unsaveLink.setAttribute('unsaveLink', this.storedComments[i].href);
- unsaveLink.addEventListener('click', function(e) {
- e.preventDefault();
- modules['saveComments'].unsaveComment(this.getAttribute('unsaveID'));
- }, true);
- this.savedCommentsContent.appendChild(thisComment);
- this.savedCommentsContent.appendChild(clearLeft);
- }
- }
- if (this.storedComments.length === 0) {
- $(this.savedCommentsContent).html('<li>You have not yet saved any comments.</li>');
- }
- insertAfter(this.savedLinksContent, this.savedCommentsContent);
- },
- unsaveComment: function(id, unsaveLink) {
- /*
- var newStoredComments = [];
- for (var i=0, len=this.storedComments.length;i<len;i++) {
- if (this.storedComments[i].href != href) {
- newStoredComments.push(this.storedComments[i]);
- } else {
- // console.log('found match. deleted comment');
- }
- }
- this.storedComments = newStoredComments;
- */
- delete this.storedComments[id];
- if (RESUtils.proEnabled()) {
- // add sync adds/deletes for RES Pro.
- if (typeof this.storedComments.RESPro_add === 'undefined') {
- this.storedComments.RESPro_add = {}
- }
- if (typeof this.storedComments.RESPro_delete === 'undefined') {
- this.storedComments.RESPro_delete = {}
- }
- // delete this ID next time we sync...
- this.storedComments.RESPro_delete[id] = true;
- // make sure we don't run an add on this ID next time we sync...
- if (typeof this.storedComments.RESPro_add[id] !== 'undefined') delete this.storedComments.RESPro_add[id];
- }
- RESStorage.setItem('RESmodules.saveComments.savedComments', JSON.stringify(this.storedComments));
- if (RESUtils.proEnabled()) {
- modules['RESPro'].authenticate(function() {
- modules['RESPro'].saveModuleData('saveComments');
- });
- }
- if (typeof this.savedCommentsContent !== 'undefined') {
- this.savedCommentsContent.parentNode.removeChild(this.savedCommentsContent);
- this.drawSavedComments();
- this.showSavedTab('comments');
- } else {
- var commentObj = unsaveLink.parentNode.parentNode;
- unsaveLink.parentNode.removeChild(unsaveLink);
- this.addSaveLinkToComment(commentObj);
- }
- }
-};
-
-modules['userHighlight'] = {
- moduleID: 'userHighlight',
- moduleName: 'User Highlighter',
- category: 'Users',
- description: 'Highlights certain users in comment threads: OP, Admin, Friends, Mod - contributed by MrDerk',
- options: {
- highlightOP: {
- type: 'boolean',
- value: true,
- description: 'Highlight OP\'s comments'
- },
- OPColor: {
- type: 'text',
- value: '#0055DF',
- description: 'Color to use to highlight OP. Defaults to original text color'
- },
- OPColorHover: {
- type: 'text',
- value: '#4E7EAB',
- description: 'Color used to highlight OP on hover.'
- },
- highlightAdmin: {
- type: 'boolean',
- value: true,
- description: 'Highlight Admin\'s comments'
- },
- adminColor: {
- type: 'text',
- value: '#FF0011',
- description: 'Color to use to highlight Admins. Defaults to original text color'
- },
- adminColorHover: {
- type: 'text',
- value: '#B3000C',
- description: 'Color used to highlight Admins on hover.'
- },
- highlightFriend: {
- type: 'boolean',
- value: true,
- description: 'Highlight Friends\' comments'
- },
- friendColor: {
- type: 'text',
- value: '#FF4500',
- description: 'Color to use to highlight Friends. Defaults to original text color'
- },
- friendColorHover: {
- type: 'text',
- value: '#B33000',
- description: 'Color used to highlight Friends on hover.'
- },
- highlightMod: {
- type: 'boolean',
- value: true,
- description: 'Highlight Mod\'s comments'
- },
- modColor: {
- type: 'text',
- value: '#228822',
- description: 'Color to use to highlight Mods. Defaults to original text color'
- },
- modColorHover: {
- type: 'text',
- value: '#134913',
- description: 'Color used to highlight Mods on hover. Defaults to gray.'
- },
- highlightFirstCommenter: {
- type: 'boolean',
- value: false,
- description: 'Highlight the person who has the first comment in a tree, within that tree'
- },
- firstCommentColor: {
- type: 'text',
- value: '#46B6CC',
- description: 'Color to use to highlight the first-commenter. Defaults to original text color'
- },
- firstCommentColorHover: {
- type: 'text',
- value: '#72D2E5',
- description: 'Color used to highlight the first-commenter on hover.'
- },
- fontColor: {
- type: 'text',
- value: 'white',
- description: 'Color for highlighted text.'
- },
- autoColorUsernames: {
- type: 'boolean',
- value: false,
- description: 'Set a unique color for each username'
- }
- },
- isEnabled: function() {
- return RESConsole.getModulePrefs(this.moduleID);
- },
- include: [
- /^https?:\/\/([a-z]+)\.reddit\.com\/[\?]*/i
- ],
- isMatchURL: function() {
- return RESUtils.isMatchURL(this.moduleID);
- },
- go: function() {
- if ((this.isEnabled()) && (this.isMatchURL())) {
- this.findDefaults();
- if (this.options.highlightOP.value) this.doHighlight('submitter');
- if (this.options.highlightFriend.value) this.doHighlight('friend');
- if (this.options.highlightMod.value) this.doHighlight('moderator');
- if (this.options.highlightAdmin.value) this.doHighlight('admin');
-
- if (this.options.autoColorUsernames.value) {
- RESUtils.watchForElement('newComments', this.scanPageForNewUsernames);
- RESUtils.watchForElement('siteTable', this.scanPageForNewUsernames);
- this.scanPageForNewUsernames();
- }
-
- if (this.options.highlightFirstCommenter.value) {
- RESUtils.watchForElement('newComments', this.scanPageForFirstComments);
- this.scanPageForFirstComments();
- }
- }
- },
- findDefaults: function() {
- var dummy = $('<div style="height: 0px;" id="dummy" class="tagline">\
- <a class="author submitter">submitter</a>\
- <a class="author friend">friend</a>\
- <a class="author moderator">moderator</a>\
- <a class="author admin">admin</a>\
- </div>');
- $(document.body).append(dummy);
- this.colorTable = {
- 'submitter': {
- default: RESUtils.getComputedStyle('#dummy .author.submitter', 'color'),
- color: this.options.OPColor.value,
- hoverColor: this.options.OPColorHover.value
- },
- 'friend': {
- default: RESUtils.getComputedStyle('#dummy .author.friend', 'color'),
- color: this.options.friendColor.value,
- hoverColor: this.options.friendColorHover.value
- },
- 'moderator': {
- default: RESUtils.getComputedStyle('#dummy .author.moderator', 'color'),
- color: this.options.modColor.value,
- hoverColor: this.options.modColorHover.value
- },
- 'admin': {
- default: RESUtils.getComputedStyle('#dummy .author.admin', 'color'),
- color: this.options.adminColor.value,
- hoverColor: this.options.adminColorHover.value
- },
- 'user': {
- default: '#5544CC',
- color: modules['userTagger'].options['highlightColor'].value,
- hoverColor: modules['userTagger'].options['highlightColorHover'].value,
- },
- 'firstComment': {
- default: '#46B6CC',
- color: this.options.firstCommentColor.value,
- hoverColor: this.options.firstCommentColorHover.value
- }
- };
- $('#dummy').detach();
- },
- scanPageForFirstComments: function (ele) {
- var comments = ele
- ? $(ele).closest('.commentarea > .sitetable > .thing')
- : document.body.querySelectorAll('.commentarea > .sitetable > .thing');
-
-
- RESUtils.forEachChunked(comments, 15, 1000, function(element, i, array) {
- // Get identifiers
- var idClass;
- for (var i = 0, length = element.classList.length; i < length; i++) {
- idClass = element.classList[i];
- if (idClass.substring(0, 6) === 'id-t1_') break;
- }
-
- if (modules['userHighlight'].firstComments[idClass]) return;
-
- var author = element.querySelector('.author');
- if (!author) return;
- var authorClass;
- for (var i = 0, length = author.classList.length; i < length; i++) {
- authorClass = author.classList[i];
- if (authorClass.substring(0, 6) === 'id-t2_') break;
- }
-
- var authorDidReply = element.querySelector('.child .' + authorClass);
- if (!authorDidReply) return;
-
- modules['userHighlight'].firstComments[idClass] = true;
- modules['userHighlight'].doHighlight('firstComment', authorClass, '.' + idClass);
- });
- },
- firstComments: {},
- scanPageForNewUsernames: function (ele) {
- ele = ele || document.body;
- var authors = ele.querySelectorAll('.author');
- RESUtils.forEachChunked(authors, 15, 1000, function(element, i, array) {
- // Get identifiers
- var idClass;
- for (var i = 0, length = element.classList.length; i < length; i++) {
- idClass = element.classList[i];
- if (idClass.substring(0, 6) === 'id-t2_') break;
- }
-
- if (modules['userHighlight'].coloredUsernames[idClass]) return;
-
- // Choose color
- var hash = 5381, str = idClass;
- for (var i = 0; i < str.length; i++) {
- hash = ((hash << 5) + hash) + str.charCodeAt(i); /* hash * 33 + c */
- }
-
- var r = (hash & 0xFF0000) >> 16;
- var g = (hash & 0x00FF00) >> 8;
- var b = hash & 0x0000FF;
- var color = "rgb(" + [ r, g, b ].join(',') + ")";
-
- // Apply color
- modules['userHighlight'].doTextColor('.' + idClass, color);
- });
- },
- coloredUsernames: {},
- highlightUser: function (username) {
- var name = 'author[href$="/' + username + '"]'; // yucky, but it'll do
- return this.doHighlight('user', name);
- },
- doHighlight: function(name, selector, container) {
- if (selector == undefined) {
- selector = name;
- }
- if (container == undefined) {
- container = ''
- }
- var color, hoverColor;
- var color = this.colorTable[name].color;
- if (color === 'default') this.colorTable[name].default;
-
- var hoverColor = this.colorTable[name].hoverColor;
- if (hoverColor === 'default') hoverColor = '#aaa';
- var css = '\
- ' + container + ' .author.' + selector + ' { \
- color: ' + this.options.fontColor.value + ' !important; \
- font-weight: bold; \
- padding: 0 2px 0 2px; \
- border-radius: 3px; \
- background-color:' + color + ' !important; \
- } \
- ' + container + ' .collapsed .author.' + selector + ' { \
- color: white !important; \
- background-color: #AAA !important; \
- } \
- ' + container + ' .author.' + selector + ':hover {\
- background-color: ' + hoverColor + ' !important; \
- text-decoration: none !important; \
- }';
- return RESUtils.addCSS(css);
- },
- doTextColor: function (selector, color) {
- var css = ' \
- .tagline .author' + selector + ' { \
- color: ' + color + ' !important; \
- } \
- ';
- return RESUtils.addCSS(css);
- }
-};
-
-modules['styleTweaks'] = {
- moduleID: 'styleTweaks',
- moduleName: 'Style Tweaks',
- category: 'UI',
- description: 'Provides a number of style tweaks to the Reddit interface',
- options: {
- navTop: {
- type: 'boolean',
- value: true,
- description: 'Moves the username navbar to the top (great on netbooks!)'
- },
- commentBoxes: {
- type: 'boolean',
- value: true,
- description: 'Highlights comment boxes for easier reading / placefinding in large threads.'
- },
- /* REMOVED for performance reasons...
- commentBoxShadows: {
- type: 'boolean',
- value: false,
- description: 'Drop shadows on comment boxes (turn off for faster performance)'
- },
- */
- commentRounded: {
- type: 'boolean',
- value: true,
- description: 'Round corners of comment boxes'
- },
- commentHoverBorder: {
- type: 'boolean',
- value: false,
- description: 'Highlight comment box hierarchy on hover (turn off for faster performance)'
- },
- commentIndent: {
- type: 'text',
- value: 10,
- description: 'Indent comments by [x] pixels (only enter the number, no \'px\')'
- },
- continuity: {
- type: 'boolean',
- value: false,
- description: 'Show comment continuity lines'
- },
- lightSwitch: {
- type: 'boolean',
- value: true,
- description: 'Enable lightswitch (toggle between light / dark reddit)'
- },
- lightOrDark: {
- type: 'enum',
- values: [
- { name: 'Light', value: 'light' },
- { name: 'Dark', value: 'dark' }
- ],
- value: 'light',
- description: 'Light, or dark?'
- },
- visitedStyle: {
- type: 'boolean',
- value: false,
- description: 'Reddit makes it so no links on comment pages appear as "visited" - including user profiles. This option undoes that.'
- },
- showExpandos: {
- type: 'boolean',
- value: true,
- description: 'Bring back video and text expando buttons for users with compressed link display'
- },
- hideUnvotable: {
- type: 'boolean',
- value: false,
- description: 'Hide vote arrows on threads where you cannot vote (e.g. archived due to age)'
- },
- colorBlindFriendly: {
- type: 'boolean',
- value: false,
- description: 'Use colorblind friendly styles when possible'
- },
- scrollSubredditDropdown: {
- type: 'boolean',
- value: true,
- description: 'Scroll the standard subreddit dropdown (useful for pinned header and disabled Subreddit Manager)'
- }
- },
- isEnabled: function() {
- return RESConsole.getModulePrefs(this.moduleID);
- },
- include: [
- /^https?:\/\/([a-z]+)\.reddit\.com\/[-\w\.\/]*/i
- ],
- isMatchURL: function() {
- return RESUtils.isMatchURL(this.moduleID);
- },
- beforeLoad: function() {
- if ((this.isEnabled()) && (this.isMatchURL())) {
- if (RESUtils.currentSubreddit()) {
- this.curSubReddit = RESUtils.currentSubreddit().toLowerCase();
- }
-
- this.styleCBName = RESUtils.randomHash();
- RESUtils.addCSS('body.res .side .spacer .titlebox div #'+this.styleCBName+':before { display: none !important; }');
- RESUtils.addCSS('body.res .side .spacer .titlebox div #label-'+this.styleCBName+':before { display: none !important; }');
- RESUtils.addCSS('body.res .side .spacer .titlebox div #'+this.styleCBName+':after { display: none !important; }');
- RESUtils.addCSS('body.res .side .spacer .titlebox div #label-'+this.styleCBName+':after { display: none !important; }');
-
- // In firefox, we need to style tweet expandos because they can't take advantage of twitter.com's widget.js
- if (BrowserDetect.isFirefox()) {
- RESUtils.addCSS('.res blockquote.twitter-tweet { padding: 15px; border-left: 5px solid #ccc; font-size: 14px; line-height: 20px; }');
- RESUtils.addCSS('.res blockquote.twitter-tweet p { margin-bottom: 15px; }');
- }
-
- if (this.options.colorBlindFriendly.value) {
- document.html.classList.add('res-colorblind');
- }
- // if night mode is enabled, set a localstorage token so that in the future,
- // we can add the res-nightmode class to the page prior to page load.
- if (this.options.lightOrDark.value === 'dark') {
- localStorage.setItem('RES_nightMode', true);
- }
-
- // wow, Reddit doesn't define a visited class for any links on comments pages...
- // let's put that back if users want it back.
- // If not, we still need a visited class for links in comments, like imgur photos for example, or inline image viewer can't make them look different when expanded!
- if (this.options.visitedStyle.value) {
- RESUtils.addCSS(".comment a:visited { color:#551a8b }");
- } else {
- RESUtils.addCSS(".comment .md p > a:visited { color:#551a8b }");
- }
- if (this.options.showExpandos.value) {
- RESUtils.addCSS('.compressed .expando-button { display: block !important; }');
- }
- if ((this.options.commentBoxes.value) && (RESUtils.pageType() === 'comments')) {
- this.commentBoxes();
- }
- if (this.options.hideUnvotable.value) {
- RESUtils.addCSS('.unvoted .arrow[onclick*=unvotable] { visibility: hidden }');
- RESUtils.addCSS('.voted .arrow[onclick*=unvotable] { cursor: normal; }');
- }
- }
- },
- go: function() {
- if ((this.isEnabled()) && (this.isMatchURL())) {
-
- // get the head ASAP!
- this.head = document.getElementsByTagName("head")[0];
-
- // handle night mode scenarios (check if subreddit is compatible, etc)
- this.handleNightModeAtStart();
-
- // get rid of antequated option we've removed (err, renamed) due to performance issues.
- if (typeof this.options.commentBoxHover !== 'undefined') {
- delete this.options.commentBoxHover;
- RESStorage.setItem('RESoptions.styleTweaks', JSON.stringify(modules['styleTweaks'].options));
- }
- if (this.options.lightOrDark.value === 'dark') {
- // still add .res-nightmode to body just in case subreddit stylesheets specified body.res-nightmode instead of just .res-nightmode
- document.body.classList.add('res-nightmode');
- }
- if (this.options.navTop.value) {
- this.navTop();
- }
- if (this.options.lightSwitch.value) {
- this.lightSwitch();
- }
- if (this.options.colorBlindFriendly.value) {
- var orangered = document.body.querySelector('#mail');
- if ((orangered) && (orangered.classList.contains('havemail'))) {
- orangered.setAttribute('style','background-image: url(http://thumbs.reddit.com/t5_2s10b_5.png); background-position: 0 0;');
- }
- }
- if (this.options.scrollSubredditDropdown.value) {
- var calcedHeight = Math.floor(window.innerHeight * 0.95);
- if( $('.drop-choices.srdrop').height() > calcedHeight ) {
- RESUtils.addCSS('.drop-choices.srdrop { \
- overflow-y:scroll; \
- max-height:' + calcedHeight + 'px; \
- }');
- }
- }
- if (this.options.showExpandos.value) {
- RESUtils.addCSS('.compressed .expando-button { display: block !important; }');
- var twitterLinks = document.body.querySelectorAll('.entry > p.title > a.title');
- var isTwitterLink = /twitter.com\/(?:#!\/)?([\w]+)\/(status|statuses)\/([\d]+)/i;
- for (var i=0, len = twitterLinks.length; i<len; i++) {
- var thisHref = twitterLinks[i].getAttribute('href');
- thisHref = thisHref.replace('/#!','');
- if (isTwitterLink.test(thisHref)) {
- var thisExpandoButton = document.createElement('div');
- thisExpandoButton.setAttribute('class','expando-button collapsed collapsedExpando selftext twitter');
- thisExpandoButton.addEventListener('click',modules['styleTweaks'].toggleTweetExpando,false);
- insertAfter(twitterLinks[i].parentNode, thisExpandoButton);
- }
- }
- }
- this.userbarHider();
- this.subredditStyles();
- }
- },
- handleNightModeAtStart: function() {
- this.nightModeWhitelist = [];
- var getWhitelist = RESStorage.getItem('RESmodules.styleTweaks.nightModeWhitelist');
- if (getWhitelist) {
- this.nightModeWhitelist = safeJSON.parse(getWhitelist, 'RESmodules.styleTweaks.nightModeWhitelist');
- }
- var idx = this.nightModeWhitelist.indexOf(this.curSubReddit);
- if (idx !== -1) {
- // go no further. this subreddit is whitelisted.
- return;
- }
-
- // check the sidebar for a link [](#/RES_SR_Config/NightModeCompatible) that indicates the sub is night mode compatible.
- this.isNightmodeCompatible = (document.querySelector('.side a[href="#/RES_SR_Config/NightModeCompatible"]') !== null);
-
- // if night mode is on and the sub isn't compatible, disable its stylesheet.
- if (this.isDark && !this.isNightmodeCompatible) {
- this.disableSubredditStyle();
- }
-
- },
- toggleTweetExpando: function(e) {
- var thisExpando = e.target.nextSibling.nextSibling.nextSibling;
- if (e.target.classList.contains('collapsedExpando')) {
- $(e.target).removeClass('collapsedExpando collapsed').addClass('expanded');
- if (thisExpando.classList.contains('twitterLoaded')) {
- thisExpando.style.display = 'block';
- return;
- }
- var twitterLink = e.target.previousSibling.querySelector('.title');
- if (twitterLink) twitterLink = twitterLink.getAttribute('href').replace('/#!','');
- var match = twitterLink.match(/twitter.com\/[^\/]+\/(?:status|statuses)\/([\d]+)/i);
- if (match !== null) {
- // var jsonURL = 'http://api.twitter.com/1/statuses/show/'+match[1]+'.json';
- var jsonURL = 'http://api.twitter.com/1/statuses/oembed.json?id='+match[1];
- if (BrowserDetect.isChrome()) {
- // we've got chrome, so we need to hit up the background page to do cross domain XHR
- var thisJSON = {
- requestType: 'loadTweet',
- url: jsonURL
- };
- chrome.extension.sendMessage(thisJSON, function(response) {
- // send message to background.html
- var tweet = response;
- $(thisExpando).html(tweet.html);
- thisExpando.style.display = 'block';
- thisExpando.classList.add('twitterLoaded');
- });
- } else if (BrowserDetect.isSafari()) {
- // we've got safari, so we need to hit up the background page to do cross domain XHR
- modules['styleTweaks'].tweetExpando = thisExpando;
- var thisJSON = {
- requestType: 'loadTweet',
- url: jsonURL
- }
- safari.self.tab.dispatchMessage("loadTweet", thisJSON);
- } else if (BrowserDetect.isOpera()) {
- // we've got opera, so we need to hit up the background page to do cross domain XHR
- modules['styleTweaks'].tweetExpando = thisExpando;
- var thisJSON = {
- requestType: 'loadTweet',
- url: jsonURL
- }
- opera.extension.postMessage(JSON.stringify(thisJSON));
- } else if (BrowserDetect.isFirefox()) {
- // we've got a jetpack extension, hit up the background page...
- // we have to omit the script tag and all of the nice formatting it brings us in Firefox
- // because AMO does not permit externally hosted script tags being pulled in from
- // oEmbed like this...
- jsonURL += '&omit_script=true';
- modules['styleTweaks'].tweetExpando = thisExpando;
- var thisJSON = {
- requestType: 'loadTweet',
- url: jsonURL
- }
- self.postMessage(thisJSON);
- } else {
- GM_xmlhttpRequest({
- method: "GET",
- url: jsonURL,
- target: thisExpando,
- onload: function(response) {
- var tweet = JSON.parse(response.responseText);
- $(thisExpando).html('<form class="usertext"><div class="usertext-body"><div class="md"><div><img style="display: block;" src="'+escapeHTML(tweet.user.profile_image_url)+'"></div>' + escapeHTML(tweet.user.screen_name) + ': ' + escapeHTML(tweet.text) + '</div></div></form>');
- thisExpando.style.display = 'block';
- }
- });
- }
- }
- } else {
- $(e.target).removeClass('expanded').addClass('collapsedExpando').addClass('collapsed');
- thisExpando.style.display = 'none';
- }
-
- },
- navTop: function() {
- RESUtils.addCSS('#header-bottom-right { top: 19px; border-radius: 0 0 0 3px; bottom: auto; }');
- RESUtils.addCSS('.beta-notice { top: 48px; }');
- $('body, #header-bottom-right').addClass('res-navTop');
- },
- userbarHider: function() {
- RESUtils.addCSS("#userbarToggle { min-height: 22px; position: absolute; top: auto; bottom: 0; left: -5px; width: 16px; padding-right: 3px; height: 100%; font-size: 15px; border-radius: 4px 0; color: #a1bcd6; display: inline-block; background-color: #dfecf9; border-right: 1px solid #cee3f8; cursor: pointer; text-align: right; line-height: 24px; }");
- RESUtils.addCSS("#userbarToggle.userbarShow { min-height: 26px; }");
- RESUtils.addCSS("#header-bottom-right .user { margin-left: 16px; }");
- // RESUtils.addCSS(".userbarHide { background-position: 0 -137px; }");
- RESUtils.addCSS("#userbarToggle.userbarShow { left: -12px; }");
- RESUtils.addCSS(".res-navTop #userbarToggle.userbarShow { top: 0; bottom: auto; }");
- this.userbar = document.getElementById('header-bottom-right');
- if (this.userbar) {
- this.userbarToggle = createElementWithID('div','userbarToggle');
- $(this.userbarToggle).html('»');
- this.userbarToggle.setAttribute('title','Toggle Userbar');
- this.userbarToggle.classList.add('userbarHide');
- this.userbarToggle.addEventListener('click', function(e) {
- modules['styleTweaks'].toggleUserBar();
- }, false);
- this.userbar.insertBefore(this.userbarToggle, this.userbar.firstChild);
- // var currHeight = $(this.userbar).height();
- // $(this.userbarToggle).css('height',currHeight+'px');
- if (RESStorage.getItem('RESmodules.styleTweaks.userbarState') === 'hidden') {
- this.toggleUserBar();
- }
- }
- },
- toggleUserBar: function() {
- var nextEle = this.userbarToggle.nextSibling;
- // hide userbar.
- if (this.userbarToggle.classList.contains('userbarHide')) {
- this.userbarToggle.classList.remove('userbarHide');
- this.userbarToggle.classList.add('userbarShow');
- $(this.userbarToggle).html('«');
- RESStorage.setItem('RESmodules.styleTweaks.userbarState', 'hidden');
- modules['accountSwitcher'].closeAccountMenu();
- while ((typeof nextEle !== 'undefined') && (nextEle !== null)) {
- nextEle.style.display = 'none';
- nextEle = nextEle.nextSibling;
- }
- // show userbar.
- } else {
- this.userbarToggle.classList.remove('userbarShow');
- this.userbarToggle.classList.add('userbarHide');
- $(this.userbarToggle).html('»');
- RESStorage.setItem('RESmodules.styleTweaks.userbarState', 'visible');
- while ((typeof nextEle !== 'undefined') && (nextEle !== null)) {
- if ((/mail/.test(nextEle.className)) || (nextEle.id === 'openRESPrefs')) {
- nextEle.style.display = 'inline-block';
- } else {
- nextEle.style.display = 'inline';
- }
- nextEle = nextEle.nextSibling;
- }
- }
- },
- commentBoxes: function() {
- document.html.classList.add('res-commentBoxes');
- if (this.options.commentRounded.value) {
- document.html.classList.add('res-commentBoxes-rounded');
- }
- if (this.options.continuity.value) {
- document.html.classList.add('res-continuity');
- }
- if (this.options.commentHoverBorder.value) {
- document.html.classList.add('res-commentHoverBorder');
- }
- if (this.options.commentIndent.value) {
- // this should override the default of 10px in commentboxes.css because it's added later.
- RESUtils.addCSS('.res-commentBoxes .comment { margin-left:'+this.options.commentIndent.value+'px !important; }');
- }
- },
- lightSwitch: function() {
- RESUtils.addCSS(".lightOn { background-position: 0 -96px; } ");
- RESUtils.addCSS(".lightOff { background-position: 0 -108px; } ");
- var thisFrag = document.createDocumentFragment();
- this.lightSwitch = document.createElement('li');
- this.lightSwitch.setAttribute('title',"Toggle night and day");
- this.lightSwitch.addEventListener('click', function(e) {
- e.preventDefault();
- if (modules['styleTweaks'].isDark == true) {
- RESUtils.setOption('styleTweaks','lightOrDark','light');
- modules['styleTweaks'].lightSwitchToggle.classList.remove('enabled');
- modules['styleTweaks'].redditDark(true);
- } else {
- RESUtils.setOption('styleTweaks','lightOrDark','dark');
- modules['styleTweaks'].lightSwitchToggle.classList.add('enabled');
- modules['styleTweaks'].redditDark();
- }
- }, true);
- // this.lightSwitch.setAttribute('id','lightSwitch');
- this.lightSwitch.textContent = 'night mode';
- this.lightSwitchToggle = createElementWithID('div','lightSwitchToggle','toggleButton');
- $(this.lightSwitchToggle).html('<span class="toggleOn">on</span><span class="toggleOff">off</span>');
- this.lightSwitch.appendChild(this.lightSwitchToggle);
- (this.options.lightOrDark.value === 'dark') ? this.lightSwitchToggle.classList.add('enabled') : this.lightSwitchToggle.classList.remove('enabled');
- // thisFrag.appendChild(separator);
- thisFrag.appendChild(this.lightSwitch);
- // if (RESConsole.RESPrefsLink) insertAfter(RESConsole.RESPrefsLink, thisFrag);
- $('#RESDropdownOptions').append(this.lightSwitch);
- },
- subredditStyles: function() {
- if (! RESUtils.currentSubreddit()) return;
- this.ignoredSubReddits = [];
- var getIgnored = RESStorage.getItem('RESmodules.styleTweaks.ignoredSubredditStyles');
- if (getIgnored) {
- this.ignoredSubReddits = safeJSON.parse(getIgnored, 'RESmodules.styleTweaks.ignoredSubredditStyles');
- }
- var subredditTitle = document.querySelector('.titlebox h1');
- this.styleToggleContainer = document.createElement('div');
- this.styleToggleLabel = document.createElement('label');
- this.styleToggleCheckbox = document.createElement('input');
- this.styleToggleCheckbox.setAttribute('type','checkbox');
- this.styleToggleCheckbox.setAttribute('id',this.styleCBName);
- this.styleToggleCheckbox.setAttribute('name',this.styleCBName);
-
- // are we blacklisting, or whitelisting subreddits? If we're in night mode on a sub that's
- // incompatible with it, we want to check the whitelist. Otherwise, check the blacklist.
-
- if ((this.curSubReddit !== null) && (subredditTitle !== null)) {
-
- if (this.isDark && !this.isNightmodeCompatible) {
- var idx = this.nightModeWhitelist.indexOf(this.curSubReddit);
- if (idx !== -1) {
- this.styleToggleCheckbox.checked = true;
- }
- } else {
- var idx = this.ignoredSubReddits.indexOf(this.curSubReddit);
- if (idx === -1) {
- this.styleToggleCheckbox.checked = true;
- } else {
- this.toggleSubredditStyle(false);
- }
- }
- this.styleToggleCheckbox.addEventListener('change', function(e) {
- modules['styleTweaks'].toggleSubredditStyle(this.checked);
- }, false);
- this.styleToggleContainer.appendChild(this.styleToggleCheckbox);
- insertAfter(subredditTitle, this.styleToggleContainer);
- }
- this.styleToggleLabel.setAttribute('for',this.styleCBName);
- this.styleToggleLabel.setAttribute('id','label-'+this.styleCBName);
- this.styleToggleLabel.textContent = 'Use subreddit style ';
- this.styleToggleContainer.appendChild(this.styleToggleLabel);
- this.setSRStyleToggleVisibility(true); // no source
- },
- srstyleHideLock: RESUtils.createMultiLock(),
- setSRStyleToggleVisibility: function (visible, source) {
- /// When showing/hiding popups which could overlay the "Use subreddit style" checkbox,
- /// set the checkbox's styling to "less visible" or "more visible"
- /// @param visible bool make checkbox "more visible" (true) or less (false)
- /// @param source string popup ID, so checkbox stays less visible until that popup's lock is released
- var self = modules['styleTweaks'];
- if (!self.styleToggleContainer) return;
-
- if (typeof source !== "undefined") {
- if (visible) {
- self.srstyleHideLock.unlock(source);
- } else {
- self.srstyleHideLock.lock(source);
- }
- }
-
- if (visible && self.srstyleHideLock.locked()) {
- visible = false;
- }
-
- // great, now people are still finding ways to hide this.. these extra declarations are to try and fight that.
- // Sorry, subreddit moderators, but users can disable all subreddit stylesheets if they want - this is a convenience
- // for them and I think taking this functionality away from them is unacceptable.
-
- var zIndex = 'z-index: ' + (visible ? ' 2147483647' : 'auto') + ' !important;';
-
- self.styleToggleContainer.setAttribute( 'style', 'margin: 0 !important; background-color: inherit !important; color: inherit !important; display: block !important; position: relative !important; left: 0 !important; top: 0 !important; max-height: none!important; max-width: none!important; height: auto !important; width: auto !important; visibility: visible !important; overflow: auto !important; text-indent: 0 !important; font-size: 12px !important; float: none !important; opacity: 1 !important;' + zIndex );
- self.styleToggleCheckbox.setAttribute( 'style', 'margin: 0 !important; background-color: inherit !important; color: inherit !important; display: inline-block !important; position: relative !important; left: 0 !important; top: 0 !important; max-height: none!important; max-width: none!important; height: auto !important; width: auto !important; visibility: visible !important; overflow: auto !important; text-indent: 0 !important; font-size: 12px !important; float: none !important; opacity: 1 !important;' + zIndex );
- self.styleToggleLabel.setAttribute( 'style', 'margin: 0 !important; background-color: inherit !important; color: inherit !important; display: inline-block !important; position: relative !important; left: 0 !important; top: 0 !important; max-height: none!important; max-width: none!important; height: auto !important; width: auto !important; visibility: visible !important; overflow: auto !important; text-indent: 0 !important; font-size: 12px !important; margin-left: 4px !important; float: none !important; opacity: 1 !important;' + zIndex );
- },
- toggleSubredditStyle: function(toggle, subreddit) {
- var togglesr = (subreddit) ? subreddit.toLowerCase() : this.curSubReddit;
- if (toggle) {
- this.enableSubredditStyle(subreddit);
- } else {
- this.disableSubredditStyle(subreddit);
- }
- },
- enableSubredditStyle: function(subreddit) {
- var togglesr = (subreddit) ? subreddit.toLowerCase() : this.curSubReddit;
-
- if (this.isDark && !this.isNightmodeCompatible) {
- var idx = this.nightModeWhitelist.indexOf(togglesr);
- if (idx === -1) this.nightModeWhitelist.push(togglesr); // add if not found
- RESStorage.setItem('RESmodules.styleTweaks.nightModeWhitelist',JSON.stringify(this.nightModeWhitelist));
- } else if (this.ignoredSubReddits) {
- var idx = this.ignoredSubReddits.indexOf(togglesr);
- if (idx !== -1) this.ignoredSubReddits.splice(idx, 1); // Remove it if found...
- RESStorage.setItem('RESmodules.styleTweaks.ignoredSubredditStyles',JSON.stringify(this.ignoredSubReddits));
- }
-
- var subredditStyleSheet = document.createElement('link');
- subredditStyleSheet.setAttribute('title','applied_subreddit_stylesheet');
- subredditStyleSheet.setAttribute('rel','stylesheet');
- subredditStyleSheet.setAttribute('href','http://www.reddit.com/r/'+togglesr+'/stylesheet.css');
- if (!subreddit || (subreddit == this.curSubReddit)) this.head.appendChild(subredditStyleSheet);
- },
- disableSubredditStyle: function(subreddit) {
- var togglesr = (subreddit) ? subreddit.toLowerCase() : this.curSubReddit;
-
- if (this.isDark && !this.isNightmodeCompatible) {
- var idx = this.nightModeWhitelist.indexOf(togglesr);
- if (idx !== -1) this.nightModeWhitelist.splice(idx, 1); // Remove it if found...
- RESStorage.setItem('RESmodules.styleTweaks.nightModeWhitelist',JSON.stringify(this.nightModeWhitelist));
- } else if (this.ignoredSubReddits) {
- var idx = this.ignoredSubReddits.indexOf(togglesr); // Find the index
- if (idx === -1) this.ignoredSubReddits.push(togglesr);
- RESStorage.setItem('RESmodules.styleTweaks.ignoredSubredditStyles',JSON.stringify(this.ignoredSubReddits));
- }
-
- var subredditStyleSheet = this.head.querySelector('link[title=applied_subreddit_stylesheet]');
- if (!subredditStyleSheet) subredditStyleSheet = this.head.querySelector('style[title=applied_subreddit_stylesheet]');
- if ((subredditStyleSheet) && (!subreddit || (subreddit == this.curSubReddit))) {
- subredditStyleSheet.parentNode.removeChild(subredditStyleSheet);
- }
- },
- redditDark: function(off) {
- if (off) {
- this.isDark = false;
- localStorage.removeItem('RES_nightMode');
- document.html.classList.remove('res-nightmode');
- if (document.body) {
- document.body.classList.remove('res-nightmode');
- }
- } else {
- this.isDark = true;
- localStorage.setItem('RES_nightMode', true);
- document.html.classList.add('res-nightmode');
- if (document.body) {
- document.body.classList.add('res-nightmode');
- }
- }
- }
-};
-
-modules['accountSwitcher'] = {
- moduleID: 'accountSwitcher',
- moduleName: 'Account Switcher',
- category: 'Accounts',
- options: {
- accounts: {
- type: 'table',
- addRowText: '+add account',
- fields: [
- { name: 'username', type: 'text' },
- { name: 'password', type: 'password' }
- ],
- value: [
- /*
- ['somebodymakethis','SMT','[SMT]'],
- ['pics','pic','[pic]']
- */
- ],
- description: 'Set your usernames and passwords below. They are only stored in RES preferences.'
- },
- keepLoggedIn: {
- type: 'boolean',
- value: false,
- description: 'Keep me logged in when I restart my browser.'
- },
- showCurrentUserName: {
- type: 'boolean',
- value: false,
- description: 'Show my current user name in the Account Switcher.'
- },
- dropDownStyle: {
- type: 'enum',
- values: [
- { name: 'snoo (alien)', value: 'alien' },
- { name: 'simple arrow', value: 'arrow' }
- ],
- value: 'alien',
- description: 'Use the "snoo" icon, or older style dropdown?'
- }
- },
- description: 'Store username/password pairs and switch accounts instantly while browsing Reddit!',
- isEnabled: function() {
- return RESConsole.getModulePrefs(this.moduleID);
- },
- include: [
- /^https?:\/\/([a-z]+)\.reddit\.com\/[-\w\.\/]*/i
- ],
- isMatchURL: function() {
- return RESUtils.isMatchURL(this.moduleID);
- },
- beforeLoad: function() {
- if ((this.isEnabled()) && (this.isMatchURL())) {
- RESUtils.addCSS('#header-bottom-right { height: auto; padding: 4px 4px 7px }')
- RESUtils.addCSS('#RESAccountSwitcherDropdown { min-width: 110px; width: auto; display: none; position: absolute; z-index: 1000; }');
- RESUtils.addCSS('#RESAccountSwitcherDropdown li { height: auto; line-height: 20px; padding: 2px 10px; }');
- if (this.options.dropDownStyle.value === 'alien') {
- RESUtils.addCSS('#RESAccountSwitcherIcon { cursor: pointer; margin-left: 3px; display: inline-block; width: 12px; vertical-align: middle; height: 16px; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAPCAYAAAAyPTUwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkQ3NTExRkExOEYzNTExRTFBNjgzQzhEOUY2QzU2MUNFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkQ3NTExRkEyOEYzNTExRTFBNjgzQzhEOUY2QzU2MUNFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RDc1MTFGOUY4RjM1MTFFMUE2ODNDOEQ5RjZDNTYxQ0UiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RDc1MTFGQTA4RjM1MTFFMUE2ODNDOEQ5RjZDNTYxQ0UiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6W3fJJAAAB4ElEQVR42mJgwA4YgdgSiJUUFRXDW1tbL7Kzswsw4VDMBcRXgfgeMzPzJx4eHn4gG0MtSICPjY3NF0jLoCtglJWV1eDm5rZmZWX9k5ZbWGFmYqwhwM3B8Pn7T4bzl6/enzNlQsfrV68+srKxPWHMz89/ZmJiIunn58fA9+YKAwMHHwODlA4Dw4fHDAzPbzD8VLRhWLNuPcOzp0//MEhJSaU/f/HyPxhkyf//3xsEYa+s/f8/nOn//19f/n/98fO/jo5ONwMfH5/S27dvwfL/nt/5//8rhP3/z7f//55cgzD//PkPdK4F2N3x8fFLv3///v/d56//l69a83///v3/V65e8//+k+f///79+7+4uPgAUB0zIywUgNZEZmVlzRMTE2P78OEDA9DTDN++ffs3c+bMglOnTk0HqvkDC5p/L168+P7582cmaWlpBhUVFQZ5eXkGoPUMDx8+BMn/QQ5C1vb29r+HDx/+jwwuXLjwv7e39z8wWHkYkAOdk5OT4cePHygx9OXLF7BzgPpQo05NTS2mp6fnO7LJc+bM+a2np1eKNUFISEg0gEIFHIz//v3X1dWdDU1UYMAMYzg7O8eUlpYmXLly5dtfFm6h40cO3DU2NhYBphOea9euHQOpAQgwAKMW+Z5mJFvIAAAAAElFTkSuQmCC); }');
- RESUtils.addCSS('#RESAccountSwitcherIconOverlay { cursor: pointer; position: absolute; display: none; width: 11px; height: 22px; background-position: 2px 3px; padding-left: 2px; padding-right: 2px; padding-top: 3px; border: 1px solid #369; border-bottom: 1px solid #5f99cf; background-color: #5f99cf; border-radius: 3px 3px 0 0; z-index: 100; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAPCAYAAAAyPTUwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkQ3NTExRkExOEYzNTExRTFBNjgzQzhEOUY2QzU2MUNFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkQ3NTExRkEyOEYzNTExRTFBNjgzQzhEOUY2QzU2MUNFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RDc1MTFGOUY4RjM1MTFFMUE2ODNDOEQ5RjZDNTYxQ0UiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RDc1MTFGQTA4RjM1MTFFMUE2ODNDOEQ5RjZDNTYxQ0UiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6W3fJJAAAB4ElEQVR42mJgwA4YgdgSiJUUFRXDW1tbL7Kzswsw4VDMBcRXgfgeMzPzJx4eHn4gG0MtSICPjY3NF0jLoCtglJWV1eDm5rZmZWX9k5ZbWGFmYqwhwM3B8Pn7T4bzl6/enzNlQsfrV68+srKxPWHMz89/ZmJiIunn58fA9+YKAwMHHwODlA4Dw4fHDAzPbzD8VLRhWLNuPcOzp0//MEhJSaU/f/HyPxhkyf//3xsEYa+s/f8/nOn//19f/n/98fO/jo5ONwMfH5/S27dvwfL/nt/5//8rhP3/z7f//55cgzD//PkPdK4F2N3x8fFLv3///v/d56//l69a83///v3/V65e8//+k+f///79+7+4uPgAUB0zIywUgNZEZmVlzRMTE2P78OEDA9DTDN++ffs3c+bMglOnTk0HqvkDC5p/L168+P7582cmaWlpBhUVFQZ5eXkGoPUMDx8+BMn/QQ5C1vb29r+HDx/+jwwuXLjwv7e39z8wWHkYkAOdk5OT4cePHygx9OXLF7BzgPpQo05NTS2mp6fnO7LJc+bM+a2np1eKNUFISEg0gEIFHIz//v3X1dWdDU1UYMAMYzg7O8eUlpYmXLly5dtfFm6h40cO3DU2NhYBphOea9euHQOpAQgwAKMW+Z5mJFvIAAAAAElFTkSuQmCC); }');
- } else {
- RESUtils.addCSS('#RESAccountSwitcherIcon { display: inline-block; vertical-align: middle; margin-left: 3px; }');
- RESUtils.addCSS('#RESAccountSwitcherIcon .downArrow { cursor: pointer; margin-top: 2px; display: block; width: 16px; height: 10px; background-image: url("http://e.thumbs.redditmedia.com/r22WT2K4sio9Bvev.png"); background-position: 0 -106px; }');
- RESUtils.addCSS('#RESAccountSwitcherIconOverlay { cursor: pointer; position: absolute; display: none; width: 20px; height: 22px; z-index: 100; border: 1px solid #369; border-bottom: 1px solid #5f99cf; background-color: #5f99cf; border-radius: 3px 3px 0 0; }');
- RESUtils.addCSS('#RESAccountSwitcherIconOverlay .downArrow { margin-top: 6px; margin-left: 3px; display: inline-block; width: 18px; height: 10px; background-image: url("http://e.thumbs.redditmedia.com/r22WT2K4sio9Bvev.png"); background-position: 0 -96px; }');
- // this.alienIMG = '<span class="downArrow"></span>';
- }
- // RESUtils.addCSS('#RESAccountSwitcherIconOverlay { display: none; position: absolute; }');
- }
- },
- go: function() {
- if ((this.isEnabled()) && (this.isMatchURL())) {
- this.userLink = document.querySelector('#header-bottom-right > span.user > a');
- if (this.userLink) {
- this.userLink.style.marginRight = '2px';
- this.loggedInUser = RESUtils.loggedInUser();
- // var downArrowIMG = 'data:image/gif;base64,R0lGODlhBwAEALMAAAcHBwgICAoKChERETs7Ozo6OkJCQg0NDRoaGhAQEAwMDDIyMv///wAAAAAAAAAAACH5BAEAAAwALAAAAAAHAAQAAAQQ0BSykADsDAUwY4kQfOT4RQA7';
- if (this.options.dropDownStyle.value === 'alien') {
- this.downArrowOverlay = $('<span id="RESAccountSwitcherIconOverlay"></span>');
- this.downArrow = $('<span id="RESAccountSwitcherIcon"></span>');
- } else {
- this.downArrowOverlay = $('<span id="RESAccountSwitcherIconOverlay"><span class="downArrow"></span></span>');
- this.downArrow = $('<span id="RESAccountSwitcherIcon"><span class="downArrow"></span></span>');
- }
- this.downArrowOverlay.on('click', function() {
- modules['accountSwitcher'].toggleAccountMenu(false);
- modules['accountSwitcher'].manageAccounts();
- }).appendTo(document.body);
-
- this.downArrow.on('click', function() {
- modules['accountSwitcher'].updateUserDetails();
- modules['accountSwitcher'].toggleAccountMenu(true);
- });
- this.downArrowOverlay.on('mouseleave', function() {
- modules['accountSwitcher'].dropdownTimer = setTimeout(function() {
- modules['accountSwitcher'].toggleAccountMenu(false);
- }, 1000);
- });
-
- // insertAfter(this.userLink, downArrow);
- $(this.userLink).after(this.downArrow);
-
- this.accountMenu = $('<ul id="RESAccountSwitcherDropdown" class="RESDropdownList"></ul>')
- this.accountMenu.on('mouseenter', function() {
- clearTimeout(modules['accountSwitcher'].dropdownTimer);
- });
- this.accountMenu.on('mouseleave', function() {
- modules['accountSwitcher'].toggleAccountMenu(false);
- });
- // GM_addStyle(css);
- var accounts = this.options.accounts.value;
- if (accounts !== null) {
- var accountCount = 0;
- for (var i=0, len=accounts.length; i<len; i++) {
- var thisPair = accounts[i],
- username = thisPair[0];
- if (!this.loggedInUser || username.toUpperCase() !== this.loggedInUser.toUpperCase() || this.options.showCurrentUserName.value){
- accountCount++;
- var $accountLink = $('<li>', { 'class': 'accountName' });
- // Check if user is logged in before comparing
- if (this.loggedInUser && username.toUpperCase() === this.loggedInUser.toUpperCase()) {
- $accountLink.addClass('active');
- }
-
- $accountLink
- .data('username', username)
- .html(username)
- .css('cursor', 'pointer')
- .on('click', function(e) {
- e.preventDefault();
- modules['accountSwitcher'].switchTo($(this).data('username'));
- })
- .appendTo(this.accountMenu);
-
- RESUtils.getUserInfo(function (userInfo) {
- var userDetails = username;
-
- // Display the karma of the user, if it is already pre-fetched
- if (userInfo && !userInfo.error && userInfo.data) {
- userDetails = username + ' (' + userInfo.data.link_karma + ' · ' + userInfo.data.comment_karma + ')';
- }
-
- $accountLink.html(userDetails);
- }, username, false);
- }
- }
- $('<li>', { 'class': 'addAccount' })
- .text('+ add account')
- .css('cursor', 'pointer')
- .on('click', function(e) {
- e.preventDefault();
- modules['accountSwitcher'].toggleAccountMenu(false);
- modules['accountSwitcher'].manageAccounts();
- })
- .appendTo(this.accountMenu);
- }
- $(document.body).append(this.accountMenu);
- }
- }
- },
- updateUserDetails: function() {
- this.accountMenu.find('.accountName').each(function (index) {
- var username = $(this).data('username'),
- that = this;
-
- // Ignore "+ add account"
- if (typeof username === 'undefined') {
- return;
- }
-
- // Leave a 500 ms delay between requests
- setTimeout(function () {
- RESUtils.getUserInfo(function (userInfo) {
- // Fail if retrieving the user's info results in an error (such as a 404)
- if (!userInfo || userInfo.error || !userInfo.data) {
- return;
- }
-
- // Display the karma of the user
- var userDetails = username + ' (' + userInfo.data.link_karma + ' · ' + userInfo.data.comment_karma + ')';
- $(that).html(userDetails);
- }, username);
- }, 500 * index);
- });
- },
- toggleAccountMenu: function(open) {
- if ((open) || (! $(modules['accountSwitcher'].accountMenu).is(':visible'))) {
- var thisHeight = 18;
- if ($('#RESAccountSwitcherDropdown').css('position') !== 'fixed') {
- var thisX = $(modules['accountSwitcher'].userLink).offset().left;
- var thisY = $(modules['accountSwitcher'].userLink).offset().top;
- } else {
- var thisX = $('#header-bottom-right').position().left + $(modules['accountSwitcher'].userLink).position().left;
- var thisY = $(modules['accountSwitcher'].userLink).position().top;
- if (modules['betteReddit'].options.pinHeader.value === 'subanduser') {
- thisHeight += $('#sr-header-area').height();
- } else if (modules['betteReddit'].options.pinHeader.value === 'header') {
- thisHeight += $('#sr-header-area').height();
- }
- }
- $(modules['accountSwitcher'].accountMenu).css({
- top: (thisY + thisHeight) + 'px',
- left: (thisX) + 'px'
- });
- $(modules['accountSwitcher'].accountMenu).show();
- var thisX = $(modules['accountSwitcher'].downArrow).offset().left;
- var thisY = $(modules['accountSwitcher'].downArrow).offset().top;
- $(modules['accountSwitcher'].downArrowOverlay).css({
- top: (thisY-4) + 'px',
- left: (thisX-3) + 'px'
- });
-
- $(modules['accountSwitcher'].downArrowOverlay).show();
- modules['styleTweaks'].setSRStyleToggleVisibility(false, 'accountSwitcher');
-
- } else {
- $(modules['accountSwitcher'].accountMenu).hide();
- $(modules['accountSwitcher'].downArrowOverlay).hide();
- modules['styleTweaks'].setSRStyleToggleVisibility(true, 'accountSwitcher');
- }
- },
- closeAccountMenu: function() {
- // this function basically just exists for other modules to call.
- this.accountMenu.hide();
- },
- switchTo: function(username) {
- var accounts = this.options.accounts.value;
- var password = '';
- var rem = '';
- if (this.options.keepLoggedIn.value) {
- rem = '&rem=on';
- }
- for (var i=0, len=accounts.length; i<len; i++) {
- var thisPair = accounts[i];
- if (thisPair[0].toUpperCase() === username.toUpperCase()) {
- password = thisPair[1];
- break;
- }
- }
- var loginUrl = 'https://ssl.reddit.com/api/login';
- // unfortunately, due to 3rd party cookie issues, none of the below browsers work with ssl.
- if (BrowserDetect.isOpera()) {
- loginUrl = 'http://'+location.hostname+'/api/login';
- } else if ((BrowserDetect.isChrome()) && (chrome.extension.inIncognitoContext)) {
- loginUrl = 'http://'+location.hostname+'/api/login';
- } else if (BrowserDetect.isSafari()) {
- loginUrl = 'http://'+location.hostname+'/api/login';
- }
-
- // Remove old session cookie
- RESUtils.deleteCookie('reddit_session');
-
- GM_xmlhttpRequest({
- method: "POST",
- url: loginUrl,
- data: 'user='+encodeURIComponent(username)+'&passwd='+encodeURIComponent(password)+rem,
- headers: {
- "Content-Type": "application/x-www-form-urlencoded"
- },
- onload: function(response) {
- var badData = false;
- try {
- var data = JSON.parse(response.responseText);
- } catch(error) {
- var data = {};
- badData = true;
- }
-
- var error = /WRONG_PASSWORD/;
- var rateLimit = /RATELIMIT/;
- if (badData) {
- RESUtils.notification({
- type: 'error',
- moduleID: 'accountSwitcher',
- message: 'Could not switch accounts. Reddit may be under heavy load. Please try again in a few moments.'
- });
- } else if (error.test(response.responseText)) {
- alert('Incorrect login and/or password. Please check your configuration.');
- } else if (rateLimit.test(response.responseText)) {
- alert('RATE LIMIT: The Reddit API is seeing too many hits from you too fast, perhaps you keep submitting a wrong password, etc? Try again in a few minutes.');
- } else {
- location.reload();
- }
- }
- });
- },
- manageAccounts: function() {
- modules['settingsNavigation'].loadSettingsPage('accountSwitcher', 'accounts');
- }
-};
-
-modules['filteReddit'] = {
- moduleID: 'filteReddit',
- moduleName: 'filteReddit',
- category: 'Filters',
- options: {
- // any configurable options you have go here...
- // options must have a type and a value..
- // valid types are: text, boolean (if boolean, value must be true or false)
- // for example:
- NSFWfilter: {
- type: 'boolean',
- value: false,
- description: 'Filters all links labelled NSFW'
- },
- notification: {
- type: 'boolean',
- value: true,
- description: 'Show a notification when posts are filtered'
- },
- NSFWQuickToggle: {
- type: 'boolean',
- value: true,
- description: 'Add a quick NSFW on/off toggle to the gear menu'
- },
- keywords: {
- type: 'table',
- addRowText: '+add filter',
- fields: [
- { name: 'keyword', type: 'text' },
- { name: 'applyTo',
- type: 'enum',
- values: [
- { name: 'Everywhere', value: 'everywhere' },
- { name: 'Everywhere but:', value: 'exclude' },
- { name: 'Only on:', value: 'include' }
- ],
- value: 'everywhere',
- description: 'Apply filter to:'
- },
- {
- name: 'reddits',
- type: 'list',
- source: '/api/search_reddit_names.json?app=res',
- hintText: 'type a subreddit name',
- onResult: function(response) {
- var names = response.names;
- var results = [];
- for (var i=0, len=names.length; i<len; i++) {
- results.push({id: names[i], name: names[i]});
- }
- return results;
- },
- onCachedResult: function(response) {
- var names = response.names;
- var results = [];
- for (var i=0, len=names.length; i<len; i++) {
- results.push({id: names[i], name: names[i]});
- }
- return results;
- }
- } //,
- /* { name: 'inclusions', type: 'list', source: location.protocol + '/api/search_reddit_names' } */
- ],
- value: [
- ],
- description: 'Type in title keywords you want to ignore if they show up in a title'
- },
- subreddits: {
- type: 'table',
- addRowText: '+add filter',
- fields: [
- { name: 'subreddit', type: 'text' }
- ],
- value: [
- ],
- description: 'Type in a subreddit you want to ignore (only applies to /r/all or /domain/* urls)'
- },
- domains: {
- type: 'table',
- addRowText: '+add filter',
- fields: [
- { name: 'domain', type: 'text' },
- { name: 'applyTo',
- type: 'enum',
- values: [
- { name: 'Everywhere', value: 'everywhere' },
- { name: 'Everywhere but:', value: 'exclude' },
- { name: 'Only on:', value: 'include' }
- ],
- value: 'everywhere',
- description: 'Apply filter to:'
- },
- {
- name: 'reddits',
- type: 'list',
- source: '/api/search_reddit_names.json?app=res',
- hintText: 'type a subreddit name',
- onResult: function(response) {
- var names = response.names;
- var results = [];
- for (var i=0, len=names.length; i<len; i++) {
- results.push({id: names[i], name: names[i]});
- }
- return results;
- },
- onCachedResult: function(response) {
- var names = response.names;
- var results = [];
- for (var i=0, len=names.length; i<len; i++) {
- results.push({id: names[i], name: names[i]});
- }
- return results;
- }
- } //,
- /* { name: 'inclusions', type: 'list', source: location.protocol + '/api/search_reddit_names' } */
- ],
- value: [
- ],
- description: 'Type in domain keywords you want to ignore. Note that \"reddit\" would ignore \"reddit.com\" and \"fooredditbar.com\"'
- },
- flair: {
- type: 'table',
- addRowText: '+add filter',
- fields: [
- { name: 'keyword', type: 'text' },
- { name: 'applyTo',
- type: 'enum',
- values: [
- { name: 'Everywhere', value: 'everywhere' },
- { name: 'Everywhere but:', value: 'exclude' },
- { name: 'Only on:', value: 'include' }
- ],
- value: 'everywhere',
- description: 'Apply filter to:'
- },
- {
- name: 'reddits',
- type: 'list',
- source: '/api/search_reddit_names.json?app=res',
- hintText: 'type a subreddit name',
- onResult: function(response) {
- var names = response.names;
- var results = [];
- for (var i=0, len=names.length; i<len; i++) {
- results.push({id: names[i], name: names[i]});
- }
- return results;
- },
- onCachedResult: function(response) {
- var names = response.names;
- var results = [];
- for (var i=0, len=names.length; i<len; i++) {
- results.push({id: names[i], name: names[i]});
- }
- return results;
- }
- } //,
- /* { name: 'inclusions', type: 'list', source: location.protocol + '/api/search_reddit_names' } */
- ],
- value: [
- ],
- description: 'Type in keywords you want to ignore if they are contained in link flair'
- },
- allowNSFW: {
- type: 'table',
- addRowText: "+add subreddits",
- description: "Whitelist subreddits from NSFW filter",
- fields: [
- {
- name: 'subreddits',
- type: 'list',
- source: '/api/search_reddit_names.json?app=res',
- hintText: 'type a subreddit name',
- onResult: function(response) {
- var names = response.names;
- var results = [];
- for (var i=0, len=names.length; i<len; i++) {
- results.push({id: names[i], name: names[i]});
- }
- return results;
- },
- onCachedResult: function(response) {
- var names = response.names;
- var results = [];
- for (var i=0, len=names.length; i<len; i++) {
- results.push({id: names[i], name: names[i]});
- }
- return results;
- }
- },
- {
- name: 'where',
- type: 'enum',
- values: [
- { name: 'Everywhere', value: 'everywhere' },
- { name: 'When browsing subreddit/multi-subreddit', value: 'visit' }
- ],
- value: 'everywhere'
- }
- ]
- }
- },
- description: 'Filter out NSFW content, or links by keyword, domain (use User Tagger to ignore by user) or subreddit (for /r/all or /domain/*).',
- isEnabled: function() {
- return RESConsole.getModulePrefs(this.moduleID);
- },
- include: [
- /^https?:\/\/([a-z]+)\.reddit\.com\/?(?:\??[\w]+=[\w]+&?)*/i,
- /^https?:\/\/([a-z]+)\.reddit\.com\/r\/[\w]+\/?(?:\??[\w]+=[\w]+&?)*$/i
- ],
- exclude: [
- /^https?:\/\/([a-z]+)\.reddit\.com\/[-\w\.\/]+\/comments\/[-\w\.]+/i,
- /^https?:\/\/([a-z]+)\.reddit\.com\/saved\/?/i,
- /^https?:\/\/([a-z]+)\.reddit\.com\/comments\/[-\w\.]+/i
- ],
- isMatchURL: function() {
- return RESUtils.isMatchURL(this.moduleID);
- },
- beforeLoad: function() {
- if (this.isEnabled()) {
- RESUtils.addCSS('.RESFilterToggle { margin-right: 5px; color: white; background-image: url(http://www.redditstatic.com/bg-button-add.png); cursor: pointer; text-align: center; width: 68px; font-weight: bold; font-size: 10px; border: 1px solid #444; padding: 1px 6px; border-radius: 3px 3px 3px 3px; }');
- RESUtils.addCSS('.RESFilterToggle.remove { background-image: url(http://www.redditstatic.com/bg-button-remove.png) }');
- RESUtils.addCSS('.RESFiltered { display: none !important; }');
- if (this.options.NSFWfilter.value) {
- this.addNSFWFilterStyle();
- }
- }
- },
- go: function() {
- // shh I'm cheating. This runs the toggle on every single page, bypassing isMatchURL.
- if ((this.isEnabled()) && (this.options.NSFWQuickToggle.value)) {
- var thisFrag = document.createDocumentFragment();
- this.nsfwSwitch = document.createElement('li');
- this.nsfwSwitch.setAttribute('title',"Toggle NSFW Filter");
- this.nsfwSwitch.addEventListener('click', function(e) {
- e.preventDefault();
- modules['filteReddit'].toggleNsfwFilter();
- }, true);
- this.nsfwSwitch.textContent = 'nsfw filter';
- this.nsfwSwitchToggle = createElementWithID('div','nsfwSwitchToggle','toggleButton');
- $(this.nsfwSwitchToggle).html('<span class="toggleOn">on</span><span class="toggleOff">off</span>');
- this.nsfwSwitch.appendChild(this.nsfwSwitchToggle);
- (this.options.NSFWfilter.value) ? this.nsfwSwitchToggle.classList.add('enabled') : this.nsfwSwitchToggle.classList.remove('enabled');
- thisFrag.appendChild(this.nsfwSwitch);
- $('#RESDropdownOptions').append(this.nsfwSwitch);
- }
-
- if ((this.isEnabled()) && (this.isMatchURL())) {
- this.scanEntries();
- RESUtils.watchForElement('siteTable', modules['filteReddit'].scanEntries);
- }
- },
- toggleNsfwFilter: function(toggle, notify) {
- if (toggle !== true && toggle === false || modules['filteReddit'].options.NSFWfilter.value == true) {
- modules['filteReddit'].filterNSFW(false);
- RESUtils.setOption('filteReddit','NSFWfilter',false);
- $(modules['filteReddit'].nsfwSwitchToggle).removeClass('enabled');
- } else {
- modules['filteReddit'].filterNSFW(true);
- RESUtils.setOption('filteReddit','NSFWfilter',true);
- $(modules['filteReddit'].nsfwSwitchToggle).addClass('enabled');
- }
-
- if (notify) {
- var onOff = modules['filteReddit'].options.NSFWfilter.value ? 'on' : ' off';
-
- RESUtils.notification({
- header: 'NSFW Filter',
- moduleID: 'filteReddit',
- optionKey: 'NSFWfilter',
- message: 'NSFW Filter has been turned ' + onOff + '.'
- }, 4000);
- }
- },
- scanEntries: function(ele) {
- var numFiltered = 0;
- var numNsfwHidden = 0;
-
- var entries;
- if (ele == null) {
- entries = document.querySelectorAll('#siteTable div.thing.link');
- } else {
- entries = ele.querySelectorAll('div.thing.link');
- }
- // var RALLre = /\/r\/all\/?(([\w]+)\/)?/i;
- // var onRALL = RALLre.exec(location.href);
- var filterSubs = (RESUtils.currentSubreddit('all')) || (RESUtils.currentDomain());
- for (var i=0, len=entries.length; i<len;i++) {
- var postTitle = entries[i].querySelector('.entry a.title').innerHTML;
- var postDomain = entries[i].querySelector('.entry span.domain > a').innerHTML.toLowerCase();
- var thisSubreddit = entries[i].querySelector('.entry a.subreddit');
- var postFlair = entries[i].querySelector('.entry span.linkflairlabel');
- if (thisSubreddit !== null) {
- var postSubreddit = thisSubreddit.innerHTML;
- } else {
- var postSubreddit = false;
- }
- var filtered = false;
- var currSub = (RESUtils.currentSubreddit()) ? RESUtils.currentSubreddit().toLowerCase() : null;
- filtered = modules['filteReddit'].filterTitle(postTitle, postSubreddit || RESUtils.currentSubreddit());
- if (!filtered) filtered = modules['filteReddit'].filterDomain(postDomain, postSubreddit || currSub);
- if ((!filtered) && (filterSubs) && (postSubreddit)) {
- filtered = modules['filteReddit'].filterSubreddit(postSubreddit);
- }
- if ((!filtered) && (postFlair)) {
- filtered = modules['filteReddit'].filterFlair(postFlair.textContent, postSubreddit || RESUtils.currentSubreddit());
- }
- if (filtered) {
- entries[i].classList.add('RESFiltered')
- numFiltered++;
- }
-
- if (entries[i].classList.contains('over18')) {
- if (modules['filteReddit'].allowNSFW(postSubreddit, currSub)) {
- entries[i].classList.add('allowOver18');
- } else if (modules['filteReddit'].options.NSFWfilter.value) {
- numNsfwHidden++;
- }
- }
- }
-
- if ((numFiltered || numNsfwHidden) && modules['filteReddit'].options.notification.value) {
- var notification = [];
- if (numFiltered) notification.push( numFiltered + ' post(s) hidden by ' + modules['settingsNavigation'].makeUrlHashLink('filteReddit', 'keywords', 'custom filters') + '.');
- if (numNsfwHidden) notification.push ( numNsfwHidden + ' post(s) hidden by the ' + modules['settingsNavigation'].makeUrlHashLink('filteReddit', 'NSFWfilter', 'NSFW filter') + '.');
- if (numNsfwHidden && modules['filteReddit'].options.NSFWQuickToggle.value) notification.push('You can toggle the nsfw filter in the <span class="gearIcon"></span> menu.');
-
- notification.push("To hide this message, disable the " + modules['settingsNavigation'].makeUrlHashLink('filteReddit', 'notification', 'filteReddit notification') + '.');
- var notification = notification.join('<br><br>');
- RESUtils.notification({
- header: 'Posts Filtered',
- moduleID: 'filteReddit',
- message: notification
- });
- }
- },
- addedNSFWFilterStyle: false,
- addNSFWFilterStyle: function() {
- if (this.addedNSFWFilterStyle) return;
- this.addedNSFWFilterStyle = true;
-
- RESUtils.addCSS('body:not(.allowOver18) .over18 { display: none !important; }');
- RESUtils.addCSS('.thing.over18.allowOver18 { display: block !important; }');
- },
- filterNSFW: function(filterOn) {
- this.addNSFWFilterStyle();
- $(document.body).toggleClass('allowOver18');
- },
- filterTitle: function(title, reddit) {
- var reddit = (reddit) ? reddit.toLowerCase() : null;
- return this.arrayContainsSubstring(this.options.keywords.value, title.toLowerCase(), reddit);
- },
- filterDomain: function(domain, reddit) {
- var reddit = (reddit) ? reddit.toLowerCase() : null;
- var domain = (domain) ? domain.toLowerCase() : null;
- return this.arrayContainsSubstring(this.options.domains.value, domain, reddit);
- },
- filterSubreddit: function(subreddit) {
- return this.arrayContainsSubstring(this.options.subreddits.value, subreddit.toLowerCase(), null, true);
- },
- filterFlair: function(flair, reddit) {
- var reddit = (reddit) ? reddit.toLowerCase() : null;
- return this.arrayContainsSubstring(this.options.flair.value, flair.toLowerCase(), reddit);
- },
- allowAllNSFW: null, // lazy loaded with boolean-y value
- subredditAllowNsfwOption: null, // lazy loaded with function to get a given subreddit's row in this.options.allowNSFW
- allowNSFW: function (postSubreddit, currSubreddit) {
- if (!this.options.allowNSFW.value || !this.options.allowNSFW.value.length) return false;
-
- if (typeof currSubreddit === "undefined") {
- currSubreddit = RESUtils.currentSubreddit();
- }
-
- if (!this.subredditAllowNsfwOption) {
- this.subredditAllowNsfwOption = RESUtils.indexOptionTable('filteReddit', 'allowNSFW', 0);
- }
-
- if (this.allowAllNsfw == null && currSubreddit) {
- var optionValue = this.subredditAllowNsfwOption(currSubreddit);
- this.allowAllNsfw = (optionValue && optionValue[1] === 'visit') || false;
- }
- if (this.allowAllNsfw) {
- return true;
- }
-
- if (!postSubreddit) postSubreddit = currSubreddit;
- if (!postSubreddit) return false;
- var optionValue = this.subredditAllowNsfwOption(postSubreddit);
- if (optionValue) {
- if (optionValue[1] === 'everywhere') {
- return true;
- } else { // optionValue[1] == visit (subreddit or multisubreddit)
- if (RESUtils.inList(postSubreddit, currSubreddit, '+')) {
- return true;
- }
- }
- }
- },
- unescapeHTML: function(theString) {
- var temp = document.createElement("div");
- $(temp).html(theString);
- var result = temp.childNodes[0].nodeValue;
- temp.removeChild(temp.firstChild);
- delete temp;
- return result;
- },
- arrayContainsSubstring: function(obj, stringToSearch, reddit, fullmatch) {
- if (!obj) return false;
- stringToSearch = this.unescapeHTML(stringToSearch);
- var i = obj.length;
- while (i--) {
- if ((typeof obj[i] !== 'object') || (obj[i].length < 3)) {
- if (obj[i].length === 1) obj[i] = obj[i][0];
- obj[i] = [obj[i], 'everywhere',''];
- }
- var searchString = obj[i][0];
- var applyTo = obj[i][1];
- var applyList = obj[i][2].toLowerCase().split(',');
- var skipCheck = false;
- // we also want to know if we should be matching /r/all, because when getting
- // listings on /r/all, each post has a subreddit (that does not equal "all")
- var checkRAll = ((RESUtils.currentSubreddit() === "all") && (applyList.indexOf("all") !== -1));
- switch (applyTo) {
- case 'exclude':
- if ((applyList.indexOf(reddit) !== -1) || (checkRAll)) {
- skipCheck = true;
- }
- break;
- case 'include':
- if ((applyList.indexOf(reddit) === -1) && (!checkRAll)) {
- skipCheck = true;
- }
- break;
- }
- // if fullmatch is defined, don't do a substring match... this is used for subreddit matching on /r/all for example
- if ((!skipCheck) && (fullmatch) && (obj[i] !== null) && (stringToSearch.toLowerCase() === searchString.toLowerCase())) return true;
- if ((!skipCheck) && (!fullmatch) && (obj[i] !== null) && (stringToSearch.indexOf(searchString.toString().toLowerCase()) !== -1)) {
- return true;
- }
- }
- return false;
- },
- toggleFilter: function(e) {
- var thisSubreddit = $(e.target).data('subreddit').toLowerCase();
- var filteredReddits = modules['filteReddit'].options.subreddits.value || [];
- var exists=false;
- for (var i=0, len=filteredReddits.length; i<len; i++) {
- if ((filteredReddits[i]) && (filteredReddits[i][0].toLowerCase() === thisSubreddit)) {
- exists=true;
- filteredReddits.splice(i,1);
- e.target.setAttribute('title','Filter this subreddit from /r/all and /domain/*');
- e.target.textContent = '+filter';
- e.target.classList.remove('remove');
- break;
- }
- }
- if (!exists) {
- var thisObj = [thisSubreddit, 'everywhere',''];
- filteredReddits.push(thisObj);
- e.target.setAttribute('title','Stop filtering this subreddit from /r/all and /domain/*');
- e.target.textContent = '-filter';
- e.target.classList.add('remove');
- }
- modules['filteReddit'].options.subreddits.value = filteredReddits;
- // save change to options...
- RESStorage.setItem('RESoptions.filteReddit', JSON.stringify(modules['filteReddit'].options));
- }
-};
-
-modules['newCommentCount'] = {
- moduleID: 'newCommentCount',
- moduleName: 'New Comment Count',
- category: 'Comments',
- options: {
- // any configurable options you have go here...
- // options must have a type and a value..
- // valid types are: text, boolean (if boolean, value must be true or false)
- // for example:
- cleanComments: {
- type: 'text',
- value: 7,
- description: 'Clean out cached comment counts of pages you haven\'t visited in [x] days - enter a number here only!'
- },
- subscriptionLength: {
- type: 'text',
- value: 2,
- description: 'Automatically remove thread subscriptions in [x] days - enter a number here only!'
- }
- },
- description: 'Shows how many new comments there are since your last visit.',
- isEnabled: function() {
- return RESConsole.getModulePrefs(this.moduleID);
- },
- include: [
- /^https?:\/\/([a-z]+)\.reddit\.com\/.*/i
- ],
- isMatchURL: function() {
- return RESUtils.isMatchURL(this.moduleID);
- },
- beforeLoad: function() {
- if ((this.isEnabled()) && (this.isMatchURL())) {
- RESUtils.addCSS('.newComments { display: inline; color: orangered; }');
- RESUtils.addCSS('.RESSubscriptionButton { display: inline-block; margin-left: 15px; padding: 1px 0; text-align: center; width: 78px; font-weight: bold; cursor: pointer; color: #369; border: 1px solid #b6b6b6; border-radius: 3px; }');
- RESUtils.addCSS('td .RESSubscriptionButton { margin-left: 0; margin-right: 15px; } ');
- RESUtils.addCSS('.RESSubscriptionButton.unsubscribe { color: orangered; }');
- RESUtils.addCSS('.RESSubscriptionButton:hover { background-color: #f0f3fc; }');
- }
- },
- go: function() {
- if ((this.isEnabled()) && (this.isMatchURL())) {
- // go!
- var counts = RESStorage.getItem('RESmodules.newCommentCount.counts');
- if (counts == null) counts = '{}';
- this.commentCounts = safeJSON.parse(counts, 'RESmodules.newCommentCount.counts');
- if (RESUtils.pageType() === 'comments') {
- this.updateCommentCount();
-
- RESUtils.watchForElement('newCommentsForms', modules['newCommentCount'].updateCommentCountFromMyComment);
- this.addSubscribeLink();
- } else if (RESUtils.currentSubreddit('dashboard')) {
- // If we're on the dashboard, add a tab to it...
- // add tab to dashboard
- modules['dashboard'].addTab('newCommentsContents','My Subscriptions');
- // populate the contents of the tab
- var showDiv = $('<div class="show">Show:</div>')
- var subscriptionFilter = $('<select id="subscriptionFilter"><option>subscribed threads</option><option>all threads</option></select>')
- $(showDiv).append(subscriptionFilter);
- $('#newCommentsContents').append(showDiv);
- $('#subscriptionFilter').change(function(){
- modules['newCommentCount'].drawSubscriptionsTable();
- });
- var thisTable = $('<table id="newCommentsTable" />');
- $(thisTable).append('<thead><tr><th sort="" class="active">Thread title</th><th sort="subreddit">Subreddit</th><th sort="updateTime">Last Visited</th><th sort="subscriptionDate">Subscription Expires</th><th class="actions">Actions</th></tr></thead><tbody></tbody>');
- $('#newCommentsContents').append(thisTable);
- $('#newCommentsTable thead th').click(function(e) {
- e.preventDefault();
- if ($(this).hasClass('actions')) {
- return false;
- }
- if ($(this).hasClass('active')) {
- $(this).toggleClass('descending');
- }
- $(this).addClass('active');
- $(this).siblings().removeClass('active').find('SPAN').remove();
- $(this).find('.sortAsc, .sortDesc').remove();
- ($(e.target).hasClass('descending')) ? $(this).append('<span class="sortDesc" />') : $(this).append('<span class="sortAsc" />');
- modules['newCommentCount'].drawSubscriptionsTable($(e.target).attr('sort'), $(e.target).hasClass('descending'));
- });
- this.drawSubscriptionsTable();
- RESUtils.watchForElement('siteTable', modules['newCommentCount'].processCommentCounts);
- /*
- document.body.addEventListener('DOMNodeInserted', function(event) {
- if ((event.target.tagName === 'DIV') && (event.target.getAttribute('id') && event.target.getAttribute('id').indexOf('siteTable') !== -1)) {
- modules['newCommentCount'].processCommentCounts(event.target);
- }
- }, true);
- */
- } else {
- this.processCommentCounts();
- RESUtils.watchForElement('siteTable', modules['newCommentCount'].processCommentCounts);
- /*
- document.body.addEventListener('DOMNodeInserted', function(event) {
- if ((event.target.tagName === 'DIV') && (event.target.getAttribute('id') && event.target.getAttribute('id').indexOf('siteTable') !== -1)) {
- modules['newCommentCount'].processCommentCounts(event.target);
- }
- }, true);
- */
- }
- this.checkSubscriptions();
- }
- },
- drawSubscriptionsTable: function(sortMethod, descending) {
- var filterType = $('#subscriptionFilter').val();
- this.currentSortMethod = sortMethod || this.currentSortMethod;
- this.descending = (descending == null) ? this.descending : descending == true;
- var thisCounts = [];
- for (var i in this.commentCounts) {
- this.commentCounts[i].id = i;
- // grab the subreddit out of the URL and store it in match[i]
- var match = this.commentCounts[i].url.match(RESUtils.matchRE);
- if (match) {
- this.commentCounts[i].subreddit = match[1].toLowerCase();
- thisCounts.push(this.commentCounts[i]);
- }
- }
- $('#newCommentsTable tbody').html('');
- switch (this.currentSortMethod) {
- case 'subscriptionDate':
- thisCounts.sort(function(a,b) {
- return (a.subscriptionDate > b.subscriptionDate) ? 1 : (b.subscriptionDate > a.subscriptionDate) ? -1 : 0;
- });
- if (this.descending) thisCounts.reverse();
- break;
- case 'updateTime':
- thisCounts.sort(function(a,b) {
- return (a.updateTime > b.updateTime) ? 1 : (b.updateTime > a.updateTime) ? -1 : 0;
- });
- if (this.descending) thisCounts.reverse();
- break;
- case 'subreddit':
- thisCounts.sort(function(a,b) {
- return (a.subreddit > b.subreddit) ? 1 : (b.subreddit > a.subreddit) ? -1 : 0;
- });
- if (this.descending) thisCounts.reverse();
- break;
- default:
- thisCounts.sort(function(a,b) {
- return (a.title > b.title) ? 1 : (b.title > a.title) ? -1 : 0;
- });
- if (this.descending) thisCounts.reverse();
- break;
- }
- var rows = 0;
- for (var i in thisCounts) {
- if ((filterType === 'all threads') || ((filterType === 'subscribed threads') && (typeof thisCounts[i].subscriptionDate !== 'undefined'))) {
- var thisTitle = thisCounts[i].title;
- var thisURL = thisCounts[i].url;
- var thisUpdateTime = new Date(thisCounts[i].updateTime);
- // expire time is this.options.subscriptionLength.value days, so: 1000ms * 60s * 60m * 24hr = 86400000
- // then multiply by this.options.subscriptionLength.value
- var thisSubscriptionExpirationDate = (typeof thisCounts[i].subscriptionDate !== 'undefined') ? new Date(thisCounts[i].subscriptionDate + (86400000 * this.options.subscriptionLength.value)) : 0;
- if (thisSubscriptionExpirationDate > 0) {
- var thisExpiresContent = RESUtils.niceDateTime(thisSubscriptionExpirationDate);
- var thisRenewButton = '<span class="RESSubscriptionButton renew" title="renew subscription to this thread" data-threadid="'+thisCounts[i].id+'">renew</span>';
- var thisUnsubButton = '<span class="RESSubscriptionButton unsubscribe" title="unsubscribe from this thread" data-threadid="'+thisCounts[i].id+'">unsubscribe</span>';
- var thisActionContent = thisRenewButton+thisUnsubButton;
-
- } else {
- var thisExpiresContent = 'n/a';
- var thisActionContent = '<span class="RESSubscriptionButton subscribe" title="subscribe to this thread" data-threadid="'+thisCounts[i].id+'">subscribe</span>';
- }
- var thisSubreddit = '<a href="/r/'+thisCounts[i].subreddit+'">/r/'+thisCounts[i].subreddit+'</a>';
- var thisROW = $('<tr><td><a href="'+thisURL+'">'+thisTitle+'</a></td><td>'+thisSubreddit+'</td><td>'+RESUtils.niceDateTime(thisUpdateTime)+'</td><td>'+thisExpiresContent+'</td><td>'+thisActionContent+'</td></tr>');
- $(thisROW).find('.renew').click(modules['newCommentCount'].renewSubscriptionButton);
- $(thisROW).find('.unsubscribe').click(modules['newCommentCount'].unsubscribeButton);
- $(thisROW).find('.subscribe').click(modules['newCommentCount'].subscribeButton);
- $('#newCommentsTable tbody').append(thisROW);
- rows++;
- }
- }
- if (rows === 0) {
- if (filterType === 'subscribed threads') {
- $('#newCommentsTable tbody').append('<td colspan="5">You are currently not subscribed to any threads. To subscribe to a thread, click the "subscribe" button found near the top of the comments page.</td>');
- } else {
- $('#newCommentsTable tbody').append('<td colspan="5">No threads found</td>');
- }
- }
- },
- renewSubscriptionButton: function(e) {
- var thisURL = $(e.target).attr('data-threadid');
- modules['newCommentCount'].renewSubscription(thisURL);
- RESUtils.notification({
- header: 'Subscription Notification',
- moduleID: 'newCommentCount',
- optionKey: 'subscriptionLength',
- message: 'Your subscription has been renewed - it will expire in '+modules['newCommentCount'].options.subscriptionLength.value+' days.'
- })
- },
- renewSubscription: function(threadid) {
- var now = new Date();
- modules['newCommentCount'].commentCounts[threadid].subscriptionDate = now.getTime();
- RESStorage.setItem('RESmodules.newCommentCount.counts', JSON.stringify(modules['newCommentCount'].commentCounts));
- this.drawSubscriptionsTable();
- },
- unsubscribeButton: function(e) {
- var confirmunsub = window.confirm('Are you sure you want to unsubscribe?');
- if (confirmunsub) {
- var thisURL = $(e.target).attr('data-threadid');
- modules['newCommentCount'].unsubscribe(thisURL);
- }
- },
- unsubscribe: function(threadid) {
- delete modules['newCommentCount'].commentCounts[threadid].subscriptionDate;
- RESStorage.setItem('RESmodules.newCommentCount.counts', JSON.stringify(modules['newCommentCount'].commentCounts));
- this.drawSubscriptionsTable();
- },
- subscribeButton: function(e) {
- var thisURL = $(e.target).attr('data-threadid');
- modules['newCommentCount'].subscribe(thisURL);
- },
- subscribe: function(threadid) {
- var now = new Date();
- modules['newCommentCount'].commentCounts[threadid].subscriptionDate = now.getTime();
- RESStorage.setItem('RESmodules.newCommentCount.counts', JSON.stringify(modules['newCommentCount'].commentCounts));
- this.drawSubscriptionsTable();
- },
- processCommentCounts: function(ele) {
- var ele = ele || document.body;
- var lastClean = RESStorage.getItem('RESmodules.newCommentCount.lastClean');
- var now = new Date();
- if (lastClean == null) {
- lastClean = now.getTime();
- RESStorage.setItem('RESmodules.newCommentCount.lastClean', now.getTime());
- }
- // Clean cache every six hours
- if ((now.getTime() - lastClean) > 21600000) {
- modules['newCommentCount'].cleanCache();
- }
- var IDre = /\/r\/[\w]+\/comments\/([\w]+)\//i;
- var commentsLinks = ele.querySelectorAll('.sitetable.linklisting div.thing.link a.comments');
- for (var i=0, len=commentsLinks.length; i<len;i++) {
- var href = commentsLinks[i].getAttribute('href');
- var thisCount = commentsLinks[i].innerHTML;
- var split = thisCount.split(' ');
- thisCount = split[0];
- var matches = IDre.exec(href);
- if (matches) {
- var thisID = matches[1];
- if ((typeof modules['newCommentCount'].commentCounts[thisID] !== 'undefined') && (modules['newCommentCount'].commentCounts[thisID] !== null)) {
- var diff = thisCount - modules['newCommentCount'].commentCounts[thisID].count;
- if (diff > 0) {
- var newString = $('<span class="newComments"> ('+diff+' new)</span>');
- $(commentsLinks[i]).append(newString);
- }
- }
- }
- }
- },
- updateCommentCountFromMyComment: function() {
- modules['newCommentCount'].updateCommentCount(true);
- },
- updateCommentCount: function(mycomment) {
- var thisModule = modules['newCommentCount'];
- var IDre = /\/r\/[\w]+\/comments\/([\w]+)\//i;
- var matches = IDre.exec(location.href);
- if (matches) {
- if (!thisModule.currentCommentCount) {
- thisModule.currentCommentID = matches[1];
- var thisCount = document.querySelector('#siteTable a.comments');
- if (thisCount) {
- var split = thisCount.innerHTML.split(' ');
- thisModule.currentCommentCount = split[0];
- if ((typeof thisModule.commentCounts[thisModule.currentCommentID] !== 'undefined') && (thisModule.commentCounts[thisModule.currentCommentID] !== null)) {
- var prevCommentCount = thisModule.commentCounts[thisModule.currentCommentID].count;
- var diff = thisModule.currentCommentCount - prevCommentCount;
- var newString = $('<span class="newComments"> ('+diff+' new)</span>');
- if (diff>0) $(thisCount).append(newString);
- }
- if (isNaN(thisModule.currentCommentCount)) thisModule.currentCommentCount = 0;
- if (mycomment) thisModule.currentCommentCount++;
- }
- } else {
- thisModule.currentCommentCount++;
- }
- }
- var now = new Date();
- if (typeof thisModule.commentCounts === 'undefined') {
- thisModule.commentCounts = {};
- }
- if (typeof thisModule.commentCounts[thisModule.currentCommentID] === 'undefined') {
- thisModule.commentCounts[thisModule.currentCommentID] = {};
- }
- thisModule.commentCounts[thisModule.currentCommentID].count = thisModule.currentCommentCount;
- thisModule.commentCounts[thisModule.currentCommentID].url = location.href.replace(location.hash, '');
- thisModule.commentCounts[thisModule.currentCommentID].title = document.title;
- thisModule.commentCounts[thisModule.currentCommentID].updateTime = now.getTime();
- // if (this.currentCommentCount) {
- // dumb, but because of Greasemonkey security restrictions we need a window.setTimeout here...
- window.setTimeout( function() {
- RESStorage.setItem('RESmodules.newCommentCount.counts', JSON.stringify(modules['newCommentCount'].commentCounts));
- }, 100);
- // }
- },
- cleanCache: function() {
- var now = new Date();
- for (var i in this.commentCounts) {
- if ((this.commentCounts[i] !== null) && ((now.getTime() - this.commentCounts[i].updateTime) > (86400000 * this.options.cleanComments.value))) {
- // this.commentCounts[i] = null;
- delete this.commentCounts[i];
- } else if (this.commentCounts[i] == null) {
- delete this.commentCounts[i];
- }
- }
- RESStorage.setItem('RESmodules.newCommentCount.counts', JSON.stringify(this.commentCounts));
- RESStorage.setItem('RESmodules.newCommentCount.lastClean', now.getTime());
- },
- addSubscribeLink: function() {
- var commentCount = document.body.querySelector('.commentarea .panestack-title');
- if (commentCount) {
- this.commentSubToggle = createElementWithID('span','REScommentSubToggle','RESSubscriptionButton');
- this.commentSubToggle.addEventListener('click', modules['newCommentCount'].toggleSubscription, false);
- commentCount.appendChild(this.commentSubToggle);
- if (typeof this.commentCounts[this.currentCommentID].subscriptionDate !== 'undefined') {
- this.commentSubToggle.textContent = 'unsubscribe';
- this.commentSubToggle.setAttribute('title','unsubscribe from thread');
- this.commentSubToggle.classList.add('unsubscribe');
- } else {
- this.commentSubToggle.textContent = 'subscribe';
- this.commentSubToggle.setAttribute('title','subscribe to this thread to be notified when new comments are posted');
- this.commentSubToggle.classList.remove('unsubscribe');
- }
- }
- },
- toggleSubscription: function() {
- var commentID = modules['newCommentCount'].currentCommentID;
- if (typeof modules['newCommentCount'].commentCounts[commentID].subscriptionDate !== 'undefined') {
- modules['newCommentCount'].unsubscribeFromThread(commentID);
- } else {
- modules['newCommentCount'].subscribeToThread(commentID);
- }
- },
- getLatestCommentCounts: function() {
- var counts = RESStorage.getItem('RESmodules.newCommentCount.counts');
- if (counts == null) {
- counts = '{}';
- }
- modules['newCommentCount'].commentCounts = safeJSON.parse(counts, 'RESmodules.newCommentCount.counts');
- },
- subscribeToThread: function(commentID) {
- modules['newCommentCount'].getLatestCommentCounts();
- modules['newCommentCount'].commentSubToggle.textContent = 'unsubscribe';
- modules['newCommentCount'].commentSubToggle.setAttribute('title','unsubscribe from thread');
- modules['newCommentCount'].commentSubToggle.classList.add('unsubscribe');
- commentID = commentID || modules['newCommentCount'].currentCommentID;
- var now = new Date();
- modules['newCommentCount'].commentCounts[commentID].subscriptionDate = now.getTime();
- RESStorage.setItem('RESmodules.newCommentCount.counts', JSON.stringify(modules['newCommentCount'].commentCounts));
- RESUtils.notification({
- header: 'Subscription Notification',
- moduleID: 'newCommentCount',
- optionKey: 'subscriptionLength',
- message: 'You are now subscribed to this thread for '+modules['newCommentCount'].options.subscriptionLength.value+' days. You will be notified if new comments are posted since your last visit.' +
- '<br><br><a href="/r/Dashboard#newCommentsContents" target="_blank">Visit your Dashboard</a> to see all your thread subscriptions.'
- }, 3000);
- },
- unsubscribeFromThread: function(commentID) {
- modules['newCommentCount'].getLatestCommentCounts();
- modules['newCommentCount'].commentSubToggle.textContent = 'subscribe';
- modules['newCommentCount'].commentSubToggle.setAttribute('title','subscribe to this thread and be notified when new comments are posted');
- modules['newCommentCount'].commentSubToggle.classList.remove('unsubscribe');
- commentID = commentID || modules['newCommentCount'].currentCommentID;
- var now = new Date();
- delete modules['newCommentCount'].commentCounts[commentID].subscriptionDate;
- RESStorage.setItem('RESmodules.newCommentCount.counts', JSON.stringify(modules['newCommentCount'].commentCounts));
- RESUtils.notification({
- header: 'Subscription Notification',
- moduleID: 'newCommentCount',
- message: 'You are now unsubscribed from this thread.'
- }, 3000);
- },
- checkSubscriptions: function() {
- if (this.commentCounts) {
- var threadsToCheck = [];
- for (var i in this.commentCounts) {
- var thisSubscription = this.commentCounts[i];
- if ((thisSubscription) && (typeof thisSubscription.subscriptionDate !== 'undefined')) {
- var lastCheck = parseInt(thisSubscription.lastCheck, 10) || 0;
- var subscriptionDate = parseInt(thisSubscription.subscriptionDate, 10);
- // If it's been subscriptionLength days since we've subscribed, we're going to delete this subscription...
- var now = new Date();
- if ((now.getTime() - subscriptionDate) > (this.options.subscriptionLength.value * 86400000)) {
- delete this.commentCounts[i].subscriptionDate;
- }
- // if we haven't checked this subscription in 5 minutes, try it again...
- if ((now.getTime() - lastCheck) > 300000) {
- thisSubscription.lastCheck = now.getTime();
- this.commentCounts[i] = thisSubscription;
- // this.checkThread(i);
- threadsToCheck.push('t3_'+i);
- }
- RESStorage.setItem('RESmodules.newCommentCount.count', JSON.stringify(this.commentCounts));
- }
- }
- if (threadsToCheck.length > 0) {
- this.checkThreads(threadsToCheck);
- }
- }
- },
- checkThreads: function(commentIDs) {
- GM_xmlhttpRequest({
- method: "GET",
- url: location.protocol + '//' + location.hostname + '/by_id/' + commentIDs.join(',') + '.json?app=res',
- onload: function(response) {
- var now = new Date();
- var commentInfo = JSON.parse(response.responseText);
- if (typeof commentInfo.data !== 'undefined') {
- for (var i=0, len=commentInfo.data.children.length; i<len; i++) {
- var commentID = commentInfo.data.children[i].data.id;
- var subObj = modules['newCommentCount'].commentCounts[commentID];
- if (subObj.count < commentInfo.data.children[i].data.num_comments) {
- modules['newCommentCount'].commentCounts[commentID].count = commentInfo.data.children[i].data.num_comments;
- RESUtils.notification({
- header: 'Subscription Notification',
- moduleID: 'newComments',
- message: '<p>New comments posted to thread:</p> <a href="'+subObj.url+'">' + subObj.title + '</a> <p><a class="RESNotificationButtonBlue" href="'+subObj.url+'">view the submission</a></p><div class="clear"></div>'
- }, 10000);
- }
- }
- RESStorage.setItem('RESmodules.newCommentCount.counts', JSON.stringify(modules['newCommentCount'].commentCounts));
- }
- }
- });
- }
-};
-
-modules['spamButton'] = {
- moduleID: 'spamButton',
- moduleName: 'Spam Button',
- category: 'Filters',
- options: {
- },
- description: 'Adds a Spam button to posts for easy reporting.',
- isEnabled: function() {
- return RESConsole.getModulePrefs(this.moduleID);
- },
- include: [
- /^https?:\/\/([a-z]+)\.reddit\.com\/[\?]*/i
- ],
- isMatchURL: function() {
- return RESUtils.isMatchURL(this.moduleID);
- },
- go: function() {
- if ((this.isEnabled()) && (this.isMatchURL())) {
- // check if the spam button was on by default from an old install of RES. Per Reddit Admin request, this is being
- // disabled by default due to excess misuse, but people who want to purposefully re-enable it may do so.
- var reset = RESStorage.getItem('RESmodules.spamButton.reset');
- if (!reset) {
- RESStorage.setItem('RESmodules.spamButton.reset','true');
- RESConsole.enableModule('spamButton', false);
- }
-
- // credit to tico24 for the idea, here: http://userscripts.org/scripts/review/84454
- // code adapted for efficiency...
- if (RESUtils.loggedInUser() !== RESUtils.currentUserProfile()) {
- RESUtils.watchForElement('siteTable', modules['spamButton'].addSpamButtons);
- this.addSpamButtons();
- }
- }
- },
- addSpamButtons: function(ele) {
- if (ele == null) ele = document;
- if ((RESUtils.pageType() === 'linklist') || (RESUtils.pageType() === 'comments') || (RESUtils.pageType() === 'profile')) {
- var allLists = ele.querySelectorAll('#siteTable ul.flat-list.buttons');
- for(var i=0, len=allLists.length; i<len; i++)
- {
- var permaLink = allLists[i].childNodes[0].childNodes[0].href;
-
- var spam = document.createElement('li');
- // insert spam button second to last in the list... this is a bit hacky and assumes singleClick is enabled...
- // it should probably be made smarter later, but there are so many variations of configs, etc, that it's a bit tricky.
- allLists[i].lastChild.parentNode.insertBefore(spam, allLists[i].lastChild);
-
- // it's faster to figure out the author only if someone actually clicks the link, so we're modifying the code to listen for clicks and not do all that queryselector stuff.
- var a = document.createElement('a');
- a.setAttribute('class', 'option');
- a.setAttribute('title', 'Report this user as a spammer');
- a.addEventListener('click', modules['spamButton'].reportPost, false);
- a.setAttribute('href', 'javascript:void(0)');
- a.textContent= 'rts';
- a.title = "reportthespammers"
- spam.appendChild(a);
- }
- }
- },
- reportPost: function(e) {
- var a = e.target;
- var authorProfileContainer = a.parentNode.parentNode.parentNode;
- var authorProfileLink = authorProfileContainer.querySelector('.author');
- var href = authorProfileLink.href;
- var authorName = authorProfileLink.innerHTML;
- a.setAttribute('href', 'http://www.reddit.com/r/reportthespammers/submit?url=' + href + '&title=overview for '+authorName);
- a.setAttribute('target', '_blank');
- }
-};
-
-modules['commentNavigator'] = {
- moduleID: 'commentNavigator',
- moduleName: 'Comment Navigator',
- category: 'Comments',
- description: 'Provides a comment navigation tool to easily find comments by OP, mod, etc.',
- options: {
- showByDefault: {
- type: 'boolean',
- value: false,
- description: 'Display Comment Navigator by default'
- }
- },
- isEnabled: function() {
- return RESConsole.getModulePrefs(this.moduleID);
- },
- include: [
- /^https?:\/\/([a-z]+)\.reddit\.com\/[-\w\.\/]+\/comments\/[-\w\.]+/i,
- /^https?:\/\/([a-z]+)\.reddit\.com\/comments\/[-\w\.]+/i
- ],
- isMatchURL: function() {
- return RESUtils.isMatchURL(this.moduleID);
- },
- beforeLoad: function() {
- if ((this.isEnabled()) && (this.isMatchURL())) {
- RESUtils.addCSS('#REScommentNavBox { position: fixed; z-index: 999; right: 10px; top: 46px; width: 265px; border: 1px solid gray; background-color: #fff; opacity: 0.3; padding: 3px; user-select: none; -webkit-user-select: none; -moz-user-select: none; -webkit-transition:opacity 0.5s ease-in; -moz-transition:opacity 0.5s ease-in; -o-transition:opacity 0.5s ease-in; -ms-transition:opacity 0.5s ease-in; -transition:opacity 0.5s ease-in; }');
- RESUtils.addCSS('#REScommentNavBox:hover { opacity: 1 }');
- RESUtils.addCSS('#REScommentNavToggle { float: left; display: inline; margin-left: 0; width: 100%; }');
- RESUtils.addCSS('.commentarea .menuarea { margin-right: 0; }');
- RESUtils.addCSS('.menuarea > .spacer { margin-right: 0; }');
- RESUtils.addCSS('#commentNavButtons { margin: auto; }');
- RESUtils.addCSS('#commentNavUp { margin: auto; cursor: pointer; background-image: url("http://e.thumbs.redditmedia.com/r22WT2K4sio9Bvev.png"); width: 32px; height: 20px; background-position: 0 -224px; }');
- RESUtils.addCSS('#commentNavDown { margin: auto; cursor: pointer; background-image: url("http://e.thumbs.redditmedia.com/r22WT2K4sio9Bvev.png"); width: 32px; height: 20px; background-position: 0 -244px; }');
- RESUtils.addCSS('#commentNavUp.noNav { background-position: 0 -264px; }');
- RESUtils.addCSS('#commentNavDown.noNav { background-position: 0 -284px; }');
- RESUtils.addCSS('#commentNavButtons { display: none; margin-left: 12px; text-align: center; user-select: none; -webkit-user-select: none; -moz-user-select: none; }');
- RESUtils.addCSS('.commentNavSortType { cursor: pointer; font-weight: bold; float: left; margin-left: 6px; }');
- RESUtils.addCSS('#commentNavPostCount { color: #1278d3; }');
- RESUtils.addCSS('.noNav #commentNavPostCount { color: #ddd; }');
- RESUtils.addCSS('.commentNavSortTypeDisabled { color: #ddd; }');
- RESUtils.addCSS('.commentNavSortType:hover { text-decoration: underline; }');
- RESUtils.addCSS('#REScommentNavToggle span { float: left; margin-left: 6px; }');
- RESUtils.addCSS('.menuarea > .spacer { float: left; }');
- }
- },
- go: function() {
- if ((this.isEnabled()) && (this.isMatchURL())) {
- // draw the commentNav box
- this.commentNavBox = createElementWithID('div','REScommentNavBox');
- this.commentNavBox.classList.add('RESDialogSmall');
- // var commentArea = document.body.querySelector('div.sitetable.nestedlisting');
- var commentArea = document.body.querySelector('.commentarea .menuarea');
- if (commentArea) {
- this.commentNavToggle = createElementWithID('div','REScommentNavToggle');
- $(this.commentNavToggle).html('<span>navigate by:</span>');
- var sortTypes = ['submitter', 'moderator', 'friend', 'me', 'admin', 'IAmA', 'images', 'popular', 'new'];
- for (var i=0, len=sortTypes.length; i<len; i++) {
- var thisCategory = sortTypes[i];
- // var thisEle = document.createElement('div');
- var thisEle = createElementWithID('div','navigateBy'+thisCategory);
- switch(thisCategory) {
- case 'submitter':
- thisEle.setAttribute('title','Navigate comments made by the post submitter');
- break;
- case 'moderator':
- thisEle.setAttribute('title','Navigate comments made by moderators');
- break;
- case 'friend':
- thisEle.setAttribute('title','Navigate comments made by users on your friends list');
- break;
- case 'me':
- thisEle.setAttribute('title','Navigate comments made by you');
- break;
- case 'admin':
- thisEle.setAttribute('title','Navigate comments made by reddit admins');
- break;
- case 'IAmA':
- thisEle.setAttribute('title','Navigate through questions that have been answered by the submitter (most useful in /r/IAmA)');
- break;
- case 'images':
- thisEle.setAttribute('title','Navigate through comments with images');
- break;
- case 'popular':
- thisEle.setAttribute('title','Navigate through comments in order of highest vote total');
- break;
- case 'new':
- thisEle.setAttribute('title','Navigate through new comments (Reddit Gold users only)');
- break;
- default:
- break;
- }
- thisEle.setAttribute('index',i+1);
- thisEle.classList.add('commentNavSortType');
- thisEle.textContent = thisCategory;
- if (thisCategory === 'new') {
- var isGold = document.body.querySelector('.gold-accent.comment-visits-box');
- if (isGold) {
- thisEle.setAttribute('style','color: #9A7D2E;');
- } else {
- thisEle.classList.add('commentNavSortTypeDisabled');
- }
- }
- if ((thisCategory !== 'new') || (isGold)) {
- thisEle.addEventListener('click', function(e) {
- modules['commentNavigator'].showNavigator(e.target.getAttribute('index'));
- }, false);
- }
- this.commentNavToggle.appendChild(thisEle);
- if (i<len-1) {
- var thisDivider = document.createElement('span');
- thisDivider.textContent = '|';
- this.commentNavToggle.appendChild(thisDivider);
- }
- }
-
- // commentArea.insertBefore(this.commentNavToggle,commentArea.firstChild);
- commentArea.appendChild(this.commentNavToggle,commentArea.firstChild);
- if (!(this.options.showByDefault.value)) {
- this.commentNavBox.style.display = 'none';
- }
- var navBoxHTML = ' \
- \
- <h3>Navigate by: \
- <select id="commentNavBy"> \
- <option name=""></option> \
- <option name="submitter">submitter</option> \
- <option name="moderator">moderator</option> \
- <option name="friend">friend</option> \
- <option name="me">me</option> \
- <option name="admin">admin</option> \
- <option name="IAmA">IAmA</option> \
- <option name="images">images</option> \
- <option name="popular">popular</option> \
- <option name="new">new</option> \
- </select> \
- </h3>\
- <div id="commentNavCloseButton" class="RESCloseButton">×</div> \
- <div class="RESDialogContents"> \
- <div id="commentNavButtons"> \
- <div id="commentNavUp"></div> <div id="commentNavPostCount"></div> <div id="commentNavDown"></div> \
- </div> \
- </div> \
- ';
- $(this.commentNavBox).html(navBoxHTML);
- this.posts = [];
- this.nav = [];
- this.navSelect = this.commentNavBox.querySelector('#commentNavBy');
- this.commentNavPostCount = this.commentNavBox.querySelector('#commentNavPostCount');
- this.commentNavButtons = this.commentNavBox.querySelector('#commentNavButtons');
- this.commentNavCloseButton = this.commentNavBox.querySelector('#commentNavCloseButton');
- this.commentNavCloseButton.addEventListener('click', function(e) {
- modules['commentNavigator'].commentNavBox.style.display = 'none';
- }, false);
- this.commentNavUp = this.commentNavBox.querySelector('#commentNavUp');
- this.commentNavUp.addEventListener('click',modules['commentNavigator'].moveUp, false);
- this.commentNavDown = this.commentNavBox.querySelector('#commentNavDown');
- this.commentNavDown.addEventListener('click',modules['commentNavigator'].moveDown, false);
- this.navSelect.addEventListener('change', modules['commentNavigator'].changeCategory, false);
- document.body.appendChild(this.commentNavBox);
- }
- }
- },
- changeCategory: function() {
- var index = modules['commentNavigator'].navSelect.selectedIndex;
- modules['commentNavigator'].currentCategory = modules['commentNavigator'].navSelect.options[index].value;
- if (modules['commentNavigator'].currentCategory !== '') {
- modules['commentNavigator'].getPostsByCategory(modules['commentNavigator'].currentCategory);
- modules['commentNavigator'].commentNavButtons.style.display = 'block';
- } else {
- modules['commentNavigator'].commentNavButtons.style.display = 'none';
- }
- },
- showNavigator: function(categoryID) {
- modules['commentNavigator'].commentNavBox.style.display = 'block';
- this.navSelect.selectedIndex = categoryID;
- modules['commentNavigator'].changeCategory();
- },
- getPostsByCategory: function () {
- var category = modules['commentNavigator'].currentCategory;
- if ((typeof category !== 'undefined') && (category !== '')) {
- if (typeof this.posts[category] === 'undefined') {
- switch (category) {
- case 'submitter':
- case 'moderator':
- case 'friend':
- case 'admin':
- this.posts[category] = document.querySelectorAll('.noncollapsed a.author.'+category);
- this.resetNavigator(category);
- break;
- case 'me':
- RESUtils.getUserInfo(function(userInfo) {
- var myID = 't2_'+userInfo.data.id;
- modules['commentNavigator'].posts[category] = document.querySelectorAll('.noncollapsed a.author.id-'+myID);
- modules['commentNavigator'].resetNavigator(category);
- });
- break;
- case 'IAmA':
- var submitterPosts = document.querySelectorAll('.noncollapsed a.author.submitter');
- this.posts[category] = [];
- for (var i=0, len=submitterPosts.length; i<len; i++) {
- // go seven parents up to get the proper parent post...
- var sevenUp = submitterPosts[i].parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode;
- if (sevenUp.parentNode.nodeName === 'BODY') {
- this.posts[category].push(submitterPosts[i].parentNode.parentNode);
- } else {
- this.posts[category].push(sevenUp);
- }
- }
- this.resetNavigator(category);
- break;
- case 'images':
- var imagePosts = document.querySelectorAll('.toggleImage');
- this.posts[category] = imagePosts;
- this.resetNavigator(category);
- break;
- case 'popular':
- var allComments = document.querySelectorAll('.noncollapsed');
- var commentsObj = [];
- for (var i=0, len=allComments.length; i<len; i++) {
- var thisScore = allComments[i].querySelector('.unvoted');
- if (thisScore) {
- var scoreSplit = thisScore.innerHTML.split(' ');
- var score = scoreSplit[0];
- } else {
- var score = 0;
- }
- commentsObj[i] = {
- comment: allComments[i],
- score: score
- }
- }
- commentsObj.sort(function(a, b) {
- return parseInt(b.score, 10) - parseInt(a.score, 10);
- });
- this.posts[category] = [];
- for (var i=0, len=commentsObj.length; i<len; i++) {
- this.posts[category][i] = commentsObj[i].comment;
- }
- this.resetNavigator(category);
- break;
- case 'new':
- this.posts[category] = document.querySelectorAll('.new-comment');
- this.resetNavigator(category);
- break;
- }
- }
- }
- },
- resetNavigator: function(category) {
- this.nav[category] = 0;
- if (this.posts[category].length) {
- modules['commentNavigator'].scrollToNavElement();
- modules['commentNavigator'].commentNavUp.classList.remove('noNav');
- modules['commentNavigator'].commentNavDown.classList.remove('noNav');
- modules['commentNavigator'].commentNavButtons.classList.remove('noNav');
- } else {
- modules['commentNavigator'].commentNavPostCount.textContent = 'none';
- modules['commentNavigator'].commentNavUp.classList.add('noNav');
- modules['commentNavigator'].commentNavDown.classList.add('noNav');
- modules['commentNavigator'].commentNavButtons.classList.add('noNav');
- }
- },
- moveUp: function() {
- var category = modules['commentNavigator'].currentCategory;
- if (modules['commentNavigator'].posts[category].length) {
- if (modules['commentNavigator'].nav[category] > 0) {
- modules['commentNavigator'].nav[category]--;
- } else {
- modules['commentNavigator'].nav[category] = modules['commentNavigator'].posts[category].length - 1;
- }
- modules['commentNavigator'].scrollToNavElement();
- }
- },
- moveDown: function() {
- var category = modules['commentNavigator'].currentCategory;
- if (modules['commentNavigator'].posts[category].length) {
- if (modules['commentNavigator'].nav[category] < modules['commentNavigator'].posts[category].length - 1) {
- modules['commentNavigator'].nav[category]++;
- } else {
- modules['commentNavigator'].nav[category] = 0;
- }
- modules['commentNavigator'].scrollToNavElement();
- }
- },
- scrollToNavElement: function() {
- var category = modules['commentNavigator'].currentCategory;
- $(modules['commentNavigator'].commentNavPostCount).text(modules['commentNavigator'].nav[category]+1 + '/' + modules['commentNavigator'].posts[category].length);
- var thisXY=RESUtils.getXYpos(modules['commentNavigator'].posts[category][modules['commentNavigator'].nav[category]]);
- RESUtils.scrollTo(0,thisXY.y);
- }
-};
-
-
-/*
-modules['redditProfiles'] = {
- moduleID: 'redditProfiles',
- moduleName: 'Reddit Profiles',
- category: 'Users',
- options: {
- },
- description: 'Pulls in profiles from redditgifts.com when viewing a user profile.',
- isEnabled: function() {
- return RESConsole.getModulePrefs(this.moduleID);
- },
- include: [
- /^http:\/\/([a-z]+).reddit.com\/user\/[-\w\.]+/i
- ],
- isMatchURL: function() {
- return RESUtils.isMatchURL(this.moduleID);
- },
- go: function() {
- if ((this.isEnabled()) && (this.isMatchURL())) {
- RESUtils.addCSS('.redditGiftsProfileField { margin-top: 3px; margin-bottom: 6px; }');
- RESUtils.addCSS('.redditGiftsTrophy { margin-right: 4px; }');
- var thisCache = RESStorage.getItem('RESmodules.redditProfiles.cache');
- if (thisCache == null) {
- thisCache = '{}';
- }
- this.profileCache = safeJSON.parse(thisCache);
- if (this.profileCache == null) this.profileCache = {};
- var userRE = /\/user\/(\w+)/i;
- var match = userRE.exec(location.href);
- if (match) {
- var username = match[1];
- this.getProfile(username);
- }
- }
- },
- getProfile: function(username) {
- var lastCheck = 0;
- if ((typeof this.profileCache[username] !== 'undefined') && (this.profileCache[username] !== null)) {
- lastCheck = this.profileCache[username].lastCheck;
- }
- var now = new Date();
- if ((now.getTime() - lastCheck) > 900000) {
- var jsonURL = 'http://redditgifts.com/profiles/view-json/'+username+'/';
- GM_xmlhttpRequest({
- method: "GET",
- url: jsonURL,
- onload: function(response) {
- try {
- // if it is JSON parseable, it's a profile.
- var profileData = JSON.parse(response.responseText);
- } catch(error) {
- // if it is NOT JSON parseable, it's a 404 - user doesn't have a profile.
- var profileData = {};
- }
- var now = new Date();
- profileData.lastCheck = now.getTime();
- // set the last check time...
- modules['redditProfiles'].profileCache[username] = profileData;
- RESStorage.setItem('RESmodules.redditProfiles.cache', JSON.stringify(modules['redditProfiles'].profileCache));
- modules['redditProfiles'].displayProfile(username, profileData);
- }
- });
- } else {
- this.displayProfile(username, this.profileCache[username]);
- }
- },
- displayProfile: function(username, profileObject) {
- if (typeof profileObject !== 'undefined') {
- var firstSpacer = document.querySelector('div.side > div.spacer');
- var newSpacer = document.createElement('div');
- var profileHTML = '<div class="sidecontentbox profile-area"><a class="helplink" target="_blank" href="http://redditgifts.com">what\'s this?</a><h1>PROFILE</h1><div class="content">';
- var profileBody = '';
- if (typeof profileObject.body !== 'undefined') {
- profileBody += '<h3><a target="_blank" href="http://redditgifts.com/profiles/view/'+username+'">RedditGifts Profile:</a></h3>';
- profileBody += '<div class="redditGiftsProfileField">'+profileObject.body+'</div>';
- }
- if (typeof profileObject.description !== 'undefined') {
- profileBody += '<h3>Description:</h3>';
- profileBody += '<div class="redditGiftsProfileField">'+profileObject.description+'</div>';
- }
- if (typeof profileObject.photo !== 'undefined') {
- profileBody += '<h3>Photo:</h3>';
- profileBody += '<div class="redditGiftsProfileField"><a target="_blank" href="'+profileObject.photo.url+'"><img src="'+profileObject.photo_small.url+'" /></a></div>';
- }
- if (typeof profileObject.twitter_username !== 'undefined') {
- profileBody += '<h3>Twitter:</h3>';
- profileBody += '<div class="redditGiftsProfileField"><a target="_blank" href="http://twitter.com/'+profileObject.twitter_username+'">@'+profileObject.twitter_username+'</a></div>';
- }
- if (typeof profileObject.website !== 'undefined') {
- profileBody += '<h3>Website:</h3>';
- profileBody += '<div class="redditGiftsProfileField"><a target="_blank" href="'+profileObject.website+'">[link]</a></div>';
- }
- if (typeof profileObject.trophies !== 'undefined') {
- profileBody += '<h3>RedditGifts Trophies:</h3>';
- var count=1;
- var len=profileObject.trophies.length;
- for (var i in profileObject.trophies) {
- var rowNum = parseInt(count/2);
- if (count===1) {
- profileBody += '<table class="trophy-table"><tbody>';
- }
- // console.log('count: ' + count + ' -- mod: ' + (count%2) + ' len: ' + len);
- // console.log('countmod: ' + ((count%2) === 0));
- if ((count%2) === 1) {
- profileBody += '<tr>';
- }
- if ((count===len) && ((count%2) === 1)) {
- profileBody += '<td class="trophy-info" colspan="2">';
- } else {
- profileBody += '<td class="trophy-info">';
- }
- profileBody += '<div><img src="'+profileObject.trophies[i].url+'" alt="'+profileObject.trophies[i].title+'" title="'+profileObject.trophies[i].title+'"><br><span class="trophy-name">'+profileObject.trophies[i].title+'</span></div>';
- profileBody += '</td>';
- if (((count%2) === 0) || (count===len)) {
- profileBody += '</tr>';
- }
- count++;
- }
- if (count) {
- profileBody += '</tbody></table>';
- }
- }
- if (profileBody === '') {
- profileBody = 'User has not filled out a profile on <a target="_blank" href="http://redditgifts.com">RedditGifts</a>.';
- }
- profileHTML += profileBody + '</div></div>';
- $(newSpacer).html(profileHTML);
- addClass(newSpacer,'spacer');
- insertAfter(firstSpacer,newSpacer);
- }
- }
-};
-*/
-
-modules['subredditManager'] = {
- moduleID: 'subredditManager',
- moduleName: 'Subreddit Manager',
- category: 'UI',
- options: {
- subredditShortcut: {
- type: 'boolean',
- value: true,
- description: 'Add +shortcut button in subreddit sidebar for easy addition of shortcuts.'
- },
- linkDashboard: {
- type: 'boolean',
- value: true,
- description: 'Show "DASHBOARD" link in subreddit manager'
- },
- linkAll: {
- type: 'boolean',
- value: true,
- description: 'Show "ALL" link in subreddit manager'
- },
- linkFront: {
- type: 'boolean',
- value: true,
- description: 'show "FRONT" link in subreddit manager'
- },
- linkRandom: {
- type: 'boolean',
- value: true,
- description: 'Show "RANDOM" link in subreddit manager'
- },
- linkMyRandom: {
- type: 'boolean',
- value: true,
- description: 'Show "MYRANDOM" link in subreddit manager (reddit gold only)'
- },
- linkRandNSFW: {
- type: 'boolean',
- value: false,
- description: 'Show "RANDNSFW" link in subreddit manager'
- },
- linkFriends: {
- type: 'boolean',
- value: true,
- description: 'Show "FRIENDS" link in subreddit manager'
- },
- linkMod: {
- type: 'boolean',
- value: true,
- description: 'Show "MOD" link in subreddit manager'
- },
- linkModqueue: {
- type: 'boolean',
- value: true,
- description: 'Show "MODQUEUE" link in subreddit manager'
- }
-/* sortingField: {
- type: 'enum',
- values: [
- { name: 'Subreddit Name', value: 'displayName' },
- { name: 'Added date', value: 'addedDate' }
- ],
- value : 'displayName',
- description: 'Field to sort subreddit shortcuts by'
- },
- sortingDirection: {
- type: 'enum',
- values: [
- { name: 'Ascending', value: 'asc' },
- { name: 'Descending', value: 'desc' }
- ],
- value : 'asc',
- description: 'Field to sort subreddit shortcuts by'
- }
-*/ },
- description: 'Allows you to customize the top bar with your own subreddit shortcuts, including dropdown menus of multi-reddits and more.',
- isEnabled: function() {
- return RESConsole.getModulePrefs(this.moduleID);
- },
- include: [
- /^https?:\/\/([a-z]+)\.reddit\.com\/.*/i
- ],
- isMatchURL: function() {
- return RESUtils.isMatchURL(this.moduleID);
- },
- beforeLoad: function() {
- if ((this.isEnabled()) && (this.isMatchURL())) {
- RESUtils.addCSS('.srOver { outline: 1px dashed black; }');
- RESUtils.addCSS('body { overflow-x: hidden; }');
- RESUtils.addCSS('#sr-header-area a { font-size: 100% !important; }');
- RESUtils.addCSS('#srList { position: absolute; top: 18px; left: 0; z-index: 9999; display: none; border: 1px solid black; background-color: #FAFAFA; width: auto; overflow-y: auto; }');
- RESUtils.addCSS('#srList tr { border-bottom: 1px solid gray; }');
- RESUtils.addCSS('#srList thead td { cursor: pointer; }');
- RESUtils.addCSS('#srList td { padding: 3px 8px; }');
- RESUtils.addCSS('#srList td.RESvisited, #srList td.RESshortcut { text-transform: none; }');
- RESUtils.addCSS('#srList td.RESshortcut {cursor: pointer;}');
- RESUtils.addCSS('#srList td a { width: 100%; display: block; }');
- RESUtils.addCSS('#srList tr:hover { background-color: #eef; }');
- RESUtils.addCSS('#srLeftContainer, #RESStaticShortcuts, #RESShortcuts, #srDropdown { display: inline; float: left; position: relative; z-index: 5; }');
- RESUtils.addCSS('#editShortcutDialog { display: none; z-index: 999; position: absolute; top: 25px; left: 5px; width: 230px; padding: 10px; background-color: #f0f3fc; border: 1px solid #c7c7c7; border-radius: 3px; font-size: 12px; color: #000; }');
- RESUtils.addCSS('#editShortcutDialog h3 { display: inline-block; float: left; font-size: 13px; margin-top: 6px; }');
- RESUtils.addCSS('#editShortcutClose { float: right; margin-top: 2px; margin-right: 0; }');
- RESUtils.addCSS('#editShortcutDialog label { clear: both; float: left; width: 100px; margin-top: 12px; }');
- RESUtils.addCSS('#editShortcutDialog input { float: left; width: 126px; margin-top: 10px; }');
- RESUtils.addCSS('#editShortcutDialog input[type=button] { float: right; width: 45px; margin-left: 10px; cursor: pointer; padding: 3px 5px; font-size: 12px; color: #fff; border: 1px solid #636363; border-radius: 3px; background-color: #5cc410; }'); RESUtils.addCSS( '#srLeftContainer { z-index: 4; padding-left: 4px; margin-right: 6px; }' ); // RESUtils.addCSS('#RESShortcuts { position: absolute; left: '+ this.srLeftContainerWidth+'px; z-index: 6; white-space: nowrap; overflow-x: hidden; padding-left: 2px; margin-top: -2px; padding-top: 2px; }');
- RESUtils.addCSS( '#srLeftContainer { z-index: 4; padding-left: 4px; margin-right: 6px; }' );
- RESUtils.addCSS('#RESShortcutsViewport { width: auto; max-height: 20px; overflow: hidden; } ');
- RESUtils.addCSS('#RESShortcuts { z-index: 6; white-space: nowrap; overflow-x: hidden; padding-left: 2px; }');
- RESUtils.addCSS('#RESSubredditGroupDropdown { display: none; position: absolute; z-index: 99999; padding: 3px; background-color: #F0F0F0; border-left: 1px solid black; border-right: 1px solid black; border-bottom: 1px solid black; }');
- RESUtils.addCSS('#RESSubredditGroupDropdown li { padding-left: 3px; padding-right: 3px; margin-bottom: 2px; }');
- RESUtils.addCSS('#RESSubredditGroupDropdown li:hover { background-color: #F0F0FC; }');
-
- RESUtils.addCSS('#RESShortcutsEditContainer { width: 69px; position: absolute; right: 0; top: 0; z-index: 999; background-color: #f0f0f0; height: 16px; user-select: none; -webkit-user-select: none; -moz-user-select: none; }');
- RESUtils.addCSS('#RESShortcutsRight { right: 0; }');
- RESUtils.addCSS('#RESShortcutsAdd { right: 15px; }');
- RESUtils.addCSS('#RESShortcutsLeft { right: 31px; }');
- RESUtils.addCSS('#RESShortcutsSort { right: 47px; }');
-
- RESUtils.addCSS('#RESShortcutsSort, #RESShortcutsRight, #RESShortcutsLeft, #RESShortcutsAdd, #RESShortcutsTrash { width: 16px; cursor: pointer; background: #F0F0F0; font-size: 20px; color: #369; height: 18px; line-height: 15px; position: absolute; top: 0; z-index: 999; background-color: #f0f0f0; user-select: none; -webkit-user-select: none; -moz-user-select: none; } ');
- RESUtils.addCSS('#RESShortcutsSort { font-size: 14px; }')
- RESUtils.addCSS('#RESShortcutsTrash { display: none; font-size: 17px; width: 16px; cursor: pointer; right: 15px; height: 16px; position: absolute; top: 0; z-index: 1000; user-select: none; -webkit-user-select: none; -moz-user-select: none; }');
- RESUtils.addCSS('.srSep { margin-left: 6px; }');
- RESUtils.addCSS('.RESshortcutside { margin-right: 5px; margin-top: 2px; color: white; background-image: url(http://www.redditstatic.com/bg-button-add.png); cursor: pointer; text-align: center; width: 68px; font-weight: bold; font-size: 10px; border: 1px solid #444; padding: 1px 6px; border-radius: 3px 3px 3px 3px; }');
- RESUtils.addCSS('.RESshortcutside.remove { background-image: url(http://www.redditstatic.com/bg-button-remove.png) }');
- RESUtils.addCSS('.RESshortcutside:hover { background-color: #f0f0ff; }');
- // RESUtils.addCSS('h1.redditname > a { float: left; }');
- RESUtils.addCSS('h1.redditname { overflow: auto; }');
- RESUtils.addCSS('.sortAsc, .sortDesc { float: right; background-image: url("http://e.thumbs.redditmedia.com/r22WT2K4sio9Bvev.png"); width: 12px; height: 12px; background-repeat: no-repeat; }');
- RESUtils.addCSS('.sortAsc { background-position: 0 -149px; }');
- RESUtils.addCSS('.sortDesc { background-position: -12px -149px; }');
- RESUtils.addCSS('#RESShortcutsAddFormContainer { display: none; position: absolute; width: 290px; padding: 2px; right: 0; top: 21px; z-index: 10000; background-color: #f0f3fc; border: 1px solid #c7c7c7; border-radius: 3px; font-size: 12px; color: #000; }');
- RESUtils.addCSS('#RESShortcutsAddFormContainer a { font-weight: bold; }');
- RESUtils.addCSS('#newShortcut { width: 130px; }');
- RESUtils.addCSS('#displayName { width: 130px; }');
- RESUtils.addCSS('#shortCutsAddForm { padding: 5px; }');
- RESUtils.addCSS('#shortCutsAddForm div { font-size: 10px; margin-bottom: 10px; }');
- RESUtils.addCSS('#shortCutsAddForm label { display: inline-block; width: 100px; }');
- RESUtils.addCSS('#shortCutsAddForm input[type=text] { width: 170px; margin-bottom: 6px; }');
- RESUtils.addCSS('#addSubreddit { float: right; cursor: pointer; padding: 3px 5px; font-size: 12px; color: #fff; border: 1px solid #636363; border-radius: 3px; background-color: #5cc410; }');
- RESUtils.addCSS('.RESShortcutsCurrentSub { color:orangered!important; font-weight:bold; }');
- RESUtils.addCSS('.RESShortcutsCurrentSub:visited { color:orangered!important; font-weight:bold; }');
- RESUtils.addCSS('#srLeftContainer, #RESShortcutsViewport, #RESShortcutsEditContainer{max-height:18px;}');
-
- // this shows the sr-header-area that we hid while rendering it (to curb opera's glitchy "jumping")...
- if (BrowserDetect.isOpera()) {
- RESUtils.addCSS('#sr-header-area { display: block !important; }');
- }
- }
- },
- go: function() {
- if ((this.isEnabled()) && (this.isMatchURL())) {
-
- if (this.options.linkMyRandom.value) {
- var originalMyRandom = document.querySelector('#sr-header-area a[href$="/r/myrandom/"]')
- if (originalMyRandom) {
- this.myRandomEnabled = true;
- if (originalMyRandom.classList.contains('gold')) {
- this.myRandomGold = true;
- }
- }
- }
-
- this.manageSubreddits();
- if (RESUtils.currentSubreddit() !== null) {
- this.setLastViewtime();
- }
- }
- },
- manageSubreddits: function() {
- // This is the init function for Manage Subreddits - it'll get your preferences and redraw the top bar.
- this.redrawSubredditBar();
- // Listen for subscriptions / unsubscriptions from reddits so we know to reload the JSON string...
- // also, add a +/- shortcut button...
- if ((RESUtils.currentSubreddit()) && (this.options.subredditShortcut.value == true)) {
- var subButtons = document.querySelectorAll('.fancy-toggle-button');
- // for (var h=0, len=currentSubreddits.length; h<len; h++) {
- for (var h=0, len=subButtons.length; h<len; h++) {
- var subButton = subButtons[h];
- if ((RESUtils.currentSubreddit().indexOf('+') === -1) && (RESUtils.currentSubreddit() !== 'mod')) {
- var thisSubredditFragment = RESUtils.currentSubreddit();
- var isMulti = false;
- } else if ($(subButton).parent().hasClass('subButtons')) {
- var isMulti = true;
- var thisSubredditFragment = $(subButton).parent().parent().find('a.title').text();
- } else {
- var isMulti = true;
- var thisSubredditFragment = $(subButton).next().text();
- }
- if ($('#subButtons-'+thisSubredditFragment).length === 0) {
- var subButtonsWrapper = $('<div id="subButtons-'+thisSubredditFragment+'" class="subButtons" style="margin: 0 !important;"></div>');
- $(subButton).wrap(subButtonsWrapper);
- // move this wrapper to the end (after any icons that may exist...)
- if (isMulti) {
- var theWrap = $(subButton).parent();
- $(theWrap).appendTo($(theWrap).parent());
- }
- }
- subButton.addEventListener('click', function() {
- // reset the last checked time for the subreddit list so that we refresh it anew no matter what.
- RESStorage.setItem('RESmodules.subredditManager.subreddits.lastCheck.'+RESUtils.loggedInUser(),0);
- },false);
- var theSC = document.createElement('span');
- theSC.setAttribute('style','display: inline-block !important;');
- theSC.setAttribute('class','RESshortcut RESshortcutside');
- theSC.setAttribute('data-subreddit',thisSubredditFragment);
- var idx = -1;
- for (var i=0, sublen=modules['subredditManager'].mySubredditShortcuts.length; i<sublen; i++) {
- if (modules['subredditManager'].mySubredditShortcuts[i].subreddit.toLowerCase() === thisSubredditFragment.toLowerCase()) {
- idx=i;
- break;
- }
- }
- if (idx !== -1) {
- theSC.textContent = '-shortcut';
- theSC.setAttribute('title','Remove this subreddit from your shortcut bar');
- theSC.classList.add('remove');
- } else {
- theSC.textContent = '+shortcut';
- theSC.setAttribute('title','Add this subreddit to your shortcut bar');
- }
- theSC.addEventListener('click', modules['subredditManager'].toggleSubredditShortcut, false);
- // subButton.parentNode.insertBefore(theSC, subButton);
- // theSubredditLink.appendChild(theSC);
- $('#subButtons-'+thisSubredditFragment).append(theSC);
- var next = $('#subButtons-'+thisSubredditFragment).next();
- if ($(next).hasClass('title') && (! $('#subButtons-'+thisSubredditFragment).hasClass('swapped'))) {
- $('#subButtons-'+thisSubredditFragment).before($(next));
- $('#subButtons-'+thisSubredditFragment).addClass('swapped');
- }
- }
- }
-
- // If we're on the reddit-browsing page (/reddits or /subreddits), add +shortcut and -shortcut buttons...
- if (/^https?:\/\/www\.reddit\.com\/(?:sub)?reddits\/?(?:\?[\w=&]+)*/.test(location.href)) {
- this.browsingReddits();
- }
- },
- browsingReddits: function() {
- $('.subreddit').each(function () {
- // Skip subreddit links that already have a shortcut button
- if (typeof $(this).data('hasShortcutButton') !== 'undefined' && $(this).data('hasShortcutButton')) {
- return;
- }
-
- // Otherwise, indicate that this link now has a shortcut button
- $(this).data('hasShortcutButton', true);
-
- var subreddit = $(this).find('a.title').attr('href').match(/^https?:\/\/(?:[a-z]+).reddit.com\/r\/([\w]+).*/i)[1],
- $theSC = $('<span>')
- .css({ display: 'inline-block', 'margin-right': '0'})
- .addClass('RESshortcut RESshortcutside')
- .data('subreddit', subreddit),
- isShortcut = false;
-
- for (var j = 0, shortcutsLength = modules['subredditManager'].mySubredditShortcuts.length; j < shortcutsLength; j++) {
- if (modules['subredditManager'].mySubredditShortcuts[j].subreddit === subreddit) {
- isShortcut = true;
- break;
- }
- }
-
- if (isShortcut) {
- $theSC
- .attr('title', 'Remove this subreddit from your shortcut bar')
- .text('-shortcut')
- .addClass('remove');
- } else {
- $theSC
- .attr('title', 'Add this subreddit to your shortcut bar')
- .text('+shortcut')
- .removeClass('remove');
- }
-
- $theSC
- .on('click', modules['subredditManager'].toggleSubredditShortcut)
- .appendTo($(this).find('.midcol'));
- });
- },
- redrawShortcuts: function() {
- this.shortCutsContainer.textContent = '';
- // Try Refresh subreddit shortcuts
- if (this.mySubredditShortcuts.length === 0) {
- this.getLatestShortcuts();
- }
- if (this.mySubredditShortcuts.length > 0) {
- // go through the list of shortcuts and print them out...
- for (var i = 0, len = this.mySubredditShortcuts.length; i < len; i++) {
- if (typeof this.mySubredditShortcuts[i] === 'string') {
- this.mySubredditShortcuts[i] = {
- subreddit: this.mySubredditShortcuts[i],
- displayName: this.mySubredditShortcuts[i],
- addedDate: new Date()
- }
- }
-
- var thisShortCut = document.createElement('a');
- thisShortCut.setAttribute('draggable', 'true');
- thisShortCut.setAttribute('orderIndex', i);
- thisShortCut.setAttribute('data-subreddit', this.mySubredditShortcuts[i].subreddit);
- thisShortCut.classList.add('subbarlink');
-
- if ((RESUtils.currentSubreddit() !== null) && (RESUtils.currentSubreddit().toLowerCase() === this.mySubredditShortcuts[i].subreddit.toLowerCase())) {
- thisShortCut.classList.add('RESShortcutsCurrentSub');
- }
-
- thisShortCut.setAttribute('href','/r/'+this.mySubredditShortcuts[i].subreddit);
- thisShortCut.textContent = this.mySubredditShortcuts[i].displayName;
- thisShortCut.addEventListener('click', function(e) {
- if (e.button !== 0 || e.ctrlKey || e.metaKey || e.altKey) {
- // open in new tab, let the browser handle it
- return true;
- } else {
- e.preventDefault();
- // use to open links in new tabs... work on this later...
- modules['subredditManager'].clickedShortcut = e.target.getAttribute('href');
- if (typeof modules['subredditManager'].clickTimer === 'undefined') {
- modules['subredditManager'].clickTimer = setTimeout(modules['subredditManager'].followSubredditShortcut, 300);
- }
- }
- }, false);
-
- thisShortCut.addEventListener('dblclick', function(e) {
- e.preventDefault();
- clearTimeout(modules['subredditManager'].clickTimer);
- delete modules['subredditManager'].clickTimer;
- modules['subredditManager'].editSubredditShortcut(e.target);
- }, false);
-
- thisShortCut.addEventListener('mouseover', function(e) {
- clearTimeout(modules['subredditManager'].hideSubredditGroupDropdownTimer);
- if ((typeof e.target.getAttribute !== 'undefined') && (e.target.getAttribute('href').indexOf('+') !== -1)) {
- var subreddits = e.target.getAttribute('href').replace('/r/','').split('+');
- modules['subredditManager'].showSubredditGroupDropdown(subreddits, e.target);
- }
- }, false);
-
- thisShortCut.addEventListener('mouseout', function(e) {
- modules['subredditManager'].hideSubredditGroupDropdownTimer = setTimeout(function() {
- modules['subredditManager'].hideSubredditGroupDropdown();
- }, 500);
- }, false);
-
- thisShortCut.addEventListener('dragstart', modules['subredditManager'].subredditDragStart, false);
- thisShortCut.addEventListener('dragenter', modules['subredditManager'].subredditDragEnter, false)
- thisShortCut.addEventListener('dragover', modules['subredditManager'].subredditDragOver, false);
- thisShortCut.addEventListener('dragleave', modules['subredditManager'].subredditDragLeave, false);
- thisShortCut.addEventListener('drop', modules['subredditManager'].subredditDrop, false);
- thisShortCut.addEventListener('dragend', modules['subredditManager'].subredditDragEnd, false);
- this.shortCutsContainer.appendChild(thisShortCut);
-
- if (i < len - 1) {
- var sep = document.createElement('span');
- sep.setAttribute('class', 'separator');
- sep.textContent = '-';
- this.shortCutsContainer.appendChild(sep);
- }
- }
- if (this.mySubredditShortcuts.length === 0) {
- this.shortCutsContainer.style.textTransform = 'none';
- this.shortCutsContainer.textContent = 'add shortcuts from the my subreddits menu at left or click the button by the subreddit name, drag and drop to sort';
- } else {
- this.shortCutsContainer.style.textTransform = '';
- }
- } else {
- this.shortCutsContainer.style.textTransform = 'none';
- this.shortCutsContainer.textContent = 'add shortcuts from the my subreddits menu at left or click the button by the subreddit name, drag and drop to sort';
- this.mySubredditShortcuts = [];
- }
- },
- showSubredditGroupDropdown: function(subreddits, obj) {
- if (typeof this.subredditGroupDropdown === 'undefined') {
- this.subredditGroupDropdown = createElementWithID('div', 'RESSubredditGroupDropdown');
- this.subredditGroupDropdownUL = document.createElement('ul');
- this.subredditGroupDropdown.appendChild(this.subredditGroupDropdownUL);
- document.body.appendChild(this.subredditGroupDropdown);
-
- this.subredditGroupDropdown.addEventListener('mouseout', function(e) {
- modules['subredditManager'].hideSubredditGroupDropdownTimer = setTimeout(function() {
- modules['subredditManager'].hideSubredditGroupDropdown();
- }, 500);
- }, false);
-
- this.subredditGroupDropdown.addEventListener('mouseover', function(e) {
- clearTimeout(modules['subredditManager'].hideSubredditGroupDropdownTimer);
- }, false);
- }
- this.groupDropdownVisible = true;
-
- if (subreddits) {
- $(this.subredditGroupDropdownUL).html('');
-
- for (var i=0, len=subreddits.length; i<len; i++) {
- var thisLI = $('<li><a href="/r/'+subreddits[i]+'">'+subreddits[i]+'</a></li>');
- $(this.subredditGroupDropdownUL).append(thisLI);
- }
-
- var thisXY = RESUtils.getXYpos(obj);
- this.subredditGroupDropdown.style.top = (thisXY.y + 16) + 'px';
- // if fixed, override y to just be the height of the subreddit bar...
- // this.subredditGroupDropdown.style.position = 'fixed';
- // this.subredditGroupDropdown.style.top = '20px';
- this.subredditGroupDropdown.style.left = thisXY.x + 'px';
- this.subredditGroupDropdown.style.display = 'block';
-
- modules['styleTweaks'].setSRStyleToggleVisibility(false, "subredditGroupDropdown");
- }
- },
- hideSubredditGroupDropdown: function() {
- delete modules['subredditManager'].hideSubredditGroupDropdownTimer;
- if (this.subredditGroupDropdown) {
- this.subredditGroupDropdown.style.display = 'none';
- modules['styleTweaks'].setSRStyleToggleVisibility(true, "subredditGroupDropdown")
- }
- },
- editSubredditShortcut: function(ele) {
- var subreddit = ele.getAttribute('href').slice(3);
-
- var idx;
- for (var i=0, len=modules['subredditManager'].mySubredditShortcuts.length; i<len; i++) {
- if (modules['subredditManager'].mySubredditShortcuts[i].subreddit == subreddit) {
- idx = i;
- break;
- }
- }
-
- if (typeof this.editShortcutDialog === 'undefined') {
- this.editShortcutDialog = createElementWithID('div','editShortcutDialog');
- document.body.appendChild(this.editShortcutDialog);
- }
-
- var thisForm = '<form name="editSubredditShortcut"> \
- <h3>Edit Shortcut</h3> \
- <div id="editShortcutClose" class="RESCloseButton">×</div> \
- <label for="subreddit">Subreddit:</label> \
- <input type="text" name="subreddit" value="' + subreddit + '" id="shortcut-subreddit"> \
- <br> \
- <label for="displayName">Display Name:</label> \
- <input type="text" name="displayName" value="' + ele.textContent + '" id="shortcut-displayname"> \
- <input type="hidden" name="idx" value="' + idx + '"> \
- <input type="button" name="shortcut-save" value="save" id="shortcut-save"> \
- </form>';
- $(this.editShortcutDialog).html(thisForm);
-
- this.subredditInput = this.editShortcutDialog.querySelector('input[name=subreddit]');
- this.displayNameInput = this.editShortcutDialog.querySelector('input[name=displayName]');
-
- this.subredditForm = this.editShortcutDialog.querySelector('FORM');
- this.subredditForm.addEventListener('submit', function(e) {
- e.preventDefault();
- }, false);
-
- this.saveButton = this.editShortcutDialog.querySelector('input[name=shortcut-save]');
- this.saveButton.addEventListener('click', function(e) {
- var idx = modules['subredditManager'].editShortcutDialog.querySelector('input[name=idx]').value;
- var subreddit = modules['subredditManager'].editShortcutDialog.querySelector('input[name=subreddit]').value;
- var displayName = modules['subredditManager'].editShortcutDialog.querySelector('input[name=displayName]').value;
-
- if ((subreddit === '') || (displayName === '')) {
- // modules['subredditManager'].mySubredditShortcuts.splice(idx,1);
- subreddit = modules['subredditManager'].mySubredditShortcuts[idx].subreddit;
- modules['subredditManager'].removeSubredditShortcut(subreddit);
- } else {
- if (RESUtils.proEnabled()) {
- // store a delete for the old subreddit, and an add for the new.
- var oldsubreddit = modules['subredditManager'].mySubredditShortcuts[idx].subreddit;
- if (typeof modules['subredditManager'].RESPro === 'undefined') {
- if (RESStorage.getItem('RESmodules.subredditManager.subredditShortcuts.RESPro.'+RESUtils.loggedInUser()) !== null) {
- var temp = safeJSON.parse(RESStorage.getItem('RESmodules.subredditManager.subredditShortcuts.RESPro.'+RESUtils.loggedInUser()), 'RESmodules.subredditManager.subredditShortcuts.RESPro.'+RESUtils.loggedInUser());
- } else {
- var temp = { add: {}, del: {} };
- }
- modules['subredditManager'].RESPro = temp;
- }
- if (typeof modules['subredditManager'].RESPro.add === 'undefined') {
- modules['subredditManager'].RESPro.add = {}
- }
- if (typeof modules['subredditManager'].RESPro.del === 'undefined') {
- modules['subredditManager'].RESPro.del = {}
- }
- // add modules['subredditManager'] new subreddit next time we sync...
- modules['subredditManager'].RESPro.add[subreddit] = true;
- // delete the old one
- modules['subredditManager'].RESPro.del[oldsubreddit] = true;
- // make sure we don't run an add on the old subreddit next time we sync...
- if (typeof modules['subredditManager'].RESPro.add[oldsubreddit] !== 'undefined') delete modules['subredditManager'].RESPro.add[oldsubreddit];
- // make sure we don't run a delete on the new subreddit next time we sync...
- if (typeof modules['subredditManager'].RESPro.del[subreddit] !== 'undefined') delete modules['subredditManager'].RESPro.del[subreddit];
- RESStorage.setItem('RESmodules.subredditManager.subredditShortcuts.RESPro.'+RESUtils.loggedInUser(), JSON.stringify(modules['subredditManager'].RESPro));
- }
- modules['subredditManager'].mySubredditShortcuts[idx] = {
- subreddit: subreddit,
- displayName: displayName,
- addedDate: new Date()
- }
-
- modules['subredditManager'].saveLatestShortcuts();
-
- if (RESUtils.proEnabled()) {
- modules['RESPro'].saveModuleData('subredditManager');
- }
- }
-
- modules['subredditManager'].editShortcutDialog.style.display = 'none';
- modules['subredditManager'].redrawShortcuts();
- modules['subredditManager'].populateSubredditDropdown();
- }, false);
-
- // handle enter and escape keys in the dialog box...
- this.subredditInput.addEventListener('keyup', function(e) {
- if (e.keyCode === 27) {
- modules['subredditManager'].editShortcutDialog.style.display = 'none';
- modules['subredditManager'].editShortcutDialog.blur();
- } else if (e.keyCode === 13) {
- RESUtils.click(modules['subredditManager'].saveButton);
- }
- }, false);
- this.displayNameInput.addEventListener('keyup', function(e) {
- if (e.keyCode === 27) {
- modules['subredditManager'].editShortcutDialog.style.display = 'none';
- modules['subredditManager'].editShortcutDialog.blur();
- } else if (e.keyCode === 13) {
- RESUtils.click(modules['subredditManager'].saveButton);
- }
- }, false);
-
- var cancelButton = this.editShortcutDialog.querySelector('#editShortcutClose');
- cancelButton.addEventListener('click', function(e) {
- modules['subredditManager'].editShortcutDialog.style.display = 'none';
- }, false);
-
- this.editShortcutDialog.style.display = 'block';
- var thisLeft = Math.min(RESUtils.mouseX, window.innerWidth - 300);
- this.editShortcutDialog.style.left = thisLeft + 'px';
-
- setTimeout(function() {
- modules['subredditManager'].subredditInput.focus()
- }, 200);
- },
- followSubredditShortcut: function() {
- if (BrowserDetect.isFirefox()) {
- // stupid firefox... sigh...
- location.href = location.protocol + '//' + location.hostname + modules['subredditManager'].clickedShortcut;
- } else {
- location.href = modules['subredditManager'].clickedShortcut;
- }
- },
- subredditDragStart: function(e) {
- clearTimeout(modules['subredditManager'].clickTimer);
- // Target (this) element is the source node.
- this.style.opacity = '0.4';
- modules['subredditManager'].shortCutsTrash.style.display = 'block';
- modules['subredditManager'].dragSrcEl = this;
-
- e.dataTransfer.effectAllowed = 'move';
- // because Safari is stupid, we have to do this.
- modules['subredditManager'].srDataTransfer = this.getAttribute('orderIndex') + ',' + $(this).data('subreddit');
- },
- subredditDragEnter: function(e) {
- this.classList.add('srOver');
- return false;
- },
- subredditDragOver: function(e) {
- if (e.preventDefault) {
- e.preventDefault(); // Necessary. Allows us to drop.
- }
-
- // See the section on the DataTransfer object.
- e.dataTransfer.dropEffect = 'move';
- return false;
- },
- subredditDragLeave: function(e) {
- this.classList.remove('srOver');
- return false;
- },
- subredditDrop: function(e) {
- // this/e.target is current target element.
- if (e.stopPropagation) {
- e.stopPropagation(); // Stops some browsers from redirecting.
- }
-
- // Stops other browsers from redirecting.
- e.preventDefault();
-
- modules['subredditManager'].shortCutsTrash.style.display = 'none';
- // Don't do anything if dropping the same column we're dragging.
- if (modules['subredditManager'].dragSrcEl !== this) {
- if (e.target.getAttribute('id') !== 'RESShortcutsTrash') {
- // get the order index of the src and destination to swap...
- // var theData = e.dataTransfer.getData('text/html').split(',');
- var theData = modules['subredditManager'].srDataTransfer.split(',');
- var srcOrderIndex = parseInt(theData[0], 10);
- var srcSubreddit = modules['subredditManager'].mySubredditShortcuts[srcOrderIndex];
- var destOrderIndex = parseInt(this.getAttribute('orderIndex'), 10);
- var destSubreddit = modules['subredditManager'].mySubredditShortcuts[destOrderIndex];
- var rearranged = [];
- var rearrangedI = 0;
-
- for (var i = 0, len = modules['subredditManager'].mySubredditShortcuts.length; i < len; i++) {
- if ((i !== srcOrderIndex) && (i !== destOrderIndex)) {
- rearranged[rearrangedI] = modules['subredditManager'].mySubredditShortcuts[i];
- rearrangedI++;
- } else if (i === destOrderIndex) {
- if (destOrderIndex > srcOrderIndex) {
- // if dragging right, order dest first, src next.
- rearranged[rearrangedI] = destSubreddit;
- rearrangedI++;
- rearranged[rearrangedI] = srcSubreddit;
- rearrangedI++;
- } else {
- // if dragging left, order src first, dest next.
- rearranged[rearrangedI] = srcSubreddit;
- rearrangedI++;
- rearranged[rearrangedI] = destSubreddit;
- rearrangedI++;
- }
- }
- }
-
- // save the updated order...
- modules['subredditManager'].mySubredditShortcuts = rearranged;
- modules['subredditManager'].saveLatestShortcuts();
- // redraw the shortcut bar...
- modules['subredditManager'].redrawShortcuts();
- this.classList.remove('srOver');
- } else {
- var theData = modules['subredditManager'].srDataTransfer.split(',');
- var srcOrderIndex = parseInt(theData[0], 10);
- var srcSubreddit = theData[1];
- modules['subredditManager'].removeSubredditShortcut(srcSubreddit);
- }
- }
- return false;
- },
- subredditDragEnd: function(e) {
- modules['subredditManager'].shortCutsTrash.style.display = 'none';
- this.style.opacity = '1';
- return false;
- },
- redrawSubredditBar: function() {
- this.headerContents = document.querySelector('#sr-header-area');
- if (this.headerContents) {
- // for opera, because it renders progressively and makes it look "glitchy", hide the header bar, then show it all at once with CSS.
- // if (BrowserDetect.isOpera()) this.headerContents.style.display = 'none';
- // Clear out the existing stuff in the top bar first, we'll replace it with our own stuff.
- $(this.headerContents).html('');
-
- this.srLeftContainer = createElementWithID('div','srLeftContainer');
- this.srLeftContainer.setAttribute('class','sr-bar');
-
- this.srDropdown = createElementWithID('div','srDropdown');
- this.srDropdownContainer = createElementWithID('div','srDropdownContainer');
- $(this.srDropdownContainer).html('<a href="javascript:void(0)">My Subreddits</a>');
- this.srDropdownContainer.addEventListener('click',modules['subredditManager'].toggleSubredditDropdown, false);
- this.srDropdown.appendChild(this.srDropdownContainer);
-
- this.srList = createElementWithID('table','srList');
- var maxHeight = $(window).height() - 40;
- $(this.srList).css('max-height', maxHeight + 'px');
- // this.srDropdownContainer.appendChild(this.srList);
- document.body.appendChild(this.srList);
-
- this.srLeftContainer.appendChild(this.srDropdown);
- var sep = document.createElement('span');
- sep.setAttribute('class','srSep');
- sep.textContent = '|';
- this.srLeftContainer.appendChild(sep);
-
- // now put in the shortcuts...
- this.staticShortCutsContainer = document.createElement('div');
- this.staticShortCutsContainer.setAttribute('id','RESStaticShortcuts');
- /* this probably isn't the best way to give the option, since the mechanic is drag/drop for other stuff.. but it's much easier for now... */
- $(this.staticShortCutsContainer).html('');
- var specialButtonSelected = {};
- var subLower = (RESUtils.currentSubreddit()) ? RESUtils.currentSubreddit().toLowerCase() : 'home';
- specialButtonSelected[subLower] = 'RESShortcutsCurrentSub';
-
- var shortCutsHTML = '';
-
- if (this.options.linkDashboard.value) shortCutsHTML += '<span class="separator">-</span><a id="RESDashboardLink" class="subbarlink '+specialButtonSelected['dashboard']+'" href="/r/Dashboard/">DASHBOARD</a>';
- if (this.options.linkFront.value) shortCutsHTML += '<span class="separator">-</span><a class="subbarlink '+specialButtonSelected['home']+'" href="/">FRONT</a>';
- if (this.options.linkAll.value) shortCutsHTML += '<span class="separator">-</span><a class="subbarlink '+specialButtonSelected['all']+'" href="/r/all/">ALL</a>';
- if (this.options.linkRandom.value) shortCutsHTML += '<span class="separator">-</span><a class="subbarlink" href="/r/random/">RANDOM</a>';
- if (this.options.linkMyRandom.value && this.myRandomEnabled) shortCutsHTML += '<span class="separator">-</span><a class="subbarlink '+(this.myRandomGold ? 'gold' : '') + '" href="/r/myrandom/">MYRANDOM</a>';
- if (this.options.linkRandNSFW.value) shortCutsHTML += '<span class="separator over18">-</span><a class="subbarlink over18" href="/r/randnsfw/">RANDNSFW</a>';
-
- if (RESUtils.loggedInUser()) {
- if (this.options.linkFriends.value) shortCutsHTML += '<span class="separator">-</span><a class="subbarlink '+specialButtonSelected['friends']+'" href="/r/friends/">FRIENDS</a>';
-
- var modmail = document.getElementById('modmail');
- if (modmail) {
- if (this.options.linkMod.value) shortCutsHTML += '<span class="separator">-</span><a class=" '+specialButtonSelected['mod']+'" href="/r/mod/">MOD</a>';
- if (this.options.linkModqueue.value) shortCutsHTML += '<span class="separator">-</span><a class="subbarlink" href="/r/mod/about/modqueue">MODQUEUE</a>';
- }
- }
- $(this.staticShortCutsContainer).append(shortCutsHTML);
-
- this.srLeftContainer.appendChild(this.staticShortCutsContainer);
- this.srLeftContainer.appendChild(sep);
- this.headerContents.appendChild(this.srLeftContainer);
-
- this.shortCutsViewport = document.createElement('div');
- this.shortCutsViewport.setAttribute('id','RESShortcutsViewport');
- this.headerContents.appendChild(this.shortCutsViewport);
-
- this.shortCutsContainer = document.createElement('div');
- this.shortCutsContainer.setAttribute('id','RESShortcuts');
- this.shortCutsContainer.setAttribute('class','sr-bar');
- this.shortCutsViewport.appendChild(this.shortCutsContainer);
-
- this.shortCutsEditContainer = document.createElement('div');
- this.shortCutsEditContainer.setAttribute('id','RESShortcutsEditContainer');
- this.headerContents.appendChild(this.shortCutsEditContainer);
-
- // Add shortcut sorting arrow
- this.sortShortcutsButton = document.createElement('div');
- this.sortShortcutsButton.setAttribute('id','RESShortcutsSort');
- this.sortShortcutsButton.setAttribute('title','sort subreddit shortcuts');
- this.sortShortcutsButton.innerHTML = '↑↓';
- this.sortShortcutsButton.addEventListener('click', modules['subredditManager'].showSortMenu, false);
- this.shortCutsEditContainer.appendChild(this.sortShortcutsButton);
-
- // add right scroll arrow...
- this.shortCutsRight = document.createElement('div');
- this.shortCutsRight.setAttribute('id','RESShortcutsRight');
- this.shortCutsRight.textContent = '>';
- this.shortCutsRight.addEventListener('click', function(e) {
- modules['subredditManager'].containerWidth = modules['subredditManager'].shortCutsContainer.offsetWidth;
- var marginLeft = modules['subredditManager'].shortCutsContainer.firstChild.style.marginLeft;
- marginLeft = parseInt(marginLeft.replace('px', ''), 10);
-
- if (isNaN(marginLeft)) marginLeft = 0;
-
- var shiftWidth = $('#RESShortcutsViewport').width() - 80;
- if (modules['subredditManager'].containerWidth > (shiftWidth)) {
- marginLeft -= shiftWidth;
- modules['subredditManager'].shortCutsContainer.firstChild.style.marginLeft = marginLeft + 'px';
- }
- }, false);
- this.shortCutsEditContainer.appendChild(this.shortCutsRight);
-
- // add an "add shortcut" button...
- this.shortCutsAdd = document.createElement('div');
- this.shortCutsAdd.setAttribute('id','RESShortcutsAdd');
- this.shortCutsAdd.textContent = '+';
- this.shortCutsAdd.title = 'add shortcut';
- this.shortCutsAddFormContainer = document.createElement('div');
- this.shortCutsAddFormContainer.setAttribute('id','RESShortcutsAddFormContainer');
- this.shortCutsAddFormContainer.style.display = 'none';
- var thisForm = ' \
- <form id="shortCutsAddForm"> \
- <div>Add shortcut or multi-reddit (i.e. foo+bar+baz):</div> \
- <label for="newShortcut">Subreddit:</label> <input type="text" id="newShortcut"><br> \
- <label for="displayName">Display Name:</label> <input type="text" id="displayName"><br> \
- <input type="submit" name="submit" value="add" id="addSubreddit"> \
- <div style="clear: both; float: right; margin-top: 5px;"><a style="font-size: 9px;" href="/subreddits/">Edit frontpage subscriptions</a></div> \
- </form> \
- ';
- $(this.shortCutsAddFormContainer).html(thisForm);
- this.shortCutsAddFormField = this.shortCutsAddFormContainer.querySelector('#newShortcut');
- this.shortCutsAddFormFieldDisplayName = this.shortCutsAddFormContainer.querySelector('#displayName');
-
- modules['subredditManager'].shortCutsAddFormField.addEventListener('keyup', function(e) {
- if (e.keyCode === 27) {
- modules['subredditManager'].shortCutsAddFormContainer.style.display = 'none';
- modules['subredditManager'].shortCutsAddFormField.blur();
- }
- }, false);
-
- modules['subredditManager'].shortCutsAddFormFieldDisplayName.addEventListener('keyup', function(e) {
- if (e.keyCode === 27) {
- modules['subredditManager'].shortCutsAddFormContainer.style.display = 'none';
- modules['subredditManager'].shortCutsAddFormFieldDisplayName.blur();
- }
- }, false);
-
- // add the "add shortcut" form...
- this.shortCutsAddForm = this.shortCutsAddFormContainer.querySelector('#shortCutsAddForm');
- this.shortCutsAddForm.addEventListener('submit', function(e) {
- e.preventDefault();
- var subreddit = modules['subredditManager'].shortCutsAddFormField.value;
- var displayname = modules['subredditManager'].shortCutsAddFormFieldDisplayName.value;
- if (displayname === '') displayname = subreddit;
-
- var r_match_regex = /^(\/r\/|r\/)(.*)/i;
- if(r_match_regex.test(subreddit)) {
- subreddit = subreddit.match(r_match_regex)[2];
- }
-
- modules['subredditManager'].shortCutsAddFormField.value = '';
- modules['subredditManager'].shortCutsAddFormFieldDisplayName.value = '';
- modules['subredditManager'].shortCutsAddFormContainer.style.display = 'none';
-
- if (subreddit) {
- modules['subredditManager'].addSubredditShortcut(subreddit, displayname);
- }
- }, false);
- this.shortCutsAdd.addEventListener('click', function(e) {
- if (modules['subredditManager'].shortCutsAddFormContainer.style.display === 'none') {
- modules['subredditManager'].shortCutsAddFormContainer.style.display = 'block';
- modules['subredditManager'].shortCutsAddFormField.focus();
- } else {
- modules['subredditManager'].shortCutsAddFormContainer.style.display = 'none';
- modules['subredditManager'].shortCutsAddFormField.blur();
- }
- }, false);
- this.shortCutsEditContainer.appendChild(this.shortCutsAdd);
- document.body.appendChild(this.shortCutsAddFormContainer);
-
- // add the "trash bin"...
- this.shortCutsTrash = document.createElement('div');
- this.shortCutsTrash.setAttribute('id','RESShortcutsTrash');
- this.shortCutsTrash.textContent = '×';
- this.shortCutsTrash.addEventListener('dragenter', modules['subredditManager'].subredditDragEnter, false)
- this.shortCutsTrash.addEventListener('dragleave', modules['subredditManager'].subredditDragLeave, false);
- this.shortCutsTrash.addEventListener('dragover', modules['subredditManager'].subredditDragOver, false);
- this.shortCutsTrash.addEventListener('drop', modules['subredditManager'].subredditDrop, false);
- this.shortCutsEditContainer.appendChild(this.shortCutsTrash);
-
- // add left scroll arrow...
- this.shortCutsLeft = document.createElement('div');
- this.shortCutsLeft.setAttribute('id','RESShortcutsLeft');
- this.shortCutsLeft.textContent = '<';
- this.shortCutsLeft.addEventListener('click', function(e) {
- var marginLeft = modules['subredditManager'].shortCutsContainer.firstChild.style.marginLeft;
- marginLeft = parseInt(marginLeft.replace('px', ''), 10);
-
- if (isNaN(marginLeft)) marginLeft = 0;
-
- var shiftWidth = $('#RESShortcutsViewport').width() - 80;
- marginLeft += shiftWidth;
- if (marginLeft <= 0) {
- modules['subredditManager'].shortCutsContainer.firstChild.style.marginLeft = marginLeft + 'px';
- }
- }, false);
- this.shortCutsEditContainer.appendChild(this.shortCutsLeft);
-
- this.redrawShortcuts();
- }
- },
- showSortMenu: function() {
- // Add shortcut sorting menu if it doesn't exist in the DOM yet...
- if (!modules['subredditManager'].sortMenu) {
- modules['subredditManager'].sortMenu =
- $('<div id="sort-menu" class="drop-choices">' +
- '<p> sort by:</p>' +
- '<a class="choice" data-field="displayName" href="javascript:void(0);">display name</a>' +
- '<a class="choice" data-field="addedDate" href="javascript:void(0);">added date</a>' +
- '</div>');
-
- $(modules['subredditManager'].sortMenu).find('a').click(modules['subredditManager'].sortShortcuts);
-
- $(document.body).append(modules['subredditManager'].sortMenu);
- }
- var menu = modules['subredditManager'].sortMenu;
- if ($(menu).is(':visible')) {
- $(menu).hide();
- return;
- }
- var thisXY = $(modules['subredditManager'].sortShortcutsButton).offset();
- thisXY.left = thisXY.left - $(menu).width() + $(modules['subredditManager'].sortShortcutsButton).width();
- var thisHeight = $(modules['subredditManager'].sortShortcutsButton).height();
-
- $(menu).css({
- top: thisXY.top + thisHeight,
- left: thisXY.left
- }).show();
- },
- hideSortMenu: function() {
- var menu = modules['subredditManager'].sortMenu;
- $(menu).hide();
- },
- sortShortcuts: function(e) {
- modules['subredditManager'].hideSortMenu();
-
- var sortingField = $(this).data('field');
- var asc = ! modules['subredditManager'].currentSort;
- // toggle sort method...
- modules['subredditManager'].currentSort = !modules['subredditManager'].currentSort;
- // Make sure we have a valid list of shortucts
- if (!modules['subredditManager'].mySubredditShortcuts) {
- modules['subredditManager'].getLatestShortcuts();
- }
-
- modules['subredditManager'].mySubredditShortcuts = modules['subredditManager'].mySubredditShortcuts.sort(function(a, b) {
- // var sortingField = field; // modules['subredditManager'].options.sortingField.value;
- // var asc = order === 'asc'; // (modules['subredditManager'].options.sortingDirection.value === 'asc');
- var aField = a[sortingField];
- var bField = b[sortingField];
- if (typeof aField === 'string' && typeof bField === 'string') {
- aField = aField.toLowerCase();
- bField = bField.toLowerCase();
- }
-
- if (aField === bField) {
- return 0;
- } else if (aField > bField) {
- return (asc) ? 1 : -1;
- } else {
- return (asc) ? -1 : 1;
- }
- });
-
- // Save shortcuts sort order
- modules['subredditManager'].saveLatestShortcuts();
-
- // Refresh shortcuts
- modules['subredditManager'].redrawShortcuts();
- },
- toggleSubredditDropdown: function(e) {
- e.stopPropagation();
- if (modules['subredditManager'].srList.style.display === 'block') {
- modules['subredditManager'].srList.style.display = 'none';
- document.body.removeEventListener('click',modules['subredditManager'].toggleSubredditDropdown, false);
- } else {
- if (RESUtils.loggedInUser()) {
- $(modules['subredditManager'].srList).html('<tr><td width="360">Loading subreddits (may take a moment)...<div id="subredditPagesLoaded"></div></td></tr>');
- if (!modules['subredditManager'].subredditPagesLoaded) {
- modules['subredditManager'].subredditPagesLoaded = modules['subredditManager'].srList.querySelector('#subredditPagesLoaded');
- }
- modules['subredditManager'].srList.style.display = 'block';
- modules['subredditManager'].getSubreddits();
- } else {
- $(modules['subredditManager'].srList).html('<tr><td width="360">You must be logged in to load your own list of subreddits. <a style="display: inline; float: left;" href="/subreddits/">browse them all</a></td></tr>');
- modules['subredditManager'].srList.style.display = 'block';
- }
- modules['subredditManager'].srList.addEventListener('click',modules['subredditManager'].stopDropDownPropagation, false);
- document.body.addEventListener('click',modules['subredditManager'].toggleSubredditDropdown, false);
- }
- },
- stopDropDownPropagation: function(e) {
- e.stopPropagation();
- },
- mySubreddits: [
- ],
- mySubredditShortcuts: [
- ],
- getSubredditJSON: function(after) {
- var jsonURL = location.protocol + '//' + location.hostname + '/subreddits/mine/.json?app=res';
- if (after) jsonURL += '&after='+after;
- GM_xmlhttpRequest({
- method: "GET",
- url: jsonURL,
- onload: function(response) {
- var thisResponse = JSON.parse(response.responseText);
- if ((typeof thisResponse.data !== 'undefined') && (typeof thisResponse.data.children !== 'undefined')) {
- if (modules['subredditManager'].subredditPagesLoaded.innerHTML === '') {
- modules['subredditManager'].subredditPagesLoaded.textContent = 'Pages loaded: 1';
- } else {
- var pages = modules['subredditManager'].subredditPagesLoaded.innerHTML.match(/:\ ([\d]+)/);
- modules['subredditManager'].subredditPagesLoaded.textContent = 'Pages loaded: ' + (parseInt(pages[1], 10)+1);
- }
-
- var now = new Date();
- RESStorage.setItem('RESmodules.subredditManager.subreddits.lastCheck.'+RESUtils.loggedInUser(),now.getTime());
-
- var subreddits = thisResponse.data.children;
- for (var i = 0, len = subreddits.length; i < len; i++) {
- var srObj = {
- display_name: subreddits[i].data.display_name,
- url: subreddits[i].data.url,
- over18: subreddits[i].data.over18,
- id: subreddits[i].data.id,
- created: subreddits[i].data.created,
- description: subreddits[i].data.description
- }
- modules['subredditManager'].mySubreddits.push(srObj);
- }
-
- if (thisResponse.data.after) {
- modules['subredditManager'].getSubredditJSON(thisResponse.data.after);
- } else {
- modules['subredditManager'].mySubreddits.sort(function(a, b) {
- var adisp = a.display_name.toLowerCase();
- var bdisp = b.display_name.toLowerCase();
- if (adisp > bdisp) return 1;
- if (adisp == bdisp) return 0;
- return -1;
- });
-
- RESStorage.setItem('RESmodules.subredditManager.subreddits.' + RESUtils.loggedInUser(), JSON.stringify(modules['subredditManager'].mySubreddits));
- this.gettingSubreddits = false;
- modules['subredditManager'].populateSubredditDropdown();
- }
- } else {
- // User is probably not logged in.. no subreddits found.
- modules['subredditManager'].populateSubredditDropdown(null, true);
- }
- }
- });
-
- },
- getSubreddits: function() {
- modules['subredditManager'].mySubreddits = [];
- var lastCheck = parseInt(RESStorage.getItem('RESmodules.subredditManager.subreddits.lastCheck.'+RESUtils.loggedInUser()), 10) || 0;
- var now = new Date();
- var check = RESStorage.getItem('RESmodules.subredditManager.subreddits.'+RESUtils.loggedInUser());
-
- // 86400000 = 1 day
- if (((now.getTime() - lastCheck) > 86400000) || !check || (check.length === 0)) {
- if (!this.gettingSubreddits) {
- this.gettingSubreddits = true;
- this.getSubredditJSON();
- }
- } else {
- modules['subredditManager'].mySubreddits = safeJSON.parse(check, 'RESmodules.subredditManager.subreddits.'+RESUtils.loggedInUser());
- this.populateSubredditDropdown();
- }
- },
- // if badJSON is true, then getSubredditJSON ran into an error...
- populateSubredditDropdown: function(sortBy, badJSON) {
- modules['subredditManager'].sortBy = sortBy || 'subreddit';
- $(modules['subredditManager'].srList).html('');
- // NOTE WE NEED TO CHECK LAST TIME THEY UPDATED THEIR SUBREDDIT LIST AND REPOPULATE...
-
- var theHead = document.createElement('thead');
- var theRow = document.createElement('tr');
-
- modules['subredditManager'].srHeader = document.createElement('td');
- modules['subredditManager'].srHeader.addEventListener('click', function() {
- if (modules['subredditManager'].sortBy === 'subreddit') {
- modules['subredditManager'].populateSubredditDropdown('subredditDesc');
- } else {
- modules['subredditManager'].populateSubredditDropdown('subreddit');
- }
- }, false);
- modules['subredditManager'].srHeader.textContent = 'subreddit';
- modules['subredditManager'].srHeader.setAttribute('width','200');
-
- modules['subredditManager'].lvHeader = document.createElement('td');
- modules['subredditManager'].lvHeader.addEventListener('click', function() {
- if (modules['subredditManager'].sortBy === 'lastVisited') {
- modules['subredditManager'].populateSubredditDropdown('lastVisitedAsc');
- } else {
- modules['subredditManager'].populateSubredditDropdown('lastVisited');
- }
- }, false);
- modules['subredditManager'].lvHeader.textContent = 'Last Visited';
- modules['subredditManager'].lvHeader.setAttribute('width','120');
-
- var scHeader = document.createElement('td');
- $(scHeader).width(50);
- $(scHeader).html('<a style="float: right;" href="/subreddits/">View all »</a>');
- theRow.appendChild(modules['subredditManager'].srHeader);
- theRow.appendChild(modules['subredditManager'].lvHeader);
- theRow.appendChild(scHeader);
- theHead.appendChild(theRow);
- modules['subredditManager'].srList.appendChild(theHead);
-
- var theBody = document.createElement('tbody');
- if (!badJSON) {
- var subredditCount = modules['subredditManager'].mySubreddits.length;
-
- if (typeof this.subredditsLastViewed === 'undefined') {
- var check = RESStorage.getItem('RESmodules.subredditManager.subredditsLastViewed.'+RESUtils.loggedInUser());
- if (check) {
- this.subredditsLastViewed = safeJSON.parse(check, 'RESmodules.subredditManager.subredditsLastViewed.'+RESUtils.loggedInUser());
- } else {
- this.subredditsLastViewed = {};
- }
- }
-
- // copy modules['subredditManager'].mySubreddits to a placeholder array so we can sort without modifying it...
- var sortableSubreddits = modules['subredditManager'].mySubreddits;
- if (sortBy === 'lastVisited') {
- $(modules['subredditManager'].lvHeader).html('Last Visited <div class="sortAsc"></div>');
- modules['subredditManager'].srHeader.textContent = 'subreddit';
-
- sortableSubreddits.sort(function(a, b) {
- var adisp = a.display_name.toLowerCase();
- var bdisp = b.display_name.toLowerCase();
-
- (typeof modules['subredditManager'].subredditsLastViewed[adisp] === 'undefined') ? alv = 0 : alv = parseInt(modules['subredditManager'].subredditsLastViewed[adisp].last_visited, 10);
- (typeof modules['subredditManager'].subredditsLastViewed[bdisp] === 'undefined') ? blv = 0 : blv = parseInt(modules['subredditManager'].subredditsLastViewed[bdisp].last_visited, 10);
-
- if (alv < blv) return 1;
- if (alv == blv) {
- if (adisp > bdisp) return 1;
- return -1;
- }
- return -1;
- });
- } else if (sortBy === 'lastVisitedAsc') {
- $(modules['subredditManager'].lvHeader).html('Last Visited <div class="sortDesc"></div>');
- modules['subredditManager'].srHeader.textContent = 'subreddit';
-
- sortableSubreddits.sort(function(a, b) {
- var adisp = a.display_name.toLowerCase();
- var bdisp = b.display_name.toLowerCase();
-
- (typeof modules['subredditManager'].subredditsLastViewed[adisp] === 'undefined') ? alv = 0 : alv = parseInt(modules['subredditManager'].subredditsLastViewed[adisp].last_visited, 10);
- (typeof modules['subredditManager'].subredditsLastViewed[bdisp] === 'undefined') ? blv = 0 : blv = parseInt(modules['subredditManager'].subredditsLastViewed[bdisp].last_visited, 10);
-
- if (alv > blv) return 1;
- if (alv == blv) {
- if (adisp > bdisp) return 1;
- return -1;
- }
- return -1;
- });
- } else if (sortBy === 'subredditDesc') {
- modules['subredditManager'].lvHeader.textContent = 'Last Visited';
- $(modules['subredditManager'].srHeader).html('subreddit <div class="sortDesc"></div>');
-
- sortableSubreddits.sort(function(a,b) {
- var adisp = a.display_name.toLowerCase();
- var bdisp = b.display_name.toLowerCase();
-
- if (adisp < bdisp) return 1;
- if (adisp == bdisp) return 0;
- return -1;
- });
- } else {
- modules['subredditManager'].lvHeader.textContent = 'Last Visited';
- $(modules['subredditManager'].srHeader).html('subreddit <div class="sortAsc"></div>');
-
- sortableSubreddits.sort(function(a,b) {
- var adisp = a.display_name.toLowerCase();
- var bdisp = b.display_name.toLowerCase();
-
- if (adisp > bdisp) return 1;
- if (adisp == bdisp) return 0;
- return -1;
- });
- }
- for (var i=0; i<subredditCount; i++) {
- var dateString = 'Never';
- var thisReddit = sortableSubreddits[i].display_name.toLowerCase();
- if (typeof this.subredditsLastViewed[thisReddit] !== 'undefined') {
- var ts = parseInt(this.subredditsLastViewed[thisReddit].last_visited, 10);
- var dateVisited = new Date(ts);
- dateString = RESUtils.niceDate(dateVisited);
- }
-
- var theRow = document.createElement('tr');
- var theSR = document.createElement('td');
- $(theSR).html('<a href="'+escapeHTML(modules['subredditManager'].mySubreddits[i].url)+'">'+escapeHTML(modules['subredditManager'].mySubreddits[i].display_name)+'</a>');
- theRow.appendChild(theSR);
-
- var theLV = document.createElement('td');
- theLV.textContent = dateString;
- theLV.setAttribute('class','RESvisited');
- theRow.appendChild(theLV);
-
- var theSC = document.createElement('td');
- theSC.setAttribute('class','RESshortcut');
- theSC.setAttribute('data-subreddit',modules['subredditManager'].mySubreddits[i].display_name);
-
- var idx = -1;
- for (var j = 0, len = modules['subredditManager'].mySubredditShortcuts.length; j < len; j++) {
- if (modules['subredditManager'].mySubredditShortcuts[j].subreddit === modules['subredditManager'].mySubreddits[i].display_name) {
- idx = j;
- break;
- }
- }
-
- if (idx !== -1) {
- theSC.addEventListener('click', function(e) {
- if (e.stopPropagation) {
- e.stopPropagation(); // Stops from triggering the click on the bigger box, which toggles this window closed...
- }
-
- var subreddit = $(e.target).data('subreddit');
- modules['subredditManager'].removeSubredditShortcut(subreddit);
- }, false);
-
- theSC.textContent = '-shortcut';
- } else {
- theSC.addEventListener('click', function(e) {
- if (e.stopPropagation) {
- e.stopPropagation(); // Stops from triggering the click on the bigger box, which toggles this window closed...
- }
-
- var subreddit = $(e.target).data('subreddit');
- modules['subredditManager'].addSubredditShortcut(subreddit);
- }, false);
-
- theSC.textContent = '+shortcut';
- }
-
- theRow.appendChild(theSC);
- theBody.appendChild(theRow);
- }
- } else {
- var theTD = document.createElement('td');
- theTD.textContent = 'There was an error getting your subreddits. You may have third party cookies disabled by your browser. For this function to work, you\'ll need to add an exception for cookies from reddit.com';
- theTD.setAttribute('colspan','3');
-
- var theRow = document.createElement('tr');
- theRow.appendChild(theTD);
- theBody.appendChild(theRow);
- }
-
- modules['subredditManager'].srList.appendChild(theBody);
- },
- toggleSubredditShortcut: function(e) {
- e.stopPropagation(); // Stops from triggering the click on the bigger box, which toggles this window closed...
-
- var isShortcut = false;
- for (var i = 0, len = modules['subredditManager'].mySubredditShortcuts.length; i < len; i++) {
- if (modules['subredditManager'].mySubredditShortcuts[i].subreddit.toLowerCase() === $(this).data('subreddit').toLowerCase()) {
- isShortcut = true;
- break;
- }
- }
-
- if (isShortcut) {
- modules['subredditManager'].removeSubredditShortcut($(this).data('subreddit'));
- $(this)
- .attr('title', 'Add this subreddit to your shortcut bar')
- .text('+shortcut')
- .removeClass('remove');
- } else {
- modules['subredditManager'].addSubredditShortcut($(this).data('subreddit'));
- $(this)
- .attr('title', 'Remove this subreddit from your shortcut bar')
- .text('-shortcut')
- .addClass('remove');
- }
-
- modules['subredditManager'].redrawShortcuts();
- },
- getLatestShortcuts: function() {
- // re-retreive the latest data to ensure we're not losing info between tab changes...
- var shortCuts = RESStorage.getItem('RESmodules.subredditManager.subredditShortcuts.' + RESUtils.loggedInUser());
- if (!shortCuts) {
- shortCuts = '[]';
- }
-
- this.mySubredditShortcuts = safeJSON.parse(shortCuts, 'RESmodules.subredditManager.subredditShortcuts.' + RESUtils.loggedInUser());
- this.parseDates();
- },
- // JSON specification doesn't specify what to do with dates - so unstringify here
- parseDates: function () {
- for (var i = 0, len = this.mySubredditShortcuts.length; i < len; i++) {
- this.mySubredditShortcuts[i].addedDate = this.mySubredditShortcuts[i].addedDate
- ? new Date(this.mySubredditShortcuts[i].addedDate)
- : new Date(0);
- }
- },
- saveLatestShortcuts: function() {
- // Retreive the latest data to ensure we're not losing info
- if (!modules['subredditManager'].mySubredditShortcuts) {
- modules['subredditManager'].mySubredditShortcuts = [];
- }
-
- RESStorage.setItem('RESmodules.subredditManager.subredditShortcuts.' + RESUtils.loggedInUser(), JSON.stringify(modules['subredditManager'].mySubredditShortcuts));
- },
- addSubredditShortcut: function(subreddit, displayname) {
- modules['subredditManager'].getLatestShortcuts();
-
- var idx = -1;
- for (var i = 0, len=modules['subredditManager'].mySubredditShortcuts.length; i < len; i++) {
- if (modules['subredditManager'].mySubredditShortcuts[i].subreddit.toLowerCase() === subreddit.toLowerCase()) {
- idx = i;
- break;
- }
- }
-
- if (idx !== -1) {
- alert('Whoops, you already have a shortcut for that subreddit');
- } else {
- displayname = displayname || subreddit;
- var subredditObj = {
- subreddit: subreddit,
- displayName: displayname.toLowerCase(),
- addedDate: new Date()
- }
-
- modules['subredditManager'].mySubredditShortcuts.push(subredditObj);
- if (RESUtils.proEnabled()) {
- if (typeof modules['subredditManager'].RESPro === 'undefined') {
- if (RESStorage.getItem('RESmodules.subredditManager.subredditShortcuts.RESPro.' + RESUtils.loggedInUser())) {
- var temp = safeJSON.parse(RESStorage.getItem('RESmodules.subredditManager.subredditShortcuts.RESPro.' + RESUtils.loggedInUser()), 'RESmodules.subredditManager.subredditShortcuts.RESPro.' + RESUtils.loggedInUser());
- } else {
- var temp = { add: {}, del: {} };
- }
-
- modules['subredditManager'].RESPro = temp;
- }
-
- if (typeof modules['subredditManager'].RESPro.add === 'undefined') {
- modules['subredditManager'].RESPro.add = {}
- }
-
- if (typeof modules['subredditManager'].RESPro.del === 'undefined') {
- modules['subredditManager'].RESPro.del = {}
- }
-
- // add this subreddit next time we sync...
- modules['subredditManager'].RESPro.add[subreddit] = true;
-
- // make sure we don't run a delete on this subreddit next time we sync...
- if (typeof modules['subredditManager'].RESPro.del[subreddit] !== 'undefined') delete modules['subredditManager'].RESPro.del[subreddit];
-
- RESStorage.setItem('RESmodules.subredditManager.subredditShortcuts.RESPro.'+RESUtils.loggedInUser(), JSON.stringify(modules['subredditManager'].RESPro));
- }
-
- modules['subredditManager'].saveLatestShortcuts();
- modules['subredditManager'].redrawShortcuts();
- modules['subredditManager'].populateSubredditDropdown();
-
- if (RESUtils.proEnabled()) {
- modules['RESPro'].saveModuleData('subredditManager');
- }
-
- RESUtils.notification({
- moduleID: 'subredditManager',
- message: 'Subreddit shortcut added. You can edit by double clicking, or trash by dragging to the trash can.'
- });
- }
- },
- removeSubredditShortcut: function(subreddit) {
- this.getLatestShortcuts();
-
- var idx = -1;
- for (var i = 0, len = modules['subredditManager'].mySubredditShortcuts.length; i < len; i++) {
- if (modules['subredditManager'].mySubredditShortcuts[i].subreddit.toLowerCase() === subreddit.toLowerCase()) {
- idx = i;
- break;
- }
- }
-
- if (idx !== -1) {
- modules['subredditManager'].mySubredditShortcuts.splice(idx, 1);
-
- if (RESUtils.proEnabled()) {
- if (typeof modules['subredditManager'].RESPro === 'undefined') {
- if (RESStorage.getItem('RESmodules.subredditManager.subredditShortcuts.RESPro.' + RESUtils.loggedInUser())) {
- var temp = safeJSON.parse(RESStorage.getItem('RESmodules.subredditManager.subredditShortcuts.RESPro.' + RESUtils.loggedInUser()), 'RESmodules.subredditManager.subredditShortcuts.RESPro.' + RESUtils.loggedInUser());
- } else {
- var temp = { add: {}, del: {} };
- }
-
- modules['subredditManager'].RESPro = temp;
- }
- if (typeof modules['subredditManager'].RESPro.add === 'undefined') {
- modules['subredditManager'].RESPro.add = {}
- }
- if (typeof modules['subredditManager'].RESPro.del === 'undefined') {
- modules['subredditManager'].RESPro.del = {}
- }
-
- // delete this subreddit next time we sync...
- modules['subredditManager'].RESPro.del[subreddit] = true;
-
- // make sure we don't run an add on this subreddit
- if (typeof modules['subredditManager'].RESPro.add[subreddit] !== 'undefined') delete modules['subredditManager'].RESPro.add[subreddit];
-
- RESStorage.setItem('RESmodules.subredditManager.subredditShortcuts.RESPro.' + RESUtils.loggedInUser(), JSON.stringify(modules['subredditManager'].RESPro));
- }
-
- modules['subredditManager'].saveLatestShortcuts();
- modules['subredditManager'].redrawShortcuts();
- modules['subredditManager'].populateSubredditDropdown();
-
- if (RESUtils.proEnabled()) {
- modules['RESPro'].saveModuleData('subredditManager');
- }
- }
- },
- setLastViewtime: function() {
- var check = RESStorage.getItem('RESmodules.subredditManager.subredditsLastViewed.' + RESUtils.loggedInUser());
-
- if (!check) {
- this.subredditsLastViewed = {};
- } else {
- this.subredditsLastViewed = safeJSON.parse(check, 'RESmodules.subredditManager.subredditsLastViewed.' + RESUtils.loggedInUser());
- }
-
- var now = new Date();
- var thisReddit = RESUtils.currentSubreddit().toLowerCase();
- this.subredditsLastViewed[thisReddit] = {
- last_visited: now.getTime()
- }
-
- RESStorage.setItem('RESmodules.subredditManager.subredditsLastViewed.' + RESUtils.loggedInUser(), JSON.stringify(this.subredditsLastViewed));
- },
- subscribeToSubreddit: function(subredditName, subscribe) {
- // subredditName should look like t5_123asd
- subscribe = subscribe !== false; // default to true
- var userHash = RESUtils.loggedInUserHash();
-
- var formData = new FormData();
- formData.append('sr', subredditName);
- formData.append('action', subscribe ? 'sub' : 'unsub');
- formData.append('uh', userHash);
-
- GM_xmlhttpRequest({
- method: "POST",
- url: location.protocol + "//"+location.hostname+"/api/subscribe?app=res",
- data: formData
- });
-
- }
-
-}; // note: you NEED this semicolon at the end!
-
-// RES Pro needs some work still... not ready yet.
-/*
-modules['RESPro'] = {
- moduleID: 'RESPro',
- moduleName: 'RES Pro',
- category: 'Pro Features',
- options: {
- // any configurable options you have go here...
- // options must have a type and a value..
- // valid types are: text, boolean (if boolean, value must be true or false)
- // for example:
- username: {
- type: 'text',
- value: '',
- description: 'Your RES Pro username'
- },
- password: {
- type: 'password',
- value: '',
- description: 'Your RES Pro password'
- },
- syncFrequency: {
- type: 'enum',
- values: [
- { name: 'Hourly', value: '3600000' },
- { name: 'Daily', value: '86400000' },
- { name: 'Manual Only', value: '-1' }
- ],
- value: '86400000',
- description: 'How often should RES automatically sync settings?'
- }
- },
- description: 'RES Pro allows you to sync settings and data to a server. It requires an account, which you can sign up for <a href="http://reddit.honestbleeps.com/register.php">here</a>',
- isEnabled: function() {
- return RESConsole.getModulePrefs(this.moduleID);
- },
- include: [
- /^https?:\/\/([a-z]+)\.reddit\.com\/?/i,
- /^https?:\/\/([a-z]+)\.reddit\.com\/[-\w\.\/]+/i
- ],
- isMatchURL: function() {
- return RESUtils.isMatchURL(this.moduleID);
- },
- go: function() {
- if ((this.isEnabled()) && (this.isMatchURL())) {
- // do stuff now!
- // if we haven't synced in more than our settings, and settings != manual, sync!
- if (this.options.syncFrequency.value > 0) {
- var lastSync = parseInt(RESStorage.getItem('RESmodules.RESPro.lastSync')) || 0;
- var now = new Date();
- if ((now.getTime() - lastSync) > this.options.syncFrequency.value) {
- this.authenticate(this.autoSync);
- }
- }
-
- }
- },
- autoSync: function() {
- modules['RESPro'].authenticate(modules['RESPro'].savePrefs);
-
- // modules['RESPro'].authenticate(function() {
- // modules['RESPro'].saveModuleData('saveComments');
- // });
- },
- saveModuleData: function(module) {
- switch(module){
- case 'userTagger':
- // THIS IS NOT READY YET! We need to merge votes on the backend.. hard stuff...
- // in this case, we want to send the JSON from RESmodules.userTagger.tags;
- var tags = RESStorage.getItem('RESmodules.userTagger.tags');
- GM_xmlhttpRequest({
- method: "POST",
- url: 'http://reddit.honestbleeps.com/RESsync.php',
- data: 'action=PUT&type=module_data&module='+module+'&data='+tags,
- headers: {
- "Content-Type": "application/x-www-form-urlencoded"
- },
- onload: function(response) {
- var resp = JSON.parse(response.responseText);
- // console.log(resp);
- if (resp.success) {
- if (RESConsole.proUserTaggerSaveButton) RESConsole.proUserTaggerSaveButton.textContent = 'Saved!';
- } else {
- alert(response.responseText);
- }
- }
- });
- break;
- case 'saveComments':
- var savedComments = RESStorage.getItem('RESmodules.saveComments.savedComments');
- GM_xmlhttpRequest({
- method: "POST",
- url: 'http://reddit.honestbleeps.com/RESsync.php',
- data: 'action=PUT&type=module_data&module='+module+'&data='+savedComments,
- headers: {
- "Content-Type": "application/x-www-form-urlencoded"
- },
- onload: function(response) {
- // console.log(response.responseText);
- var resp = JSON.parse(response.responseText);
- if (resp.success) {
- if (RESConsole.proSaveCommentsSaveButton) RESConsole.proSaveCommentsSaveButton.textContent = 'Saved!';
- var thisComments = safeJSON.parse(savedComments);
- delete thisComments.RESPro_add;
- delete thisComments.RESPro_delete;
- thisComments = JSON.stringify(thisComments);
- RESStorage.setItem('RESmodules.saveComments.savedComments',thisComments);
- RESUtils.notification({
- header: 'RES Pro Notification',
- message: 'Saved comments synced to server'
- });
- } else {
- alert(response.responseText);
- }
- }
- });
- break;
- case 'subredditManager':
- var subredditManagerData = {};
- subredditManagerData.RESPro = {};
-
- for (var key in RESStorage) {
- // console.log(key);
- if (key.indexOf('RESmodules.subredditManager') !== -1) {
- var keySplit = key.split('.');
- var username = keySplit[keySplit.length-1];
- if ((keySplit.indexOf('subredditsLastViewed') === -1) && (keySplit.indexOf('subreddits') === -1)) {
- // console.log(key);
- (keySplit.indexOf('RESPro') !== -1) ? subredditManagerData.RESPro[username] = JSON.parse(RESStorage[key]) : subredditManagerData[username] = JSON.parse(RESStorage[key]);
- // if (key.indexOf('RESPro') === -1) console.log(username + ' -- ' + RESStorage[key]);
- if (key.indexOf('RESPro') !== -1) RESStorage.removeItem('RESmodules.subredditManager.subredditShortcuts.RESPro.'+username);
- }
- }
- }
- var stringData = JSON.stringify(subredditManagerData);
- stringData = encodeURIComponent(stringData);
- GM_xmlhttpRequest({
- method: "POST",
- url: 'http://reddit.honestbleeps.com/RESsync.php',
- data: 'action=PUT&type=module_data&module='+module+'&data='+stringData,
- headers: {
- "Content-Type": "application/x-www-form-urlencoded"
- },
- onload: function(response) {
- console.log(response.responseText);
- var resp = JSON.parse(response.responseText);
- if (resp.success) {
- if (RESConsole.proSubredditManagerSaveButton) RESConsole.proSubredditManagerSaveButton.textContent = 'Saved!';
- RESUtils.notification({
- header: 'RES Pro Notification',
- message: 'Subreddit shortcuts synced to server'
- });
- } else {
- alert(response.responseText);
- }
- }
- });
- break;
- default:
- console.log('invalid module specified: ' + module);
- break;
- }
- },
- getModuleData: function(module) {
- switch(module){
- case 'saveComments':
- if (RESConsole.proSaveCommentsGetButton) RESConsole.proSaveCommentsGetButton.textContent = 'Loading...';
- GM_xmlhttpRequest({
- method: "POST",
- url: 'http://reddit.honestbleeps.com/RESsync.php',
- data: 'action=GET&type=module_data&module='+module,
- headers: {
- "Content-Type": "application/x-www-form-urlencoded"
- },
- onload: function(response) {
- var resp = JSON.parse(response.responseText);
- if (resp.success) {
- var serverResponse = JSON.parse(response.responseText);
- var serverData = serverResponse.data;
- currentData = safeJSON.parse(RESStorage.getItem('RESmodules.saveComments.savedComments'), 'RESmodules.saveComments.savedComments');
- for (var attrname in serverData) {
- if (typeof currentData[attrname] === 'undefined') {
- currentData[attrname] = serverData[attrname];
- }
- }
- // console.log(JSON.stringify(prefsData));
- RESStorage.setItem('RESmodules.saveComments.savedComments', JSON.stringify(currentData));
- if (RESConsole.proSaveCommentsGetButton) RESConsole.proSaveCommentsGetButton.textContent = 'Saved Comments Loaded!';
- } else {
- alert(response.responseText);
- }
- }
- });
- break;
- case 'subredditManager':
- if (RESConsole.proSubredditManagerGetButton) RESConsole.proSubredditManagerGetButton.textContent = 'Loading...';
- GM_xmlhttpRequest({
- method: "POST",
- url: 'http://reddit.honestbleeps.com/RESsync.php',
- data: 'action=GET&type=module_data&module='+module,
- headers: {
- "Content-Type": "application/x-www-form-urlencoded"
- },
- onload: function(response) {
- var resp = JSON.parse(response.responseText);
- if (resp.success) {
- var serverResponse = JSON.parse(response.responseText);
- var serverData = serverResponse.data;
- for (var username in serverResponse.data) {
- var newSubredditData = serverResponse.data[username];
- var oldSubredditData = safeJSON.parse(RESStorage.getItem('RESmodules.subredditManager.subredditShortcuts.'+username), 'RESmodules.subredditManager.subredditShortcuts.'+username);
- if (oldSubredditData == null) oldSubredditData = [];
- for (var newidx in newSubredditData) {
- var exists = false;
- for (var oldidx in oldSubredditData) {
- if (oldSubredditData[oldidx].subreddit == newSubredditData[newidx].subreddit) {
- oldSubredditData[oldidx].displayName = newSubredditData[newidx].displayName;
- exists = true;
- break;
- }
- }
- if (!exists) {
- oldSubredditData.push(newSubredditData[newidx]);
- }
- }
- RESStorage.setItem('RESmodules.subredditManager.subredditShortcuts.'+username,JSON.stringify(oldSubredditData));
- }
- } else {
- alert(response.responseText);
- }
- }
- });
- break;
- default:
- console.log('invalid module specified: ' + module);
- break;
- }
- },
- savePrefs: function() {
- // (typeof unsafeWindow !== 'undefined') ? ls = unsafeWindow.localStorage : ls = localStorage;
- if (RESConsole.proSaveButton) RESConsole.proSaveButton.textContent = 'Saving...';
- var RESOptions = {};
- // for (var i = 0, len=ls.length; i < len; i++) {
- for(var i in RESStorage) {
- if ((typeof RESStorage.getItem(i) !== 'function') && (typeof RESStorage.getItem(i) !== 'undefined')) {
- var keySplit = i.split('.');
- if (keySplit) {
- var keyRoot = keySplit[0];
- switch (keyRoot) {
- case 'RES':
- var thisNode = keySplit[1];
- if (thisNode === 'modulePrefs') {
- RESOptions[thisNode] = safeJSON.parse(RESStorage.getItem(i), i);
- }
- break;
- case 'RESoptions':
- var thisModule = keySplit[1];
- if (thisModule !== 'accountSwitcher') {
- RESOptions[thisModule] = safeJSON.parse(RESStorage.getItem(i), i);
- }
- break;
- default:
- //console.log('Not currently handling keys with root: ' + keyRoot);
- break;
- }
- }
- }
- }
- // Post options blob.
- var RESOptionsString = JSON.stringify(RESOptions);
- GM_xmlhttpRequest({
- method: "POST",
- url: 'http://reddit.honestbleeps.com/RESsync.php',
- data: 'action=PUT&type=all_options&data='+RESOptionsString,
- headers: {
- "Content-Type": "application/x-www-form-urlencoded"
- },
- onload: function(response) {
- var resp = JSON.parse(response.responseText);
- // console.log(resp);
- if (resp.success) {
- var now = new Date();
- RESStorage.setItem('RESmodules.RESPro.lastSync',now.getTime());
- if (RESConsole.proSaveButton) RESConsole.proSaveButton.textContent = 'Saved.';
- RESUtils.notification({
- header: 'RES Pro Notification',
- message: 'RES Pro - module options saved to server.'
- });
- } else {
- alert(response.responseText);
- }
- }
- });
- },
- getPrefs: function() {
- console.log('get prefs called');
- if (RESConsole.proGetButton) RESConsole.proGetButton.textContent = 'Loading...';
- GM_xmlhttpRequest({
- method: "POST",
- url: 'http://reddit.honestbleeps.com/RESsync.php',
- data: 'action=GET&type=all_options',
- headers: {
- "Content-Type": "application/x-www-form-urlencoded"
- },
- onload: function(response) {
- var resp = JSON.parse(response.responseText);
- if (resp.success) {
- var modulePrefs = JSON.parse(response.responseText);
- var prefsData = modulePrefs.data;
- //console.log('prefsData:');
- //console.log(prefsData);
- for (var thisModule in prefsData){
- if (thisModule === 'modulePrefs') {
- var thisOptions = prefsData[thisModule];
- RESStorage.setItem('RES.modulePrefs',JSON.stringify(thisOptions));
- } else {
- var thisOptions = prefsData[thisModule];
- RESStorage.setItem('RESoptions.'+thisModule,JSON.stringify(thisOptions));
- }
- }
- if (RESConsole.proGetButton) RESConsole.proGetButton.textContent = 'Preferences Loaded!';
- RESUtils.notification({
- header: 'RES Pro Notification',
- message: 'Module options loaded.'
- });
- // console.log(response.responseText);
- } else {
- alert(response.responseText);
- }
- }
- });
- },
- configure: function() {
- if (!RESConsole.isOpen) RESConsole.open();
- RESConsole.menuClick(document.getElementById('Menu-'+this.category));
- RESConsole.drawConfigOptions('RESPro');
- },
- authenticate: function(callback) {
- if (! this.isEnabled()) {
- return false;
- } else if ((modules['RESPro'].options.username.value === '') || (modules['RESPro'].options.password.value === '')) {
- modules['RESPro'].configure();
- } else if (RESStorage.getItem('RESmodules.RESPro.lastAuthFailed') !== 'true') {
- if (typeof modules['RESPro'].lastAuthFailed === 'undefined') {
- GM_xmlhttpRequest({
- method: "POST",
- url: 'http://reddit.honestbleeps.com/RESlogin.php',
- data: 'uname='+modules['RESPro'].options.username.value+'&pwd='+modules['RESPro'].options.password.value,
- headers: {
- "Content-Type": "application/x-www-form-urlencoded"
- },
- onload: function(response) {
- var resp = JSON.parse(response.responseText);
- if (resp.success) {
- // RESConsole.proAuthButton.textContent = 'Authenticated!';
- RESStorage.removeItem('RESmodules.RESPro.lastAuthFailed');
- if (callback) {
- callback();
- }
- } else {
- // RESConsole.proAuthButton.textContent = 'Authentication failed.';
- modules['RESPro'].lastAuthFailed = true;
- RESStorage.setItem('RESmodules.RESPro.lastAuthFailed','true');
- RESUtils.notification({
- header: 'RES Pro Notification',
- message: 'Authentication failed - check your username and password.'
- });
- }
- }
- });
- }
- }
- }
-};
-*/
-modules['RESTips'] = {
- moduleID: 'RESTips',
- moduleName: 'RES Tips and Tricks',
- category: 'UI',
- options: {
- // any configurable options you have go here...
- // options must have a type and a value..
- // valid types are: text, boolean (if boolean, value must be true or false)
- // for example:
- dailyTip: {
- type: 'boolean',
- value: true,
- description: 'Show a random tip once every 24 hours.'
- }
- },
- description: 'Adds tips/tricks help to RES console',
- isEnabled: function() {
- return RESConsole.getModulePrefs(this.moduleID);
- },
- include: [
- /^https?:\/\/([a-z]+)\.reddit\.com\/[\?]*/i
- ],
- isMatchURL: function() {
- return RESUtils.isMatchURL(this.moduleID);
- },
- beforeLoad: function() {
- if (this.isEnabled() && this.isMatchURL()) {
- RESUtils.addCSS('.res-help { cursor: help; }');
- RESUtils.addCSS('.res-help #resHelp { cursor: default; }');
- }
- },
- go: function() {
- if ((this.isEnabled()) && (this.isMatchURL())) {
- this.menuItem = createElementWithID('li','RESTipsMenuItem');
- this.menuItem.textContent = 'tips & tricks';
- this.menuItem.addEventListener('click', function(e) {
- modules['RESTips'].randomTip();
- }, false);
-
- $('#RESDropdownOptions').append(this.menuItem);
-
- if (this.options.dailyTip.value) {
- this.dailyTip();
- }
-
- /*
- guiders.createGuider({
- attachTo: '#RESSettingsButton',
- // buttons: [{name: "Next"}],
- description: "Guiders are a user interface design pattern for introducing features of software. This dialog box, for example, is the first in a series of guiders that together make up a guide.",
- id: "first",
- // next: "second",
- overlay: true,
- xButton: true,
- title: "Welcome to Guiders.js!"
- }).show();
- */
- /*
- setTimeout(function() {
- guiders.createGuider({
- attachTo: "#RESSettingsButton",
- buttons: [{name: "Close"},
- {name: "Next"}],
- description: "This is just some sorta test guider, here... woop woop.",
- id: "first",
- next: "second",
- // offset: { left: -200, top: 120 },
- position: 5,
- title: "Guiders are typically attached to an element on the page."
- }).show();
- guiders.createGuider({
- attachTo: "a.toggleImage:first",
- buttons: [{name: "Close"},
- {name: "Next"}],
- description: "An example of an image expando",
- id: "second",
- next: "third",
- // offset: { left: -200, top: 120 },
- position: 3,
- title: "Guiders are typically attached to an element on the page."
- });
- }, 2000);
- */
- }
- },
- dailyTip: function() {
- var lastCheck = parseInt(RESStorage.getItem('RESLastToolTip'), 10) || 0;
- var now = new Date();
- // 86400000 = 1 day
- if ((now.getTime() - lastCheck) > 86400000) {
- // mark off that we've displayed a new tooltip
- RESStorage.setItem('RESLastToolTip',now.getTime());
- if (lastCheck === 0) {
- this.showTip(0);
- } else {
- setTimeout(function() {
- modules['RESTips'].randomTip();
- }, 500);
- }
- }
- },
- randomTip: function() {
- this.currTip = Math.floor(Math.random()*this.tips.length);
- this.showTip(this.currTip);
- },
- disableDailyTipsCheckbox: function(e) {
- modules['RESTips'].options.dailyTip.value = e.target.checked;
- RESStorage.setItem('RESoptions.RESTips', JSON.stringify(modules['RESTips'].options));
- },
- nextTip: function() {
- if (typeof this.currTip === 'undefined') this.currTip = 0;
- modules['RESTips'].nextPrevTip(1);
- },
- prevTip: function() {
- if (typeof this.currTip === 'undefined') this.currTip = 0;
- modules['RESTips'].nextPrevTip(-1);
- },
- nextPrevTip: function(idx) {
- if (typeof this.currTip === 'undefined') this.currTip = 0;
- // if (idx<0) guiders.hideAll();
- guiders.hideAll();
- this.currTip += idx;
- if (this.currTip < 0) {
- this.currTip = this.tips.length-1;
- } else if (this.currTip >= this.tips.length) {
- this.currTip = 0;
- }
- this.showTip(this.currTip);
- },
- generateContent: function(help, elem) {
- var description = []
-
- if (help.message) description.push(help.message);
-
- if (help.keyboard) {
-
- // TODO: microtemplate
- var disabled = !modules['keyboardNav'].isEnabled();
- description.push('<h2 class="keyboardNav' + (disabled ? 'keyboardNavDisabled' : '') + '">');
- description.push('Keyboard Navigation' + (disabled ? ' (disabled)' : ''));
- description.push('</h2>');
-
- var keyboardTable = RESUtils.generateTable(help.keyboard, this.generateContentKeyboard, elem);
- if (keyboardTable) description.push(keyboardTable);
- }
-
- if (help.option) {
- description.push('<h2 class="settingsPointer">');
- description.push('<span class="gearIcon"></span> RES Settings');
- description.push('</h2>');
-
- var optionTable = RESUtils.generateTable(help.option, this.generateContentOption, elem);
- if (optionTable) description.push(optionTable);
- }
-
- description = description.join("\n");
- return description;
- },
- generateContentKeyboard: function (keyboardNavOption, index, array, elem) {
- var keyCode = modules['keyboardNav'].getNiceKeyCode(keyboardNavOption);
- if (!keyCode) return;
-
- var description = [];
- description.push('<tr>');
- description.push('<td><code>' + keyCode.toLowerCase() + '</code></td>');
- description.push('<td>' + keyboardNavOption + '</td>');
- description.push('</tr><tr>');
- description.push('<td> </td>'); // for styling
- description.push('<td>' + modules['keyboardNav'].options[keyboardNavOption].description + '</td>');
- description.push('</tr>');
-
- return description;
- },
- generateContentOption: function (option, index, array, elem) {
- var module = modules[option.moduleID];
- if (!module) return;
-
- var description = [];
-
- description.push("<tr>");
- description.push("<td>" + module.category + '</td>');
-
- description.push('<td>');
- description.push(modules['settingsNavigation'].makeUrlHashLink(option.moduleID, null, module.moduleName));
- description.push('</td>');
-
- description.push('<td>');
- description.push(option.key
- ? modules['settingsNavigation'].makeUrlHashLink(option.moduleID, option.key)
- : ' ');
- description.push('</td>');
-
- if (module.options[option.key]) {
- description.push('</tr><tr>');
- description.push('<td colspan="3">' + module.options[option.key].description + '</td>');
- }
- description.push("</tr>");
-
- return description;
- },
- consoleTip: {
- message: "Roll over the gear icon <span class='gearIcon'></span> and click 'settings console' to explore the RES settings. You can enable, disable or change just about anything you like/dislike about RES!<br><br>Once you've opened the console once, this message will not appear again.",
- attachTo: "#openRESPrefs",
- position: 5
- },
- tips: [
- {
- message: 'Welcome to RES. You can turn modules on and off, and configure settings for the modules using the gear icon link at the top right. For feature requests, or just help getting a question answered, be sure to subscribe to <a href="http://reddit.com/r/Enhancement">/r/Enhancement</a>.',
- attachTo: "#openRESPrefs",
- position: 5
- },
- {
- message: "Click the tag icon next to a user to tag that user with any name you like - you can also color code the tag.",
- attachTo: ".RESUserTagImage:visible",
- position: 3,
- option: { moduleID: 'userTagger' }
- },
- {
- message: "Don't forget to subscribe to <a href=\"http://reddit.com/r/Enhancement\">/r/Enhancement</a> to keep up to date on the latest versions of RES or suggest features! For bug reports, submit to <a href=\"http://reddit.com/r/RESIssues\">/r/RESIssues</a>"
- },
- {
- message: "Don't want to see posts containing certain keywords? Want to filter out certain subreddits from /r/all? Try the filteReddit module!" ,
- option: { moduleID: 'filteReddit' }
- },
- {
- message: "Keyboard Navigation is one of the most underutilized features in RES. You should try it!" ,
- option: { moduleID: 'keyboardNav' },
- keyboard: 'toggleHelp'
- },
- {
- message: "Did you know you can configure the appearance of a number of things in RES? For example: keyboard navigation lets you configure the look of the 'selected' box, and commentBoxes lets you configure the borders / shadows." ,
- option: [ { moduleID: 'keyboardNav', key: 'focusBGColor' }, { moduleID: 'styleTweaks', key: 'commentBoxes' }]
- },
-
- {
- message: "Do you subscribe to a ton of reddits? Give the subreddit tagger a try, it can make your homepage a bit more readable." ,
- option: { moduleID: 'subRedditTagger' }
- },
- {
- message: "If you haven't tried it yet, Keyboard Navigation is great. Just hit ? while browsing for instructions." ,
- option: { moduleID: 'keyboardNav' },
- keyboard: 'toggleHelp'
- },
- {
- message: "Roll over a user's name to get information about them such as their karma, and how long they've been a reddit user." ,
- option: { moduleID: 'userTagger', key: 'hoverInfo' }
- },
- {
- message: "Hover over the 'parent' link in comments pages to see the text of the parent being referred to." ,
- option: { moduleID: 'showParent' }
- },
- {
- message: "You can configure the color and style of the User Highlighter module if you want to change how the highlights look." ,
- option: { moduleID: 'userHighlight' }
- },
- {
- message: "Not a fan of how comments pages look? You can change the appearance in the Style Tweaks module" ,
- option: { moduleID: 'styleTweaks' }
- },
- {
- message: "Don't like the style in a certain subreddit? RES gives you a checkbox to disable styles individually - check the right sidebar!"
- },
- {
- message: "Looking for posts by submitter, post with photos, or posts in IAmA form? Try out the comment navigator."
- },
- {
- message: "Have you seen the <a href=\"http://www.reddit.com/r/Dashboard\">RES Dashboard</a>? It allows you to do all sorts of great stuff, like keep track of lower traffic subreddits, and manage your <a href=\"/r/Dashboard#userTaggerContents\">user tags</a> and <a href=\"/r/Dashboard#newCommentsContents\">thread subscriptions</a>!",
- options: { moduleID: 'dashboard' }
- },
- {
- message: "Sick of seeing these tips? They only show up once every 24 hours, but you can disable that in the RES Tips and Tricks preferences.",
- option: { moduleID: 'RESTips' }
- },
- {
- message: "Did you know that there is now a 'keep me logged in' option in the Account Switcher? Turn it on if you want to stay logged in to Reddit when using the switcher!",
- option: { moduleID: 'accountSwitcher', key: 'keepLoggedIn' }
- },
- {
- message: "See that little [vw] next to users you've voted on? That's their vote weight - it moves up and down as you vote the same user up / down.",
- option: { moduleID: 'userTagger', key: 'vwTooltip' }
- }
- ],
- tour: [
- // array of guiders will go here... and we will add a "tour" button somewhere to start the tour...
- ],
- initTips: function() {
- $('body').on('click', '#disableDailyTipsCheckbox', modules['RESTips'].disableDailyTipsCheckbox);
- // create the special "you have never visited the console" guider...
- this.createGuider(0, 'console');
- for (var i=0, len=this.tips.length; i<len; i++) {
- this.createGuider(i);
- }
- },
- createGuider: function(i, special) {
- if (special === 'console') {
- var thisID = special;
- var thisTip = this.consoleTip;
- } else {
- var thisID = "tip"+i;
- var thisTip = this.tips[i];
- }
- var description = modules['RESTips'].generateContent(thisTip);
- var attachTo = thisTip.attachTo;
- var nextidx = ((parseInt(i+1, 10)) >= len) ? 0 : (parseInt(i+1, 10));
- var nextID = "tip"+nextidx;
- var thisChecked = (modules['RESTips'].options.dailyTip.value) ? 'checked="checked"' : '';
- var guiderObj = {
- attachTo: attachTo,
- buttons: [{
- name: "Prev",
- onclick: modules['RESTips'].prevTip
- },
- {
- name: "Next",
- onclick: modules['RESTips'].nextTip
- }
- ],
- description: description,
- buttonCustomHTML: "<label class='stopper'> <input type='checkbox' name='disableDailyTipsCheckbox' id='disableDailyTipsCheckbox' "+thisChecked+" />Show these tips once every 24 hours</label>",
- id: thisID,
- next: nextID,
- onShow: modules['RESTips'].onShow,
- onHide: modules['RESTips'].onHide,
- position: this.tips[i].position,
- xButton: true,
- title: "RES Tips and Tricks"
- };
- if (special === 'console') {
- delete guiderObj.buttonCustomHTML;
- delete guiderObj.next;
- delete guiderObj.buttons;
-
- guiderObj.title = "RES is extremely configurable";
-
- }
-
- guiders.createGuider(guiderObj);
- },
- showTip: function(idx, special) {
- if (typeof this.tipsInitialized === 'undefined') {
- this.initTips();
- this.tipsInitialized = true;
- }
- if (!special) {
- guiders.show('tip'+idx);
- } else {
- guiders.show('console');
- }
- },
- onShow: function() {
- modules['styleTweaks'].setSRStyleToggleVisibility(false, 'tipstricks');
- },
- onHide: function() {
- modules['styleTweaks'].setSRStyleToggleVisibility(true, 'tipstricks');
- }
-};
-
-
-modules['settingsNavigation'] = {
- moduleID: 'settingsNavigation',
- moduleName: 'RES Settings Navigation',
- category: 'UI',
- description: 'Helping you get around the RES Settings Console with greater ease',
- hidden: true,
- options: {
- },
- isEnabled: function() {
- // return RESConsole.getModulePrefs(this.moduleID);
- return true;
- },
- include: [
- /^https?:\/\/([-\w\.]+\.)?reddit\.com\/[-\w\.\/]*/i
- ],
- isMatchURL: function() {
- return RESUtils.isMatchURL(this.moduleID);
- },
- beforeLoad: function() {
- RESUtils.addCSS('#RESSearchMenuItem { \
- display: block; \
- float: right; \
- margin: 7px; \
- width: 21px;height: 21px; \
- border: 1px #c9def2 solid; \
- border-radius: 3px; \
- background: transparent center center no-repeat; \
- background-image: ' + this.searchButtonIcon + '; \
- } ');
- RESUtils.addCSS('li:hover > #RESSearchMenuItem { \
- border-color: #369; \
- background-image: ' + this.searchButtonIconHover + '; \
- }');
- },
- go: function() {
- RESUtils.addCSS(modules['settingsNavigation'].css);
- this.menuItem = createElementWithID('i','RESSearchMenuItem');
- this.menuItem.setAttribute('title', 'search settings');
- this.menuItem.addEventListener('click', function(e) {
- modules['settingsNavigation'].showSearch()
- }, false);
- RESConsole.settingsButton.appendChild(this.menuItem);
-
- if (!(this.isEnabled() && this.isMatchURL())) return;
-
- window.addEventListener('hashchange', modules['settingsNavigation'].onHashChange);
- window.addEventListener('popstate', modules['settingsNavigation'].onPopState);
- setTimeout(modules['settingsNavigation'].onHashChange, 300); // for initial pageload; wait until after RES has completed loading
-
- this.consoleTip();
- },
- searchButtonIcon: "url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAEJGlDQ1BJQ0MgUHJvZmlsZQAAOBGFVd9v21QUPolvUqQWPyBYR4eKxa9VU1u5GxqtxgZJk6XtShal6dgqJOQ6N4mpGwfb6baqT3uBNwb8AUDZAw9IPCENBmJ72fbAtElThyqqSUh76MQPISbtBVXhu3ZiJ1PEXPX6yznfOec7517bRD1fabWaGVWIlquunc8klZOnFpSeTYrSs9RLA9Sr6U4tkcvNEi7BFffO6+EdigjL7ZHu/k72I796i9zRiSJPwG4VHX0Z+AxRzNRrtksUvwf7+Gm3BtzzHPDTNgQCqwKXfZwSeNHHJz1OIT8JjtAq6xWtCLwGPLzYZi+3YV8DGMiT4VVuG7oiZpGzrZJhcs/hL49xtzH/Dy6bdfTsXYNY+5yluWO4D4neK/ZUvok/17X0HPBLsF+vuUlhfwX4j/rSfAJ4H1H0qZJ9dN7nR19frRTeBt4Fe9FwpwtN+2p1MXscGLHR9SXrmMgjONd1ZxKzpBeA71b4tNhj6JGoyFNp4GHgwUp9qplfmnFW5oTdy7NamcwCI49kv6fN5IAHgD+0rbyoBc3SOjczohbyS1drbq6pQdqumllRC/0ymTtej8gpbbuVwpQfyw66dqEZyxZKxtHpJn+tZnpnEdrYBbueF9qQn93S7HQGGHnYP7w6L+YGHNtd1FJitqPAR+hERCNOFi1i1alKO6RQnjKUxL1GNjwlMsiEhcPLYTEiT9ISbN15OY/jx4SMshe9LaJRpTvHr3C/ybFYP1PZAfwfYrPsMBtnE6SwN9ib7AhLwTrBDgUKcm06FSrTfSj187xPdVQWOk5Q8vxAfSiIUc7Z7xr6zY/+hpqwSyv0I0/QMTRb7RMgBxNodTfSPqdraz/sDjzKBrv4zu2+a2t0/HHzjd2Lbcc2sG7GtsL42K+xLfxtUgI7YHqKlqHK8HbCCXgjHT1cAdMlDetv4FnQ2lLasaOl6vmB0CMmwT/IPszSueHQqv6i/qluqF+oF9TfO2qEGTumJH0qfSv9KH0nfS/9TIp0Wboi/SRdlb6RLgU5u++9nyXYe69fYRPdil1o1WufNSdTTsp75BfllPy8/LI8G7AUuV8ek6fkvfDsCfbNDP0dvRh0CrNqTbV7LfEEGDQPJQadBtfGVMWEq3QWWdufk6ZSNsjG2PQjp3ZcnOWWing6noonSInvi0/Ex+IzAreevPhe+CawpgP1/pMTMDo64G0sTCXIM+KdOnFWRfQKdJvQzV1+Bt8OokmrdtY2yhVX2a+qrykJfMq4Ml3VR4cVzTQVz+UoNne4vcKLoyS+gyKO6EHe+75Fdt0Mbe5bRIf/wjvrVmhbqBN97RD1vxrahvBOfOYzoosH9bq94uejSOQGkVM6sN/7HelL4t10t9F4gPdVzydEOx83Gv+uNxo7XyL/FtFl8z9ZAHF4bBsrEwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAONJREFUOBGlkz0KwkAQRo2ICt5IsBE9gI1dwAOk8AqCgufQPo2CYGlhIVh4Aj2ClYVg4hvdCclmI8gOPHbn78vsLgnSNK35WN2nWXq9BRoVEwyIj6ANO4ghgbLJHVjM8BM4wwGesIYm2LU1O9ClSCwCzfXZi8gkF9NcSWBB0dVRGBPbOOLOSww4qJA38d3vbanqEabEA5Mbsj4gNH42vvgFxxTIJYpd4AgvcbAVdKDQ8/lKflaz12ds4e+hBxFsIYQ7fM1W/OHPyYktIZuiagLVt9cxgRucNPGvgPZlq/e/4C3wBoAXSrzY2Qd2AAAAAElFTkSuQmCC')",
- searchButtonIconHover: "url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAEJGlDQ1BJQ0MgUHJvZmlsZQAAOBGFVd9v21QUPolvUqQWPyBYR4eKxa9VU1u5GxqtxgZJk6XtShal6dgqJOQ6N4mpGwfb6baqT3uBNwb8AUDZAw9IPCENBmJ72fbAtElThyqqSUh76MQPISbtBVXhu3ZiJ1PEXPX6yznfOec7517bRD1fabWaGVWIlquunc8klZOnFpSeTYrSs9RLA9Sr6U4tkcvNEi7BFffO6+EdigjL7ZHu/k72I796i9zRiSJPwG4VHX0Z+AxRzNRrtksUvwf7+Gm3BtzzHPDTNgQCqwKXfZwSeNHHJz1OIT8JjtAq6xWtCLwGPLzYZi+3YV8DGMiT4VVuG7oiZpGzrZJhcs/hL49xtzH/Dy6bdfTsXYNY+5yluWO4D4neK/ZUvok/17X0HPBLsF+vuUlhfwX4j/rSfAJ4H1H0qZJ9dN7nR19frRTeBt4Fe9FwpwtN+2p1MXscGLHR9SXrmMgjONd1ZxKzpBeA71b4tNhj6JGoyFNp4GHgwUp9qplfmnFW5oTdy7NamcwCI49kv6fN5IAHgD+0rbyoBc3SOjczohbyS1drbq6pQdqumllRC/0ymTtej8gpbbuVwpQfyw66dqEZyxZKxtHpJn+tZnpnEdrYBbueF9qQn93S7HQGGHnYP7w6L+YGHNtd1FJitqPAR+hERCNOFi1i1alKO6RQnjKUxL1GNjwlMsiEhcPLYTEiT9ISbN15OY/jx4SMshe9LaJRpTvHr3C/ybFYP1PZAfwfYrPsMBtnE6SwN9ib7AhLwTrBDgUKcm06FSrTfSj187xPdVQWOk5Q8vxAfSiIUc7Z7xr6zY/+hpqwSyv0I0/QMTRb7RMgBxNodTfSPqdraz/sDjzKBrv4zu2+a2t0/HHzjd2Lbcc2sG7GtsL42K+xLfxtUgI7YHqKlqHK8HbCCXgjHT1cAdMlDetv4FnQ2lLasaOl6vmB0CMmwT/IPszSueHQqv6i/qluqF+oF9TfO2qEGTumJH0qfSv9KH0nfS/9TIp0Wboi/SRdlb6RLgU5u++9nyXYe69fYRPdil1o1WufNSdTTsp75BfllPy8/LI8G7AUuV8ek6fkvfDsCfbNDP0dvRh0CrNqTbV7LfEEGDQPJQadBtfGVMWEq3QWWdufk6ZSNsjG2PQjp3ZcnOWWing6noonSInvi0/Ex+IzAreevPhe+CawpgP1/pMTMDo64G0sTCXIM+KdOnFWRfQKdJvQzV1+Bt8OokmrdtY2yhVX2a+qrykJfMq4Ml3VR4cVzTQVz+UoNne4vcKLoyS+gyKO6EHe+75Fdt0Mbe5bRIf/wjvrVmhbqBN97RD1vxrahvBOfOYzoosH9bq94uejSOQGkVM6sN/7HelL4t10t9F4gPdVzydEOx83Gv+uNxo7XyL/FtFl8z9ZAHF4bBsrEwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAPBJREFUOBGlkTEKAjEQRTciIth4HkvRA9jYCR7AwisICvZiZ6X9NlvYW1gIFp5AT2Eh6PpGMjLuBkUy8JmZ5P+fZOLyPE9iohIjFm20QTV0A+dch/UeqIMtSHnqg1wOmYEFjAkQ8hHswA1sQM3ytC6KWxBlqqM3IUna9GIy1DWbiwYziGdLkJpIQVZclz40REbgnKhMSB/+b+sKSZ8wpnb+9C71FQwsV+uPJ3iBDFFOO4E9uPt+TW6oUHPJwJvINy7BCvTBAohpBpoqfnFt861GOPUmc8vTd7L3O5it3OaCwUHZfxmoyObQN9r9n3W0wRPmWv0jZnGemgAAAABJRU5ErkJggg==')",
- consoleTip: function() {
- // first, ensure that we've at least run dailyTip once (so RES first-run has happened)...
- var lastToolTip = RESStorage.getItem('RESLastToolTip');
- if (lastToolTip) {
- // if yes, see if the user has ever opened the settings console.
- var hasOpenedConsole = RESStorage.getItem('RESConsole.hasOpenedConsole');
- if (!hasOpenedConsole) {
- // if no, nag them once daily that the console exists until they use it. Once it's been opened, this check will never run again.
- var lastCheckDailyTip = parseInt(RESStorage.getItem('RESLastToolTip'), 10) || 0;
- var now = new Date();
- // 86400000 = 1 day - remind users once a day if they've never opened the settings that they should check out the console sometime...
- var lastCheck = parseInt(RESStorage.getItem('RESConsole.hasOpenedCheck'), 10) || 0;
- if (((now.getTime() - lastCheckDailyTip) > 1000) && ((now.getTime() - lastCheck) > 86400000)) {
- RESStorage.setItem('RESConsole.hasOpenedCheck', now.getTime());
- modules['RESTips'].showTip(0,'console');
- }
- }
- }
- },
- makeUrlHashLink: function (moduleID, optionKey, displayText, cssClass) {
- if (!displayText) {
- if (optionKey) {
- displayText = optionKey;
- } else if (modules[moduleID]) {
- displayText = modules[moduleID].moduleName;
- } else if (moduleID) {
- displayText = moduleID;
- } else {
- displayText = 'Settings';
- }
- }
-
- var hash = modules['settingsNavigation'].makeUrlHash(moduleID, optionKey);
- var link = ['<a ', 'class="', cssClass || '', '" ', 'href="', hash, '"', '>', displayText, '</a>'].join('');
- return link;
- },
- makeUrlHash: function(moduleID, optionKey) {
- var hashComponents = ['#!settings']
-
- if (moduleID) {
- hashComponents.push(moduleID);
- }
-
- if (moduleID && optionKey) {
- hashComponents.push(optionKey);
- }
-
- var hash = hashComponents.join('/');
- return hash;
- },
- setUrlHash: function(moduleID, optionKey) {
- var titleComponents = ['RES Settings'];
-
- if (moduleID) {
- var module = modules[moduleID];
- var moduleName = module && module.moduleName || moduleID;
- titleComponents.push(moduleName);
-
- if (optionKey) {
- titleComponents.push(optionKey);
- }
- }
-
- var hash = this.makeUrlHash(moduleID, optionKey);
- var title = titleComponents.join(' - ');
-
- if (window.location.hash != hash) {
- window.history.pushState(hash, title, hash);
- }
- },
- resetUrlHash: function() {
- window.location.hash = "";
- },
- onHashChange: function (event) {
- var hash = window.location.hash;
- if (hash.substring(0, 10) !== '#!settings') return;
-
- var params = hash.match(/\/[\w\s]+/g);
- if (params && params[0]) {
- var moduleID = params[0].substring(1);
- }
- if (params && params[1]) {
- var optionKey = params[1].substring(1);
- }
-
- modules['settingsNavigation'].loadSettingsPage(moduleID, optionKey);
- },
- onPopState: function (event) {
- var state = typeof event.state === "string" && event.state.split('/');
- if (!state || state[0] !== '#!settings') {
- if (RESConsole.isOpen) {
- RESConsole.close();
- }
- return;
- }
-
- var moduleID = state[1];
- var optionKey = state[2];
-
- modules['settingsNavigation'].loadSettingsPage(moduleID, optionKey);
- },
- loadSettingsPage: function(moduleID, optionKey, optionValue) {
- if (moduleID && modules.hasOwnProperty(moduleID)) {
- var module = modules[moduleID];
- }
- if (module) {
- var category = module.category;
- }
-
-
- RESConsole.open(module && module.moduleID);
- if (module) {
- if (optionKey && module.options.hasOwnProperty(optionKey)) {
- var optionsPanel = $(RESConsole.RESConsoleContent);
- var optionElement = optionsPanel.find('label[for="' + optionKey + '"]');
- var optionParent = optionElement.parent();
- optionParent.addClass('highlight');
- if (optionElement.length) {
- var configPanel = $(RESConsole.RESConsoleConfigPanel);
- var offset = optionElement.offset().top - configPanel.offset().top;
- optionsPanel.scrollTop(offset);
- }
- }
- } else {
- switch(moduleID) {
- case 'search':
- this.search(optionKey);
- break;
- default:
- break;
- }
- }
- },
- search: function(query) {
- RESConsole.openCategoryPanel('About RES');
- modules['settingsNavigation'].drawSearchResults(query);
- modules['settingsNavigation'].getSearchResults(query);
- modules['settingsNavigation'].setUrlHash('search', query);
- },
- showSearch: function () {
- RESConsole.hidePrefsDropdown();
- modules['settingsNavigation'].drawSearchResults();
- $('#SearchRES-input').focus();
- },
- doneSearch: function (query, results) {
- modules['settingsNavigation'].drawSearchResults(query, results);
- },
- getSearchResults: function (query) {
- if (!(query && query.toString().length)) {
- modules['settingsNavigation'].doneSearch(query, []);
- }
-
- var queryTerms = modules['settingsNavigation'].prepareSearchText(query, true).split(' ');
- var results = [];
-
- // Search options
- for (var moduleKey in modules) {
- if (!modules.hasOwnProperty(moduleKey)) continue;
- var module = modules[moduleKey];
-
-
- var searchString = module.moduleID + module.moduleName + module.category + module.description;
- searchString = modules['settingsNavigation'].prepareSearchText(searchString, false);
- var matches = modules['settingsNavigation'].searchMatches(queryTerms, searchString);
- if (matches) {
- var result = modules['settingsNavigation'].makeModuleSearchResult(moduleKey);
- result.rank = matches;
- results.push(result);
- }
-
-
- var options = module.options;
-
- for (var optionKey in options) {
- if (!options.hasOwnProperty(optionKey)) continue;
- var option = options[optionKey];
-
- var searchString = module.moduleID + module.moduleName + module.category + optionKey + option.description;
- searchString = modules['settingsNavigation'].prepareSearchText(searchString, false);
- var matches = modules['settingsNavigation'].searchMatches(queryTerms, searchString);
- if (matches) {
- var result = modules['settingsNavigation'].makeOptionSearchResult(moduleKey, optionKey);
- result.rank = matches;
- results.push(result);
- }
- }
- }
-
- results.sort(function(a, b) {
- var comparison = b.rank - a.rank;
-
- /*
- if (comparison === 0) {
- comparison =
- a.title < b.title ? -1
- : a.title > b.title ? 1
- : 0;
-
- }
-
- if (comparison === 0) {
- comparison =
- a.description < b.description ? -1
- : a.description > b.description ? 1
- : 0;
- }
- */
-
- return comparison;
- });
-
- modules['settingsNavigation'].doneSearch(query, results);
-
- },
- searchMatches: function(needles, haystack) {
- if (!(haystack && haystack.length))
- return false;
-
- var numMatches = 0;
- for (var i = 0; i < needles.length; i++) {
- if (haystack.indexOf(needles[i]) !== -1)
- numMatches++;
- }
-
- return numMatches;
- },
- prepareSearchText: function (text, preserveSpaces) {
- if (typeof text === "undefined" || text === null) {
- return '';
- }
-
- var replaceSpacesWith = !!preserveSpaces ? ' ' : ''
- return text.toString().toLowerCase()
- .replace(/[,\/]/g,replaceSpacesWith).replace(/\s+/g, replaceSpacesWith);
- },
- makeOptionSearchResult: function (moduleKey, optionKey) {
- var module = modules[moduleKey];
- var option = module.options[optionKey];
-
- var result = {};
- result.type = 'option';
- result.breadcrumb = ['Settings',
- module.category,
- module.moduleName + ' (' + module.moduleID + ')'
- ].join(' > ');
- result.title = optionKey;
- result.description = option.description;
- result.moduleID = moduleKey;
- result.optionKey = optionKey;
-
- return result;
- },
- makeModuleSearchResult: function (moduleKey) {
- var module = modules[moduleKey];
-
- var result = {};
- result.type = 'module';
- result.breadcrumb = ['Settings',
- module.category,
- '(' + module.moduleID + ')'
- ].join(' > ');
- result.title = module.moduleName;
- result.description = module.description;
- result.moduleID = moduleKey;
-
- return result;
- },
-
- onSearchResultSelected: function(result) {
- if (!result) return;
-
- switch (result.type) {
- case 'module':
- modules['settingsNavigation'].loadSettingsPage(result.moduleID);
- break;
- case 'option':
- modules['settingsNavigation'].loadSettingsPage(result.moduleID, result.optionKey);
- break;
- default:
- alert('Could not load search result');
- break;
- }
- },
- // ---------- View ------
- css: '\
- #SearchRES #SearchRES-results-container { \
- display: none; \
- } \
- #SearchRES #SearchRES-results-container + #SearchRES-boilerplate { margin-top: 1em; border-top: 1px black solid; padding-top: 1em; } \
- #SearchRES h4 { \
- margin-top: 1.5em; \
- } \
- #SearchRES-results { \
- } \
- #SearchRES-results li { \
- list-style-type: none; \
- border-bottom: 1px dashed #ccc; \
- cursor: pointer; \
- margin-left: 0px; \
- padding-left: 10px; \
- padding-top: 24px; \
- padding-bottom: 24px; \
- } \
- #SearchRES-results li:hover { \
- background-color: #FAFAFF; \
- } \
- .SearchRES-result-title { \
- margin-bottom: 12px; \
- font-weight: bold; \
- color: #666; \
- } \
- .SearchRES-breadcrumb { \
- font-weight: normal; \
- color: #888; \
- } \
- .SearchRES-result-copybutton {\
- float: right; \
- opacity: 0.4; \
- padding: 10px; \
- width: 26px; \
- height: 22px; \
- background: no-repeat center center; \
- background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAWCAYAAADeiIy1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+5pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ1dWlkOjY1RTYzOTA2ODZDRjExREJBNkUyRDg4N0NFQUNCNDA3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkUwRjM3M0QxMDY5NTExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkUwRjM3M0QwMDY5NTExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMTgwMTE3NDA3MjA2ODExODA4M0ZFMkJBM0M1RUU2NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowNjgwMTE3NDA3MjA2ODExODA4M0U3NkRBMDNEMDVDMSIvPiA8ZGM6dGl0bGU+IDxyZGY6QWx0PiA8cmRmOmxpIHhtbDpsYW5nPSJ4LWRlZmF1bHQiPmdseXBoaWNvbnM8L3JkZjpsaT4gPC9yZGY6QWx0PiA8L2RjOnRpdGxlPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pn00ay4AAAEISURBVHjavJWBDYQgDEXhcgMwwm2gIzgCIzjCjeAIjsAIN8KN4Ai6wW3AtTm4EChYkdjkm2javLa2IKy1olZgL9CD5XsShI8PSF8B8pqvAqEWUJ8FYemglQhEmfg/gA0uhvLHVo5EUtmAf3ZgCoNB74xvLkEVgnwlJtOep8vSVihM9veRAKiDFdhCK/VdECal9JBONLSkIhzVBpWUW4cT1giSDEMMmqP+GjdxA2OPiuMdgxb3bQozOr2wBMhSGTFAppQYBZoqDtWR4ZuA1MFromf60gt7AKZyp0oo6UD4ImuWEJYbB6Dbi28BYsXfQJsLMBUQH7Nx/HWDU4B3le9cfCWtHAjqK8AAypyhqqqagq4AAAAASUVORK5CYII="); \
- display: none; \
- } \
- #SearchRES-results li:hover .SearchRES-result-copybutton { display: block; } \
- #SearchRES-input-submit { \
- margin-left: 8px; \
- } \
- #SearchRES-input { \
- width: 200px; \
- height: 22px; \
- font-size: 14px; \
- } \
- #SearchRES-input-container { \
- float: left; \
- margin-left: 3em; \
- margin-top: 7px; \
- } \
- ',
- searchPanelHtml: '\
- <h3>Search RES Settings Console</h3> \
- <div id="SearchRES-results-container"> \
- <h4>Results for: <span id="SearchRES-query"></span></h4> \
- <ul id="SearchRES-results"></ul> \
- <p id="SearchRES-results-none">No results found</p> \
- </div> \
- <div id="SearchRES-boilerplate">\
- <p>You can search for RES options by module name, option name, and description. For example, try searching for "daily trick" in one of the following ways:</p>\
- <ul> \
- <li>type <code>daily trick</code> in the search box above and click the button</li> \
- <li>press <code>.</code> to open the RES console, type in <code>search <em>daily trick</em></code>, and press Enter</li> \
- </ul> \
- ',
- searchPanel: null,
- renderSearchPanel: function() {
- var searchPanel = $('<div />').html(modules['settingsNavigation'].searchPanelHtml);
- searchPanel.delegate('#SearchRES-results-container .SearchRES-result-item', 'click', modules['settingsNavigation'].handleSearchResultClick);
-
- modules['settingsNavigation'].searchPanel = searchPanel;
- return searchPanel;
- },
- searchForm: null,
- renderSearchForm: function() {
- var RESSearchContainer = createElementWithID('form', 'SearchRES-input-container');
-
- var RESSearchBox = createElementWithID('input', 'SearchRES-input');
- RESSearchBox.setAttribute('type', 'text');
- RESSearchBox.setAttribute('placeholder', 'search RES settings');
-
- var RESSearchButton = createElementWithID('input', 'SearchRES-input-submit');
- RESSearchButton.classList.add('blueButton');
- RESSearchButton.setAttribute('type', 'submit');
- RESSearchButton.setAttribute('value', 'search');
-
- RESSearchContainer.appendChild(RESSearchBox);
- RESSearchContainer.appendChild(RESSearchButton);
-
- RESSearchContainer.addEventListener('submit', function (e) {
- e.preventDefault();
- modules['settingsNavigation'].search(RESSearchBox.value);
-
- return false;
- });
-
- searchForm = RESSearchContainer;
- return RESSearchContainer;
- },
- drawSearchResultsPage: function() {
- if (!RESConsole.isOpen) {
- RESConsole.open();
- }
-
- if (!$('#SearchRES').is(':visible')) {
- RESConsole.openCategoryPanel('About RES');
-
- // Open "Search RES" page
- $('#Button-SearchRES', this.RESConsoleContent).trigger('click', { duration: 0 });
- }
- },
- drawSearchResults: function (query, results) {
- modules['settingsNavigation'].drawSearchResultsPage();
-
- var resultsContainer = $('#SearchRES-results-container', modules['settingsNavigation'].searchPanel);
-
- if (!(query && query.length)) {
- resultsContainer.hide();
- return;
- }
-
- resultsContainer.show();
- resultsContainer.find('#SearchRES-query').text(query);
- $("#SearchRES-input", modules['settingsNavigation'].searchForm).val(query);
-
- if (!(results && results.length)) {
- resultsContainer.find('#SearchRES-results-none').show();
- resultsContainer.find('#SearchRES-results').hide();
- } else {
- resultsContainer.find('#SearchRES-results-none').hide();
- var resultsList = $('#SearchRES-results', resultsContainer).show();
-
- resultsList.empty();
- for (var i = 0; i < results.length; i++) {
- var result = results[i];
-
- var element = modules['settingsNavigation'].drawSearchResultItem(result);
- resultsList.append(element);
- }
- }
- },
- drawSearchResultItem: function(result) {
- var element = $('<li>');
- element.addClass('SearchRES-result-item')
- .data('SearchRES-result', result);
-
- $('<span>', { class: 'SearchRES-result-copybutton'})
- .appendTo(element)
- .attr('title', 'copy this for a comment')
-
- var breadcrumb = $('<span>', {class: 'SearchRES-breadcrumb'})
- .text(result.breadcrumb + ' > ');
- $('<div>', {class: 'SearchRES-result-title'})
- .append(breadcrumb)
- .append(result.title)
- .appendTo(element);
- $('<div>', {class: 'SearchRES-result-description'})
- .appendTo(element)
- .html(result.description);
-
- return element;
- },
- handleSearchResultClick: function (e) {
- var element = $(this);
- var result = element.data('SearchRES-result');
- if ($(e.target).is('.SearchRES-result-copybutton')) {
- modules['settingsNavigation'].onSearchResultCopy(result, element);
- } else {
- modules['settingsNavigation'].onSearchResultSelected(result);
- }
- e.preventDefault();
- },
- onSearchResultCopy: function(result, element) {
- var markdown = modules['settingsNavigation'].makeOptionSearchResultLink(result);
- alert('<textarea rows="5" cols="50">' + markdown + '</textarea>');
- },
- makeOptionSearchResultLink: function (result) {
- var url = document.location.pathname +
- modules['settingsNavigation'].makeUrlHash(result.moduleID, result.optionKey);
-
- var text = [
- result.breadcrumb,
- '[' + result.title + '](' + url + ')',
- ' \n',
- result.description,
- ' \n',
- ' \n'
- ].join(' ');
- return text;
- }
-};
-
-
-
-
-modules['dashboard'] = {
- moduleID: 'dashboard',
- moduleName: 'RES Dashboard',
- category: 'UI',
- options: {
- defaultPosts: {
- type: 'text',
- value: 3,
- description: 'Number of posts to show by default in each widget'
- },
- defaultSort: {
- type: 'enum',
- values: [
- { name: 'hot', value: 'hot' },
- { name: 'new', value: 'new' },
- { name: 'controversial', value: 'controversial' },
- { name: 'top', value: 'top' }
- ],
- value: 'hot',
- description: 'Default sort method for new widgets'
- },
- dashboardShortcut: {
- type: 'boolean',
- value: true,
- description: 'Show +dashboard shortcut in sidebar for easy addition of dashboard widgets.'
- },
- tagsPerPage: {
- type: 'text',
- value: 25,
- description: 'How many user tags to show per page. (enter zero to show all on one page)'
- }
- },
- description: 'The RES Dashboard is home to a number of features including widgets and other useful tools',
- isEnabled: function() {
- return RESConsole.getModulePrefs(this.moduleID);
- },
- include: [
- /^https?:\/\/([-\w\.]+\.)?reddit\.com\/[-\w\.\/]*/i
- ],
- isMatchURL: function() {
- return RESUtils.isMatchURL(this.moduleID);
- },
- go: function() {
- if (this.isEnabled()) {
- this.getLatestWidgets();
- RESUtils.addCSS('.RESDashboardToggle { margin-right: 5px; color: white; background-image: url(http://www.redditstatic.com/bg-button-add.png); cursor: pointer; text-align: center; width: 68px; font-weight: bold; font-size: 10px; border: 1px solid #444; padding: 1px 6px; border-radius: 3px 3px 3px 3px; }');
- RESUtils.addCSS('.RESDashboardToggle.remove { background-image: url(http://www.redditstatic.com/bg-button-remove.png) }');
- if (this.isMatchURL()) {
- $('#RESDropdownOptions').prepend('<li id="DashboardLink"><a href="/r/Dashboard">my dashboard</a></li>');
- if (RESUtils.currentSubreddit()) {
- RESUtils.addCSS('.RESDashboardToggle {}');
- // one more safety check... not sure how people's widgets[] arrays are breaking.
- if (!(this.widgets instanceof Array)) {
- this.widgets = [];
- }
- if (RESUtils.currentSubreddit('dashboard')) {
- $('#noresults, #header-bottom-left .tabmenu:not(".viewimages")').hide();
- $('#header-bottom-left .redditname a:first').text('My Dashboard');
- this.drawDashboard();
- }
- if (this.options.dashboardShortcut.value == true) this.addDashboardShortcuts();
- }
- }
- }
- },
- getLatestWidgets: function() {
- try {
- this.widgets = JSON.parse(RESStorage.getItem('RESmodules.dashboard.' + RESUtils.loggedInUser())) || [];
- } catch (e) {
- this.widgets = [];
- }
- },
- loader: 'data:image/gif;base64,R0lGODlhEAAQAPQAAP///2+NyPb3+7zK5e3w95as1rPD4W+NyKC02oOdz8/Z7Nnh8HqVzMbS6XGOyI2l06m73gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAEAAQAAAFdyAgAgIJIeWoAkRCCMdBkKtIHIngyMKsErPBYbADpkSCwhDmQCBethRB6Vj4kFCkQPG4IlWDgrNRIwnO4UKBXDufzQvDMaoSDBgFb886MiQadgNABAokfCwzBA8LCg0Egl8jAggGAA1kBIA1BAYzlyILczULC2UhACH5BAkKAAAALAAAAAAQABAAAAV2ICACAmlAZTmOREEIyUEQjLKKxPHADhEvqxlgcGgkGI1DYSVAIAWMx+lwSKkICJ0QsHi9RgKBwnVTiRQQgwF4I4UFDQQEwi6/3YSGWRRmjhEETAJfIgMFCnAKM0KDV4EEEAQLiF18TAYNXDaSe3x6mjidN1s3IQAh+QQJCgAAACwAAAAAEAAQAAAFeCAgAgLZDGU5jgRECEUiCI+yioSDwDJyLKsXoHFQxBSHAoAAFBhqtMJg8DgQBgfrEsJAEAg4YhZIEiwgKtHiMBgtpg3wbUZXGO7kOb1MUKRFMysCChAoggJCIg0GC2aNe4gqQldfL4l/Ag1AXySJgn5LcoE3QXI3IQAh+QQJCgAAACwAAAAAEAAQAAAFdiAgAgLZNGU5joQhCEjxIssqEo8bC9BRjy9Ag7GILQ4QEoE0gBAEBcOpcBA0DoxSK/e8LRIHn+i1cK0IyKdg0VAoljYIg+GgnRrwVS/8IAkICyosBIQpBAMoKy9dImxPhS+GKkFrkX+TigtLlIyKXUF+NjagNiEAIfkECQoAAAAsAAAAABAAEAAABWwgIAICaRhlOY4EIgjH8R7LKhKHGwsMvb4AAy3WODBIBBKCsYA9TjuhDNDKEVSERezQEL0WrhXucRUQGuik7bFlngzqVW9LMl9XWvLdjFaJtDFqZ1cEZUB0dUgvL3dgP4WJZn4jkomWNpSTIyEAIfkECQoAAAAsAAAAABAAEAAABX4gIAICuSxlOY6CIgiD8RrEKgqGOwxwUrMlAoSwIzAGpJpgoSDAGifDY5kopBYDlEpAQBwevxfBtRIUGi8xwWkDNBCIwmC9Vq0aiQQDQuK+VgQPDXV9hCJjBwcFYU5pLwwHXQcMKSmNLQcIAExlbH8JBwttaX0ABAcNbWVbKyEAIfkECQoAAAAsAAAAABAAEAAABXkgIAICSRBlOY7CIghN8zbEKsKoIjdFzZaEgUBHKChMJtRwcWpAWoWnifm6ESAMhO8lQK0EEAV3rFopIBCEcGwDKAqPh4HUrY4ICHH1dSoTFgcHUiZjBhAJB2AHDykpKAwHAwdzf19KkASIPl9cDgcnDkdtNwiMJCshACH5BAkKAAAALAAAAAAQABAAAAV3ICACAkkQZTmOAiosiyAoxCq+KPxCNVsSMRgBsiClWrLTSWFoIQZHl6pleBh6suxKMIhlvzbAwkBWfFWrBQTxNLq2RG2yhSUkDs2b63AYDAoJXAcFRwADeAkJDX0AQCsEfAQMDAIPBz0rCgcxky0JRWE1AmwpKyEAIfkECQoAAAAsAAAAABAAEAAABXkgIAICKZzkqJ4nQZxLqZKv4NqNLKK2/Q4Ek4lFXChsg5ypJjs1II3gEDUSRInEGYAw6B6zM4JhrDAtEosVkLUtHA7RHaHAGJQEjsODcEg0FBAFVgkQJQ1pAwcDDw8KcFtSInwJAowCCA6RIwqZAgkPNgVpWndjdyohACH5BAkKAAAALAAAAAAQABAAAAV5ICACAimc5KieLEuUKvm2xAKLqDCfC2GaO9eL0LABWTiBYmA06W6kHgvCqEJiAIJiu3gcvgUsscHUERm+kaCxyxa+zRPk0SgJEgfIvbAdIAQLCAYlCj4DBw0IBQsMCjIqBAcPAooCBg9pKgsJLwUFOhCZKyQDA3YqIQAh+QQJCgAAACwAAAAAEAAQAAAFdSAgAgIpnOSonmxbqiThCrJKEHFbo8JxDDOZYFFb+A41E4H4OhkOipXwBElYITDAckFEOBgMQ3arkMkUBdxIUGZpEb7kaQBRlASPg0FQQHAbEEMGDSVEAA1QBhAED1E0NgwFAooCDWljaQIQCE5qMHcNhCkjIQAh+QQJCgAAACwAAAAAEAAQAAAFeSAgAgIpnOSoLgxxvqgKLEcCC65KEAByKK8cSpA4DAiHQ/DkKhGKh4ZCtCyZGo6F6iYYPAqFgYy02xkSaLEMV34tELyRYNEsCQyHlvWkGCzsPgMCEAY7Cg04Uk48LAsDhRA8MVQPEF0GAgqYYwSRlycNcWskCkApIyEAOwAAAAAAAAAAAA==',
- drawDashboard: function() {
- // this first line hides the "you need RES 4.0+ to view the dashboard" link
- RESUtils.addCSS('.id-t3_qi5iy {display: none;}');
- RESUtils.addCSS('.RESDashboardComponent { position: relative; border: 1px solid #ccc; border-radius: 3px 3px 3px 3px; overflow: hidden; margin-bottom: 10px; }');
- RESUtils.addCSS('.RESDashboardComponentHeader { box-sizing: border-box; padding: 5px 0 8px 0; background-color: #f0f3fc; overflow: hidden; }');
- RESUtils.addCSS('.RESDashboardComponentScrim { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 5; display: none; }');
- RESUtils.addCSS('.RESDashboardComponentLoader { box-sizing: border-box; position: absolute; background-color: #f2f9ff; border: 1px solid #b9d7f4; border-radius: 3px 3px 3px 3px; width: 314px; height: 40px; left: 50%; top: 50%; margin-left: -167px; margin-top: -20px; text-align: center; padding-top: 11px; }');
- RESUtils.addCSS('.RESDashboardComponentLoader span { position: relative; top: -6px; left: 5px; } ');
- RESUtils.addCSS('.RESDashboardComponentContainer { padding: 10px 15px 0 15px; min-height: 100px; }');
- RESUtils.addCSS('.RESDashboardComponentContainer.minimized { display: none; }');
- RESUtils.addCSS('.RESDashboardComponent a.widgetPath, .addNewWidget, .editWidget { display: inline-block; margin-left: 0; margin-top: 7px; color: #000; font-weight: bold; }');
- RESUtils.addCSS('.editWidget { float: left; margin-right: 10px; } ');
- RESUtils.addCSS('.RESDashboardComponent a.widgetPath { margin-left: 15px; vertical-align: top; width: 120px; overflow: hidden; text-overflow: ellipsis; }');
- RESUtils.addCSS('#RESDashboardAddComponent, #RESDashboardEditComponent { box-sizing: border-box; padding: 5px 8px 5px 8px; vertical-align: middle; background-color: #cee3f8; border: 1px solid #369;}');
- RESUtils.addCSS('#RESDashboardEditComponent { display: none; position: absolute; }');
- // RESUtils.addCSS('#RESDashboardComponentScrim, #RESDashboardComponentLoader { background-color: #ccc; opacity: 0.3; border: 1px solid red; display: none; }');
- RESUtils.addCSS('#addRedditFormContainer, #addMailWidgetContainer, #addUserFormContainer { display: none; }');
- RESUtils.addCSS('#addWidgetButtons, #addRedditFormContainer, #addMailWidgetContainer, #addUserFormContainer, #editRedditFormContainer { width: auto; min-width: 550px; height: 28px; float: right; text-align: right; }');
- RESUtils.addCSS('#editRedditFormContainer { width: auto; }');
- RESUtils.addCSS('#addUserForm, #addRedditForm { display: inline-block }');
- RESUtils.addCSS('#addUser { width: 200px; height: 24px; }');
- RESUtils.addCSS('#addRedditFormContainer ul.token-input-list-facebook, #editRedditFormContainer ul.token-input-list-facebook { float: left; }');
- RESUtils.addCSS('#addReddit { width: 115px; background-color: #fff; border: 1px solid #96bfe8; margin-left: 6px; margin-right: 6px; padding: 1px 2px 1px 2px; }');
- RESUtils.addCSS('#addRedditDisplayName, #editRedditDisplayName { width: 140px; height: 24px; background-color: #fff; border: 1px solid #96bfe8; margin-left: 6px; margin-right: 6px; padding: 1px 2px 1px 2px; }');
- RESUtils.addCSS('#editReddit { width: 5px; } ');
- RESUtils.addCSS('.addButton, .updateButton { cursor: pointer; display: inline-block; width: auto; padding: 3px 5px; font-size: 11px; color: #fff; border: 1px solid #636363; border-radius: 3px; background-color: #5cc410; margin-top: 3px; margin-left: 5px; }');
- RESUtils.addCSS('.cancelButton { width: 50px; text-align: center; cursor: pointer; display: inline-block; padding: 3px 5px; font-size: 11px; color: #fff; border: 1px solid #636363; border-radius: 3px; background-color: #D02020; margin-top: 3px; margin-left: 5px; }');
- RESUtils.addCSS('.backToWidgetTypes { display: inline-block; vertical-align: top; margin-top: 8px; font-weight: bold; color: #000; cursor: pointer; }');
- RESUtils.addCSS('.RESDashboardComponentHeader ul { font-family: Verdana; font-size: 13px; box-sizing: border-box; line-height: 22px; display: inline-block; margin-top: 2px; }');
- RESUtils.addCSS('.RESDashboardComponentHeader ul li { box-sizing: border-box; vertical-align: middle; height: 24px; display: inline-block; cursor: pointer; padding: 0 6px; border: 1px solid #c7c7c7; background-color: #fff; color: #6c6c6c; border-radius: 3px 3px 3px 3px; }');
- RESUtils.addCSS('.RESDashboardComponentHeader .editButton { display: inline-block; padding: 0; width: 24px; -moz-box-sizing: border-box; vertical-align: middle; margin-left: 10px; } ');
- RESUtils.addCSS('.RESDashboardComponent.minimized ul li { display: none; }');
- RESUtils.addCSS('.RESDashboardComponent.minimized li.RESClose, .RESDashboardComponent.minimized li.minimize { display: inline-block; }');
- RESUtils.addCSS('ul.widgetSortButtons li { margin-right: 10px; }');
- RESUtils.addCSS('.RESDashboardComponentHeader ul li.active, .RESDashboardComponentHeader ul li:hover { background-color: #a6ccf1; color: #fff; border-color: #699dcf; }');
- RESUtils.addCSS('ul.widgetStateButtons li { margin-right: 5px; }');
- RESUtils.addCSS('ul.widgetStateButtons li:last-child { margin-right: 0; }');
- RESUtils.addCSS('ul.widgetStateButtons li.disabled { background-color: #ddd; }');
- RESUtils.addCSS('ul.widgetStateButtons li.disabled:hover { cursor: auto; background-color: #ddd; color: #6c6c6c; border: 1px solid #c7c7c7; }');
- RESUtils.addCSS('ul.widgetSortButtons { margin-left: 10px; }');
- RESUtils.addCSS('ul.widgetStateButtons { float: right; margin-right: 8px; }');
- RESUtils.addCSS('ul.widgetStateButtons li.updateTime { cursor: auto; background: none; border: none; color: #afafaf; font-size: 9px; padding-right: 0; }');
- RESUtils.addCSS('ul.widgetStateButtons li.minimize, ul.widgetStateButtons li.close { font-size: 24px; }');
- RESUtils.addCSS('.minimized ul.widgetStateButtons li.minimize { font-size: 14px; }');
- RESUtils.addCSS('ul.widgetStateButtons li.refresh { margin-left: 3px; width: 24px; position:relative; padding: 0; }');
- RESUtils.addCSS('ul.widgetStateButtons li.refresh div { height: 16px; width: 16px; position: absolute; left: 4px; top: 4px; background-image: url(\'http://e.thumbs.redditmedia.com/r22WT2K4sio9Bvev.png\'); background-repeat: no-repeat; background-position: -16px -209px; }');
- RESUtils.addCSS('#userTaggerContents .show { display: inline-block; }');
- RESUtils.addCSS('#tagPageControls { display: inline-block; position: relative; top: 9px;}');
-
- var dbLinks = $('span.redditname a');
- if ($(dbLinks).length > 1) {
- $(dbLinks[0]).addClass('active');
- }
-
- // add each subreddit widget...
- // add the "add widget" form...
- this.attachContainer();
- this.attachAddComponent();
- this.attachEditComponent();
- this.initUpdateQueue();
- },
- initUpdateQueue: function() {
- modules['dashboard'].updateQueue = [];
- for (var i in this.widgets) if (this.widgets[i]) this.addWidget(this.widgets[i]);
- setTimeout(function () {
- $('#RESDashboard').dragsort({
- dragSelector: "div.RESDashboardComponentHeader",
- dragSelectorExclude: 'a, li, li.refreshAll, li.refresh > div, .editButton',
- dragEnd: modules['dashboard'].saveOrder,
- placeHolderTemplate: "<div class='placeHolder'><div></div></div>"
- });
- }, 300);
- },
- addToUpdateQueue: function(updateFunction) {
- modules['dashboard'].updateQueue.push(updateFunction);
- if (!modules['dashboard'].updateQueueTimer) {
- modules['dashboard'].updateQueueTimer = setInterval(modules['dashboard'].processUpdateQueue, 2000);
- setTimeout(modules['dashboard'].processUpdateQueue, 100);
- }
- },
- processUpdateQueue: function() {
- var thisUpdate = modules['dashboard'].updateQueue.pop();
- thisUpdate();
- if (modules['dashboard'].updateQueue.length < 1) {
- clearInterval(modules['dashboard'].updateQueueTimer);
- delete modules['dashboard'].updateQueueTimer;
- }
- },
- saveOrder: function() {
- var data = $("#siteTable li.RESDashboardComponent").map(function() { return $(this).attr("id"); }).get();
- data.reverse();
- var newOrder = [];
- for (var i=0, len=modules['dashboard'].widgets.length; i<len; i++) {
- var newIndex = data.indexOf(modules['dashboard'].widgets[i].basePath.replace(/(\/|\+)/g, '_'));
- newOrder[newIndex] = modules['dashboard'].widgets[i];
- }
- modules['dashboard'].widgets = newOrder;
- delete newOrder;
- RESStorage.setItem('RESmodules.dashboard.' + RESUtils.loggedInUser(), JSON.stringify(modules['dashboard'].widgets));
- },
- attachContainer: function() {
- this.siteTable = $('#siteTable.linklisting');
- $(this.siteTable).append('<div id="dashboardContents" class="dashboardPane" />');
- if ((location.hash !== '') && (location.hash !== '#dashboardContents')) {
- $('span.redditname a').removeClass('active');
- var activeTabID = location.hash.replace('#','#tab-');
- $(activeTabID).addClass('active');
- $('.dashboardPane').hide();
- $(location.hash).show();
- } else {
- $('#userTaggerContents').hide();
- }
- $('span.redditname a:first').click(function(e) {
- e.preventDefault();
- location.hash = 'dashboardContents';
- $('span.redditname a').removeClass('active');
- $(this).addClass('active');
- $('.dashboardPane').hide();
- $('#dashboardContents').show();
- });
- },
- attachEditComponent: function() {
- this.dashboardContents = $('#dashboardContents');
- this.dashboardEditComponent = $('<div id="RESDashboardEditComponent" class="RESDashboardComponent" />');
- $(this.dashboardEditComponent).html(' \
- <div class="editWidget">Edit widget</div> \
- <div id="editRedditFormContainer" class="editRedditForm"> \
- <form id="editRedditForm"><input type="text" id="editReddit"><input type="text" id="editRedditDisplayName" placeholder="display name (e.g. stuff)"><input type="submit" class="updateButton" value="save changes"> <input type="cancel" class="cancelButton" value="cancel"></form> \
- </div> \
- ');
- var thisEle = $(this.dashboardEditComponent).find('#editReddit');
-
- $(this.dashboardEditComponent).find('#editRedditForm').submit(
- function(e) {
- e.preventDefault();
- var thisBasePath = $('#editReddit').val();
- if (thisBasePath !== '') {
- if (thisBasePath.indexOf(',') !== -1) {
- thisBasePath = thisBasePath.replace(/\,/g,'+');
- }
- modules['dashboard'].widgetBeingEdited.formerBasePath = modules['dashboard'].widgetBeingEdited.basePath;
- modules['dashboard'].widgetBeingEdited.basePath = '/r/'+thisBasePath;
- modules['dashboard'].widgetBeingEdited.displayName = $('#editRedditDisplayName').val();
- modules['dashboard'].widgetBeingEdited.update();
- $('#editReddit').tokenInput('clear');
- $('#RESDashboardEditComponent').fadeOut(function() {
- $('#editReddit').blur();
- });
- modules['dashboard'].widgetBeingEdited.widgetEle.find('.widgetPath').text(modules['dashboard'].widgetBeingEdited.displayName).attr('title','/r/'+thisBasePath);
- modules['dashboard'].updateWidget();
- }
- }
- );
- $(this.dashboardEditComponent).find('.cancelButton').click(
- function(e) {
- $('#editReddit').tokenInput('clear');
- $('#RESDashboardEditComponent').fadeOut(function() {
- $('#editReddit').blur();
- });
- }
- );
- $(document.body).append(this.dashboardEditComponent);
- },
- showEditForm: function() {
- var basePath = modules['dashboard'].widgetBeingEdited.basePath;
- var widgetEle = modules['dashboard'].widgetBeingEdited.widgetEle;
- $('#editRedditDisplayName').val(modules['dashboard'].widgetBeingEdited.displayName);
- var eleTop = $(widgetEle).position().top;
- var eleWidth = $(widgetEle).width();
- $('#RESDashboardEditComponent').css('top',eleTop+'px').css('left','5px').css('width',(eleWidth+2)+'px').fadeIn('fast');
- basePath = basePath.replace(/^\/r\//,'');
- var prepop = [];
- var reddits = basePath.split('+');
- for (var i=0, len=reddits.length; i<len; i++) {
- prepop.push({
- id: reddits[i],
- name: reddits[i]
- });
- }
- if (typeof modules['dashboard'].firstEdit === 'undefined') {
- $('#editReddit').tokenInput('/api/search_reddit_names.json?app=res', {
- method: "POST",
- queryParam: "query",
- theme: "facebook",
- allowFreeTagging: true,
- zindex: 999999999,
- onResult: function(response) {
- var names = response.names;
- var results = [];
- for (var i=0, len=names.length; i<len; i++) {
- results.push({id: names[i], name: names[i]});
- }
- if (names.length === 0) {
- var failedQueryValue = $('#token-input-editReddit').val();
- results.push({id: failedQueryValue, name: failedQueryValue, failedResult: true});
- }
- return results;
- },
- onCachedResult: function(response) {
- var names = response.names;
- var results = [];
- for (var i=0, len=names.length; i<len; i++) {
- results.push({id: names[i], name: names[i]});
- }
- if (names.length === 0) {
- var failedQueryValue = $('#token-input-editReddit').val();
- results.push({id: failedQueryValue, name: failedQueryValue, failedResult: true});
- }
- return results;
- },
- prePopulate: prepop,
- searchingText: 'Searching for matching reddits - may take a few seconds...',
- hintText: 'Type one or more subreddits for which to create a widget.',
- resultsFormatter: function(item) {
- var thisDesc = item.name;
- if (item['failedResult']) thisDesc += ' - [this subreddit may not exist, ensure proper spelling]';
- return "<li>" + thisDesc + "</li>"
- }
- });
- modules['dashboard'].firstEdit = true;
- } else {
- $('#editReddit').tokenInput('clear');
- for (var i=0, len=prepop.length; i<len; i++) {
- $('#editReddit').tokenInput('add', prepop[i]);
- }
- }
- },
- attachAddComponent: function() {
- this.dashboardContents = $('#dashboardContents');
- this.dashboardAddComponent = $('<div id="RESDashboardAddComponent" class="RESDashboardComponent" />');
- $(this.dashboardAddComponent).html(' \
- <div class="addNewWidget">Add a new widget</div> \
- <div id="addWidgetButtons"> \
- <div class="addButton" id="addMailWidget">+mail widget</div> \
- <div class="addButton" id="addUserWidget">+user widget</div> \
- <div class="addButton" id="addRedditWidget">+subreddit widget</div> \
- </div> \
- <div id="addMailWidgetContainer"> \
- <div class="backToWidgetTypes">« back</div> \
- <div class="addButton widgetShortcut" widgetPath="/message/inbox/">+inbox</div> \
- <div class="addButton widgetShortcut" widgetPath="/message/unread/">+unread</div> \
- <div class="addButton widgetShortcut" widgetPath="/message/messages/">+messages</div> \
- <div class="addButton widgetShortcut" widgetPath="/message/comments/">+comment replies</div> \
- <div class="addButton widgetShortcut" widgetPath="/message/selfreply/">+post replies</div> \
- </div> \
- <div id="addUserFormContainer" class="addUserForm"> \
- <div class="backToWidgetTypes">« back</div> \
- <form id="addUserForm"><input type="text" id="addUser"><input type="submit" class="addButton" value="+add"></form> \
- </div> \
- <div id="addRedditFormContainer" class="addRedditForm"> \
- <div class="backToWidgetTypes">« back</div> \
- <form id="addRedditForm"><input type="text" id="addReddit"><input type="text" id="addRedditDisplayName" placeholder="display name (e.g. stuff)"><input type="submit" class="addButton" value="+add"></form> \
- </div> \
- ');
- $(this.dashboardAddComponent).find('.backToWidgetTypes').click(function(e) {
- $(this).parent().fadeOut(function() {
- $('#addWidgetButtons').fadeIn();
- });
- });
- $(this.dashboardAddComponent).find('.widgetShortcut').click(function(e) {
- var thisBasePath = $(this).attr('widgetPath');
- modules['dashboard'].addWidget({
- basePath: thisBasePath
- }, true);
- $('#addMailWidgetContainer').fadeOut(function() {
- $('#addWidgetButtons').fadeIn();
- });
- });
- $(this.dashboardAddComponent).find('#addRedditWidget').click(function(e) {
- $('#addWidgetButtons').fadeOut(function() {
- $('#addRedditFormContainer').fadeIn(function() {
- $('#token-input-addReddit').focus();
- });
- });
- });
- $(this.dashboardAddComponent).find('#addMailWidget').click(function(e) {
- $('#addWidgetButtons').fadeOut(function() {
- $('#addMailWidgetContainer').fadeIn();
- });
- });;
- $(this.dashboardAddComponent).find('#addUserWidget').click(function(e) {
- $('#addWidgetButtons').fadeOut(function() {
- $('#addUserFormContainer').fadeIn();
- });
- });;
- var thisEle = $(this.dashboardAddComponent).find('#addReddit');
- $(thisEle).tokenInput('/api/search_reddit_names.json?app=res', {
- method: "POST",
- queryParam: "query",
- theme: "facebook",
- allowFreeTagging: true,
- zindex: 999999999,
- onResult: function(response) {
- var names = response.names;
- var results = [];
- for (var i=0, len=names.length; i<len; i++) {
- results.push({id: names[i], name: names[i]});
- }
- if (names.length === 0) {
- var failedQueryValue = $('#token-input-addReddit').val();
- results.push({id: failedQueryValue, name: failedQueryValue, failedResult: true});
- }
- return results;
- },
- onCachedResult: function(response) {
- var names = response.names;
- var results = [];
- for (var i=0, len=names.length; i<len; i++) {
- results.push({id: names[i], name: names[i]});
- }
- if (names.length === 0) {
- var failedQueryValue = $('#token-input-addReddit').val();
- results.push({id: failedQueryValue, name: failedQueryValue, failedResult: true});
- }
- return results;
- },
- /* prePopulate: prepop, */
- searchingText: 'Searching for matching reddits - may take a few seconds...',
- hintText: 'Type one or more subreddits for which to create a widget.',
- resultsFormatter: function(item) {
- var thisDesc = item.name;
- if (item['failedResult']) thisDesc += ' - [this subreddit may not exist, ensure proper spelling]';
- return "<li>" + thisDesc + "</li>"
- }
- });
-
- $(this.dashboardAddComponent).find('#addRedditForm').submit(
- function(e) {
- e.preventDefault();
- var thisBasePath = $('#addReddit').val();
- if (thisBasePath !== '') {
- if (thisBasePath.indexOf(',') !== -1) {
- thisBasePath = thisBasePath.replace(/\,/g,'+');
- }
- var thisDisplayName = ($('#addRedditDisplayName').val()) ? $('#addRedditDisplayName').val() : thisBasePath;
- modules['dashboard'].addWidget({
- basePath: thisBasePath,
- displayName: thisDisplayName
- }, true);
- // $('#addReddit').val('').blur();
- $('#addReddit').tokenInput('clear');
- $('#addRedditFormContainer').fadeOut(function() {
- $('#addReddit').blur();
- $('#addWidgetButtons').fadeIn();
- });
- }
- }
- );
- $(this.dashboardAddComponent).find('#addUserForm').submit(
- function(e) {
- e.preventDefault();
- var thisBasePath = '/user/'+$('#addUser').val();
- modules['dashboard'].addWidget({
- basePath: thisBasePath
- }, true);
- $('#addUser').val('').blur();
- $('#addUserFormContainer').fadeOut(function() {
- $('#addWidgetButtons').fadeIn();
- });
-
- }
- );
- $(this.dashboardContents).append(this.dashboardAddComponent);
- this.dashboardUL = $('<ul id="RESDashboard"></ul>');
- $(this.dashboardContents).append(this.dashboardUL);
- },
- addWidget: function(optionsObject, isNew) {
- if (optionsObject.basePath.slice(0,1) !== '/') optionsObject.basePath = '/r/'+optionsObject.basePath;
- var exists=false;
- for (var i=0, len=this.widgets.length; i<len; i++) {
- if (this.widgets[i].basePath == optionsObject.basePath) {
- exists=true;
- break;
- }
- }
- // hide any shortcut button for this widget, since it exists... wait a second, though, or it causes rendering stupidity.
- setTimeout(function() {
- $('.widgetShortcut[widgetPath="'+optionsObject.basePath+'"]').hide();
- }, 1000);
- if (exists && isNew) {
- alert('A widget for '+optionsObject.basePath+' already exists!');
- } else {
- var thisWidget = new this.widgetObject(optionsObject);
- thisWidget.init();
- modules['dashboard'].saveWidget(thisWidget.optionsObject());
- }
- },
- removeWidget: function(optionsObject) {
- this.getLatestWidgets();
- var exists = false;
- for (var i=0, len=modules['dashboard'].widgets.length; i<len; i++) {
- if (modules['dashboard'].widgets[i].basePath == optionsObject.basePath) {
- exists = true;
- $('#'+modules['dashboard'].widgets[i].basePath.replace(/\/|\+/g,'_')).fadeOut('slow', function(ele) {
- $(this).detach();
- });
- modules['dashboard'].widgets.splice(i,1);
- // show any shortcut button for this widget, since we've now deleted it...
- setTimeout(function() {
- $('.widgetShortcut[widgetPath="'+optionsObject.basePath+'"]').show();
- }, 1000);
- break;
- }
- }
- if (!exists) {
- RESUtils.notification({
- moduleID: 'dashboard',
- type: 'error',
- message: 'The widget you just tried to remove does not seem to exist.'
- });
- }
- RESStorage.setItem('RESmodules.dashboard.' + RESUtils.loggedInUser(), JSON.stringify(modules['dashboard'].widgets));
- },
- saveWidget: function(optionsObject, init) {
- this.getLatestWidgets();
- var exists = false;
- for (var i=0, len=modules['dashboard'].widgets.length; i<len; i++) {
- if (modules['dashboard'].widgets[i].basePath == optionsObject.basePath) {
- exists = true;
- modules['dashboard'].widgets[i] = optionsObject;
- }
- }
- if (!exists) modules['dashboard'].widgets.push(optionsObject);
- RESStorage.setItem('RESmodules.dashboard.' + RESUtils.loggedInUser(), JSON.stringify(modules['dashboard'].widgets));
- },
- updateWidget: function() {
- this.getLatestWidgets();
- var exists = false;
- for (var i=0, len=modules['dashboard'].widgets.length; i<len; i++) {
- if (modules['dashboard'].widgets[i].basePath == modules['dashboard'].widgetBeingEdited.formerBasePath) {
- exists = true;
- delete modules['dashboard'].widgetBeingEdited.formerBasePath;
- modules['dashboard'].widgets[i] = modules['dashboard'].widgetBeingEdited.optionsObject();
- }
- }
- RESStorage.setItem('RESmodules.dashboard.' + RESUtils.loggedInUser(), JSON.stringify(modules['dashboard'].widgets));
- },
- widgetObject: function(widgetOptions) {
- var thisWidget = this; // keep a reference because the this keyword can mean different things in different scopes...
- thisWidget.basePath = widgetOptions.basePath;
- if ((typeof widgetOptions.displayName === 'undefined') || (widgetOptions.displayName === null)) {
- widgetOptions.displayName = thisWidget.basePath;
- }
- thisWidget.displayName = widgetOptions.displayName;
- thisWidget.numPosts = widgetOptions.numPosts || modules['dashboard'].options.defaultPosts.value;
- thisWidget.sortBy = widgetOptions.sortBy || modules['dashboard'].options.defaultSort.value;
- thisWidget.minimized = widgetOptions.minimized || false;
- thisWidget.widgetEle = $('<li class="RESDashboardComponent" id="'+thisWidget.basePath.replace(/\/|\+/g,'_')+'"><div class="RESDashboardComponentScrim"><div class="RESDashboardComponentLoader"><img id="dashboardLoader" src="'+modules['dashboard'].loader+'"><span>querying the server. one moment please.</span></div></div></li>');
- var editButtonHTML = (thisWidget.basePath.indexOf('/r/') === -1) ? '' : '<div class="editButton" title="edit"></div>';
- thisWidget.header = $('<div class="RESDashboardComponentHeader"><a class="widgetPath" title="'+thisWidget.basePath+'" href="'+thisWidget.basePath+'">'+thisWidget.displayName+'</a></div>');
- thisWidget.sortControls = $('<ul class="widgetSortButtons"><li sort="hot">hot</li><li sort="new">new</li><li sort="controversial">controversial</li><li sort="top">top</li></ul>');
- // return an optionsObject, which is what we'll store in the modules['dashboard'].widgets array.
- thisWidget.optionsObject = function() {
- return {
- basePath: thisWidget.basePath,
- displayName: thisWidget.displayName,
- numPosts: thisWidget.numPosts,
- sortBy: thisWidget.sortBy,
- minimized: thisWidget.minimized
- }
- }
- // set the sort by properly...
- $(thisWidget.sortControls).find('li[sort='+thisWidget.sortBy+']').addClass('active');
- $(thisWidget.sortControls).find('li').click(function(e) {
- thisWidget.sortChange($(e.target).attr('sort'));
- });
- $(thisWidget.header).append(thisWidget.sortControls);
- if ((thisWidget.basePath.indexOf('/r/') !== 0) && (thisWidget.basePath.indexOf('/user/') !== 0)) {
- setTimeout(function() {
- $(thisWidget.sortControls).hide();
- }, 100);
- }
- thisWidget.stateControls = $('<ul class="widgetStateButtons"><li class="updateTime"></li><li action="refresh" class="refresh"><div action="refresh"></div></li><li action="refreshAll" class="refreshAll">Refresh All</li><li action="addRow">+row</li><li action="subRow">-row</li><li action="edit" class="editButton"></li><li action="minimize" class="minimize">-</li><li action="delete" class="RESClose">×</li></ul>');
- $(thisWidget.stateControls).find('li').click(function (e) {
- switch ($(e.target).attr('action')) {
- case 'refresh':
- thisWidget.update();
- break;
- case 'refreshAll':
- $('li[action="refresh"]').click();
- break;
- case 'addRow':
- if (thisWidget.numPosts === 10) break;
- thisWidget.numPosts++;
- if (thisWidget.numPosts === 10) $(thisWidget.stateControls).find('li[action=addRow]').addClass('disabled');
- $(thisWidget.stateControls).find('li[action=subRow]').removeClass('disabled');
- modules['dashboard'].saveWidget(thisWidget.optionsObject());
- thisWidget.update();
- break;
- case 'subRow':
- if (thisWidget.numPosts === 0) break;
- thisWidget.numPosts--;
- if (thisWidget.numPosts === 1) $(thisWidget.stateControls).find('li[action=subRow]').addClass('disabled');
- $(thisWidget.stateControls).find('li[action=addRow]').removeClass('disabled');
- modules['dashboard'].saveWidget(thisWidget.optionsObject());
- thisWidget.update();
- break;
- case 'minimize':
- $(thisWidget.widgetEle).toggleClass('minimized');
- if ($(thisWidget.widgetEle).hasClass('minimized')) {
- $(e.target).text('+');
- thisWidget.minimized = true;
- } else {
- $(e.target).text('-');
- thisWidget.minimized = false;
- thisWidget.update();
- }
- $(thisWidget.contents).parent().slideToggle();
- modules['dashboard'].saveWidget(thisWidget.optionsObject());
- break;
- case 'delete':
- modules['dashboard'].removeWidget(thisWidget.optionsObject());
- break;
- }
- });
- $(thisWidget.header).append(thisWidget.stateControls);
- thisWidget.sortChange = function(sortBy) {
- thisWidget.sortBy = sortBy;
- $(thisWidget.header).find('ul.widgetSortButtons li').removeClass('active');
- $(thisWidget.header).find('ul.widgetSortButtons li[sort='+sortBy+']').addClass('active');
- thisWidget.update();
- modules['dashboard'].saveWidget(thisWidget.optionsObject());
- }
- thisWidget.edit = function(e) {
- modules['dashboard'].widgetBeingEdited = thisWidget;
- modules['dashboard'].showEditForm();
- }
- $(thisWidget.header).find('.editButton').click(thisWidget.edit);
- thisWidget.update = function() {
- if (thisWidget.basePath.match(/\/user\//)) {
- thisWidget.sortPath = (thisWidget.sortBy === 'hot') ? '/' : '?sort='+thisWidget.sortBy;
- } else if (thisWidget.basePath.match(/\/r\//)) {
- thisWidget.sortPath = (thisWidget.sortBy === 'hot') ? '/' : '/'+thisWidget.sortBy+'/';
- } else {
- thisWidget.sortPath = '';
- }
- thisWidget.url = location.protocol + '//' + location.hostname + '/' + thisWidget.basePath + thisWidget.sortPath;
- $(thisWidget.contents).fadeTo('fast',0.25);
- $(thisWidget.scrim).fadeIn();
- $.ajax({
- url: thisWidget.url,
- data: {
- limit: thisWidget.numPosts
- },
- success: thisWidget.populate,
- error: thisWidget.error
- });
- }
- thisWidget.container = $('<div class="RESDashboardComponentContainer"><div class="RESDashboardComponentContents"></div></div>');
- if (thisWidget.minimized) {
- $(thisWidget.container).addClass('minimized');
- $(thisWidget.stateControls).find('li.minimize').addClass('minimized').text('+');
- }
- thisWidget.scrim = $(thisWidget.widgetEle).find('.RESDashboardComponentScrim');
- thisWidget.contents = $(thisWidget.container).find('.RESDashboardComponentContents');
- thisWidget.init = function() {
- if (RESUtils.currentSubreddit('dashboard')) {
- thisWidget.draw();
- if (!thisWidget.minimized) modules['dashboard'].addToUpdateQueue(thisWidget.update);
- }
- }
- thisWidget.draw = function() {
- $(thisWidget.widgetEle).append(thisWidget.header);
- $(thisWidget.widgetEle).append(thisWidget.container);
- if (thisWidget.minimized) $(thisWidget.widgetEle).addClass('minimized');
- modules['dashboard'].dashboardUL.prepend(thisWidget.widgetEle);
- // $(thisWidget.scrim).fadeIn();
- }
- thisWidget.populate = function(response) {
- var widgetContent = $(response).find('#siteTable');
- $(widgetContent).attr('id','siteTable_'+thisWidget.basePath.replace(/\/|\+/g,'_'));
- if (widgetContent.length === 2) widgetContent = widgetContent[1];
- $(widgetContent).attr('url',thisWidget.url+'?limit='+thisWidget.numPosts);
- if ((widgetContent) && ($(widgetContent).html() !== '')) {
- // widgetContent will contain HTML from Reddit's page load. No XSS here or you'd already be hit, can't call escapeHTML on this either and wouldn't help anyhow.
- $(thisWidget.contents).html(widgetContent);
- $(thisWidget.contents).fadeTo('fast',1);
- $(thisWidget.scrim).fadeOut(function(e) {
- $(this).hide(); // make sure it is hidden in case the element isn't visible due to being on a different dashboard tab
- })
- $(thisWidget.stateControls).find('.updateTime').text('updated: '+RESUtils.niceDateTime());
- } else {
- if (thisWidget.url.indexOf('/message/') !== -1) {
- $(thisWidget.contents).html('<div class="widgetNoMail">No messages were found.</div>');
- } else {
- $(thisWidget.contents).html('<div class="error">There were no results returned for this widget. If you made a typo, simply close the widget to delete it. If reddit is just under heavy load, try clicking refresh in a few moments.</div>');
- }
- $(thisWidget.contents).fadeTo('fast',1);
- $(thisWidget.scrim).fadeOut();
- $(thisWidget.stateControls).find('.updateTime').text('updated: '+RESUtils.niceDateTime());
- }
- // now run watcher functions from other modules on this content...
- RESUtils.watchers.siteTable.forEach(function(callback) {
- if (callback) callback(widgetContent[0]);
- });
-
- }
- thisWidget.error = function(xhr, err) {
- // alert('There was an error loading data for this widget. Did you type a bad path, perhaps? Removing this widget automatically.');
- // modules['dashboard'].removeWidget(thisWidget.optionsObject());
- if (xhr.status === 404) {
- $(thisWidget.contents).html('<div class="error">This widget received a 404 not found error. You may have made a typo when adding it.</div>');
- } else {
- $(thisWidget.contents).html('<div class="error">There was an error loading data for this widget. Reddit may be under heavy load, or you may have provided an invalid path.</div>');
- }
- $(thisWidget.scrim).fadeOut();
- $(thisWidget.contents).fadeTo('fast',1);
- }
- },
- addDashboardShortcuts: function() {
- var subButtons = document.querySelectorAll('.fancy-toggle-button');
- for (var h=0, len=subButtons.length; h<len; h++) {
- var subButton = subButtons[h];
- if ((RESUtils.currentSubreddit().indexOf('+') === -1) && (RESUtils.currentSubreddit() !== 'mod')) {
- var thisSubredditFragment = RESUtils.currentSubreddit();
- var isMulti = false;
- } else if ($(subButton).parent().hasClass('subButtons')) {
- var isMulti = true;
- var thisSubredditFragment = $(subButton).parent().parent().find('a.title').text();
- } else {
- var isMulti = true;
- var thisSubredditFragment = $(subButton).next().text();
- }
- if (! ($('#subButtons-'+thisSubredditFragment).length>0)) {
- var subButtonsWrapper = $('<div id="subButtons-'+thisSubredditFragment+'" class="subButtons" style="margin: 0 !important;"></div>');
- $(subButton).wrap(subButtonsWrapper);
- // move this wrapper to the end (after any icons that may exist...)
- if (isMulti) {
- var theWrap = $(subButton).parent();
- $(theWrap).appendTo($(theWrap).parent());
- }
- }
- var dashboardToggle = document.createElement('span');
- dashboardToggle.setAttribute('class','REStoggle RESDashboardToggle');
- dashboardToggle.setAttribute('data-subreddit',thisSubredditFragment);
- var exists=false;
- for (var i=0, sublen=this.widgets.length; i<sublen; i++) {
- if ((this.widgets[i]) && (this.widgets[i].basePath.toLowerCase() === '/r/'+thisSubredditFragment.toLowerCase())) {
- exists=true;
- break;
- }
- }
- if (exists) {
- dashboardToggle.textContent = '-dashboard';
- dashboardToggle.setAttribute('title','Remove this subreddit from your dashboard');
- dashboardToggle.classList.add('remove');
- } else {
- dashboardToggle.textContent = '+dashboard';
- dashboardToggle.setAttribute('title','Add this subreddit to your dashboard');
- }
- dashboardToggle.setAttribute('data-subreddit',thisSubredditFragment)
- dashboardToggle.addEventListener('click', modules['dashboard'].toggleDashboard, false);
- $('#subButtons-'+thisSubredditFragment).append(dashboardToggle);
- var next = $('#subButtons-'+thisSubredditFragment).next();
- if ($(next).hasClass('title') && (! $('#subButtons-'+thisSubredditFragment).hasClass('swapped'))) {
- $('#subButtons-'+thisSubredditFragment).before($(next));
- $('#subButtons-'+thisSubredditFragment).addClass('swapped');
- }
- }
- },
- toggleDashboard: function(e) {
- var thisBasePath = '/r/'+$(e.target).data('subreddit');
- if (e.target.classList.contains('remove')) {
- modules['dashboard'].removeWidget({
- basePath: thisBasePath
- }, true);
- e.target.textContent = '+dashboard';
- e.target.classList.remove('remove');
- } else {
- modules['dashboard'].addWidget({
- basePath: thisBasePath
- }, true);
- e.target.textContent = '-dashboard';
- RESUtils.notification({
- header: 'Dashboard Notification',
- moduleID: 'dashboard',
- message: 'Dashboard widget added for '+thisBasePath+' <p><a class="RESNotificationButtonBlue" href="/r/Dashboard">view the dashboard</a></p><div class="clear"></div>'
- });
- e.target.classList.add('remove');
- }
- },
- addTab: function(tabID, tabName) {
- $('#siteTable.linklisting').append('<div id="'+tabID+'" class="dashboardPane" />');
- $('span.redditname').append('<a id="tab-'+tabID+'" class="dashboardTab" title="'+tabName+'">'+tabName+'</a>');
- $('#tab-'+tabID).click(function(e) {
- location.hash = tabID;
- $('span.redditname a').removeClass('active');
- $(this).addClass('active');
- $('.dashboardPane').hide();
- $('#'+tabID).show();
- });
- }
-};
-
-modules['subredditInfo'] = {
- moduleID: 'subredditInfo',
- moduleName: 'Subreddit Info',
- category: 'UI',
- options: {
- hoverDelay: {
- type: 'text',
- value: 800,
- description: 'Delay, in milliseconds, before hover tooltip loads. Default is 800.'
- },
- fadeDelay: {
- type: 'text',
- value: 200,
- description: 'Delay, in milliseconds, before hover tooltip fades away. Default is 200.'
- },
- fadeSpeed: {
- type: 'text',
- value: 0.3,
- description: 'Fade animation\'s speed. Default is 0.3, the range is 0-1. Setting the speed to 1 will disable the animation.'
- },
- USDateFormat: {
- type: 'boolean',
- value: false,
- description: 'Show date (subreddit created...) in US format (i.e. 08-31-2010)'
- }
- },
- description: 'Adds a hover tooltip to subreddits',
- isEnabled: function() {
- return RESConsole.getModulePrefs(this.moduleID);
- },
- include: [
- /^https?:\/\/([a-z]+)\.reddit\.com\/[\?]*/i
- ],
- isMatchURL: function() {
- return RESUtils.isMatchURL(this.moduleID);
- },
- beforeLoad: function() {
- if ((this.isEnabled()) && (this.isMatchURL())) {
- var css = '';
- css += '.subredditInfoToolTip .subredditLabel { float: left; width: 140px; margin-bottom: 12px; }';
- css += '.subredditInfoToolTip .subredditDetail { float: left; width: 240px; margin-bottom: 12px; }';
- css += '.subredditInfoToolTip .blueButton { float: right; margin-left: 8px; }';
- css += '.subredditInfoToolTip .redButton { float: right; margin-left: 8px; }';
- RESUtils.addCSS(css);
- }
- },
- go: function() {
- if ((this.isEnabled()) && (this.isMatchURL())) {
- // create a cache for subreddit data so we only load it once even if the hover is triggered many times
- this.subredditInfoCache = [];
- this.srRe = /\/r\/(\w+)(?:\/(new|rising|controversial|top))?\/?$/i;
-
- // get subreddit links and add event listeners...
- this.addListeners();
- RESUtils.watchForElement('siteTable', modules['subredditInfo'].addListeners);
- }
- },
- addListeners: function(ele) {
- var ele = ele || document.body;
- var subredditLinks = document.body.querySelectorAll('.listing-page a.subreddit, .comment .md a[href^="/r/"]');
- if (subredditLinks) {
- var len=subredditLinks.length;
- for (var i=0; i<len; i++) {
- var thisSRLink = subredditLinks[i];
- if (this.srRe.test(thisSRLink.href)) {
- thisSRLink.addEventListener('mouseover', function(e) {
- RESUtils.hover.begin(e.target, {
- width: 450,
- openDelay: modules['subredditInfo'].options.hoverDelay.value,
- fadeDelay: modules['subredditInfo'].options.fadeDelay.value,
- fadeSpeed: modules['subredditInfo'].options.fadeSpeed.value
- }, modules['subredditInfo'].showSubredditInfo, {});
- }, false);
- }
- }
- }
- },
- showSubredditInfo: function(def, obj, context) {
- var mod = modules['subredditInfo'];
- var thisSubreddit = obj.textContent.replace("/r/","");
- var header = document.createDocumentFragment();
- var link = $('<a href="/r/'+escapeHTML(thisSubreddit)+'">/r/' + escapeHTML(thisSubreddit) + '</a>');
- header.appendChild(link[0]);
- if (RESUtils.loggedInUser()) {
- var subscribeToggle = $('<span />');
- subscribeToggle
- .attr('id', 'RESHoverInfoSubscriptionButton')
- .addClass('RESFilterToggle')
- .css('margin-left', '12px')
- .hide()
- .on('click', modules['subredditInfo'].toggleSubscription);
- modules['subredditInfo'].updateToggleButton(subscribeToggle, false);
-
- header.appendChild(subscribeToggle[0]);
- }
- var body = '\
- <div class="subredditInfoToolTip">\
- <a class="hoverSubreddit" href="/user/'+escapeHTML(thisSubreddit)+'">'+escapeHTML(thisSubreddit)+'</a>:<br>\
- <img src="'+RESConsole.loader+'"> loading...\
- </div>';
- def.notify(header, null);
- if (typeof mod.subredditInfoCache[thisSubreddit] !== 'undefined') {
- mod.writeSubredditInfo(mod.subredditInfoCache[thisSubreddit], def);
- } else {
- GM_xmlhttpRequest({
- method: "GET",
- url: location.protocol + "//"+location.hostname+"/r/" + thisSubreddit + "/about.json?app=res",
- onload: function(response) {
- var thisResponse = safeJSON.parse(response.responseText, null, true);
- if (thisResponse) {
- mod.updateCache(thisSubreddit, thisResponse);
- mod.writeSubredditInfo(thisResponse, def);
- } else {
- mod.writeSubredditInfo({}, def);
- }
- }
- });
- }
- },
- updateCache: function(subreddit, data) {
- subreddit = subreddit.toLowerCase();
- if (!data.data) {
- data = { data : data };
- }
- this.subredditInfoCache = this.subredditInfoCache || [];
- this.subredditInfoCache[subreddit] = $.extend(true, {}, this.subredditInfoCache[subreddit], data);
- },
- writeSubredditInfo: function(jsonData, deferred) {
- if (!jsonData.data) {
- var srHTML = '<div class="subredditInfoToolTip">Subreddit not found</div>';
- var newBody = $(srHTML);
- deferred.resolve(null, newBody)
- return;
- }
- var utctime = jsonData.data.created_utc;
- var d = new Date(utctime * 1000);
- var isOver18;
- jsonData.data.over18 === true ? isOver18 = 'Yes' : isOver18 = 'No';
- var srHTML = '<div class="subredditInfoToolTip">';
- srHTML += '<div class="subredditLabel">Subreddit created:</div> <div class="subredditDetail">' + RESUtils.niceDate(d, this.options.USDateFormat.value) + ' (' + RESUtils.niceDateDiff(d) + ')</div>';
- srHTML += '<div class="subredditLabel">Subscribers:</div> <div class="subredditDetail">' + RESUtils.addCommas(jsonData.data.subscribers) + '</div>';
- srHTML += '<div class="subredditLabel">Title:</div> <div class="subredditDetail">' + escapeHTML(jsonData.data.title) + '</div>';
- srHTML += '<div class="subredditLabel">Over 18:</div> <div class="subredditDetail">' + escapeHTML(isOver18) + '</div>';
- // srHTML += '<div class="subredditLabel">Description:</div> <div class="subredditDetail">' + jsonData.data.description + '</div>';
- srHTML += '<div class="clear"></div><div id="subTooltipButtons" class="bottomButtons">';
- srHTML += '<div class="clear"></div></div>'; // closes bottomButtons div
- srHTML += '</div>';
-
- var newBody = $(srHTML);
- // bottom buttons will include: +filter +shortcut +dashboard (maybe sub/unsub too?)
- if (modules['subredditManager'].isEnabled()) {
- var theSC = document.createElement('span');
- theSC.setAttribute('style','display: inline-block !important;');
- theSC.setAttribute('class','REStoggle RESshortcut RESshortcutside');
- theSC.setAttribute('data-subreddit',jsonData.data.display_name.toLowerCase());
- var idx = -1;
- for (var i=0, len=modules['subredditManager'].mySubredditShortcuts.length; i<len; i++) {
- if (modules['subredditManager'].mySubredditShortcuts[i].subreddit.toLowerCase() == jsonData.data.display_name.toLowerCase()) {
- idx=i;
- break;
- }
- }
- if (idx !== -1) {
- theSC.textContent = '-shortcut';
- theSC.setAttribute('title','Remove this subreddit from your shortcut bar');
- theSC.classList.add('remove');
- } else {
- theSC.textContent = '+shortcut';
- theSC.setAttribute('title','Add this subreddit to your shortcut bar');
- }
- theSC.addEventListener('click', modules['subredditManager'].toggleSubredditShortcut, false);
-
- newBody.find('#subTooltipButtons').append(theSC);
- }
- if (modules['dashboard'].isEnabled()) {
- var dashboardToggle = document.createElement('span');
- dashboardToggle.setAttribute('class','RESDashboardToggle');
- dashboardToggle.setAttribute('data-subreddit',jsonData.data.display_name.toLowerCase());
- var exists=false;
- for (var i=0, len=modules['dashboard'].widgets.length; i<len; i++) {
- if ((modules['dashboard'].widgets[i]) && (modules['dashboard'].widgets[i].basePath.toLowerCase() === '/r/'+jsonData.data.display_name.toLowerCase())) {
- exists=true;
- break;
- }
- }
- if (exists) {
- dashboardToggle.textContent = '-dashboard';
- dashboardToggle.setAttribute('title','Remove this subreddit from your dashboard');
- dashboardToggle.classList.add('remove');
- } else {
- dashboardToggle.textContent = '+dashboard';
- dashboardToggle.setAttribute('title','Add this subreddit to your dashboard');
- }
- dashboardToggle.addEventListener('click', modules['dashboard'].toggleDashboard, false);
- newBody.find('#subTooltipButtons').append(dashboardToggle);
- }
- if (modules['filteReddit'].isEnabled()) {
- var filterToggle = document.createElement('span');
- filterToggle.setAttribute('class','RESFilterToggle');
- filterToggle.setAttribute('data-subreddit',jsonData.data.display_name.toLowerCase());
- var exists=false;
- var filteredReddits = modules['filteReddit'].options.subreddits.value;
- for (var i=0, len=filteredReddits.length; i<len; i++) {
- if ((filteredReddits[i]) && (filteredReddits[i][0].toLowerCase() == jsonData.data.display_name.toLowerCase())) {
- exists=true;
- break;
- }
- }
- if (exists) {
- filterToggle.textContent = '-filter';
- filterToggle.setAttribute('title','Stop filtering from /r/all and /domain/*');
- filterToggle.classList.add('remove');
- } else {
- filterToggle.textContent = '+filter';
- filterToggle.setAttribute('title','Filter this subreddit from /r/all and /domain/*');
- }
- filterToggle.addEventListener('click', modules['filteReddit'].toggleFilter, false);
- newBody.find('#subTooltipButtons').append(filterToggle);
- }
-
- if (RESUtils.loggedInUser()) {
- var subscribed = !!jsonData.data.user_is_subscriber;
-
- var subscribeToggle = $('#RESHoverInfoSubscriptionButton');
- subscribeToggle.attr('data-subreddit',jsonData.data.display_name.toLowerCase());
- modules['subredditInfo'].updateToggleButton(subscribeToggle, subscribed);
- subscribeToggle.fadeIn('fast');
- }
-
- deferred.resolve(null, newBody)
- },
- updateToggleButton: function(toggleButton, subscribed) {
- if (toggleButton instanceof jQuery) toggleButton = toggleButton[0];
- var toggleOn = '+subscribe';
- var toggleOff = '-unsubscribe';
- if (subscribed) {
- toggleButton.textContent = toggleOff;
- toggleButton.classList.add('remove');
- } else {
- toggleButton.textContent = toggleOn;
- toggleButton.classList.remove('remove');
- }
- },
- toggleSubscription: function(e) {
- // Get info
- var subscribeToggle = e.target;
- var subreddit = subscribeToggle.getAttribute('data-subreddit').toLowerCase();
- var subredditData = modules['subredditInfo'].subredditInfoCache[subreddit].data;
- var subscribing = !subredditData.user_is_subscriber;
-
- modules['subredditInfo'].updateToggleButton(subscribeToggle, subscribing);
-
- modules['subredditManager'].subscribeToSubreddit(subredditData.name, subscribing);
- modules['subredditInfo'].updateCache(subreddit, { 'user_is_subscriber': subscribing });
- }
-}; // note: you NEED this semicolon at the end!
-
-
-
-/**
- * CommentHidePersistor - stores hidden comments in localStorage and re-hides
- * them on reload of the page.
-**/
-m_chp = modules['commentHidePersistor'] = {
- moduleID: 'commentHidePersistor',
- moduleName: 'Comment Hide Persistor',
- category: 'Comments',
- description: 'Saves the state of hidden comments across page views.',
- allHiddenThings: {},
- hiddenKeys: [],
- hiddenThings: [],
- hiddenThingsKey: window.location.href,
- maxKeys: 100,
- pruneKeysTo: 50,
-
- options: {},
- isEnabled: function () {
- return RESConsole.getModulePrefs(this.moduleID);
- },
- include: [
- /^https?:\/\/([a-z]+)\.reddit\.com\/[-\w\.\/]+\/comments\/[-\w\.]+/i,
- /^https?:\/\/([a-z]+)\.reddit\.com\/comments\/[-\w\.]+/i
- ],
- isMatchURL: function () {
- return RESUtils.isMatchURL(this.moduleID);
- },
- go: function () {
- if ((this.isEnabled()) && (this.isMatchURL())) {
- m_chp.bindToHideLinks();
- m_chp.hideHiddenThings();
- }
- },
- bindToHideLinks: function () {
- /**
- * For every expand/collapse link, add a click listener that will
- * store or remove the comment ID from our list of hidden comments.
- **/
- $('body').on('click', 'a.expand', function () {
- var thing = $(this).parents('.thing'),
- thingId = thing.data('fullname'),
- collapsing = !$(this).parent().is('.collapsed');
-
- /* Add our key to pages interacted with, for potential pruning
- later */
- if (m_chp.hiddenKeys.indexOf(m_chp.hiddenThingsKey) === -1) {
- m_chp.hiddenKeys.push(m_chp.hiddenThingsKey);
- }
-
- if (collapsing) {
- m_chp.addHiddenThing(thingId);
- } else {
- m_chp.removeHiddenThing(thingId);
- }
- });
- },
- loadHiddenThings: function () {
- var hidePersistorJson = RESStorage.getItem('RESmodules.commentHidePersistor.hidePersistor')
-
- if (hidePersistorJson) {
- try {
- m_chp.hidePersistorData = safeJSON.parse(hidePersistorJson)
- m_chp.allHiddenThings = m_chp.hidePersistorData['hiddenThings']
- m_chp.hiddenKeys = m_chp.hidePersistorData['hiddenKeys']
-
- /**
- * Prune allHiddenThings of old content so it doesn't get
- * huge.
- **/
- if (m_chp.hiddenKeys.length > m_chp.maxKeys) {
- var pruneStart = m_chp.maxKeys - m_chp.pruneKeysTo,
- newHiddenThings = {},
- newHiddenKeys = [];
-
- /* Recreate our object as a subset of the original */
- for (var i=pruneStart; i < m_chp.hiddenKeys.length; i++) {
- var hiddenKey = m_chp.hiddenKeys[i];
- newHiddenKeys.push(hiddenKey);
- newHiddenThings[hiddenKey] = m_chp.allHiddenThings[hiddenKey];
- }
- m_chp.allHiddenThings = newHiddenThings;
- m_chp.hiddenKeys = newHiddenKeys;
- m_chp.syncHiddenThings();
- }
-
- if (typeof m_chp.allHiddenThings[m_chp.hiddenThingsKey] !== 'undefined') {
- m_chp.hiddenThings = m_chp.allHiddenThings[m_chp.hiddenThingsKey];
- return;
- }
- } catch(e) {}
- }
- },
- addHiddenThing: function (thingId) {
- var i = m_chp.hiddenThings.indexOf(thingId);
- if (i === -1) {
- m_chp.hiddenThings.push(thingId);
- }
- m_chp.syncHiddenThings();
- },
- removeHiddenThing: function (thingId) {
- var i = m_chp.hiddenThings.indexOf(thingId);
- if (i !== -1) {
- m_chp.hiddenThings.splice(i, 1);
- }
- m_chp.syncHiddenThings();
- },
- syncHiddenThings: function () {
- var hidePersistorData;
- m_chp.allHiddenThings[m_chp.hiddenThingsKey] = m_chp.hiddenThings;
- hidePersistorData = {
- 'hiddenThings': m_chp.allHiddenThings,
- 'hiddenKeys': m_chp.hiddenKeys
- }
- RESStorage.setItem('RESmodules.commentHidePersistor.hidePersistor', JSON.stringify(hidePersistorData));
- },
- hideHiddenThings: function () {
- m_chp.loadHiddenThings();
-
- for(var i=0, il=m_chp.hiddenThings.length; i < il; i++) {
- var thingId = m_chp.hiddenThings[i],
- // $hideLink = $('div.id-' + thingId + ':first > div.entry div.noncollapsed a.expand');
- // changed how this is grabbed and clicked due to firefox not working properly with it.
- $hideLink = document.querySelector('div.id-' + thingId + ' > div.entry div.noncollapsed a.expand');
- if ($hideLink) {
- /**
- * Zero-length timeout to defer this action until after the
- * other modules have finished. For some reason without
- * deferring the hide was conflicting with the
- * commentNavToggle width.
- **/
- (function ($hideLink) {
- window.setTimeout(function () {
- // $hideLink.click();
- RESUtils.click($hideLink);
- }, 0);
- })($hideLink)
- }
- }
- }
-};
-
-
-
-
-modules['bitcointip'] = {
- moduleID: 'bitcointip',
- moduleName: 'bitcointip',
- category: 'Users',
- disabledByDefault: true,
- description: 'Send <a href="http://bitcoin.org/" target="_blank">' +
- 'bitcoin</a> to other redditors via <a href="/r/bitcointip" ' +
- 'target="_blank">bitcointip</a>. <br><br>' +
- 'For more information, visit <a href="/r/bitcointip" ' +
- 'target="_blank">/r/bitcointip</a> or <a href="/13iykn" ' +
- 'target="_blank">read the documentation</a>.',
- options: {
- baseTip: {
- name: 'Default Tip',
- type: 'text',
- value: '0.01 BTC',
- description: 'Default tip amount in the form of ' +
- '"[value] [units]", e.g. "0.01 BTC"'
- },
- attachButtons: {
- name: 'Add "tip bitcoins" Button',
- type: 'boolean',
- value: true,
- description: 'Attach "tip bitcoins" button to comments'
- },
- hide: {
- name: 'Hide Bot Verifications',
- type: 'boolean',
- value: true,
- description: 'Hide bot verifications'
- },
- status: {
- name: 'Tip Status Format',
- type: 'enum',
- values: [
- { name: 'detailed', value: 'detailed' },
- { name: 'basic', value: 'basic' },
- { name: 'none', value: 'none' }
- ],
- value: 'detailed',
- description: 'Tip status - level of detail'
- },
- currency: {
- name: 'Preferred Currency',
- type: 'enum',
- values: [
- { name: 'BTC', value: 'BTC' },
- { name: 'USD', value: 'USD' },
- { name: 'JPY', value: 'JPY' },
- { name: 'GBP', value: 'GBP' },
- { name: 'EUR', value: 'EUR' }
- ],
- value: 'USD',
- description: 'Preferred currency units'
- },
- balance: {
- name: 'Display Balance',
- type: 'boolean',
- value: true,
- description: 'Display balance'
- },
- subreddit: {
- name: 'Display Enabled Subreddits',
- type: 'boolean',
- value: false,
- description: 'Display enabled subreddits'
- },
- address: {
- name: 'Known User Addresses',
- type: 'table',
- addRowText: '+add address',
- fields: [
- {name: 'user', type: 'text'},
- {name: 'address', type: 'text'}
- ],
- value: [
- /* ['skeeto', '1...'] */
- ],
- description: 'Mapping of usernames to bitcoin addresses'
- },
- fetchWalletAddress: {
- text: 'Search private messages',
- description: "Search private messages for bitcoin wallet associated with the current username." +
- "<p>You must be logged in to search.</p>" +
- "<p>After clicking the button, you must reload the page to see newly-found addresses.</p>",
- type: 'button',
- callback: null // populated when module loads
- }
- },
- isEnabled: function() {
- return RESConsole.getModulePrefs(this.moduleID);
- },
- include: [
- /^https?:\/\/([a-z]+)\.reddit\.com\/[\?]*/i
- ],
- exclude: [
- /^https?:\/\/([a-z]+)\.reddit\.com\/[\?]*\/user\/bitcointip\/?/i
- ],
- isMatchURL: function() {
- return RESUtils.isMatchURL(this.moduleID);
- },
- beforeLoad: function() {
- this.options.fetchWalletAddress.callback = this.fetchAddressForCurrentUser.bind(this);
- RESUtils.addCSS('.tip-bitcoins { cursor: pointer; }');
- RESUtils.addCSS('.tips-enabled-icon { cursor: help; }');
- RESUtils.addCSS('#tip-menu { display: none; position: absolute; top: 0; left: 0; }');
- // fix weird z-indexing issue caused by reddit's default .dropdown class
- RESUtils.addCSS('.tip-wrapper .dropdown { position: static; }');
- },
-
- go: function() {
- if (!this.isEnabled() || !this.isMatchURL()) {
- return;
- }
-
- if (this.options.status.value === 'basic') {
- this.icons.pending = this.icons.completed;
- this.icons.reversed = this.icons.completed;
- }
-
- if (this.options.subreddit.value) {
- this.attachSubredditIndicator();
- }
-
- if (this.options.balance.value) {
- this.attachBalance();
- }
-
- if (RESUtils.currentSubreddit() === 'bitcointip') {
- this.injectBotStatus();
- }
-
- if (RESUtils.pageType() === 'comments') {
- if (this.options.attachButtons.value) {
- this.attachTipButtons();
- RESUtils.watchForElement('newComments', modules['bitcointip'].attachTipButtons.bind(this));
- this.attachTipMenu();
- }
-
- if (this.options.hide.value) {
- this.hideVerifications();
- RESUtils.watchForElement('newComments', modules['bitcointip'].hideVerifications.bind(this));
- }
-
-
- if (this.options.status.value !== 'none') {
- this.scanForTips();
- RESUtils.watchForElement('newComments', this.scanForTips.bind(this));
- }
- }
- },
-
- save: function save() {
- var json = JSON.stringify(this.options);
- RESStorage.setItem('RESoptions.bitcoinTip', json);
- },
-
- load: function load() {
- var json = RESStorage.getItem('RESoptions.bitcoinTip');
- if (json) {
- this.options = JSON.parse(json);
- }
- },
-
-
- /** Specifies how to find tips. */
- tipregex: /\+((\/u\/)?bitcointip|bitcoin|tip|btctip|bittip|btc)/i,
- tipregexFun: /(\+((?!0)(\d{1,4})) (point|internet|upcoin))/i,
-
- /** How many milliseconds until the bot is considered down. */
- botDownThreshold: 15 * 60 * 1000,
-
- /** Bitcointip API endpoints. */
- api: {
- gettips: '//bitcointip.net/api/gettips.php',
- gettipped: '//bitcointip.net/api/gettipped.php',
- subreddits: '//bitcointip.net/api/subreddits.php',
- balance: '//bitcointip.net/api/balance.php'
- },
-
- /** Encoded tipping icons. */
- icons: {
- completed: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAMAAABFNRROAAAAt1BMVEX///8AAAAAyAAAuwAAwQcAvAcAvwAAwQYAyAUAxAUAxwQAwgQAvAMAxQYAvwYAxQYAxwU5yT060j460j871T89wUE9wkFGokdGu0hIzExJl09JmE9JxExJxE1K1U9K1k5Ll09LmVNMmVNM2FBNmlRRx1NSzlRTqlVUslZU1ldVq1hVrFdV2FhWrFhX21pZqlphrWJh3WRotGtrqm1stW91sXd2t3h5t3urz6zA2sHA28HG3sf4+PhvgZhQAAAAEXRSTlMAARweJSYoLTM0O0dMU1dYbkVIv+oAAACKSURBVHjaVc7XEoIwEIXhFRED1tBUxBaPFSyxK3n/5zIBb/yv9pudnVky2Ywxm345MHkVXByllPm4W24qrLbzdo1sLPPRepc+XlnSIAuz9DQYPtXnkLhUF/ysrndV3CYLRpbg2VtpxFMwfRfEl8IghEPUhB9t9lEQoke6FnzONfpU5kEIoKOn/z+/pREPWTic38sAAAAASUVORK5CYII=",
- cancelled: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAMAAABFNRROAAAAQlBMVEX///+qAAAAAAC/AADIABSaTU3YMDDcPj7cSEjeUFDiZGTld3fmfHzoiorqkJDqlpbupKTuqqr99fX99/f+/Pz////kWqLlAAAABXRSTlMAAwcIM6KYVMQAAABfSURBVHjaXc7JDsAgCEVRsYpIBzro//9qHyHpond3AgkklIuXPKJcqleIIEB6FwEhQEW0t4rlUtt+22ZTMQ09NqZyiK8BtBCvc9iDWegY526hBVRmdcQ9RgD9f/G+P1+JEwRF2vKhRgAAAABJRU5ErkJggg==",
- tipped: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAANCAMAAACq939wAAAA/FBMVEWqVQCqcQCZZgCLXQCdYgDMjACOXACOXwCacQCfcQCqegCwggChggCnfwCwggCthACtgQC9iACleQC+iwDMlgDJlACmfgDDiwDBjADHlQDJnQDFlQDKmAChfRGjgBOmfhKmghKnghOqhBKthxOviROvjB+vjCGvjCOwiRSwihixixWxjSGziBOzkSmzky+0kSa0kiy3jxW8kxS8mCi8n0i8oEq9lBe9mSvOoBbUrTTUrTjbukXcsTDctDrdtj/exHbexXDfwWXfwmvjrBnksRjksx7lrhnqx17qyWTqymrq377rz3nr2qftuiHtvSv67cD67sj+997/+OX///8rcy1sAAAAHXRSTlMDCQoLDRQkKystMDc5Oj0+QUlKS0tMTVFSV15/i6wTI/gAAACWSURBVHjaHcrnAoFQGADQryI7sjNKN0RKZJVNQ8io938YN+f3ASDp1B9NAhD15UzXNH26KhNQXZyDBxZcNlloKadvFIbR56owUOFV9425ai8PrGwZaITQeisXoKHs7k/MP44ZaHYl54U5El8EdmjNEWbEjesf/Ljd9v0S1ETBtD3PNgUxB8nOQIybOGknAKgMy2FsmoIflIEZdK7PshkAAAAASUVORK5CYII=",
- pending: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAABWUlEQVR4nI2Sy0sCURTGD6S2jjYFrdy0DNpEhokb8zFm5YyaO6NFYNGqF/0hPZYtR79FUbgw0BFtDKIgUCSpv8Od3XtGJzWDBj64h/l+954XdbtdGhQZkzNUd7ptifiXZygo0Wz0WsWoyHTMj4Wo6nRLQ7KdRuZz15bWSiF0GQOVXJ4hqP/COGDTjEO9SyByIcDHiUXiT+QsAaW1wabgi4KtVxVqM4lQVcFx4RS5tzy0vIgZFDVTnaYkFG6us2lbTyNws4ZAMYizwjk6nQ7KbQOJfMqCRBlERZpWruJYfvYigx02ZfUDHN2e8Pnpy8T+w6G4MIqI8HFH5Ut9SKZQ/jDYPAh4K36EGzGrkwz1avK8+/jn3n2WzaPASsNnQaJpvYG65ixwFV7Dj7iuQcul+Cwvs4Ga1fafOVUcC31Qpio1BJjO0PiNEJPn9osapeyNqLmW/lyj/+7eN1qRZT0kKLSqAAAAAElFTkSuQmCC",
- reversed: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAABOklEQVR42p2SvU4CQRSFj+9h7DQ2VmsDCy0/Cw2wsNtuRwixIiQ8CZaWGDBaaAiJyVAg2xi1AaTQ19jyOHeSIbLBxuIkM7Pn23PvnQHJPSngNAYcK9mnPWng/LpaZVoadg9CC+BSDNsg4FcU7bRpNjkslaiAYAfZhL+AuFbjQ6PBYaXCZ6AK4Mj0IMBGH4rptVjkW73Ote9zUS5z2u/zfTzmRBL1XoNniIFjgdaeZ0yjMORNocCZ1nQwYJIk3CrFSatlIGkDM+BEouNMhndRZEyjTof3vZ5Zfy+XfOp2zQ+ND3BMkoWkhE+lxLwHzPN5rjzPTtLZ9fSRzZqPj+22MaeBlesaSIZmp3dhQZXLcaQHcev7sjZnFngBwr17mgNFC+pSRRawZV0dfBFy89ogDYvEbBMav33/ens/XHaDp7U/bFsAAAAASUVORK5CYII="
- },
-
- /** Specifies how to display different currencies. */
- currencies: {
- USD: {unit: 'US$', precision: 2},
- BTC: {unit: '฿'},
- JPY: {unit: 'Â¥'},
- GBP: {unit: '£', precision: 2},
- EUR: {unit: '€', precision: 2},
- AUD: {unit: 'A$', precision: 2},
- CAD: {unit: 'C$', precision: 2}
- },
-
- /** Return a DOM element to separate items in the user bar. */
- separator: function() {
- return $('<span>|</span>').addClass('separator');
- },
-
- /** Convert a quantity into a string. */
- quantityString: function quantityString(object) {
- var pref = this.options.currency.value.toUpperCase();
- var unit = this.currencies[pref];
- var amount = object['amount' + pref] || object['balance' + pref];
- if (amount == null) {
- amount = object['amountBTC'] || object['balanceBTC'];
- unit = this.currencies['BTC'];
- }
- if (unit.precision) {
- amount = parseFloat(amount).toFixed(unit.precision);
- }
- return unit.unit + amount;
- },
-
- tipPublicly: function tipPublicly($target) {
- var form = null;
- if ($target.closest('.link').length > 0) { /* Post */
- form = $('.commentarea .usertext:first');
- } else { /* Comment */
- var replyButton = $target.closest('ul').find('a[onclick*="reply"]');
- RESUtils.click(replyButton[0]);
- form = $target.closest('.thing').find('FORM.usertext.cloneable:first');
- }
- var textarea = form.find('textarea');
- if (!textarea.val().match(this.tipregex)) {
- textarea.val(textarea.val() + '\n\n+/u/bitcointip ' + this.options.baseTip.value);
- RESUtils.setCursorPosition(textarea, 0);
- }
- },
-
- tipPrivately: function tipPrivately($target) {
- var form = null;
- if ($target.closest('.link').length > 0) { /* Post */
- form = $('.commentarea .usertext:first');
- } else {
- form = $target.closest('.thing').find(".child .usertext:first");
- }
- if (form.length > 0 && form.find('textarea').val()) {
- /* Confirm if a comment has been entered. */
- if (!confirm('Really leave this page to tip privately?')) {
- return;
- }
- }
- var user = $target.closest('.thing').find('.author:first').text();
- var msg = encodeURIComponent('+/u/bitcointip @' + user + ' ' + this.options.baseTip.value);
- var url = '/message/compose?to=bitcointip&subject=Tip&message=' + msg;
- window.location = url;
- },
-
- attachTipButtons: function attachTipButtons(ele) {
- ele = ele || document.body;
- var module = this;
- if (!module.tipButton) {
- module.tipButton = $(
- '<span class="tip-wrapper">' +
- '<div class="dropdown">' +
- '<a class="tip-bitcoins login-required" title="Click to give a bitcoin tip">bitcointip</a>' +
- '</div>' +
- '</span>');
- module.tipButton.bind('click', function(e) {
- modules['bitcointip'].toggleTipMenu(e.target);
- });
- }
-
-
- /* Add the "tip bitcoins" button after "give gold". */
- var allGiveGoldLinks = ele.querySelectorAll('a.give-gold');
- RESUtils.forEachChunked(allGiveGoldLinks, 15, 1000, function(giveGold, i, array) {
- $(giveGold).parent().after($('<li/>')
- .append(modules['bitcointip'].tipButton.clone(true)));
- });
-
- if (!module.attachedPostTipButton) {
- module.attachedPostTipButton = true; // signifies either "attached button" or "decided not to attach button"
-
- if (!RESUtils.isCommentPermalinkPage() && $('.link').length === 1) {
- // Viewing full comments on a submission, so user can comment on post
- $('.link ul.buttons .share').after($('<li/>')
- .append(modules['bitcointip'].tipButton.clone(true)));
- }
- }
-
- },
-
- attachTipMenu: function() {
- this.tipMenu =
- $('<div id="tip-menu" class="drop-choices">' +
- '<a class="choice tip-publicly" href="javascript:void(0);">tip publicly</a>' +
- '<a class="choice tip-privately" href="javascript:void(0);">tip privately</a>' +
- '</div>');
-
- if (modules['settingsNavigation']) { // affordance for userscript mode
- this.tipMenu.append(
- modules['settingsNavigation'].makeUrlHashLink(this.moduleID, null,
- '<img src="' + this.icons.tipped + '"> bitcointip', 'choice')
- );
- }
- $(document.body).append(this.tipMenu);
-
- this.tipMenu.find('a').click(function(event) {
- modules['bitcointip'].toggleTipMenu();
- });
-
- this.tipMenu.find('.tip-publicly').click(function(event) {
- event.preventDefault();
- modules['bitcointip'].tipPublicly($(modules['bitcointip'].lastToggle));
- });
-
- this.tipMenu.find('.tip-privately').click(function(event) {
- event.preventDefault();
- modules['bitcointip'].tipPrivately($(modules['bitcointip'].lastToggle));
- });
- },
-
-
- toggleTipMenu: function(ele) {
- var tipMenu = modules['bitcointip'].tipMenu;
-
- if (!ele || ele.length === 0) {
- tipMenu.hide();
- return;
- }
-
- var thisXY = $(ele).offset();
- var thisHeight = $(ele).height();
- // if already visible and we've clicked a different trigger, hide first, then show after the move.
- if ((tipMenu.is(':visible')) && (modules['bitcointip'].lastToggle !== ele)) {
- tipMenu.hide();
- }
- tipMenu.css({
- top: (thisXY.top+thisHeight)+'px',
- left: thisXY.left+'px'
- });
- tipMenu.toggle();
- modules['bitcointip'].lastToggle = ele;
- },
-
- attachSubredditIndicator: function() {
- var subreddit = RESUtils.currentSubreddit();
- if (subreddit && this.getAddress(RESUtils.loggedInUser())) {
- $.getJSON(this.api.subreddits, function(data) {
- if (data.subreddits.indexOf(subreddit.toLowerCase()) !== -1) {
- $('#header-bottom-right form.logout')
- .before(this.separator()).prev()
- .before($('<img/>').attr({
- 'src': this.icons.tipped,
- 'class': 'tips-enabled-icon',
- 'style': 'vertical-align: text-bottom;',
- 'title': 'Tips enabled in this subreddit.'
- }));
- }
- }.bind(this));
- }
- },
-
- hideVerifications: function hideVerifications(ele) {
- ele = ele || document.body;
-
- /* t2_7vw3n is u/bitcointip. */
-
- var botComments = $(ele).find('a.id-t2_7vw3n').closest('.comment');
- RESUtils.forEachChunked(botComments, 15, 1000, function(botComment, i, array) {
- var $this = $(botComment);
- var isTarget = $this.find('form:first').hasClass('border');
- if (isTarget) return;
-
- var hasReplies = $this.find('.comment').length > 0;
- if (hasReplies) return;
-
- $this.find('.expand').eq(2).click();
- });
- },
-
- toggleCurrency: function() {
- var units = Object.keys(this.currencies);
- var i = (units.indexOf(this.options.currency.value) + 1) % units.length;
- this.options.currency.value = units[i];
- this.save();
- },
-
- getAddress: function getAddress(user) {
- user = user || RESUtils.loggedInUser();
- var address = null;
- this.options.address.value.forEach(function(row) {
- if (row[0] === user) address = row[1];
- });
- return address;
- },
-
- setAddress: function setAddress(user, address) {
- user = user || RESUtils.loggedInUser();
- var set = false;
- this.options.address.value.forEach(function(row) {
- if (row[0] === user) {
- row[1] = address;
- set = true;
- }
- });
- if (user && !set) {
- this.options.address.value.push([user, address]);
- }
- this.save();
- return address;
- },
-
- attachBalance: function attachBalance() {
- var user = RESUtils.loggedInUser();
- var address = this.getAddress(user);
- if (!address) return;
- var bitcointip = this;
-
- $.getJSON(this.api.balance, {
- username: user,
- address: address
- }, function (balance) {
- if (!('balanceBTC' in balance)) {
- return; /* Probably have the address wrong! */
- }
- $('#header-bottom-right form.logout')
- .before(bitcointip.separator()).prev()
- .before($('<a/>').attr({
- 'class': 'hover',
- 'href': '#'
- }).click(function() {
- bitcointip.toggleCurrency();
- $(this).text(bitcointip.quantityString(balance));
- }).text(bitcointip.quantityString(balance)));
- });
- },
-
- fetchAddressForCurrentUser: function () {
- var user = RESUtils.loggedInUser();
- if (!user) {
- RESUtils.notification({
- moduleID: 'bitcointip',
- optionKey: 'fetchWalletAddress',
- type: 'error',
- message: 'Log in, then try again.'
- });
- return;
- }
- this.fetchAddress(user, function(address) {
- if (address) {
- modules['bitcointip'].setAddress(user, address);
- RESUtils.notification({
- moduleID: 'bitcointip',
- optionKey: 'address',
- message: 'Found address ' + address + ' for user ' + user +
- '<br><br>Your adress will appear in RES settings after you refresh the page.'
- });
- } else {
- RESUtils.notification({
- moduleID: 'bitcointip',
- type: 'error',
- message: 'Could not find address for user ' + user
- });
- }
-
- });
- RESUtils.notification({
- moduleID: 'bitcointip',
- optionKey: 'fetchWalletAddress',
- message: 'Searching your private messages for a bitcoin wallet address. ' +
- '<br><br>Reload the page to see if a wallet was found.'
- });
- },
-
- fetchAddress: function fetchAddress(user, callback) {
- user = user || RESUtils.loggedInUser();
- callback = callback || function nop() {};
- if (!user) return;
- $.getJSON('/message/messages.json', function(messages) {
- /* Search messages for a bitcointip response. */
- var address = messages.data.children.filter(function (message) {
- return message.data.author === 'bitcointip';
- }).map(function (message) {
- var pattern = /Deposit Address: \| \[\*\*([a-zA-Z0-9]+)\*\*\]/;
- var address = message.data.body.match(pattern);
- if (address) {
- return address[1];
- } else {
- return false;
- }
- }).filter(function(x) { return x; })[0]; // Use the most recent
- if (address) {
- this.setAddress(user, address);
- callback(address);
- } else {
- callback(null);
- }
- }.bind(this));
- },
-
- scanForTips: function(ele) {
- ele = ele || document.body;
- var tips = this.getTips(this.tipregex, ele);
- var fun = this.getTips(this.tipregexFun, ele);
- var all = $.extend({}, tips, fun);
- if (Object.keys(all).length > 0) {
- this.attachTipStatuses(all);
- this.attachReceiverStatus(this.getTips(/(?:)/, ele));
- }
- },
-
- /** Return true if the comment node matches the regex. */
- commentMatches: function(regex, $e) {
- return $e.find('.md:first, .title:first').children().is(function() {
- return regex.test($(this).text());
- });
- },
-
- /** Find all things matching a regex. */
- getTips: function getComments(regex, ele) {
- var tips = {};
- var items = $(ele);
- if (items.is('.entry')) {
- items = items.closest('div.comment, div.self, div.link');
- } else {
- items = items.find('div.comment, div.self, div.link');
- }
- var module = this;
- items.each(function() {
- var $this = $(this);
- if (module.commentMatches(regex, $this)) {
- var id = $this.attr('data-fullname');
- tips[id.replace(/^t._/, '')] = $this;
- }
- });
- return tips;
- },
-
- attachTipStatuses: function attachTipStatuses(tips) {
- var iconStyle = 'vertical-align: text-bottom; margin-left: 8px;';
- var icons = this.icons;
- var tipIDs = Object.keys(tips);
- $.getJSON(this.api.gettips, {
- tips: tipIDs.toString()
- }, function(response) {
- var lastEvaluated = new Date(response.last_evaluated * 1000);
- response.tips.forEach(function (tip) {
- var id = tip.fullname.replace(/^t._/, '');
- var tagline = tips[id].find('.tagline').first();
- var icon = $('<a/>').attr({href: tip.tx, target: '_blank'});
- tagline.append(icon.append($('<img/>').attr({
- src: icons[tip.status],
- style: iconStyle,
- title: this.quantityString(tip) + ' → ' + tip.receiver +
- ' (' + tip.status + ')'
- })));
- tips[id].attr('id', 't1_' + id); // for later linking
- delete tips[id];
- }.bind(this));
-
- /* Deal with unanswered tips. */
- for (var id in tips) {
- if (this.commentMatches(this.tipregexFun, tips[id])) {
- continue; // probably wasn't actually a tip
- }
- var date = tips[id].find('.tagline time:first')
- .attr('datetime');
- if (new Date(date) < lastEvaluated) {
- var tagline = tips[id].find('.tagline:first');
- tagline.append($('<img/>').attr({
- src: icons.cancelled,
- style: iconStyle,
- title: 'This tip is invalid.'
- }));
- }
- }
- }.bind(this));
- },
-
- attachReceiverStatus: function attachReceiverStatus(things) {
- var iconStyle = 'vertical-align: text-bottom; margin-left: 8px;';
- var icons = this.icons;
- var thingIDs = Object.keys(things);
- $.getJSON(this.api.gettipped, {
- tipped: thingIDs.toString()
- }, function(response) {
- response.forEach(function (tipped) {
- var id = tipped.fullname.replace(/^t._/, '');
- var thing = things[id];
- var tagline = thing.find('.tagline').first();
- var plural = tipped.tipQTY > 1;
- var title = this.quantityString(tipped) + ' to ' +
- thing.find('.author:first').text() + ' for this ';
- if (plural) {
- title = 'redditors have given ' + title;
- } else {
- title = 'a redditor has given ' + title;
- }
- if (thing.closest('.link').length === 0) {
- title += 'comment.';
- } else {
- title += 'submission.';
- }
- var icon = $('<img/>').attr({
- src: icons.tipped,
- style: iconStyle,
- title: title
- });
- tagline.append(icon);
- if (plural) {
- tagline.append($('<span/>').text('x' + tipped.tipQTY));
- }
- }.bind(this));
- }.bind(this));
- },
-
- injectBotStatus: function injectBotStatus() {
- $.getJSON(this.api.gettips, function(response) {
- var lastEvaluated = new Date(response.last_evaluated * 1000);
- var botStatus = null;
- if (Date.now() - lastEvaluated > this.botDownThreshold) {
- botStatus = '<span class="status-down">DOWN</span>';
- } else {
- botStatus = '<span class="status-up">UP</span>';
- }
- $('.side a[href="http://bitcointip.net/status.php"]').html(botStatus);
- });
- }
-};
-
-modules['troubleShooter'] = {
- moduleID: 'troubleShooter',
- moduleName: 'Troubleshooter',
- category: 'Troubleshoot',
- options: {
- clearUserInfoCache: {
- type: 'button',
- text: 'Clear',
- callback: null,
- description: 'Reset the <code>userInfo</code> cache for the currently logged in user. Useful for when link/comment karma appears to have frozen.'
- },
- clearSubreddits: {
- type: 'button',
- text: 'Clear',
- callback: null,
- description: 'Reset the \'My Subreddits\' dropdown contents in the event of old/duplicate/missing entries.'
- },
- clearTags: {
- type: 'button',
- text: 'Clear',
- callback: null,
- description: 'Remove all entries for users with +1 or -1 vote tallies (only non-tagged users).'
- },
- resetToFactory: {
- type: 'button',
- text: 'Reset',
- callback: null,
- description: 'Warning: This will remove all your RES settings, including tags, saved comments, filters etc!'
- }
- },
- description: 'Resolve common problems and clean/clear unwanted settings data.' + '<br/><br/>' +
- 'Your first line of defence against browser crashes/updates, or potential issues' +
- ' with RES, is a frequent backup.' + '<br/><br/>' +
- 'See <a href="http://www.reddit.com/r/Enhancement/wiki/where_is_res_data_stored">here</a>' +
- ' for the location of the RES settings file for your browser/OS.',
- isEnabled: function () {
- return RESConsole.getModulePrefs(this.moduleID);
- },
- include: [
- /^https?:\/\/([a-z]+)\.reddit\.com\/[\?]*/i
- ],
- isMatchURL: function () {
- return RESUtils.isMatchURL(this.moduleID);
- },
- beforeLoad: function () {
- var css = '';
- css += 'body:not(.loggedin) #clearUserInfoCache ~ .optionDescription:before, body:not(.loggedin) #clearSubreddits ~ .optionDescription:before';
- css += '{content: "Functionality only for logged in users - ";color:#f00;font-weight:bold}';
- RESUtils.addCSS(css);
- },
- go: function () {
- this.options['clearUserInfoCache'].callback = modules['troubleShooter'].clearUICache;
- this.options['clearSubreddits'].callback = modules['troubleShooter'].clearSubreddits;
- this.options['clearTags'].callback = modules['troubleShooter'].clearTags;
- this.options['resetToFactory'].callback = modules['troubleShooter'].resetToFactory;
- },
- clearUICache: function () {
- var user = RESUtils.loggedInUser();
- if (user) {
- RESStorage.removeItem('RESUtils.userInfoCache.' + user);
- RESUtils.notification('Cached info for ' + user + ' was reset.', 2500);
- } else {
- RESUtils.notification('You must be logged in to perform this task.', 2500);
- }
- },
- clearSubreddits: function () {
- var user = RESUtils.loggedInUser();
- if (user) {
- RESStorage.removeItem('RESmodules.subredditManager.subreddits.' + user);
- RESUtils.notification('Subreddits for ' + user + ' were reset.', 2500);
- } else {
- RESUtils.notification('You must be logged in to perform this task.', 2500);
- }
- },
- clearTags: function () {
- var confirm = window.confirm('Are you positive?');
- if (confirm) {
- var i,
- cnt = 0,
- tags = RESStorage.getItem('RESmodules.userTagger.tags');
- if (tags) {
- tags = JSON.parse(tags);
- for (i in tags) {
- if ((tags[i].votes === 1 || tags[i].votes === -1) && !tags[i].hasOwnProperty('tag')) {
- delete tags[i];
- cnt += 1;
- }
- }
- tags = JSON.stringify(tags);
- RESStorage.setItem('RESmodules.userTagger.tags', tags);
- RESUtils.notification(cnt + ' entries removed.', 2500);
- }
- } else {
- RESUtils.notification('No action was taken', 2500);
- }
- },
- resetToFactory: function () {
- var confirm = window.confirm('This will kill all your settings and saved data. Are you sure?');
- if (confirm) {
- for (var key in RESStorage) {
- if (key.indexOf('RES') !== -1) {
- RESStorage.removeItem(key);
- }
- }
- RESUtils.notification('All settings reset.', 2500);
- } else {
- RESUtils.notification('No action was taken', 2500);
- }
- }
-};
-
-
-/* END MODULES */
-
-/*
- * Konami-JS ~
- * :: Now with support for touch events and multiple instances for
- * :: those situations that call for multiple easter eggs!
- * Code: http://konami-js.googlecode.com/
- * Examples: http://www.snaptortoise.com/konami-js
- * Copyright (c) 2009 George Mandis (georgemandis.com, snaptortoise.com)
- * Version: 1.3.2 (7/02/2010)
- * Licensed under the GNU General Public License v3
- * http://www.gnu.org/copyleft/gpl.html
- * Tested in: Safari 4+, Google Chrome 4+, Firefox 3+, IE7+ and Mobile Safari 2.2.1
-*/
-var Konami = function () {
- var konami = {
- addEvent: function (obj, type, fn, ref_obj) {
- if (obj.addEventListener)
- obj.addEventListener(type, fn, false);
- else if (obj.attachEvent) {
- // IE
- obj["e" + type + fn] = fn;
- obj[type + fn] = function () {
- obj["e" + type + fn](window.event, ref_obj);
- }
-
- obj.attachEvent("on" + type, obj[type + fn]);
- }
- },
- input: "",
- prepattern: "38384040373937396665",
- almostThere: false,
- pattern: "3838404037393739666513",
- load: function (link) {
- this.addEvent(document, "keydown", function (e, ref_obj) {
- if (ref_obj) konami = ref_obj; // IE
- konami.input += e ? e.keyCode : event.keyCode;
- if (konami.input.length > konami.pattern.length) konami.input = konami.input.substr((konami.input.length - konami.pattern.length));
- if (konami.input == konami.pattern) {
- konami.code(link);
- konami.input = "";
- return;
- } else if ((konami.input == konami.prepattern) || (konami.input.substr(2, konami.input.length) == konami.prepattern)) {
- konami.almostThere = true;
- setTimeout(function () {
- konami.almostThere = false;
- }, 2000);
- }
- }, this);
- this.iphone.load(link);
- },
- code: function (link) {
- window.location = link;
- },
- iphone: {
- start_x: 0,
- start_y: 0,
- stop_x: 0,
- stop_y: 0,
- tap: false,
- capture: false,
- orig_keys: "",
- keys: ["UP", "UP", "DOWN", "DOWN", "LEFT", "RIGHT", "LEFT", "RIGHT", "TAP", "TAP", "TAP"],
- code: function (link) {
- konami.code(link);
- },
- load: function (link) {
- this.orig_keys = this.keys;
- konami.addEvent(document, "touchmove", function (e) {
- if (e.touches.length === 1 && konami.iphone.capture == true) {
- var touch = e.touches[0];
- konami.iphone.stop_x = touch.pageX;
- konami.iphone.stop_y = touch.pageY;
- konami.iphone.tap = false;
- konami.iphone.capture = false;
- konami.iphone.check_direction();
- }
- });
- konami.addEvent(document, "touchend", function (evt) {
- if (konami.iphone.tap == true) konami.iphone.check_direction(link);
- }, false);
- konami.addEvent(document, "touchstart", function (evt) {
- konami.iphone.start_x = evt.changedTouches[0].pageX;
- konami.iphone.start_y = evt.changedTouches[0].pageY;
- konami.iphone.tap = true;
- konami.iphone.capture = true;
- });
- },
- check_direction: function (link) {
- x_magnitude = Math.abs(this.start_x - this.stop_x);
- y_magnitude = Math.abs(this.start_y - this.stop_y);
- x = ((this.start_x - this.stop_x) < 0) ? "RIGHT" : "LEFT";
- y = ((this.start_y - this.stop_y) < 0) ? "DOWN" : "UP";
- result = (x_magnitude > y_magnitude) ? x : y;
- result = (this.tap == true) ? "TAP" : result;
-
- if (result == this.keys[0]) this.keys = this.keys.slice(1, this.keys.length);
- if (this.keys.length === 0) {
- this.keys = this.orig_keys;
- this.code(link);
- }
- }
- }
- }
- return konami;
-};
-
-var _beforeLoadComplete = false;
-function RESdoBeforeLoad() {
- if (_beforeLoadComplete) return;
- _beforeLoadComplete = true;
- // if (beforeLoadDoneOnce) return;
- // first, go through each module and set all of the options so that if a module needs to check another module's options, they're ready...
- // console.log('get options start: ' + Date());
- for (var thisModuleID in modules) {
- if (typeof modules[thisModuleID] === 'object') {
- RESUtils.getOptions(thisModuleID);
- }
- }
- // console.log('get options end: ' + Date());
- for (var thisModuleID in modules) {
- if (typeof modules[thisModuleID] === 'object') {
- if (typeof modules[thisModuleID].beforeLoad === 'function') modules[thisModuleID].beforeLoad();
- }
- }
- // apply style...
- GM_addStyle(RESUtils.css);
- // clear out css cache...
- RESUtils.css = '';
-}
-
-function RESInit() {
- // $.browser shim since jQuery removed it
- $.browser = {
- safari: BrowserDetect.isSafari(),
- mozilla: BrowserDetect.isFirefox(),
- chrome: BrowserDetect.isChrome(),
- opera: BrowserDetect.isOpera()
- };
- $.fn.safeHtml = function(string) {
- if (!string) return '';
- else return $(this).html(RESUtils.sanitizeHTML(string));
- }
-
- RESUtils.initObservers();
- localStorageFail = false;
- /*
- var backup = {};
- $.extend(backup, RESStorage);
- delete backup.getItem;
- delete backup.setItem;
- delete backup.removeItem;
- console.log(backup);
- */
-
- // Check for localStorage functionality...
- try {
- localStorage.setItem('RES.localStorageTest','test');
- // if this is a firefox addon, check for the old lsTest to see if they used to use the Greasemonkey script...
- // if so, present them with a notification explaining that they should download a new script so they can
- // copy their old settings...
- if (BrowserDetect.isFirefox()) {
- if ((localStorage.getItem('RES.lsTest') === 'test') && (localStorage.getItem('copyComplete') !== 'true')) {
- RESUtils.notification('<h2>Important Alert for Greasemonkey Users!</h2>Hey! It looks like you have upgraded to RES 4.0, but used to use the Greasemonkey version of RES. You\'re going to see double until you uninstall the Greasemonkey script. However, you should first copy your settings by clicking the blue button. <b>After installing, refresh this page!</b> <a target="_blank" class="RESNotificationButtonBlue" href="http://redditenhancementsuite.com/gmutil/reddit_enhancement_suite.user.js">GM->FF Import Tool</a>', 15000);
- localStorage.removeItem('RES.lsTest');
-
- // this is the only "old school" DOMNodeInserted event left... note to readers of this source code:
- // it will ONLY ever be added to the DOM in the specific instance of former OLD RES users from Greasemonkey
- // who haven't yet had the chance to copy their settings to the XPI version of RES. Once they've completed
- // that, this eventlistener will never be added again, nor will it be added for those who are not in this
- // odd/small subset of people.
- document.body.addEventListener('DOMNodeInserted', function(event) {
- if ((event.target.tagName === 'DIV') && (event.target.getAttribute('id') && event.target.getAttribute('id').indexOf('copyToSimpleStorage') !== -1)) {
- GMSVtoFFSS();
- }
- }, true);
- }
- }
- } catch(e) {
- localStorageFail = true;
- }
-
- document.body.classList.add('res','res-v430');
-
- if (localStorageFail) {
- RESFail = "Sorry, but localStorage seems inaccessible. Reddit Enhancement Suite can't work without it. \n\n";
- if (BrowserDetect.isSafari()) {
- RESFail += 'Since you\'re using Safari, it might be that you\'re in private browsing mode, which unfortunately is incompatible with RES until Safari provides a way to allow extensions localStorage access.';
- } else if (BrowserDetect.isChrome()) {
- RESFail += 'Since you\'re using Chrome, you might just need to go to your extensions settings and check the "Allow in Incognito" box.';
- } else if (BrowserDetect.isOpera()) {
- RESFail += 'Since you\'re using Opera, you might just need to go to your extensions settings and click the gear icon, then click "privacy" and check the box that says "allow interaction with private tabs".';
- } else {
- RESFail += 'Since it looks like you\'re using Firefox, you probably need to go to about:config and ensure that dom.storage.enabled is set to true, and that dom.storage.default_quota is set to a number above zero (i.e. 5120, the normal default)".';
- }
- var userMenu = document.querySelector('#header-bottom-right');
- if (userMenu) {
- var preferencesUL = userMenu.querySelector('UL');
- var separator = document.createElement('span');
- separator.setAttribute('class','separator');
- separator.textContent = '|';
- RESPrefsLink = document.createElement('a');
- RESPrefsLink.setAttribute('href','javascript:void(0)');
- RESPrefsLink.addEventListener('click', function(e) {
- e.preventDefault();
- alert(RESFail);
- }, true);
- RESPrefsLink.textContent = '[RES - ERROR]';
- RESPrefsLink.setAttribute('style','color: red; font-weight: bold;');
- insertAfter(preferencesUL, RESPrefsLink);
- insertAfter(preferencesUL, separator);
- }
- } else {
- document.body.addEventListener('mousemove', RESUtils.setMouseXY, false);
- // added this if statement because some people's Greasemonkey "include" lines are getting borked or ignored, so they're calling RES on non-reddit pages.
- if (location.href.match(/^https?:\/\/([\w]+\.)?reddit\.com/i)) {
- RESUtils.firstRun();
- RESUtils.checkForUpdate();
- // add the config console link...
- RESConsole.create();
- RESConsole.addConsoleLink();
- RESConsole.addConsoleDropdown();
- RESUtils.checkIfSubmitting();
- // go through each module and run it
- for (var thisModuleID in modules) {
- if (typeof modules[thisModuleID] === 'object') {
- // console.log(thisModuleID + ' start: ' + Date());
- // perfTest(thisModuleID+' start');
- modules[thisModuleID].go();
- // perfTest(thisModuleID+' end');
- // console.log(thisModuleID + ' end: ' + Date());
- }
- }
- GM_addStyle(RESUtils.css);
- // console.log('end: ' + Date());
- }
- if ((location.href.match(/reddit\.honestbleeps\.com\/download/)) || (location.href.match(/redditenhancementsuite\.com\/download/))) {
- var installLinks = document.body.querySelectorAll('.install');
- for (var i=0, len=installLinks.length;i<len;i++) {
- installLinks[i].classList.add('update');
- installLinks[i].classList.add('res4'); // if update but not RES 4, then FF users == greasemonkey...
- installLinks[i].classList.remove('install');
- }
- }
- konami = new Konami();
- konami.code = function() {
- var baconBit = createElementWithID('div','baconBit');
- document.body.appendChild(baconBit);
- RESUtils.notification({header: 'RES Easter Eggies!', message: 'Mmm, bacon!'});
- setTimeout(function() {
- baconBit.classList.add('makeitrain');
- }, 500);
- }
- konami.load();
-
- }
-
- RESUtils.postLoad = true;
-}
-
-RESStorage = {};
-function setUpRESStorage (response) {
- if (BrowserDetect.isChrome()) {
- RESStorage = response;
- // we'll set up a method for getItem, but it's not adviseable to use since it's asynchronous...
- RESStorage.getItem = function(key) {
- if (typeof RESStorage[key] !== 'undefined') return RESStorage[key];
- return null;
- }
- // if the fromBG parameter is true, we've been informed by another tab that this item has updated. We should update the data locally, but not send a background request.
- RESStorage.setItem = function(key, value, fromBG) {
- //Protect from excessive disk I/O...
- if (RESStorage[key] != value) {
- // save it locally in the RESStorage variable, but also write it to the extension's localStorage...
- // It's OK that saving it is asynchronous since we're saving it in this local variable, too...
- RESStorage[key] = value;
- var thisJSON = {
- requestType: 'localStorage',
- operation: 'setItem',
- itemName: key,
- itemValue: value
- };
- if (!fromBG) {
- chrome.extension.sendMessage(thisJSON);
- }
- }
- }
- RESStorage.removeItem = function(key) {
- // delete it locally in the RESStorage variable, but also delete it from the extension's localStorage...
- // It's OK that deleting it is asynchronous since we're deleting it in this local variable, too...
- delete RESStorage[key];
- var thisJSON = {
- requestType: 'localStorage',
- operation: 'removeItem',
- itemName: key
- };
- chrome.extension.sendMessage(thisJSON);
- }
- window.localStorage = RESStorage;
- //RESInit();
- } else if (BrowserDetect.isSafari()) {
- RESStorage = response;
- RESStorage.getItem = function(key) {
- if (typeof RESStorage[key] !== 'undefined') return RESStorage[key];
- return null;
- }
- RESStorage.setItem = function(key, value, fromBG) {
- //Protect from excessive disk I/O...
- if (RESStorage[key] != value) {
- // save it locally in the RESStorage variable, but also write it to the extension's localStorage...
- // It's OK that saving it is asynchronous since we're saving it in this local variable, too...
- RESStorage[key] = value;
- var thisJSON = {
- requestType: 'localStorage',
- operation: 'setItem',
- itemName: key,
- itemValue: value
- }
- if (!fromBG) {
- safari.self.tab.dispatchMessage("localStorage", thisJSON);
- }
- }
- }
- RESStorage.removeItem = function(key) {
- // delete it locally in the RESStorage variable, but also delete it from the extension's localStorage...
- // It's OK that deleting it is asynchronous since we're deleting it in this local variable, too...
- delete RESStorage[key];
- var thisJSON = {
- requestType: 'localStorage',
- operation: 'removeItem',
- itemName: key
- }
- safari.self.tab.dispatchMessage("localStorage", thisJSON);
- }
- window.localStorage = RESStorage;
- } else if (BrowserDetect.isOpera()) {
- RESStorage = response;
- RESStorage.getItem = function(key) {
- if (typeof RESStorage[key] !== 'undefined') return RESStorage[key];
- return null;
- }
- RESStorage.setItem = function(key, value, fromBG) {
- //Protect from excessive disk I/O...
- if (RESStorage[key] != value) {
- // save it locally in the RESStorage variable, but also write it to the extension's localStorage...
- // It's OK that saving it is asynchronous since we're saving it in this local variable, too...
- RESStorage[key] = value;
- var thisJSON = {
- requestType: 'localStorage',
- operation: 'setItem',
- itemName: key,
- itemValue: value
- }
- if (!fromBG) {
- opera.extension.postMessage(JSON.stringify(thisJSON));
- }
- }
- }
- RESStorage.removeItem = function(key) {
- // delete it locally in the RESStorage variable, but also delete it from the extension's localStorage...
- // It's OK that deleting it is asynchronous since we're deleting it in this local variable, too...
- delete RESStorage[key];
- var thisJSON = {
- requestType: 'localStorage',
- operation: 'removeItem',
- itemName: key
- }
- opera.extension.postMessage(JSON.stringify(thisJSON));
- }
- window.localStorage = RESStorage;
- } else if (BrowserDetect.isFirefox()) {
- RESStorage = response;
- RESStorage.getItem = function(key) {
- if (typeof RESStorage[key] !== 'undefined') return RESStorage[key];
- return null;
- }
- RESStorage.setItem = function(key, value, fromBG) {
- // save it locally in the RESStorage variable, but also write it to the extension's localStorage...
- // It's OK that saving it is asynchronous since we're saving it in this local variable, too...
- if (RESStorage[key] != value) {
- RESStorage[key] = value;
- var thisJSON = {
- requestType: 'localStorage',
- operation: 'setItem',
- itemName: key,
- itemValue: value
- }
- if (!fromBG) {
- self.postMessage(thisJSON);
- }
- }
- }
- RESStorage.removeItem = function(key) {
- // delete it locally in the RESStorage variable, but also delete it from the extension's localStorage...
- // It's OK that deleting it is asynchronous since we're deleting it in this local variable, too...
- delete RESStorage[key];
- var thisJSON = {
- requestType: 'localStorage',
- operation: 'removeItem',
- itemName: key
- }
- self.postMessage(thisJSON);
- }
- window.localStorage = RESStorage;
- } else {
- // must be firefox w/greasemonkey...
- //
- RESStorage.getItem = function(key) {
- if (typeof RESStorage[key] !== 'undefined') return RESStorage[key];
- RESStorage[key] = GM_getValue(key);
- if (typeof RESStorage[key] === 'undefined') return null;
- return GM_getValue(key);
- }
- RESStorage.setItem = function(key, value) {
- // save it locally in the RESStorage variable, but also write it to the extension's localStorage...
- // It's OK that saving it is asynchronous since we're saving it in this local variable, too...
- // Wow, GM_setValue doesn't support big integers, so we have to store anything > 2147483647 as a string, so dumb.
- if (typeof value !== 'undefined') {
- // if ((typeof value === 'number') && (value > 2147483647)) {
- if (typeof value === 'number') {
- value = value.toString();
- }
- //Protect from excessive disk I/O...
- if (RESStorage[key] != value) {
- RESStorage[key] = value;
- // because we may want to use jQuery events to call GM_setValue and GM_getValue, we must use this ugly setTimeout hack.
- setTimeout(function() {
- GM_setValue(key, value);
- }, 0);
- }
- }
- return true;
- }
- RESStorage.removeItem = function(key) {
- // delete it locally in the RESStorage variable, but also delete it from the extension's localStorage...
- // It's OK that deleting it is asynchronous since we're deleting it in this local variable, too...
- delete RESStorage[key];
- GM_deleteValue(key);
- return true;
- }
- }
- RESdoBeforeLoad();
-}
-
-(function(u) {
- // Don't fire the script on the iframe. This annoyingly fires this whole thing twice. Yuck.
- // Also don't fire it on static.reddit or thumbs.reddit, as those are just images.
- // Also omit blog and code.reddit
- if ((typeof RESRunOnce !== 'undefined') || (location.href.match(/\/toolbar\/toolbar\?id/i)) || (location.href.match(/comscore-iframe/i)) || (location.href.match(/static\.reddit/i)) || (location.href.match(/thumbs\.reddit/i)) || (location.href.match(/blog\.reddit/i)) || (location.href.match(/code\.reddit/i)) || (location.href.match(/metareddit\.com/i))) {
- // do nothing.
- return false;
- }
-
- // call preInit function - work in this function should be kept minimal. It's for
- // doing stuff as early as possible prior to pageload, and even prior to the localStorage copy
- // from the background.
- // Specifically, this is used to add a class to the document for .res-nightmode, etc, as early
- // as possible to avoid the flash of unstyled content.
- RESUtils.preInit();
-
- RESRunOnce = true;
- if (BrowserDetect.isChrome()) {
- // we've got chrome, get a copy of the background page's localStorage first, so don't init until after.
- var thisJSON = {
- requestType: 'getLocalStorage'
- };
- chrome.extension.sendMessage(thisJSON, function(response) {
- // Does RESStorage have actual data in it? If it doesn't, they're a legacy user, we need to copy
- // old school localStorage from the foreground page to the background page to keep their settings...
- if (typeof response.importedFromForeground === 'undefined') {
- // it doesn't exist.. copy it over...
- var thisJSON = {
- requestType: 'saveLocalStorage',
- data: localStorage
- };
- chrome.extension.sendMessage(thisJSON, function(response) {
- setUpRESStorage(response);
- });
- } else {
- setUpRESStorage(response);
- }
- });
- } else if (BrowserDetect.isSafari()) {
- // we've got safari, get localStorage from background process
- thisJSON = {
- requestType: 'getLocalStorage'
- }
- safari.self.tab.dispatchMessage("getLocalStorage", thisJSON);
- } else if (BrowserDetect.isFirefox()) {
- // we've got firefox jetpack, get localStorage from background process
- thisJSON = {
- requestType: 'getLocalStorage'
- }
- self.postMessage(thisJSON);
- } else if (BrowserDetect.isOpera()) {
- // I freaking hate having to use different code that won't run in other browsers to log debugs, so I'm overriding console.log with opera.postError here
- // so I don't have to litter my code with different statements for different browsers when debugging.
- console.log = opera.postError;
- opera.extension.addEventListener( "message", operaMessageHandler, false);
- window.addEventListener("DOMContentLoaded", function(u) {
- // we've got opera, let's check for old localStorage...
- // RESInit() will be called from operaMessageHandler()
- thisJSON = {
- requestType: 'getLocalStorage'
- }
- opera.extension.postMessage(JSON.stringify(thisJSON));
- }, false);
- } else {
- // Check if GM_getValue('importedFromForeground') has been set.. if not, this is an old user using localStorage;
- (typeof unsafeWindow !== 'undefined') ? ls = unsafeWindow.localStorage : ls = localStorage;
- if (GM_getValue('importedFromForeground') !== 'true') {
- // It doesn't exist, so we need to copy localStorage over to GM_setValue storage...
- for (var i = 0, len=ls.length; i < len; i++){
- var value = ls.getItem(ls.key(i));
- if (typeof value !== 'undefined') {
- if ((typeof value === 'number') && (value > 2147483647)) {
- value = value.toString();
- }
- if (ls.key(i)) {
- GM_setValue(ls.key(i), value);
- }
- }
- }
- GM_setValue('importedFromForeground','true');
- }
- setUpRESStorage();
- //RESInit();
- // console.log(GM_listValues());
- }
-})();
-
-function RESInitReadyCheck() {
- if ((typeof RESStorage.getItem !== 'function') || (typeof document.body === 'undefined') || (document.body === null)) {
- setTimeout(RESInitReadyCheck, 50);
- } else {
- if (BrowserDetect.isFirefox()) {
- // firefox addon sdk... we've included jQuery...
- // also, for efficiency, we're going to try using unsafeWindow for "less secure" (but we're not going 2 ways here, so that's OK) but faster DOM node access...
- document = unsafeWindow.document;
- window = unsafeWindow;
- if (typeof $ !== 'function') {
- console.log('Uh oh, something has gone wrong loading jQuery...');
- }
- } else if ((typeof unsafeWindow !== 'undefined') && (unsafeWindow.jQuery)) {
- // greasemonkey -- should load jquery automatically because of @require line
- // in this file's header
- if (typeof $ === 'undefined') {
- // greasemonkey-like userscript
- $ = unsafeWindow.jQuery;
- jQuery = $;
- }
- } else if (typeof window.jQuery === 'function') {
- // opera...
- $ = window.jQuery;
- jQuery = $;
- } else {
- // chrome and safari...
- if (typeof $ !== 'function') {
- console.log('Uh oh, something has gone wrong loading jQuery...');
- }
- }
- if (BrowserDetect.isSafari()) {
- // since safari's built in extension stylesheets are treated as user stylesheets,
- // we can't inject them that way. That makes them "user stylesheets" which would make
- // them require !important everywhere - we don't want that, so we'll inject this way instead.
- var loadCSS = function(filename) {
- var linkTag = document.createElement('link');
- linkTag.setAttribute('rel','stylesheet');
- linkTag.href = safari.extension.baseURI+filename;
- document.head.appendChild(linkTag);
- }
-
- // include CSS files, then load scripts.
- var cssFiles = ['res.css', 'commentBoxes.css', 'nightmode.css'];
- for (var i in cssFiles) {
- loadCSS(cssFiles[i]);
- }
-
- }
- if (BrowserDetect.isOpera()) {
- // require.js-like modular injected scripts, code via:
- // http://my.opera.com/BS-Harou/blog/2012/08/08/modular-injcted-scripts-in-extensions
- // Note: This code requires Opera 12.50 to run!
- if (typeof opera.extension.getFile === 'function') {
- var loadCSS = function(filename) {
- var fileObj = opera.extension.getFile(filename);
- if (fileObj) {
- // Read out the File object as a Data URI:
- var fr = new FileReader();
- fr.onload = function() {
- // Load the library
- var styleTag = document.createElement("style");
- styleTag.textContent = fr.result;
- document.body.appendChild(styleTag);
- };
- fr.readAsText(fileObj);
- }
- }
-
- // include CSS files, then load scripts.
- var cssFiles = ['res.css', 'commentBoxes.css', 'nightmode.css'];
- for (var i in cssFiles) {
- loadCSS(cssFiles[i]);
- }
-
- (function(){var e=opera.extension,t={text:"readAsText",json:"readAsText",dataurl:"readAsDataURL",arraybuffer:"readAsArrayBuffer"};"getFile"in e&&!("getFileData"in e)&&(e.getFileData=function(e,n,r){typeof n==="function"?(r=n,n="text"):(n=n&&n.toLowerCase(),n=n in t?n:"text");if(typeof r!=="function")return;var i=opera.extension.getFile(e);if(i){var s=new FileReader;s.onload=function(e){if(n=="json")try{r(JSON.parse(s.result),i)}catch(e){r(null)}else r(s.result,i)},s.onerror=function(e){r(null)},s[t[n]](i)}else setTimeout(r,0,null,i)})})();var global=this,require=function(){function define(e,t){typeof e==="function"||typeof t!=="function"?define.compiled=typeof e==="undefined"?null:e:(define._wait=!0,require(e,function(e){var n=[].slice.call(arguments,1),r=e.pop();r.cb(t.apply(global,n))}.bind(global,define._store)))}return define.compiled=null,define._store=null,define._wait=!1,function(){function _compile(){define.compiled=null,define._store=arguments[1]._store;with({})eval(arguments[0]);return define._wait?(define._wait=!1,arguments[1]._store.push({cb:arguments[3],path:arguments[4]}),!1):(processData(define.compiled,arguments[1],arguments[2]),!0)}function processData(e,t,n){t.temp[n]&&delete t.temp[n],t.add(e,n);var r=t.path;if(!(r[n]in require._cache)||e&&require._cache[r[n]]===null)require._cache[r[n]]=e;var i=t.temp[n+1];if(i)if(!i.parsedPath[1]){var s=_compile(i.data,t,n+1,i.cb,i.parsedPath[0]);s||(require._cache[i.path]=null)}else processData(i.data,t,n+1)}function wait(e,t){setTimeout(function(){t.apply(global,e)},0)}function compileCB(e,t,n,r){processData(r,t,n),t.length==t.path.length&&e&&wait(t,e)}function parsePath(e){var t=e.split("!");return!t[1]&&e.indexOf(/\.js$/i)===-1&&(t[0]=e+=".js"),t}return function(e,t){var n=[];n.temp=[],n._store=[],n.add=function(r,i){return this.length==i?(this.push(r),!0):(this.temp[i]={data:r,cb:compileCB.bind(global,t,n,i),parsedPath:parsePath(e[i]),path:e[i]},!1)};if(!e.length)return wait(n,t),null;Array.isArray(e)||(e=[e]),n.path=e;for(var r=0,i=e.length;r<i;r++){if(e[r]==="!domReady"){document.readyState==="complete"||document.readyState==="interactive"?processData(document,n,r):document.addEventListener("DOMContentLoaded",function(r){processData(document,n,r),n.length==e.length&&t&&wait(n,t)}.bind(global,r));continue}var s=parsePath(e[r]);if(!s[0]){processData(null,n,r);continue}if(e[r]in require._cache){processData(require._cache[e[r]],n,r);continue}opera.extension.getFileData((require._base||"")+s[0],s[1]||"text",function(r,i,s){if(s)if(!i[1]){if(n.length!=r){if(n.length>r){debugger;alert("oh shit, this shoud not happen!")}processData(s,n,r);return}var o=_compile(s,n,r,compileCB.bind(global,t,n,r),i[0]);if(!o){require._cache[e[r]]=null;return}}else processData(s,n,r);else processData(null,n,r);n.length==e.length&&t&&wait(n,t)}.bind(global,r,s))}if(n.length==e.length)return t&&wait(n,t),n.length==1?n[0]:n}}()}();require._cache={},require._base="/modules/";
-
- // save Reddit's jQuery, because this script is going to jack it up.
- // now, take the new jQuery in and store it local to RES's scope (it's a var up top)
- var redditJq = window.$;
- require(['jquery-1.9.1.min', 'guiders-1.2.8', /*'tinycon',*/ 'snuownd', 'jquery.dragsort-0.6', 'jquery.tokeninput', 'jquery-fieldselection.min'], function() {
- $ = window.$;
- jQuery = window.jQuery;
- guiders = window.guiders;
- //Tinycon = window.Tinycon;
- SnuOwnd = window.SnuOwnd;
- // now, return the window.$ / window.jQuery back to its original state.
- window.$ = redditJq;
- window.jQuery = redditJq;
- RESInit();
- });
- } else {
- RESInit();
- }
- } else {
- $(document).ready(RESInit);
- }
- }
-}
-
-window.onload = RESInitReadyCheck();
-
-var lastPerf = 0;
-function perfTest(name) {
- var d = new Date();
- var diff = d.getTime() - lastPerf;
- console.log(name+' executed. Diff since last: ' + diff +'ms');
- lastPerf=d.getTime();
-}
repos / dotfiles.git / commitdiff