☰

IP.Board Post Auto-Saving + Management

Save and manage post drafts for IP.Board forums.

  1. // ==UserScript==
  2. // @name	IP.Board Post Auto-Saving + Management
  3. // @namespace	Makaze
  4. // @include	*
  5. // @grant	none
  6. // @version	4.0.0
  7. // @description Save and manage post drafts for IP.Board forums.
  8. // ==/UserScript==
  9.  
  10. var GREEN_OPEN = 'http://i.minus.com/i3FmZuRl9edMv.png',
  11. GREEN_CLOSED = 'http://i.minus.com/irSU8O8Tdghd9.png',
  12. BLUE_OPEN = 'http://i.minus.com/iyk5uCne4V6fF.png',
  13. BLUE_CLOSED = 'http://i.minus.com/i5qOrdsGxNJD.png',
  14. CAPACITY = 5242880,
  15. MakazeScriptStyles,
  16. styleElem;
  17.  
  18. function dateAndTime() {
  19. 	var currentdate = new Date();
  20. 	var output = (((currentdate.getMonth() + 1) < 10) ? '0' + (currentdate.getMonth() + 1)  : (currentdate.getMonth() + 1)) + "/"
  21. 		+ ((currentdate.getDate() < 10) ? '0' + currentdate.getDate() : currentdate.getDate()) + "/"
  22. 		+ currentdate.getFullYear() + " @ "
  23. 		+ ((currentdate.getHours() < 10) ? '0' + currentdate.getHours() : currentdate.getHours()) + ":"
  24. 		+ ((currentdate.getMinutes() < 10) ? '0' + currentdate.getMinutes() : currentdate.getMinutes()) + ":"
  25. 		+ ((currentdate.getSeconds() < 10) ? '0' + currentdate.getSeconds() : currentdate.getSeconds());
  26. 	return output;
  27. }
  28.  
  29. function roundToNthDecimal(d, n) {
  30. 	return Math.round(d * Math.pow(10, n)) / Math.pow(10, n);
  31. }
  32.  
  33. function empty(elem) {
  34. 	while (elem.hasChildNodes()) {
  35. 		elem.removeChild(elem.lastChild);
  36. 	}
  37. }
  38.  
  39. function createElement(type, callback) {
  40. 	var element = document.createElement(type);
  41.  
  42. 	callback(element);
  43.  
  44. 	return element;
  45. }
  46.  
  47. function moveCaret(win, charCount) {
  48. 	var sel, range;
  49. 	if (win.getSelection) {
  50. 		sel = win.getSelection();
  51. 		if (sel.rangeCount > 0) {
  52. 			var textNode = sel.focusNode;
  53. 			var newOffset = sel.focusOffset + charCount;
  54. 			sel.collapse(textNode, Math.min(textNode.length, newOffset));
  55. 		}
  56. 	} else if ( (sel = win.document.selection) ) {
  57. 		if (sel.type != "Control") {
  58. 			range = sel.createRange();
  59. 			range.move("character", charCount);
  60. 			range.select();
  61. 		}
  62. 	}
  63. }
  64.  
  65. function fade(elem, type, speed) {
  66. 	function defaultStyle(tag) {
  67. 		var defaultStyles = {},
  68. 		testElem = document.createElement(tag),
  69. 		getStyle = 'getComputedStyle' in window,
  70. 		styles;
  71.  
  72. 		document.body.appendChild(testElem);
  73.  
  74. 		styles = (getStyle) ? window.getComputedStyle(testElem) : testElem.currentStyle;
  75.  
  76. 		for (var prop in styles) {
  77. 			defaultStyles[prop] = styles[prop];
  78. 		}
  79.  
  80. 		document.body.removeChild(testElem);
  81.  
  82. 		return defaultStyles;
  83. 	}
  84.  
  85. 	var defaults = defaultStyle(elem.tagName),
  86. 	defaultOpacity,
  87. 	defaultDisplay,
  88. 	currentDisplay = (elem.style.display.length) ? elem.style.display : window.getComputedStyle(elem).display;
  89.  
  90. 	if (elem.style.display.length) {
  91. 		elem.style.display = '';
  92. 	}
  93.  
  94. 	defaultDisplay = (window.getComputedStyle(elem).display === 'none') ? defaults.display : window.getComputedStyle(elem).display;
  95.  
  96. 	elem.style.display = currentDisplay;
  97.  
  98. 	if (elem.style.display.length) {
  99. 		elem.style.opacity = '';
  100. 	}
  101.  
  102. 	defaultOpacity = (window.getComputedStyle(elem).opacity === '0') ? defaults.opacity : window.getComputedStyle(elem).opacity;
  103.  
  104. 	elem.style.opacity = 0;
  105.  
  106. 	// Default values:
  107.  
  108. 	switch (arguments.length) {
  109. 		case 1:
  110. 			type = 'toggle';
  111. 		case 2:
  112. 			speed = 300;
  113. 		break;
  114. 	}
  115.  
  116. 	switch (type) {
  117. 		case 'in':
  118. 			elem.style.display = defaultDisplay;
  119. 			setTimeout(function() {
  120. 				elem.style.transition = 'all ' + speed + 'ms ease-in-out';
  121. 				elem.style.opacity = defaultOpacity;
  122. 				setTimeout(function() {
  123. 					elem.style.transition = '';
  124. 				}, speed + 10);
  125. 			}, 0);
  126. 		break;
  127. 		case 'out':
  128. 			elem.style.transition = 'none';
  129. 			elem.style.opacity = defaultOpacity;
  130. 			elem.style.transition = 'all ' + speed + 'ms ease-in-out';
  131. 			elem.style.opacity = 0;
  132. 			setTimeout(function() {
  133. 				elem.style.display = 'none';
  134. 				elem.style.transition = '';
  135. 				elem.style.opacity = '';
  136. 			}, speed + 10);
  137. 		break;
  138. 		case 'toggle':
  139. 		default:
  140. 			if (currentDisplay === 'none') {
  141. 				elem.style.display = defaultDisplay;
  142. 				setTimeout(function() {
  143. 					elem.style.transition = 'all ' + speed + 'ms ease-in-out';
  144. 					elem.style.opacity = defaultOpacity;
  145. 					setTimeout(function() {
  146. 						elem.style.transition = '';
  147. 					}, speed + 10);
  148. 				}, 0);
  149. 			} else {
  150. 				elem.style.transition = 'none';
  151. 				elem.style.opacity = defaultOpacity;
  152. 				elem.style.transition = 'all ' + speed + 'ms ease-in-out';
  153. 				elem.style.opacity = 0;
  154. 				setTimeout(function() {
  155. 					elem.style.display = 'none';
  156. 					elem.style.transition = '';
  157. 					elem.style.opacity = '';
  158. 				}, speed + 10);
  159. 			}
  160. 	}
  161. }
  162.  
  163. // Classes constructor
  164.  
  165. function ClassHandler() {
  166. 	var self = this;
  167.  
  168. 	this.classList = function(elem) {
  169. 		return elem.className.trim().split(/[\b\s]/);
  170. 	};
  171.  
  172. 	this.hasClass = function(elem, className) {
  173. 		var classes = self.classList(elem),
  174. 		has = false,
  175. 		i = 0;
  176.  
  177. 		for (i = 0; i < classes.length; i++) {
  178. 			if (classes[i] === className) {
  179. 				has = true;
  180. 				break;
  181. 			}
  182. 		}
  183.  
  184. 		return (has);
  185. 	};
  186.  
  187. 	this.addClass = function(elem, className) {
  188. 		var classes;
  189.  
  190. 		if (!self.hasClass(elem, className)) {
  191. 			classes = self.classList(elem);
  192. 			classes.push(className);
  193. 			elem.className = classes.join(' ').trim();
  194. 		}
  195.  
  196. 		return self;
  197. 	};
  198.  
  199. 	this.removeClass = function(elem, className) {
  200. 		var classes = self.classList(elem),
  201. 		i = 0;
  202.  
  203. 		for (i = 0; i < classes.length; i++) {
  204. 			if (classes[i] === className) {
  205. 				classes.splice(i, 1);
  206. 			}
  207. 		}
  208.  
  209. 		elem.className = classes.join(' ').trim();
  210.  
  211. 		return self;
  212. 	};
  213.  
  214. 	this.toggleClass = function(elem, className) {
  215. 		var classes;
  216.  
  217. 		if (self.hasClass(elem, className)) {
  218. 			self.removeClass(elem, className);
  219. 		} else {
  220. 			classes = self.classList(elem);
  221. 			classes.push(className);
  222. 			elem.className = classes.join(' ').trim();
  223. 		}
  224.  
  225. 		return self;
  226. 	};
  227. }
  228.  
  229. // Initilize
  230.  
  231. var Classes = new ClassHandler();
  232.  
  233. // End Classes constructor
  234.  
  235. // Event constructor
  236.  
  237. function EventHandler() {
  238. 	var events = [],
  239. 	matchedEvents = [],
  240. 	selector = document,
  241. 	self = this;
  242.  
  243. 	this.selector = function(toSelect) {
  244. 		selector = toSelect;
  245. 		return self;
  246. 	};
  247.  
  248. 	this.add = function(types, namespace, listener, useCapture) {
  249. 		var type,
  250. 		event,
  251. 		i = 0;
  252.  
  253. 		types = types.split(/[\b\s]/);
  254.  
  255. 		events.push({'selector': selector, 'namespace': namespace, 'types': types, 'listener': listener, 'useCapture': useCapture});
  256. 		event = events[events.length - 1];
  257.  
  258. 		for (i = 0; i < event.types.length; i++) {
  259. 			type = event.types[i];
  260. 			selector.addEventListener(type, listener, useCapture);
  261. 		}
  262.  
  263. 		return self;
  264. 	};
  265.  
  266. 	this.remove = function(types, namespace, listener, useCapture) {
  267. 		var event,
  268. 		eventType,
  269. 		eventTypes,
  270. 		type,
  271. 		i = 0,
  272. 		j = 0,
  273. 		k = 0;
  274.  
  275. 		if (!arguments.length) {
  276. 			if (matchedEvents.length) {
  277. 				for (i = 0; i < matchedEvents.length; i++) {
  278. 					event = matchedEvents[i];
  279. 					for (j = 0; j < event.types.length; j++) {
  280. 						type = event.types[j];
  281. 						event.selector.removeEventListener(type, event.listener, event.useCapture);
  282. 					}
  283. 				}
  284. 			} else {
  285. 				self.getEventsBySelector(selector).remove();
  286. 			}
  287. 		} else {
  288. 			types = types.split(/[\b\s]/);
  289.  
  290. 			for (i = 0; i < events.length; i++) {
  291. 				event = events[i];
  292. 				if (event.selector == selector && event.namespace === namespace && event.useCapture === useCapture && event.listener === listener) {
  293. 					eventTypes = event.types;
  294. 					for (j = 0; j < eventTypes.length; j++) {
  295. 						eventType = eventTypes[j];
  296. 						for (k = 0; k < event.types.length; k++) {
  297. 							type = types[k];
  298. 							if (type === eventType) {
  299. 								selector.removeEventListener(type, event.listener, event.useCapture);
  300. 							}
  301. 						}
  302. 					}
  303. 					break;
  304. 				}
  305. 			}
  306. 		}
  307.  
  308. 		matchedEvents = [];
  309.  
  310. 		return self;
  311. 	};
  312.  
  313. 	this.output = function() {
  314. 		if (!matchedEvents.length) {
  315. 			self.getAllEvents().output();
  316. 		} else {
  317. 			var output = matchedEvents;
  318. 			matchedEvents = [];
  319. 			return output;
  320. 		}
  321. 	};
  322.  
  323. 	this.getAllEvents = function() {
  324. 		matchedEvents = events;
  325. 		return self;
  326. 	};
  327.  
  328. 	this.getEventsBySelector = function(getSelector) {
  329. 		var event,
  330. 		i = 0;
  331.  
  332. 		if (matchedEvents.length) {
  333. 			for (i = 0; i < matchedEvents.length; i++) {
  334. 				event = matchedEvents[i];
  335. 				if (event.selector != getSelector) {
  336. 					matchedEvents.splice(i, 1);
  337. 				}
  338. 			}
  339. 		} else {
  340. 			for (i = 0; i < events.length; i++) {
  341. 				event = events[i];
  342. 				if (event.selector == getSelector) {
  343. 					matchedEvents.push(event);
  344. 				}
  345. 			}
  346. 		}
  347.  
  348. 		return self;
  349. 	};
  350.  
  351. 	this.getEventsByType = function(types) {
  352. 		var eventTypes,
  353. 		eventType,
  354. 		event,
  355. 		type,
  356. 		hasType = false,
  357. 		i = 0,
  358. 		j = 0,
  359. 		k = 0;
  360.  
  361. 		types = types.split(/[\b\s]/);
  362.  
  363. 		if (matchedEvents.length) {
  364. 			for (i = 0; i < matchedEvents.length; i++) {
  365. 				event = matchedEvents[i];
  366. 				for (j = 0; j < eventTypes.length; j++) {
  367. 					eventType = eventTypes[j];
  368. 					for (k = 0; k < event.types.length; k++) {
  369. 						type = types[k];
  370. 						if (type === eventType) {
  371. 							hasType = true;
  372. 							break;
  373. 						}
  374. 					}
  375. 					if (hasType) {
  376. 						break;
  377. 					}
  378. 				}
  379. 				if (hasType) {
  380. 					matchedEvents.splice(i, 1);
  381. 				}
  382. 			}
  383. 		} else {
  384. 			for (i = 0; i < events.length; i++) {
  385. 				event = events[i];
  386. 				for (j = 0; j < eventTypes.length; j++) {
  387. 					eventType = eventTypes[j];
  388. 					for (k = 0; k < event.types.length; k++) {
  389. 						type = types[k];
  390. 						if (type === eventType) {
  391. 							hasType = true;
  392. 							break;
  393. 						}
  394. 					}
  395. 					if (hasType) {
  396. 						break;
  397. 					}
  398. 				}
  399. 				if (hasType) {
  400. 					matchedEvents.push(event);
  401. 				}
  402. 			}
  403. 		}
  404. 		
  405. 		return self;
  406. 	};
  407.  
  408. 	this.getEventsByName = function(namespace) {
  409. 		var event,
  410. 		i = 0;
  411.  
  412. 		if (matchedEvents.length) {
  413. 			for (i = 0; i < matchedEvents.length; i++) {
  414. 				event = matchedEvents[i];
  415. 				if (event.namespace !== namespace) {
  416. 					matchedEvents.splice(i, 1);
  417. 				}
  418. 			}
  419. 		} else {
  420. 			for (i = 0; i < events.length; i++) {
  421. 				event = events[i];
  422. 				if (event.namespace === namespace) {
  423. 					matchedEvents.push(event);
  424. 				}
  425. 			}
  426. 		}
  427.  
  428. 		return self;
  429. 	};
  430.  
  431. 	this.getEventsByListener = function(listener) {
  432. 		var event,
  433. 		i = 0;
  434.  
  435. 		if (matchedEvents.length) {
  436. 			for (i = 0; i < matchedEvents.length; i++) {
  437. 				event = matchedEvents[i];
  438. 				if (event.listener !== listener) {
  439. 					matchedEvents.splice(i, 1);
  440. 				}
  441. 			}
  442. 		} else {
  443. 			for (i = 0; i < events.length; i++) {
  444. 				event = events[i];
  445. 				if (event.listener === listener) {
  446. 					matchedEvents.push(event);
  447. 				}
  448. 			}
  449. 		}
  450.  
  451. 		return self;
  452. 	};
  453. }
  454.  
  455. // Initialize
  456.  
  457. var Events = new EventHandler();
  458.  
  459. // End Event constructor
  460.  
  461. function refresh() {
  462. 	function createLogItem(source, i) {
  463. 		return createElement('div', function(log) {
  464. 			log.id = source[i].id;
  465. 			log.className = 'log-item';
  466. 			log.name = i;
  467.  
  468. 			log.appendChild(createElement('div', function(header) {
  469. 				header.className = 'log-item-header';
  470. 				header.appendChild(createElement('a', function(link) {
  471. 					link.className = 'header-link';
  472. 					link.appendChild(createElement('img', function(icon) {
  473. 						icon.src = selectedIcon;
  474. 						icon.className = 'folderIcon';
  475. 					}));
  476.  
  477. 					if (source[i].hasOwnProperty('name')) {
  478. 						link.appendChild(createElement('span', function(name) {
  479. 							name.className = 'name';
  480. 							name.appendChild(document.createTextNode(source[i].name));
  481. 						}));
  482. 						link.appendChild(document.createTextNode(' | '));
  483. 					}
  484.  
  485. 					link.appendChild(document.createTextNode(source[i].date));
  486. 				}));
  487.  
  488. 				header.appendChild(createElement('del', function(del) {
  489. 					del.className = 'delete';
  490. 					del.appendChild(document.createTextNode('Delete'));
  491. 				}));
  492.  
  493. 				if (selected === 'defaultFolder') {
  494. 					header.appendChild(createElement('del', function(save) {
  495. 						save.className = 'save';
  496. 						save.appendChild(document.createTextNode('Move to Saved '));
  497. 						save.appendChild(createElement('img', function(icon) {
  498. 							icon.src = BLUE_OPEN;
  499. 							icon.className = 'folderIcon';
  500. 						}));
  501. 					}));
  502. 				} else {
  503. 					header.appendChild(createElement('del', function(rename) {
  504. 						rename.className = 'rename';
  505. 						rename.appendChild(document.createTextNode('Rename'));
  506. 					}));
  507. 				}
  508.  
  509. 				header.appendChild(createElement('del', function(load) {
  510. 					load.className = 'load';
  511. 					load.appendChild(document.createTextNode('Load'));
  512. 				}));
  513. 			}));
  514.  
  515. 			log.appendChild(createElement('div', function(msg) {
  516. 				msg.className = 'msg-content';
  517. 				msg.innerHTML = source[i].msg.replace(/\n/g, '<br />');
  518. 			}));
  519. 		});
  520. 	}
  521.  
  522. 	var selected = document.getElementsByClassName('folderSelected')[0].title.toLowerCase() + 'Folder',
  523. 	source = (localStorage.getItem(selected)) ? JSON.parse(localStorage.getItem(selected)) : [],
  524. 	selectedIcon = (selected === 'defaultFolder') ? GREEN_CLOSED : BLUE_CLOSED,
  525. 	currentLength = 0,
  526. 	occupied,
  527. 	defaultFull,
  528. 	savedFull,
  529. 	queue = document.getElementById('SavedPostsMenu-queue'),
  530. 	capacity = document.getElementById('capacity'),
  531. 	capacityText = document.getElementById('capacity-text'),
  532. 	i = 0;
  533.  
  534. 	document.getElementById('trash').getElementsByTagName('span')[0].childNodes[0].nodeValue = 0;
  535.  
  536. 	empty(queue);
  537.  
  538. 	if (source.length) {
  539. 		source.sort(function(a, b) {
  540. 			var dateA = new Date(a.date.replace(/@/g, '')),
  541. 			dateB = new Date(b.date.replace(/@/g, ''));
  542. 			return dateB - dateA;
  543. 		});
  544.  
  545. 		for (i = 0; i < source.length; i++) {
  546. 			queue.appendChild(createLogItem(source, i));
  547. 		}
  548. 	} else {
  549. 		queue.appendChild(createElement('div', function(cont) {
  550. 			cont.appendChild(createElement('div', function(error) {
  551. 				error.className = 'error_notice';
  552. 				error.style.padding = '5px 0';
  553. 				error.appendChild(document.createTextNode('No messages to display.'));
  554. 			}));
  555. 		}));
  556. 	}
  557.  
  558. 	if (!localStorage.length) {
  559. 		capacity.getElementsByTagName('div')[0].style.width = 0 + '%';
  560. 		capacityText.childNodes[0].nodeValue = 0 + '% full';
  561. 	} else {
  562. 		for (i = 0; i < localStorage.length; i++) {
  563. 			currentLength += localStorage.getItem(localStorage.key(i)).length;
  564. 		}
  565. 		occupied = (currentLength / CAPACITY) * 100;
  566. 		defaultFull = (localStorage.getItem('defaultFolder')) ? (localStorage.getItem('defaultFolder').length / CAPACITY) : 0;
  567. 		savedFull = (localStorage.getItem('savedFolder')) ? (localStorage.getItem('savedFolder').length / CAPACITY) + defaultFull : 0;
  568. 		document.getElementById('defaultFolder').style.width = defaultFull + '%';
  569. 		document.getElementById('savedFolder').style.width = savedFull + '%';
  570. 		occupied = roundToNthDecimal(occupied, 1);
  571. 		capacityText.childNodes[0].nodeValue = occupied + '% full';
  572. 		if (occupied >= 95 && !Classes.hasClass(capacity, 'full')) {
  573. 			Classes.addClass(capacity, 'full');
  574. 			Classes.addClass(capacityText, 'full');
  575. 		} else if (Classes.hasClass(capacity, 'full')) {
  576. 			Classes.removeClass(capacity, 'full');
  577. 			Classes.removeClass(capacityText, 'full');
  578. 		}
  579. 	}
  580. }
  581.  
  582. function manageSavedPosts() {
  583. 	var alreadyExists = false,
  584. 	SavedPostsMenu,
  585. 	menu;
  586.  
  587. 	// The menu
  588.  
  589. 	if (document.getElementById('SavedPostsMenu') == null) {
  590. 		SavedPostsMenu = createElement('div', function(menu) {
  591. 			menu.id = 'SavedPostsMenu';
  592. 			menu.appendChild(createElement('div', function(padded) {
  593. 				padded.className = 'padded';
  594. 				padded.appendChild(createElement('div', function(close) {
  595. 					close.id = 'close-SavedPostsMenu';
  596. 					close.appendChild(createElement('span', function(span) {
  597. 						span.appendChild(document.createTextNode('x'));
  598. 					}));
  599. 				}));
  600.  
  601. 				padded.appendChild(createElement('div', function(trash) {
  602. 					trash.id = 'trash';
  603. 					trash.appendChild(document.createTextNode('Empty Trash ('));
  604. 					trash.appendChild(createElement('span', function(span) {
  605. 						span.appendChild(document.createTextNode('0'));
  606. 					}));
  607. 					trash.appendChild(document.createTextNode(' Items)'));
  608. 				}));
  609.  
  610. 				padded.appendChild(createElement('div', function(cap) {
  611. 					cap.id = 'capacity';
  612. 					cap.appendChild(createElement('div', function(folderCap) {
  613. 						folderCap.id = 'defaultFolder';
  614. 					}));
  615.  
  616. 					cap.appendChild(createElement('div', function(folderCap) {
  617. 						folderCap.id = 'savedFolder';
  618. 					}));
  619. 				}));
  620.  
  621. 				padded.appendChild(createElement('div', function(mass) {
  622. 					mass.id = 'mass-functions';
  623. 					mass.appendChild(createElement('span', function(cap_text) {
  624. 						cap_text.id = 'capacity-text';
  625. 						cap_text.appendChild(document.createTextNode('0% full'));
  626. 					}));
  627.  
  628. 					mass.appendChild(createElement('a', function(refresh) {
  629. 						refresh.name = 'refresh';
  630. 						refresh.appendChild(document.createTextNode('Refresh'));
  631. 					}));
  632. 					mass.appendChild(document.createTextNode(' | '));
  633. 					mass.appendChild(createElement('a', function(toggle) {
  634. 						toggle.name = 'toggle-all';
  635. 						toggle.appendChild(document.createTextNode('Toggle All'));
  636. 					}));
  637. 					mass.appendChild(document.createTextNode(' | '));
  638. 					mass.appendChild(createElement('a', function(restore) {
  639. 						restore.name = 'restore-all';
  640. 						restore.appendChild(document.createTextNode('Restore All'));
  641. 					}));
  642. 					mass.appendChild(document.createTextNode(' | '));
  643. 					mass.appendChild(createElement('a', function(del) {
  644. 						del.name = 'delete-all';
  645. 						del.appendChild(document.createTextNode('Delete All'));
  646. 					}));
  647. 				}));
  648.  
  649. 				padded.appendChild(createElement('div', function(select) {
  650. 					select.id = 'folderSelect';
  651. 					select.appendChild(createElement('img', function(icon) {
  652. 						icon.title = 'Default';
  653. 						icon.src = GREEN_OPEN;
  654. 						icon.className = 'folderSelected';
  655. 					}));
  656.  
  657. 					select.appendChild(createElement('img', function(icon) {
  658. 						icon.title = 'Saved';
  659. 						icon.src = BLUE_CLOSED;
  660. 					}));
  661. 				}));
  662.  
  663. 				padded.appendChild(createElement('div', function(folder) {
  664. 					folder.id = 'folderName';
  665. 					folder.appendChild(document.createTextNode('Default'));
  666. 				}));
  667.  
  668. 				padded.appendChild(createElement('div', function(queue) {
  669. 					queue.id = 'SavedPostsMenu-queue';
  670. 				}));
  671. 			}));
  672. 		});
  673.  
  674. 		document.body.appendChild(SavedPostsMenu);
  675. 	} else {
  676. 		alreadyExists = true;
  677. 	}
  678.  
  679. 	menu = document.getElementById('SavedPostsMenu');
  680.  
  681. 	refresh();
  682.  
  683. 	// Kill the process if the menu already exists
  684.  
  685. 	if (alreadyExists) {
  686. 		fade(menu, 'in');
  687. 		return false;
  688. 	}
  689.  
  690. 	// Events
  691.  
  692. 	// Handlers
  693.  
  694. 	var closeHandler = function() {
  695. 		fade(menu, 'out');
  696. 	};
  697.  
  698. 	var selectFolderHandler = function(event) {
  699. 		if (event.target.tagName !== 'IMG') {
  700. 			return false;
  701. 		}
  702.  
  703. 		var folder = event.target.title,
  704. 		selected,
  705. 		folderName;
  706.  
  707. 		if (Classes.hasClass(event.target, 'folderSelected')) {
  708. 			refresh();
  709. 			return false;
  710. 		}
  711.  
  712. 		selected = document.getElementsByClassName('folderSelected')[0];
  713. 		folderName = document.getElementById('folderName');
  714.  
  715. 		if (folder === 'Default') {
  716. 			event.target.src = GREEN_OPEN;
  717. 			selected.src = BLUE_CLOSED;
  718. 		} else {
  719. 			event.target.src = BLUE_OPEN;
  720. 			selected.src = GREEN_CLOSED;
  721. 		}
  722.  
  723. 		Classes.removeClass(selected, 'folderSelected');
  724. 		Classes.addClass(event.target, 'folderSelected');
  725. 		Classes.toggleClass(folderName, 'savedFolderText');
  726. 		folderName.childNodes[0].nodeValue = folder;
  727. 		refresh();
  728. 	};
  729.  
  730. 	var trashHandler = function() {
  731. 		var trash = document.getElementById('trash'),
  732. 		selected = document.getElementsByClassName('folderSelected')[0].title.toLowerCase() + 'Folder',
  733. 		selectedLog = JSON.parse(localStorage.getItem(selected)),
  734. 		logItems = document.getElementsByClassName('log-item'),
  735. 		thisLog,
  736. 		idToDelete,
  737. 		idToCompare,
  738. 		start,
  739. 		i = 0,
  740. 		messageNum;
  741.  
  742. 		for (i = 0; i < logItems.length; i++) {
  743. 			thisLog = logItems[i];
  744.  
  745. 			if (thisLog.hasAttribute('delete')) {
  746. 				idToDelete = thisLog.id;
  747.  
  748. 				for (messageNum = 0; messageNum < selectedLog.length; messageNum++) {
  749. 					idToCompare = selectedLog[messageNum].id;
  750. 					if (idToCompare === idToDelete) {
  751. 						start = messageNum;
  752. 						break;
  753. 					}
  754. 				}
  755.  
  756. 				selectedLog.splice(start, 1);
  757. 			}
  758. 		}
  759.  
  760. 		trash.getElementsByTagName('span')[0].childNodes[0].nodeValue = 0;
  761. 		localStorage.setItem(selected, JSON.stringify(selectedLog));
  762. 	};
  763.  
  764. 	var massHandler = function(event) {
  765. 		if (event.target.tagName !== 'A') {
  766. 			return false;
  767. 		}
  768.  
  769. 		var logItems = document.getElementsByClassName('log-item'),
  770. 		trash = document.getElementById('trash'),
  771. 		thisLog,
  772. 		headers,
  773. 		i = 0;
  774.  
  775. 		switch (event.target.name) {
  776. 			case 'refresh':
  777. 				refresh();
  778. 			break;
  779. 			case 'toggle-all':
  780. 				headers = document.getElementsByClassName('header-link');
  781. 				for (i = 0; i < headers.length; i++) {
  782. 					headers[i].click();
  783. 				}
  784. 			break;
  785. 			case 'restore-all':
  786. 				for (i = 0; i < logItems.length; i++) {
  787. 					thisLog = logItems[i];
  788.  
  789. 					if (thisLog.hasAttribute('delete')) {
  790. 						thisLog.removeAttribute('delete');
  791. 						fade(thisLog, 'in', 100);
  792. 						trash.getElementsByTagName('span')[0].childNodes[0].nodeValue = parseInt(trash.getElementsByTagName('span')[0].childNodes[0].nodeValue) - 1;
  793. 					}
  794. 				}
  795. 			break;
  796. 			case 'delete-all':
  797. 				for (i = 0; i < logItems.length; i++) {
  798. 					thisLog = logItems[i];
  799.  
  800. 					if (!thisLog.hasAttribute('delete')) {
  801. 						thisLog.getElementsByClassName('delete')[0].click();
  802. 					}
  803. 				}
  804. 			break;
  805. 		}
  806. 	};
  807.  
  808. 	var selectMessageHandler = function(event) {
  809. 		if (!event.target.className || !Classes.hasClass(event.target, 'load')) {
  810. 			return false;
  811. 		}
  812.  
  813. 		var toSelect = event.target.parentNode.nextSibling,
  814. 		idToLoad = toSelect.parentNode.id,
  815. 		msgToLoad,
  816. 		selected = document.getElementsByClassName('folderSelected')[0].title.toLowerCase() + 'Folder',
  817. 		selectedLog,
  818. 		idToCompare,
  819. 		iteration,
  820. 		range;
  821.  
  822. 		if (document.selection) {
  823. 			range = document.body.createTextRange();
  824. 			range.moveToElementText(toSelect);
  825. 			range.select();
  826. 		} else if (window.getSelection()) {
  827. 			range = document.createRange();
  828. 			range.selectNode(toSelect);
  829. 			window.getSelection().removeAllRanges();
  830. 			window.getSelection().addRange(range);
  831. 		}
  832.  
  833. 		// Nested click handler
  834.  
  835. 		var loadMessageRichClickHandler = function(event) {
  836. 			var cursored = window.parent.document.getElementsByClassName('selectableForLoad'),
  837. 			thisCursored,
  838. 			i = 0,
  839. 			messageNum = 0;
  840.  
  841. 			selectedLog = JSON.parse(localStorage.getItem(selected));
  842.  
  843. 			for (messageNum = 0; messageNum < selectedLog.length; messageNum++) {
  844. 				idToCompare = selectedLog[messageNum].id;
  845. 				if (idToCompare === idToLoad) {
  846. 					iteration = messageNum;
  847. 					break;
  848. 				}
  849. 			}
  850.  
  851. 			msgToLoad = selectedLog[iteration].msg;
  852.  
  853. 			if (event.target.getElementsByTagName('body')[0].textContent.length) {
  854. 				event.target.getElementsByTagName('body')[0].innerHTML += msgToLoad;
  855. 			} else {
  856. 				event.target.getElementsByTagName('body')[0].innerHTML = msgToLoad;
  857. 			}
  858.  
  859. 			for (i = 0; i < cursored.length; i++) {
  860. 				thisCursored = cursored[i];
  861.  
  862. 				if (thisCursored.tagName === 'TEXTAREA') {
  863. 					thisCursored.style.cursor = '';
  864. 				} else {
  865. 					thisCursored.contentWindow.document.documentElement.style.cursor = '';
  866. 				}
  867.  
  868. 				Classes.removeClass(thisCursored, 'selectableForLoad');
  869. 			}
  870.  
  871. 			Events.getEventsByName('loadMessage').remove();
  872.  
  873. 			fade(window.parent.document.getElementById('noticeBar'), 'out');
  874. 		};
  875.  
  876. 		var loadMessageRichMouseoverHandler = function(event) {
  877. 			if (event.target.tagName !== 'IFRAME' || !event.target.title || !event.target.title.match('Rich text editor')) {
  878. 				return false;
  879. 			}
  880.  
  881. 			event.target.contentWindow.document.documentElement.style.cursor = 'crosshair';
  882.  
  883. 			Classes.addClass(event.target, 'selectableForLoad');
  884. 			Events.selector(event.target.contentWindow.document.documentElement).add('click', 'loadMessage', loadMessageRichClickHandler, false);
  885.  
  886. 			Events.getEventsByName('loadMessageRich').remove();
  887. 		};
  888.  
  889. 		var loadMessageClickHandler = function(event) {
  890. 			if (!event.target.className || !Classes.hasClass(event.target, 'cke_source')) {
  891. 				return false;
  892. 			}
  893.  
  894. 			selectedLog = JSON.parse(localStorage.getItem(selected));
  895.  
  896. 			var cursored = document.getElementsByClassName('selectableForLoad'),
  897. 			thisCursored,
  898. 			messageNum = 0,
  899. 			i = 0;
  900.  
  901. 			for (messageNum = 0; messageNum < selectedLog.length; messageNum++) {
  902. 				idToCompare = selectedLog[messageNum].id;
  903. 				if (idToCompare === idToLoad) {
  904. 					iteration = messageNum;
  905. 					break;
  906. 				}
  907. 			}
  908.  
  909. 			msgToLoad = selectedLog[iteration].msg;
  910. 			
  911. 			event.target.value += msgToLoad;
  912.  
  913. 			for (i = 0; i < cursored.length; i++) {
  914. 				thisCursored = cursored[i];
  915.  
  916. 				if (thisCursored.tagName === 'TEXTAREA') {
  917. 					thisCursored.style.cursor = '';
  918. 				} else {
  919. 					thisCursored.contentWindow.document.documentElement.style.cursor = '';
  920. 				}
  921.  
  922. 				Classes.removeClass(thisCursored, 'selectableForLoad');
  923. 			}
  924.  
  925. 			Events.getEventsByName('loadMessage').remove();
  926.  
  927. 			fade(document.getElementById('noticeBar'), 'out');
  928. 		};
  929.  
  930. 		var loadMessageMouseoverHandler = function(event) {
  931. 			if (!event.target.className || !Classes.hasClass(event.target, 'cke_source')) {
  932. 				return false;
  933. 			}
  934.  
  935. 			event.target.style.cursor = 'crosshair';
  936. 			Classes.addClass(event.target, 'selectableForLoad');
  937. 		};
  938.  
  939. 		Events.selector(document).add('mouseover', 'loadMessage', loadMessageMouseoverHandler, false);
  940.  
  941. 		Events.selector(document).add('click', 'loadMessage', loadMessageClickHandler, false);
  942.  
  943. 		Events.selector(document).add('mouseover', 'loadMessageRich', loadMessageRichMouseoverHandler, false);
  944.  
  945. 		if (document.getElementById('noticeBar') == null) {
  946. 			document.body.appendChild(createElement('div', function(bar) {
  947. 				bar.id = 'noticeBar';
  948. 				bar.appendChild(document.createTextNode(''));
  949. 			}));
  950. 		}
  951.  
  952. 		document.getElementById('noticeBar').childNodes[0].nodeValue = 'Click a post field to load this post.';
  953.  
  954. 		fade(document.getElementById('noticeBar'), 'in');
  955. 	};
  956.  
  957. 	var moveToSavedHandler = function(event) {
  958. 		if (!event.target.className || !Classes.hasClass(event.target, 'save')) {
  959. 			return false;
  960. 		}
  961.  
  962. 		var defaultLog = JSON.parse(localStorage.getItem('defaultFolder')),
  963. 		savedLog = (localStorage.getItem('savedFolder')) ? JSON.parse(localStorage.getItem('savedFolder')) : [],
  964. 		msgToMove = event.target.parentNode.parentNode.id,
  965. 		msgToCompare,
  966. 		iteration,
  967. 		savedName,
  968. 		toHide = event.target.parentNode.parentNode;
  969.  
  970. 		var moveAndRenameKeydownHandler = function(event) {
  971. 			var messageNum = 0;
  972.  
  973. 			if (event.target.tagName === 'INPUT') {
  974. 				if (event.keyCode === 13) {
  975. 					savedName = event.target.value;
  976. 					for (messageNum = 0; messageNum < defaultLog.length; messageNum++) {
  977. 						msgToCompare = defaultLog[messageNum].id;
  978. 						if (msgToCompare === msgToMove) {
  979. 							iteration = messageNum;
  980. 							break;
  981. 						}
  982. 					}
  983. 					defaultLog[iteration].name = savedName;
  984. 					savedLog.push(defaultLog[iteration]);
  985. 					defaultLog.splice(iteration, 1);
  986. 					localStorage.setItem('defaultFolder', JSON.stringify(defaultLog));
  987. 					localStorage.setItem('savedFolder', JSON.stringify(savedLog));
  988. 					fade(toHide, 'out');
  989. 					fade(event.target.parentNode, 'out');
  990. 					Events.selector(document.getElementById('renameDialog')).remove('keydown', 'moveAndRenameKeydown', moveAndRenameKeydownHandler, false);
  991. 				}
  992. 			}
  993. 		};
  994.  
  995. 		if (document.getElementById('renameDialog') == null) {
  996. 			document.body.appendChild(createElement('div', function(rename) {
  997. 				rename.id = 'renameDialog';
  998. 				rename.appendChild(document.createTextNode('Name this Message'));
  999. 				rename.appendChild(document.createElement('br'));
  1000. 				rename.appendChild(createElement('inpty', function(input) {
  1001. 					input.type = 'text';
  1002. 					input.placeholder = 'Press enter to submit';
  1003. 				}));
  1004. 			}));
  1005. 		}
  1006.  
  1007. 		document.getElementById('renameDialog').getElementsByTagName('input')[0].value = '';
  1008.  
  1009. 		fade(document.getElementById('renameDialog'), 'in');
  1010.  
  1011. 		Events.selector(document.getElementById('renameDialog')).add('keydown', 'moveAndRenameKeydown', moveAndRenameKeydownHandler, false);
  1012. 	};
  1013.  
  1014. 	var renameHandler = function(event) {
  1015. 		if (!event.target.className || !Classes.hasClass(event.target, 'rename')) {
  1016. 			return false;
  1017. 		}
  1018.  
  1019. 		var renaming = event.target.parentNode.parentNode.getElementsByClassName('name')[0],
  1020. 		savedLog = JSON.parse(localStorage.getItem('savedFolder')),
  1021. 		msgToRename = event.target.parentNode.parentNode.id,
  1022. 		msgToCompare,
  1023. 		iteration,
  1024. 		newName;
  1025.  
  1026. 		if (renaming.hasAttribute('contenteditable')) {
  1027. 			renaming.removeAttribute('contenteditable');
  1028. 			renaming.removeAttribute('style');
  1029. 			return false;
  1030. 		}
  1031.  
  1032. 		renaming.setAttribute('contenteditable', 'true');
  1033. 		renaming.setAttribute('style', 'outline: none; background-color: rgba(255, 255, 255, .7); padding: 3px; cursor: text;');
  1034. 		renaming.focus();
  1035. 		moveCaret(window, renaming.textContent.length);
  1036.  
  1037. 		var renameKeydownHandler = function(event) {
  1038. 			if (event.keyCode == 13) {
  1039. 				event.target.removeAttribute('contenteditable');
  1040. 				event.target.removeAttribute('style');
  1041. 				newName = event.target.textContent;
  1042. 				for (var messageNum = 0; messageNum < savedLog.length; messageNum++) {
  1043. 					msgToCompare = savedLog[messageNum].id;
  1044. 					if (msgToCompare === msgToRename) {
  1045. 						iteration = messageNum;
  1046. 						break;
  1047. 					}
  1048. 				}
  1049. 				savedLog[iteration].name = newName;
  1050. 				localStorage.setItem('savedFolder', JSON.stringify(savedLog));
  1051. 				Events.selector(event.target).remove('keydown', 'renameKeydown', renameKeydownHandler, false);
  1052. 			}
  1053. 		};
  1054.  
  1055. 		Events.selector(renaming).add('keydown', 'renameKeydown', renameKeydownHandler, false);
  1056. 	};
  1057.  
  1058. 	var deleteHandler = function(event) {
  1059. 		if (!event.target.className || !Classes.hasClass(event.target, 'delete')) {
  1060. 			return false;
  1061. 		}
  1062.  
  1063. 		var parentLog = event.target.parentNode.parentNode;
  1064.  
  1065. 		fade(parentLog, 'out', 100);
  1066. 		parentLog.setAttribute('delete', '');
  1067. 		document.getElementById('trash').getElementsByTagName('span')[0].childNodes[0].nodeValue = parseInt(document.getElementById('trash').getElementsByTagName('span')[0].childNodes[0].nodeValue) + 1;
  1068. 	};
  1069.  
  1070. 	var showMsgContentHandler = function(event) {
  1071. 		if (!event.target.className || !(Classes.hasClass(event.target, 'header-link') || Classes.hasClass(event.target.parentNode, 'header-link'))) {
  1072. 			return false;
  1073. 		}
  1074.  
  1075. 		var thisTarget = (Classes.hasClass(event.target, 'header-link')) ? event.target : event.target.parentNode,
  1076. 		selected = document.getElementsByClassName('folderSelected')[0].title.toLowerCase() + 'Folder',
  1077. 		folderIcon = thisTarget.getElementsByClassName('folderIcon')[0],
  1078. 		parent = thisTarget.parentNode,
  1079. 		selectedIcon,
  1080. 		dels,
  1081. 		i = 0;
  1082.  
  1083. 		if (Classes.hasClass(folderIcon, 'isOpen')) {
  1084. 			selectedIcon = (selected === 'defaultFolder') ? GREEN_CLOSED : BLUE_CLOSED;
  1085. 		} else {
  1086. 			selectedIcon = (selected === 'defaultFolder') ? GREEN_OPEN : BLUE_OPEN;
  1087. 		}
  1088.  
  1089. 		folderIcon.src = selectedIcon;
  1090. 		Classes.toggleClass(folderIcon, 'isOpen');
  1091. 		fade(parent.nextSibling, 'toggle', 100);
  1092. 		for (i = 0, dels = parent.getElementsByTagName('del'); i < dels.length; i++) {
  1093. 			fade(dels[i], 'toggle', 100);
  1094. 		}
  1095. 	};
  1096.  
  1097. 	// Add events
  1098.  
  1099. 	Events.selector(document.getElementById('close-SavedPostsMenu').getElementsByTagName('span')[0]).add('click', 'close', closeHandler, false);
  1100.  
  1101. 	Events.selector(document.getElementById('folderSelect')).add('click', 'selectFolder', selectFolderHandler, false);
  1102.  
  1103. 	Events.selector(document.getElementById('trash')).add('click', 'empty', trashHandler, false);
  1104.  
  1105. 	Events.selector(document.getElementById('mass-functions')).add('click', 'mass', massHandler, false);
  1106.  
  1107. 	Events.selector(menu).add('click', 'select', selectMessageHandler, false);
  1108.  
  1109. 	Events.selector(menu).add('click', 'moveToSaved', moveToSavedHandler, false);
  1110.  
  1111. 	Events.selector(menu).add('click', 'rename', renameHandler, false);
  1112.  
  1113. 	Events.selector(menu).add('click', 'delete', deleteHandler, false);
  1114.  
  1115. 	Events.selector(menu).add('click', 'showMsgContent', showMsgContentHandler, false);
  1116. }
  1117.  
  1118. if (document.getElementsByTagName('body')[0].id === 'ipboard_body') {
  1119. 	// Styling
  1120.  
  1121. 	if (document.getElementById('MakazeScriptStyles') == null) {
  1122. 		MakazeScriptStyles = createElement('style', function(style) {
  1123. 			style.id = 'MakazeScriptStyles';
  1124. 			style.type = 'text/css';
  1125. 		});
  1126. 		document.head.appendChild(MakazeScriptStyles);
  1127. 	}
  1128.  
  1129. 	styleElem = document.getElementById('MakazeScriptStyles');
  1130.  
  1131. 	if (styleElem.hasChildNodes()) {
  1132. 		styleElem.childNodes[0].nodeValue += '\n\n';
  1133. 	} else {
  1134. 		styleElem.appendChild(document.createTextNode(''));
  1135. 	}
  1136.  
  1137. 	styleElem.childNodes[0].nodeValue += '#SavedPostsMenu { background-color: rgba(240, 240, 240, 0.8); width: 50%; height: 100%; position: fixed; z-index: 99999999; top: 0px; left: 25%; box-shadow: 0px 0px 3px #444; color: #222; overflow-y: auto; }  #SavedPostsMenu .padded { padding: 25px; }  #close-SavedPostsMenu { text-align: right; height: 0px; }  #close-SavedPostsMenu span { background-color: #222; color: #fff; font-size: 110%; display: inline-block; width: 25px; height: 25px; text-align: center; line-height: 25px; border-radius: 25px; opacity: 0.9; cursor: pointer; }  #trash { text-align: center; font-weight: bolder; background-color: rgba(250, 250, 245, 0.9); color: rgb(68, 68, 68); text-shadow: 0px 0px 2px rgb(170, 170, 170); box-shadow: 0px 0px 2px rgb(119, 119, 119); padding: 15px; margin: 0 100px; border-radius: 10px; font-size: 150%; margin-bottom: 15px; cursor: pointer; }  #mass-functions { text-align: right; text-shadow: 1px 1px rgb(255, 255, 255); font-weight: bolder; padding: 10px; font-style: oblique; background-color: rgba(255, 255, 255, .9); font-size: 120%; border-radius: 3px; margin-bottom: 10px; }  .log-item { margin: 5px 0; }  .log-item-header { margin: 10px 0; }  #SavedPostsMenu a, #SavedPostsMenu del, #SavedPostsMenu .undo, #SavedPostsMenu .error_notice { text-shadow: 1px 1px #FFF; font-weight: bolder; cursor: pointer; margin: 0 10px; }  #SavedPostsMenu del { text-decoration: none; float: right; display: none; }  .msg-content { background-color: rgba(255, 255, 255, .8); border-radius: 5px; box-shadow: 0px 0px 3px #777; padding: 15px; display: none; }  #SavedPostsMenu ol { list-style: decimal; padding-left: 40px; }  #SavedPostsMenu il { list-style: disc; padding-left: 40px; }  .log-item .undo { background-color: rgba(255, 255, 255, .7); font-style: oblique; margin: 0 7px; padding: 3px; border-radius: 3px; display: none; }  .log-item .error_notice { font-size: 120%; cursor: auto; }  #capacity { background-color: rgba(255, 255, 255, .7); border-radius: 3px; margin-bottom: 10px; overflow: hidden; }  #capacity > div { height: 10px; 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; }  #capacity > div#defaultFolder { background-color: #7f3; border-bottom: 1px solid #7C3; border-right: 1px solid #7C3; position: absolute; }  #capacity.full > div#savedFolder { background-color: #3cf; border-bottom: 1px solid #39C; border-right: 1px solid #39C; }  #capacity.full > div { background-color: #F11; border-bottom: 1px solid #C11; border-right: 1px solid #C11; }  #capacity-text { float: left; -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; }  #capacity-text.full { color: #F11; text-shadow: 1px 1px #C11; }  .saved-notice-footer { float: left; background-color: rgba(255, 255, 255, 0.4) ! important; color: #676767 ! important; padding: 3px 5px ! important; border-radius: 5px; }  .last-saved { color: inherit ! important; }  .saved-warning { color: #F11 ! important; }  .saved-warning > strong { font-weight: bolder ! important; }  .open-SavedPostsMenu { text-decoration: underline ! important; cursor: pointer ! important; }  .open-SavedPostsMenu:hover { text-decoration: none ! important; }  #folderSelect { text-align: center; }  #folderSelect > img { height: 25px; cursor: pointer; padding: 5px; border: 1px dashed transparent; }  #folderSelect > img:not(:last-of-type) { margin-right: 5px; }  #SavedPostsMenu .folderSelected { padding: 5px; border-radius: 5px; border: 1px dashed #aaa ! important; }  #folderName { font-weight: bolder; padding-top: 5px; font-size: 130%; }  #SavedPostsMenu .savedFolderText { color: #3cf; text-shadow: 1px 1px #39C; }  #SavedPostsMenu img.folderIcon { height: 15px; }  #SavedPostsMenu .header-link > img.folderIcon { margin-right: 5px; }  #noticeBar { position: fixed; z-index: 9999999999; bottom: 0px; text-align: center; width: 100%; background-color: rgba(50, 50, 50, .9); color: #fff; box-shadow: 0px 0px 5px #111; font-size: 25px; font-weight: bolder; padding: 20px 0px; display: none; }  #renameDialog { position: fixed; z-index: 999999999; top: 50%; left: 50%; padding: 3px; height: 40px; width: 200px; margin-top: -24px; margin-left: -79px; background-color: #f8f8f8; border: 1px solid #ccc; border-radius: 5px; text-align: center; font-weight: bolder; display: none; }  #renameDialog > input { margin: 3px 0px; width: 95%; }';
  1138.  
  1139. 	var autoSavePostHandler = function(event) {
  1140. 		var editor,
  1141. 		editorContainer,
  1142. 		editorSubmitParent,
  1143. 		editorContents,
  1144. 		editorID,
  1145. 		editorType,
  1146. 		editor_bottom,
  1147. 		footer;
  1148.  
  1149. 		if (!event.target.tagName) {
  1150. 			return false;
  1151. 		}
  1152.  
  1153. 		switch (event.target.tagName) {
  1154. 			case 'TEXTAREA':
  1155. 				if (event.target.hasAttribute('aria-label') && event.target.getAttribute('aria-label').match('Rich text editor')) {
  1156. 					editor = event.target;
  1157. 					editorContainer = event.target.parentNode.parentNode.parentNode.parentNode;
  1158. 				} else {
  1159. 					return false;
  1160. 				}
  1161. 			break;
  1162. 			case 'IFRAME':
  1163. 				if (event.target.title && event.target.title.match('Rich text editor')) {
  1164. 					editor = event.target;
  1165. 					editorContainer = event.target.parentNode.parentNode.parentNode.parentNode;
  1166. 				} else {
  1167. 					return false;
  1168. 				}
  1169. 			break;
  1170. 			default:
  1171. 				return false;
  1172. 		}
  1173.  
  1174. 		if (editorContainer.hasAttribute('auto-saving')) {
  1175. 			return false;
  1176. 		}
  1177.  
  1178. 		editorContents = editorContainer.getElementsByClassName('cke_contents')[0];
  1179.  
  1180. 		if (editorContents.id.match('editor')) {
  1181. 			editorID = editorContents.id.split('editor_')[1];
  1182. 			editorType = 'editor_';
  1183. 		} else if (!editorContents.id.match('editor') && editorContents.id.match('edit')) {
  1184. 			editorID = editorContents.id.split('edit-')[1];
  1185. 			editorType = 'edit-';
  1186. 		}
  1187.  
  1188. 		editor_bottom = document.getElementById('cke_bottom_' + editorType + editorID);
  1189.  
  1190. 		console.log('Saving from:', editor);
  1191.  
  1192. 		footer = createElement('div', function(footer) {
  1193. 			footer.className = 'saved-notice-footer';
  1194. 			footer.appendChild(createElement('span', function(last_saved) {
  1195. 				last_saved.className = 'last-saved';
  1196. 			}));
  1197.  
  1198. 			footer.appendChild(document.createTextNode(' '));
  1199.  
  1200. 			footer.appendChild(createElement('a', function(open_menu) {
  1201. 				open_menu.className = 'open-SavedPostsMenu';
  1202. 				open_menu.appendChild(document.createTextNode('{Menu}'));
  1203. 			}));
  1204. 		});
  1205.  
  1206. 		editor_bottom.insertBefore(footer, editor_bottom.firstChild);
  1207.  
  1208. 		var openMenuHandler = function() {
  1209. 			manageSavedPosts();
  1210. 		};
  1211.  
  1212. 		Events.selector(editor_bottom.getElementsByClassName('open-SavedPostsMenu')[0]).add('click', 'open_menu', openMenuHandler, false);
  1213.  
  1214. 		function fireInterval(elemID, context) {
  1215. 			var timeStamp = dateAndTime(),
  1216. 			elem,
  1217. 			saveState,
  1218. 			elems,
  1219. 			newEntry,
  1220. 			i = 0;
  1221.  
  1222. 			if (context.getElementsByTagName('textarea')[0] != null) {
  1223. 				for (i = 0, elems = context.getElementsByTagName('textarea'); i < elems.length; i++) {
  1224. 					if (elems[i].getAttribute('aria-label').match(elemID)) {
  1225. 						elem = elems[i];
  1226. 						if (!elem.value.length) {
  1227. 							return false;
  1228. 						}
  1229.  
  1230. 						saveState = elem.value;
  1231. 					}
  1232. 				}
  1233. 			} else {
  1234. 				for (i = 0, elems = context.getElementsByTagName('iframe'); i < elems.length; i++) {
  1235. 					if (elems[i].title.match(elemID)) {
  1236. 						elem = elems[i];
  1237. 						if (!elem.contentWindow.document.body.textContent.length) {
  1238. 							return false;
  1239. 						}
  1240.  
  1241. 						saveState = elem.contentWindow.document.body.innerHTML;
  1242. 					}
  1243. 				}
  1244. 			}
  1245.  
  1246. 			newEntry = { 'id': elemID, 'date': timeStamp, 'msg': saveState };
  1247.  
  1248. 			// The meat
  1249. 			
  1250. 			var defaultLog = (localStorage.getItem('defaultFolder')) ? JSON.parse(localStorage.getItem('defaultFolder')) : [],
  1251. 			lastSavedElem = document.getElementById('cke_bottom_' + editorType + editorID).getElementsByClassName('last-saved')[0],
  1252. 			newMessage = true,
  1253. 			messageID,
  1254. 			messageToEdit,
  1255. 			currentLength = 0,
  1256. 			entryLength,
  1257. 			occupied,
  1258. 			difference,
  1259. 			normalSave = false,
  1260. 			messageNum = 0,
  1261. 			savedWarning,
  1262. 			warningClass,
  1263. 			warningText,
  1264. 			kill = false;
  1265.  
  1266. 			if (defaultLog.length) {
  1267. 				for (messageNum = 0; messageNum < defaultLog.length; messageNum++) {
  1268. 					messageID = defaultLog[messageNum].id;
  1269. 					if (messageID === elemID) {
  1270. 						newMessage = false;
  1271. 						messageToEdit = messageNum;
  1272. 						break;
  1273. 					}
  1274. 				}
  1275. 			}
  1276.  
  1277. 			if (!newMessage && saveState === defaultLog[messageToEdit].msg) {
  1278. 				return false;
  1279. 			}
  1280.  
  1281. 			// Begin capacity check
  1282.  
  1283. 			if (localStorage.length) {
  1284. 				for (i = 0; i < localStorage.length; i++) {
  1285. 					currentLength += localStorage.getItem(localStorage.key(i)).length;
  1286. 				}
  1287. 			}
  1288.  
  1289. 			entryLength = JSON.stringify(newEntry).length;
  1290. 			occupied = roundToNthDecimal((currentLength / CAPACITY) * 100, 1);
  1291.  
  1292. 			if (newMessage) {
  1293. 				if (((currentLength + entryLength) / CAPACITY) * 100 >= 95) {
  1294. 					if (currentLength + entryLength > CAPACITY) {
  1295. 						warningClass = 'over-capacity';
  1296. 						warningText = ' Capacity reached. Delete old messages to continue saving.';
  1297. 						kill = true;
  1298. 					} else if (currentLength + entryLength === CAPACITY) {
  1299. 						warningClass = 'full';
  1300. 						warningText = ' Capacity reached. Delete old messages to continue saving.';
  1301. 					} else {
  1302. 						warningClass = 'full';
  1303. 						warningText = ' ' + roundToNthDecimal(((currentLength + entryLength) / CAPACITY) * 100, 1) + '% full.';
  1304. 					}
  1305. 				} else {
  1306. 					normalSave = true;
  1307. 				}
  1308. 			} else {
  1309. 				difference = entryLength - JSON.stringify(defaultLog[messageToEdit]).length;
  1310.  
  1311. 				if (((currentLength + difference) / CAPACITY) * 100 >= 95) {
  1312. 					if (currentLength + difference > CAPACITY) {
  1313. 						warningClass = 'over-capacity';
  1314. 						warningText = ' Capacity reached. Delete old messages to continue saving.';
  1315. 						kill = true;
  1316. 					} else if (currentLength + difference === CAPACITY) {
  1317. 						warningClass = 'full';
  1318. 						warningText = ' Capacity reached. Delete old messages to continue saving.';
  1319. 					} else {
  1320. 						warningClass = 'full';
  1321. 						warningText = ' ' + roundToNthDecimal(((currentLength + difference) / CAPACITY) * 100, 1) + '% full.';
  1322. 					}
  1323. 				} else {
  1324. 					normalSave = true;
  1325. 				}
  1326. 			}
  1327.  
  1328. 			// End capacity check
  1329.  
  1330. 			empty(lastSavedElem);
  1331.  
  1332. 			if (normalSave) {
  1333. 				lastSavedElem.appendChild(document.createTextNode('Last saved: ' + timeStamp));
  1334. 			} else {
  1335. 				savedWarning = createElement('span', function(warning) {
  1336. 					warning.className = 'saved-warning ' + warningClass;
  1337. 					warning.appendChild(createElement('strong', function(type) {
  1338. 						type.appendChild(document.createTextNode('Warning:'));
  1339. 					}));
  1340.  
  1341. 					warning.appendChild(document.createTextNode(warningText));
  1342. 				});
  1343. 				
  1344. 				if (kill) {
  1345. 					lastSavedElem.appendChild(savedWarning);
  1346. 					return false;
  1347. 				}
  1348.  
  1349. 				lastSavedElem.appendChild(document.createTextNode('Last saved: ' + timeStamp + ' | '));
  1350. 				lastSavedElem.appendChild(savedWarning);
  1351. 			}
  1352.  
  1353. 			if (newMessage) {
  1354. 				defaultLog.push(newEntry);
  1355. 			} else {
  1356. 				defaultLog[messageToEdit].msg = saveState;
  1357. 			}
  1358.  
  1359. 			localStorage.setItem('defaultFolder', JSON.stringify(defaultLog));
  1360. 		}
  1361.  
  1362. 		var saveAtInterval = setInterval(function() {
  1363. 			if (document.getElementById('cke_bottom_' + editorType + editorID) == null) {
  1364. 				clearTimeout(saveAtInterval);
  1365. 				return false;
  1366. 			}
  1367. 			fireInterval(editorID, editorContainer);
  1368. 		}, 15000);
  1369.  
  1370. 		editorContainer.setAttribute('auto-saving', '');
  1371.  
  1372. 		editorSubmitParent = editor;
  1373.  
  1374. 		while (editorSubmitParent.getElementsByClassName('input_submit')[0] == null && editorSubmitParent.parentNode) {
  1375. 			editorSubmitParent = editorSubmitParent.parentNode;
  1376. 		}
  1377.  
  1378. 		var submitSavedPostHandler = function(event) {
  1379. 			if (!event.target.className || event.target.className !== 'input-submit') {
  1380. 				return false;
  1381. 			}
  1382.  
  1383. 			var defaultLog = JSON.parse(localStorage.getItem('defaultFolder')),
  1384. 			messageID,
  1385. 			messageNum  = 0;
  1386.  
  1387. 			for (messageNum = 0; messageNum < defaultLog.length; messageNum++) {
  1388. 				messageID = defaultLog[messageNum].id;
  1389. 				if (messageID === editorID) {
  1390. 					defaultLog.splice(messageNum, 1);
  1391. 					localStorage.setItem('defaultFolder', JSON.stringify(defaultLog));
  1392. 					break;
  1393. 				}
  1394. 			}
  1395. 		};
  1396.  
  1397. 		Events.selector(editorSubmitParent).add('click', 'submitSavedPost', submitSavedPostHandler, false);
  1398. 	};
  1399.  
  1400. 	Events.selector(document).add('mouseover', 'saveStart', autoSavePostHandler, false);
  1401. }