☰

IP.Chat Logs

Keep and manage IRC-like logs for IP.Chat clients.

  1. // ==UserScript==
  2. // @name	IP.Chat Logs
  3. // @namespace	Makaze
  4. // @include	*
  5. // @grant	none
  6. // @version	1.3.2
  7. // @description Keep and manage IRC-like logs for IP.Chat clients.
  8. // ==/UserScript==
  9.  
  10. var IPChatMenuItems,
  11. menuButton,
  12. logs,
  13. CAPACITY = 5242880,
  14. filled = 0,
  15. occupied = 0,
  16. i = 0;
  17.  
  18. // Classes constructor
  19.  
  20. function ClassHandler() {
  21. 	var self = this;
  22.  
  23. 	this.classList = function(elem) {
  24. 		return elem.className.trim().split(/[\b\s]/);
  25. 	};
  26.  
  27. 	this.hasClass = function(elem, className) {
  28. 		var classes = self.classList(elem),
  29. 		has = false,
  30. 		i = 0;
  31.  
  32. 		for (i = 0; i < classes.length; i++) {
  33. 			if (classes[i] === className) {
  34. 				has = true;
  35. 				break;
  36. 			}
  37. 		}
  38.  
  39. 		return (has);
  40. 	};
  41.  
  42. 	this.addClass = function(elem, className) {
  43. 		var classes;
  44.  
  45. 		if (!self.hasClass(elem, className)) {
  46. 			classes = self.classList(elem);
  47. 			classes.push(className);
  48. 			elem.className = classes.join(' ').trim();
  49. 		}
  50.  
  51. 		return self;
  52. 	};
  53.  
  54. 	this.removeClass = function(elem, className) {
  55. 		var classes = self.classList(elem),
  56. 		i = 0;
  57.  
  58. 		for (i = 0; i < classes.length; i++) {
  59. 			if (classes[i] === className) {
  60. 				classes.splice(i, 1);
  61. 			}
  62. 		}
  63.  
  64. 		elem.className = classes.join(' ').trim();
  65.  
  66. 		return self;
  67. 	};
  68.  
  69. 	this.toggleClass = function(elem, className) {
  70. 		var classes;
  71.  
  72. 		if (self.hasClass(elem, className)) {
  73. 			self.removeClass(elem, className);
  74. 		} else {
  75. 			classes = self.classList(elem);
  76. 			classes.push(className);
  77. 			elem.className = classes.join(' ').trim();
  78. 		}
  79.  
  80. 		return self;
  81. 	};
  82. }
  83.  
  84. // Initialize
  85.  
  86. var Classes = new ClassHandler();
  87.  
  88. // End Classes constructor
  89.  
  90. function dateAndTime(which) {
  91. 	var currentdate = new Date(),
  92. 	output;
  93.  
  94. 	which = which || 'default';
  95. 	
  96. 	switch (which) {
  97. 		case 'time':
  98. 			output = ((currentdate.getHours() < 10) ? '0' + currentdate.getHours() : currentdate.getHours()) + ":"
  99. 				+ ((currentdate.getMinutes() < 10) ? '0' + currentdate.getMinutes() : currentdate.getMinutes()) + ":"
  100. 				+ ((currentdate.getSeconds() < 10) ? '0' + currentdate.getSeconds() : currentdate.getSeconds());
  101. 		break;
  102. 		case 'date':
  103. 			output = (((currentdate.getMonth() + 1) < 10) ? '0' + (currentdate.getMonth() + 1)  : (currentdate.getMonth() + 1)) + "/"
  104. 				+ ((currentdate.getDate() < 10) ? '0' + currentdate.getDate() : currentdate.getDate()) + "/"
  105. 				+ currentdate.getFullYear();
  106. 		break;
  107. 		default:
  108. 			output = ((currentdate.getHours() < 10) ? '0' + currentdate.getHours() : currentdate.getHours()) + ":"
  109. 				+ ((currentdate.getMinutes() < 10) ? '0' + currentdate.getMinutes() : currentdate.getMinutes()) + ":"
  110. 				+ ((currentdate.getSeconds() < 10) ? '0' + currentdate.getSeconds() : currentdate.getSeconds())
  111. 				+ ' on '
  112. 				+ (((currentdate.getMonth() + 1) < 10) ? '0' + (currentdate.getMonth() + 1)  : (currentdate.getMonth() + 1)) + "/"
  113. 				+ ((currentdate.getDate() < 10) ? '0' + currentdate.getDate() : currentdate.getDate()) + "/"
  114. 				+ currentdate.getFullYear();
  115. 	}
  116. 	return output;
  117. }
  118.  
  119. function empty(elem) {
  120. 	while (elem.hasChildNodes()) {
  121. 		elem.removeChild(elem.lastChild);
  122. 	}
  123. }
  124.  
  125. function createElement(type, callback) {
  126. 	var element = document.createElement(type);
  127.  
  128. 	callback(element);
  129.  
  130. 	return element;
  131. }
  132.  
  133. function roundToNthDecimal(d, n) {
  134. 	return Math.round(d * Math.pow(10, n)) / Math.pow(10, n);
  135. }
  136.  
  137. function fade(elem, type, speed) {
  138. 	var defaultOpacity,
  139. 	currentDisplay = elem.style.display || window.getComputedStyle(elem).display;
  140.  
  141. 	elem.style.opacity = '';
  142. 	defaultOpacity = window.getComputedStyle(elem).opacity;
  143. 	elem.style.opacity = 0;
  144.  
  145. 	// Default values:
  146.  
  147. 	switch (arguments.length) {
  148. 		case 1:
  149. 			type = 'toggle';
  150. 		case 2:
  151. 			speed = 300;
  152. 		break;
  153. 	}
  154.  
  155. 	switch (type) {
  156. 		case 'in':
  157. 			elem.style.display = '';
  158. 			setTimeout(function() {
  159. 				elem.style.transition = 'all ' + speed + 'ms ease-in-out';
  160. 				elem.style.opacity = defaultOpacity;
  161. 				setTimeout(function() {
  162. 					elem.style.transition = '';
  163. 					elem.style.opacity = '';
  164. 				}, speed + 10);
  165. 			}, 1);
  166. 		break;
  167. 		case 'out':
  168. 			elem.style.transition = '';
  169. 			elem.style.opacity = defaultOpacity;
  170. 			elem.style.transition = 'all ' + speed + 'ms ease-in-out';
  171. 			elem.style.opacity = 0;
  172. 			setTimeout(function() {
  173. 				elem.style.display = 'none';
  174. 				elem.style.transition = '';
  175. 				elem.style.opacity = '';
  176. 			}, speed + 10);
  177. 		break;
  178. 		case 'toggle':
  179. 		default:
  180. 			if (currentDisplay === 'none') {
  181. 				elem.style.display = '';
  182. 				setTimeout(function() {
  183. 					elem.style.transition = 'all ' + speed + 'ms ease-in-out';
  184. 					elem.style.opacity = defaultOpacity;
  185. 					setTimeout(function() {
  186. 						elem.style.transition = '';
  187. 						elem.style.opacity = '';
  188. 					}, speed + 10);
  189. 				}, 1);
  190. 			} else {
  191. 				elem.style.transition = '';
  192. 				elem.style.opacity = defaultOpacity;
  193. 				elem.style.transition = 'all ' + speed + 'ms ease-in-out';
  194. 				elem.style.opacity = 0;
  195. 				setTimeout(function() {
  196. 					elem.style.display = 'none';
  197. 					elem.style.transition = '';
  198. 					elem.style.opacity = '';
  199. 				}, speed + 10);
  200. 			}
  201. 	}
  202. }
  203.  
  204. function createLog(logs, i) {
  205. 	return createElement('div', function(el) {
  206. 		el.className = 'log';
  207.  
  208. 		el.appendChild(createElement('div', function(del) {
  209. 			del.className = 'delete';
  210. 			del.appendChild(document.createTextNode('Delete'));
  211. 			del.onclick = function() {
  212. 				deleteLog(this.parentNode, logs[i].initiated);
  213. 			};
  214. 		}));
  215.  
  216. 		el.appendChild(document.createTextNode('-----\nLog started at [' + logs[i].initiated + ']\n-----\n'));
  217.  
  218. 		el.appendChild(createElement('span', function(content) {
  219. 			content.innerHTML = logs[i].log;
  220. 		}));
  221. 	});
  222. }
  223.  
  224. function deleteLog(logElement, date) {
  225. 	var logs = JSON.parse(localStorage.getItem('IP.Chat Logs')),
  226. 	CAPACITY = 5242880,
  227. 	filled = 0;
  228.  
  229. 	var confirmContent = createElement('span', function(cont) {
  230. 		cont.appendChild(document.createTextNode('Are you sure? '));
  231.  
  232. 		cont.appendChild(createElement('a', function(yes) {
  233. 			yes.id = 'yes';
  234. 			yes.href = 'javascript:void(0)';
  235. 			yes.appendChild(document.createTextNode('[Yes]'));
  236. 			yes.onclick = function() {
  237. 				var i = 0;
  238.  
  239. 				document.getElementById('confirm').style.opacity = 0;
  240. 				document.getElementById('screen').style.opacity = 0;
  241. 				setTimeout(function() {
  242. 					document.getElementById('confirm').style.display = 'none';
  243. 					document.getElementById('screen').style.display = 'none';
  244. 				}, 300);
  245.  
  246. 				for (i = 0; i < logs.length; i++) {
  247. 					if (logs[i].initiated === date) {
  248. 						logs.splice(i, 1);
  249. 						localStorage.setItem('IP.Chat Logs', JSON.stringify(logs));
  250. 						break;
  251. 					}
  252. 				}
  253.  
  254. 				for (i = 0; i < localStorage.length; i++) {
  255. 					filled += localStorage.getItem(localStorage.key(i)).length;
  256. 				}
  257. 				occupied = roundToNthDecimal((filled / CAPACITY) * 100, 1);
  258. 				document.getElementById('space').childNodes[0].nodeValue = occupied + '% full';
  259.  
  260. 				logElement.className = logElement.className + ' deleted';
  261. 				if (logElement.nextSibling) {
  262. 					logElement.nextSibling.remove();
  263. 				} else {
  264. 					logElement.previousSibling.remove();
  265. 				}
  266. 				setTimeout(function() {
  267. 					logElement.remove();
  268. 				}, 500);
  269. 			};
  270. 		}));
  271.  
  272. 		cont.appendChild(document.createTextNode(' '));
  273.  
  274. 		cont.appendChild(createElement('a', function(no) {
  275. 			no.id = 'no';
  276. 			no.href = 'javascript:void(0)';
  277. 			no.appendChild(document.createTextNode('[Cancel]'));
  278. 			no.onclick = function() {
  279. 				document.getElementById('confirm').style.opacity = 0;
  280. 				document.getElementById('screen').style.opacity = 0;
  281. 				setTimeout(function() {
  282. 					document.getElementById('confirm').style.display = 'none';
  283. 					document.getElementById('screen').style.display = 'none';
  284. 				}, 300);
  285. 			};
  286. 		}));
  287. 	});
  288.  
  289. 	empty(document.getElementById('confirm'));
  290.  
  291. 	document.getElementById('confirm').appendChild(confirmContent);
  292.  
  293. 	document.getElementById('screen').style.display = 'block';
  294. 	document.getElementById('confirm').style.display = 'block';
  295. 	setTimeout(function() {
  296. 		document.getElementById('screen').style.opacity = 1;
  297. 		document.getElementById('confirm').style.opacity = 1;
  298. 	}, 1);
  299. }
  300.  
  301. function deleteAllLogs() {
  302. 	var CAPACITY = 5242880,
  303. 	filled = 0,
  304. 	logElement;
  305.  
  306. 	var confirmContent = createElement('span', function(cont) {
  307. 		cont.appendChild(document.createTextNode('Are you sure? '));
  308.  
  309. 		cont.appendChild(createElement('a', function(yes) {
  310. 			yes.id = 'yes';
  311. 			yes.href = 'javascript:void(0)';
  312. 			yes.appendChild(document.createTextNode('[Yes]'));
  313. 			yes.onclick = function() {
  314. 				var i = 0;
  315. 				document.getElementById('confirm').style.opacity = 0;
  316. 				document.getElementById('screen').style.opacity = 0;
  317. 				setTimeout(function() {
  318. 					document.getElementById('confirm').style.display = 'none';
  319. 					document.getElementById('screen').style.display = 'none';
  320. 				}, 300);
  321.  
  322. 				localStorage.removeItem('IP.Chat Logs');
  323.  
  324. 				for (i = 0; i < localStorage.length; i++) {
  325. 					filled += localStorage.getItem(localStorage.key(i)).length;
  326. 				}
  327. 				occupied = roundToNthDecimal((filled / CAPACITY) * 100, 1);
  328. 				document.getElementById('space').childNodes[0].nodeValue = occupied + '% full';
  329.  
  330. 				var waitHandler = function() {
  331. 					logElement.remove();
  332. 				};
  333.  
  334. 				for (i = 0; i < document.getElementsByClassName('log').length; i++) {
  335. 					logElement = document.getElementsByClassName('log')[i];
  336. 					logElement.className = logElement.className + ' deleted';
  337. 					if (logElement.nextSibling) {
  338. 						logElement.nextSibling.remove();
  339. 					} else {
  340. 						logElement.previousSibling.remove();
  341. 					}
  342. 					setTimeout(waitHandler, 500);
  343. 				}
  344. 			};
  345. 		}));
  346.  
  347. 		cont.appendChild(document.createTextNode(' '));
  348.  
  349. 		cont.appendChild(createElement('a', function(no) {
  350. 			no.id = 'no';
  351. 			no.href = 'javascript:void(0)';
  352. 			no.appendChild(document.createTextNode('[Cancel]'));
  353. 			no.onclick = function() {
  354. 				document.getElementById('confirm').style.opacity = 0;
  355. 				document.getElementById('screen').style.opacity = 0;
  356. 				setTimeout(function() {
  357. 					document.getElementById('confirm').style.display = 'none';
  358. 					document.getElementById('screen').style.display = 'none';
  359. 				}, 300);
  360. 			};
  361. 		}));
  362. 	});
  363.  
  364. 	empty(document.getElementById('confirm'));
  365.  
  366. 	document.getElementById('confirm').appendChild(confirmContent);
  367.  
  368. 	document.getElementById('screen').style.display = 'block';
  369. 	document.getElementById('confirm').style.display = 'block';
  370. 	setTimeout(function() {
  371. 		document.getElementById('screen').style.opacity = 1;
  372. 		document.getElementById('confirm').style.opacity = 1;
  373. 	}, 1);
  374. }
  375.  
  376. if (document.body.id === 'ipboard_body' && document.getElementById('chat-form') != null) {
  377. 	var nick,
  378. 	curr,
  379. 	append = '';
  380.  
  381. 	logs = (localStorage.getItem('IP.Chat Logs')) ? JSON.parse(localStorage.getItem('IP.Chat Logs')) : [];
  382.  
  383. 	for (i = 0; i < localStorage.length; i++) {
  384. 		filled += localStorage.getItem(localStorage.key(i)).length;
  385. 	}
  386.  
  387. 	if (filled + JSON.stringify({'initiated': dateAndTime(), 'log': ''}).length >= CAPACITY) {
  388. 		logs.splice(0, 1);
  389. 	}
  390.  
  391. 	logs.push({'initiated': dateAndTime(), 'log': ''});
  392.  
  393. 	localStorage.setItem('IP.Chat Logs', JSON.stringify(logs));
  394.  
  395. 	document.addEventListener('DOMNodeInserted', function(event) {
  396. 		if (event.target.nodeType !== 1 || event.target.id !== 'storage_chatroom') {
  397. 			return false;
  398. 		}
  399.  
  400. 		var latestMessage,
  401. 		latestMessageText,
  402. 		logs = JSON.parse(localStorage.getItem('IP.Chat Logs')),
  403. 		CAPACITY = 5242880,
  404. 		filled = 0,
  405. 		i = 0;
  406.  
  407. 		latestMessage = event.target.parentNode.getElementsByTagName('div')[event.target.parentNode.getElementsByTagName('div').length - 1];
  408.  
  409. 		if (!Classes.hasClass(latestMessage.parentNode, 'post')) {
  410. 			return false;
  411. 		}
  412.  
  413. 		latestMessageText = latestMessage.innerHTML.replace(/<br>/gi, '<br>\t');
  414.  
  415. 		if (!latestMessageText.length) {
  416. 			return false;
  417. 		}
  418.  
  419. 		nick = null;
  420.  
  421. 		if (Classes.hasClass(latestMessage.parentNode, 'chat-moderator')) {
  422. 			if (latestMessage.parentNode.getElementsByTagName('label')[0] != null) {
  423. 				nick = latestMessage.parentNode.getElementsByTagName('label')[0].innerHTML;
  424. 			} else {
  425. 				nick = '';
  426. 			}
  427. 		}
  428.  
  429. 		curr = latestMessage.parentNode;
  430.  
  431. 		while (nick === null) {
  432. 			if (curr.getElementsByTagName('label').length) {
  433. 				nick = curr.getElementsByTagName('label')[0].innerHTML;
  434. 			} else {
  435. 				curr = curr.previousSibling;
  436. 			}
  437. 		}
  438.  
  439. 		for (i = 0; i < localStorage.length; i++) {
  440. 			filled += localStorage.getItem(localStorage.key(i)).length;
  441. 		}
  442.  
  443. 		if (Classes.hasClass(latestMessage.parentNode, 'chat-me')) {
  444. 			append = '\n[' + dateAndTime('time') + '] **' + nick + ' ' + latestMessageText.substr(2, latestMessageText.length - 4) + '**';
  445. 		} else if (Classes.hasClass(latestMessage.parentNode, 'chat-notice')) {
  446. 			append = '\n[' + dateAndTime('time') + '] ' + nick + ' ' + latestMessageText.substr(2, latestMessageText.length - 2);
  447. 		} else if (Classes.hasClass(latestMessage.parentNode, 'chat-message')) {
  448. 			append = '\n[' + dateAndTime('time') + '] ' + nick + ': ' + latestMessageText;
  449. 		} else {
  450. 			if (nick.length) {
  451. 				append = '\n[' + dateAndTime('time') + '] ' + nick + ' ' + latestMessageText;
  452. 			} else {
  453. 				append = '\n[' + dateAndTime('time') + '] ' + latestMessageText;
  454. 			}
  455. 		}
  456.  
  457. 		logs[logs.length - 1].log += append;
  458.  
  459. 		if (filled + append.length >= CAPACITY) {
  460. 			logs.splice(0, 1);
  461. 		}
  462. 		localStorage.setItem('IP.Chat Logs', JSON.stringify(logs));
  463. 	});
  464.  
  465. 	if (document.getElementById('IPChatMenuItems') == null) {
  466. 		IPChatMenuItems = createElement('div', function(menu) {
  467. 			menu.id = 'IPChatMenuItems';
  468. 			menu.style.textAlign = 'right';
  469. 		});
  470. 		document.getElementById('chatters-online-wrap').nextSibling.nextSibling.getElementsByTagName('ul')[0].appendChild(IPChatMenuItems);
  471. 	}
  472.  
  473. 	if (document.getElementById('IPChatMenuItems').hasChildNodes()) {
  474. 		document.getElementById('IPChatMenuItems').appendChild(document.createElement('br'));
  475. 	}
  476.  
  477. 	menuButton = createElement('a', function(button) {
  478. 		button.id = 'viewIPChatLogs';
  479. 		button.className = 'ipsButton_secondary';
  480. 		button.href = window.location.origin + '/IP.Chat_Logs';
  481. 		button.target = '_blank';
  482. 		button.style.marginTop = '10px';
  483. 		button.appendChild(document.createTextNode('View Logs'));
  484. 	});
  485.  
  486. 	document.getElementById('IPChatMenuItems').appendChild(menuButton);
  487. }
  488.  
  489. if (window.location.href === window.location.origin + '/IP.Chat_Logs' && localStorage.getItem('IP.Chat Logs')) {
  490. 	var style,
  491. 	funcs;
  492.  
  493. 	logs = JSON.parse(localStorage.getItem('IP.Chat Logs'));
  494.  
  495. 	style = createElement('style', function(el) {
  496. 		el.type = 'text/css';
  497. 		el.appendChild(document.createTextNode(
  498. 			'#screen {\n' +
  499. 				'position: fixed;\n' +
  500. 				'height: 100%;\n' +
  501. 				'width: 100%;\n' +
  502. 				'background-color: rgba(0, 0, 0, .7);\n' +
  503. 				'top: 0px;\n' +
  504. 				'left: 0px;\n' +
  505. 				'transition: all .3s ease-in-out;\n' +
  506. 				'opacity: 0;\n' +
  507. 				'display: none;\n' +
  508. 			'}\n\n' +
  509.  
  510. 			'#confirm {\n' +
  511. 				'position: fixed;\n' +
  512. 				'font-size: 3em;\n' +
  513. 				'background-color: rgba(255, 255, 255, .9);\n' +
  514. 				'box-shadow: 0px 0px 3px;\n' +
  515. 				'height: 40px;\n' +
  516. 				'line-height: 40px;\n' +
  517. 				'width: 620px;\n' +
  518. 				'text-align: center;\n' +
  519. 				'top: 50%;\n' +
  520. 				'left: 50%;\n' +
  521. 				'margin-top: -32px;\n' +
  522. 				'margin-left: -350px;\n' +
  523. 				'padding: 10px 20px;\n' +
  524. 				'border-radius: 5px;\n' +
  525. 				'transition: all .3s ease-in-out;\n' +
  526. 				'opacity: 0;\n' +
  527. 				'display: none;\n' +
  528. 			'}\n\n' +
  529.  
  530. 			'#space {\n' +
  531. 				'font-size: 20px;\n' +
  532. 			'}\n\n' +
  533.  
  534. 			'#logs {\n' +
  535. 				'margin: 8px 0;\n' +
  536. 				'padding: 10px;\n' +
  537. 				'background-color: #fcfcfc;\n' +
  538. 			'}\n\n' +
  539.  
  540. 			'#logs img.bbc {\n' +
  541. 				'vertical-align: middle;\n' +
  542. 			'}\n\n' +
  543.  
  544. 			'#logs > .log {\n' +
  545. 				'transition: all .3s ease-in-out;\n' +
  546. 				'overflow: hidden;\n' +
  547. 			'}\n\n' +
  548.  
  549. 			'#logs > .log:hover {\n' +
  550. 			//	'background-color: #f5f5f5;\n' +
  551. 			'}\n\n' +
  552.  
  553. 			'.delete {\n' +
  554. 			//	'display: none;\n' +
  555. 				'float: right;\n' +
  556. 				'background-color: #444;\n' +
  557. 				'padding: 3px 5px;\n' +
  558. 				'color: #eee;\n' +
  559. 				'font-size: 15px;\n' +
  560. 				'letter-spacing: 2px;\n' +
  561. 				'text-transform: uppercase;\n' +
  562. 				'cursor: pointer;\n' +
  563. 			'}\n\n' +
  564.  
  565. 			'.delete:hover {\n' +
  566. 				'background-color: #222;\n' +
  567. 			'}\n\n' +
  568.  
  569. 			'.deleted {\n' +
  570. 				'background-color: #222 ! important;\n' +
  571. 				'color: #eee ! important;\n' +
  572. 				'font-size: 0px ! important;\n' +
  573. 			'}\n\n' +
  574.  
  575. 			'.deleted > * {\n' +
  576. 				'display: none;\n' +
  577. 			'}'
  578. 		));
  579. 	});
  580.  
  581. 	document.title = 'IP.Chat Logs';
  582. 	document.body.style.fontFamily = 'monospace';
  583. 	document.head.appendChild(style);
  584.  
  585. 	// Body creation
  586.  
  587. 	empty(document.body);
  588.  
  589. 	document.body.appendChild(createElement('div', function(filter) {
  590. 		filter.id = 'screen';
  591. 	}));
  592.  
  593. 	document.body.appendChild(createElement('div', function(confirm) {
  594. 		confirm.id = 'confirm';
  595. 	}));
  596.  
  597. 	document.body.appendChild(createElement('div', function(space) {
  598. 		space.id = 'space';
  599.  
  600. 		space.appendChild(document.createTextNode('0% full'));
  601.  
  602. 		space.appendChild(createElement('span', function(delete_all) {
  603. 			delete_all.id = 'delete_all';
  604. 			delete_all.className = 'delete';
  605. 			delete_all.appendChild(document.createTextNode('Delete All'));
  606. 			delete_all.onclick = deleteAllLogs;
  607. 		}));
  608.  
  609. 		space.appendChild(createElement('span', function(hide) {
  610. 			hide.id = 'hide_non-logs';
  611. 			hide.className = 'delete';
  612. 			hide.style.marginRight = '10px';
  613. 			hide.appendChild(document.createTextNode('Hide Non-Logs'));
  614. 			hide.onclick = function() {
  615. 				var i = 0,
  616. 				deletes;
  617.  
  618. 				fade(document.getElementById('space'), 'out');
  619. 				for (i = 0, deletes = document.getElementsByClassName('delete'); i < deletes.length; i++) {
  620. 					fade(deletes[i], 'out');
  621. 				}
  622. 			};
  623. 		}));
  624. 	}));
  625.  
  626. 	document.body.appendChild(createElement('pre', function(pre) {
  627. 		pre.id = 'logs';
  628. 	}));
  629.  
  630. 	for (i = 0; i < localStorage.length; i++) {
  631. 		filled += localStorage.getItem(localStorage.key(i)).length;
  632. 	}
  633. 	occupied = roundToNthDecimal((filled / CAPACITY) * 100, 1);
  634. 	document.getElementById('space').childNodes[0].nodeValue = occupied + '% full';
  635.  
  636. 	for (i = 0; i < logs.length; i++) {
  637. 		if (document.getElementById('logs').hasChildNodes()) {
  638. 			document.getElementById('logs').appendChild(document.createTextNode('\n'));
  639. 		}
  640.  
  641. 		document.getElementById('logs').appendChild(createLog(logs, i));
  642. 	}
  643. }

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址