☰

AO3: Kudosed and seen history

Highlight or hide works you kudosed/marked as seen.

目前为 2015-08-12 提交的版本。查看 最新版本。

  1. // ==UserScript==
  2. // @name        AO3: Kudosed and seen history
  3. // @description Highlight or hide works you kudosed/marked as seen.
  4. // @namespace	https://gf.qytechs.cn/scripts/5835-ao3-kudosed-and-seen-history
  5. // @author	Min
  6. // @version	1.5
  7. // @history	1.5 - import/export seen list
  8. // @history	1.4 - thinner stripes, remembers bookmarks you left
  9. // @history	1.3 - option to collapse blurbs of seen works
  10. // @history	1.2.1 - double click on date marks work as seen
  11. // @history	1.2 - check for bookmarks you left, changes to the menu
  12. // @grant       none
  13. // @include     http://archiveofourown.org/*
  14. // @include     https://archiveofourown.org/*
  15. // ==/UserScript==
  16.  
  17.  
  18. (function($) {
  19. 	
  20. 	if (typeof(Storage) !== 'undefined') {
  21. 		
  22. 		var debug = false;
  23. 		
  24. 		// newest more-or-less major version, for the update notice
  25. 		var current_version = 1.5;
  26. 		
  27. 		var username = localStorage.getItem('kudoshistory_username');
  28. 		
  29. 		// if there's no saved username, look for it on the page or ask
  30. 		if (!username) {
  31. 			localStorage.setItem('kudoshistory_lastver', current_version);
  32. 			
  33. 			var userlink = $('#greeting').find('[href^="/users/"]');
  34. 			
  35. 			if (userlink.length) {
  36. 				var userlink_parts = userlink.attr('href').split('/');
  37. 				var username = userlink_parts[2];
  38. 				localStorage.setItem('kudoshistory_username', username);
  39. 			}
  40. 			else {
  41. 				var username = prompt('AO3: Kudosed and seen history\n\nYour AO3 username:');
  42. 				localStorage.setItem('kudoshistory_username', username);
  43. 			}
  44. 		}
  45. 		
  46. 		// check the 'hide seen works' setting
  47. 		var hide_seen = 0;
  48. 		var hide_seen_set = localStorage.getItem('kudoshistory_hide');
  49. 		switch (hide_seen_set) {
  50. 			case 'yes':
  51. 				hide_seen = 1;
  52. 				break;
  53. 			case 'collapse':
  54. 				hide_seen = 2;
  55. 		}
  56. 		
  57. 		// check the 'mark as seen on open' setting
  58. 		var auto_seen = false;
  59. 		var auto_seen_set = localStorage.getItem('kudoshistory_autoseen');
  60. 		if (auto_seen_set == 'yes') {
  61. 			auto_seen = true;
  62. 		}
  63. 		
  64. 		// check the 'highlight bookmarked' setting
  65. 		var highlight_bookmarked = true;
  66. 		var highlight_bookmarked_set = localStorage.getItem('kudoshistory_highlight_bookmarked');
  67. 		if (highlight_bookmarked_set == 'no') {
  68. 			highlight_bookmarked = false;
  69. 		}
  70. 		
  71. 		// uncomment the next four lines if you need to clear your local lists (then comment them again after refreshing the page once)
  72. 		// localStorage.removeItem('kudoshistory_kudosed');
  73. 		// localStorage.removeItem('kudoshistory_checked');
  74. 		// localStorage.removeItem('kudoshistory_seen');
  75. 		// localStorage.removeItem('kudoshistory_bookmarked');
  76.  
  77. 		var list_kudosed = localStorage.getItem('kudoshistory_kudosed');
  78. 		var list_checked = localStorage.getItem('kudoshistory_checked');
  79. 		var list_seen = localStorage.getItem('kudoshistory_seen');
  80. 		var list_bookmarked = localStorage.getItem('kudoshistory_bookmarked');
  81. 		
  82. 		if (!list_kudosed) { var list_kudosed = ','; }
  83. 		if (!list_checked) { var list_checked = ','; }
  84. 		if (!list_seen) { var list_seen = ','; }
  85. 		if (!list_bookmarked) { var list_bookmarked = ','; }
  86. 		
  87. 		$(document).ajaxStop(function() {
  88. 			localStorage.setItem('kudoshistory_kudosed', list_kudosed);
  89. 			localStorage.setItem('kudoshistory_checked', list_checked);
  90. 			localStorage.setItem('kudoshistory_seen', list_seen);
  91. 			localStorage.setItem('kudoshistory_bookmarked', list_bookmarked);
  92. 		});
  93. 		
  94. 		var style = $('style').filter(':last');
  95. 		if (!style.length) { style = $('<style type="text/css"></style>').appendTo($('head')); }
  96. 		
  97. 		// add css rules for kudosed works
  98. 		addCss(0);
  99. 		
  100. 		// if there's a list of works or bookmarks, add menu
  101. 		var found_blurbs = $('li.work.blurb').add('li.bookmark.blurb');
  102. 		
  103. 		if (found_blurbs.length) {
  104. 			addSeenMenu();
  105. 		}
  106. 		
  107. 		// if it's the first time after an update
  108. 		addNotice();
  109. 		
  110. 		// for each work blurb
  111. 		$('li.work.blurb').not('.deleted').each(function() {
  112. 			
  113. 			// get work id
  114. 			var work_id = $(this).attr('id').replace('work_', '');
  115. 			debug && console.log('works loop ' + work_id);
  116. 			
  117. 			blurbCheck(work_id, 'work_' + work_id, $(this), true);
  118. 			
  119. 			// double click on date marks work as seen
  120. 			var work_date = $(this).not('.marked-seen').not('.has-kudos').find('p.datetime');
  121. 			if (work_date.length) {
  122. 				debug && console.log('set date click ' + work_id);
  123. 				work_date.one('dblclick', function() {
  124. 					list_seen = localStorage.getItem('kudoshistory_seen');
  125. 					list_seen = ',' + work_id + list_seen;
  126. 					localStorage.setItem('kudoshistory_seen', list_seen);
  127. 					$('#work_' + work_id).addClass('marked-seen');
  128. 				});
  129. 			}
  130. 		});
  131. 		
  132. 		// for each bookmark blurb
  133. 		$('li.bookmark.blurb').not('.deleted').each(function() {
  134. 			
  135. 			// get bookmark and work ids
  136. 			var bookmark_id = $(this).attr('id');
  137. 			var work_link = $(this).find('h4 a:first').attr('href');
  138. 			
  139. 			// if it's not a deleted work and not a series bookmark
  140. 			if (!!work_link && work_link.indexOf('series') == -1) {
  141. 				var work_id = work_link.split('/').pop();
  142. 				debug && console.log('bookmarks loop ' + work_id + ' ' + bookmark_id);
  143. 				
  144. 				// if it's your own bookmark
  145. 				var own_bookmark = $(this).find('div.own.user.module.group');
  146. 				if (own_bookmark.length) {
  147. 					list_bookmarked = ',' + work_id + list_bookmarked.replace(',' + work_id + ',', ',');
  148. 					$(this).addClass('is-bookmarked');
  149. 					blurbCheck(work_id, bookmark_id, $(this), false);
  150. 					
  151. 					own_bookmark.find('a[href$="/confirm_delete"]').click(function() {
  152. 						list_bookmarked = localStorage.getItem('kudoshistory_bookmarked');
  153. 						list_bookmarked = list_bookmarked.replace(',' + work_id + ',', ',');
  154. 						$('#' + bookmark_id).removeClass('is-bookmarked');
  155. 						localStorage.setItem('kudoshistory_bookmarked', list_bookmarked);
  156. 					});
  157. 				}
  158. 				else {
  159. 					blurbCheck(work_id, bookmark_id, $(this), true);
  160. 				}
  161. 			}
  162. 		});
  163. 		
  164. 		// if it's a work page
  165. 		if ($('#workskin').length) {
  166. 			
  167. 			// get work id
  168. 			var url_parts = location.pathname.split('/');
  169. 			var work_id = url_parts[url_parts.indexOf('works')+1];
  170. 			debug && console.log('work_id ' + work_id);
  171. 			
  172. 			// check if work id is on the seen list
  173. 			var is_seen = list_seen.indexOf(',' + work_id + ',');
  174. 			
  175. 			if (auto_seen) {
  176. 				if (is_seen == -1) {
  177. 					list_seen = ',' + work_id + list_seen;
  178. 					is_seen = 1;
  179. 				}
  180. 				$('dl.work.meta.group').addClass('marked-seen');
  181. 			}
  182. 			else if (is_seen > -1) {
  183. 				$('dl.work.meta.group').addClass('marked-seen');
  184. 			}
  185. 			
  186. 			addSeenButtons();
  187. 			
  188. 			// if work id is on the kudosed list
  189. 			if (list_kudosed.indexOf(',' + work_id + ',') > -1) {
  190. 				$('dl.work.meta.group').addClass('has-kudos');
  191. 			}
  192. 			else {
  193. 				var found_kudos = false;
  194. 				
  195. 				// check if there are kudos from the user
  196. 				var user_kudos = $('#kudos').find('[href="/users/' + username + '"]');
  197. 				
  198. 				if (user_kudos.length) {
  199. 					// highlight blurb and add work id to kudosed list
  200. 					list_kudosed = ',' + work_id + list_kudosed;
  201. 					list_checked = list_checked.replace(',' + work_id + ',', ',');
  202. 					$('dl.work.meta.group').addClass('has-kudos');
  203. 					found_kudos = true;
  204. 				}
  205. 				else if (list_checked.indexOf(',' + work_id + ',') == -1) {
  206. 					// add work id to checked list
  207. 					list_checked = ',' + work_id + list_checked;
  208. 				}
  209. 				
  210. 				if (!found_kudos) {
  211. 					$('#new_kudo').click(function() {
  212. 						list_kudosed = localStorage.getItem('kudoshistory_kudosed');
  213. 						list_checked = localStorage.getItem('kudoshistory_checked');
  214. 						list_kudosed = ',' + work_id + list_kudosed;
  215. 						list_checked = list_checked.replace(',' + work_id + ',', ',');
  216. 						$('dl.work.meta.group').addClass('has-kudos');
  217. 						localStorage.setItem('kudoshistory_kudosed', list_kudosed);
  218. 						localStorage.setItem('kudoshistory_checked', list_checked);
  219. 					}); 
  220. 				}
  221. 			}
  222. 			
  223. 			// check if it's bookmarked
  224. 			var bookmark_button_text = $('a.bookmark_form_placement_open').filter(':first').text();
  225. 			
  226. 			if (bookmark_button_text.indexOf('Edit') > -1) {
  227. 				// highlight blurb
  228. 				list_bookmarked = ',' + work_id + list_bookmarked.replace(',' + work_id + ',', ',');
  229. 				$('dl.work.meta.group').addClass('is-bookmarked');
  230. 			}
  231. 			else {
  232. 				list_bookmarked = list_bookmarked.replace(',' + work_id + ',', ',');
  233. 			}
  234. 		}
  235. 		
  236. 		// keep the kudos, checked and bookmarked lists under 200k characters (~25k works)
  237. 		if (list_kudosed.length > 200000) {
  238. 			list_kudosed = list_kudosed.slice(0,180000);
  239. 		}
  240. 		if (list_checked.length > 200000) {
  241. 			list_checked = list_checked.slice(0,180000);
  242. 		}
  243. 		if (list_bookmarked.length > 200000) {
  244. 			list_bookmarked = list_bookmarked.slice(0,180000);
  245. 		}
  246. 		
  247. 		// keep the seen list under 2mil characters (~250k works)
  248. 		if (list_seen.length > 2000000) {
  249. 			list_seen = list_seen.slice(0,1900000);
  250. 		}
  251. 		
  252. 		// save all lists
  253. 		try {
  254. 			debug && console.log('god do i try (to save the lists)');
  255. 			localStorage.setItem('kudoshistory_kudosed', list_kudosed);
  256. 			localStorage.setItem('kudoshistory_checked', list_checked);
  257. 			localStorage.setItem('kudoshistory_seen', list_seen);
  258. 			localStorage.setItem('kudoshistory_bookmarked', list_bookmarked);
  259. 		}
  260. 		catch(e) {
  261. 			debug && console.log('error while saving lists');
  262. 			list_seen = list_seen.slice(0,list_seen.length*0.9);
  263. 			localStorage.setItem('kudoshistory_kudosed', list_kudosed);
  264. 			localStorage.setItem('kudoshistory_checked', list_checked);
  265. 			localStorage.setItem('kudoshistory_seen', list_seen);
  266. 			localStorage.setItem('kudoshistory_bookmarked', list_bookmarked);
  267. 		}
  268. 	}
  269. 	
  270. 	// check if work is on lists
  271. 	function blurbCheck(work_id, blurb_id, blurb, check_bookmark) {
  272. 		
  273. 		// if work id is on the kudosed list
  274. 		if (list_kudosed.indexOf(',' + work_id + ',') > -1) {
  275. 			debug && console.log('is kudosed');
  276. 			blurb.addClass('has-kudos');
  277. 			list_kudosed = ',' + work_id + list_kudosed.replace(',' + work_id + ',', ',');
  278. 		}
  279. 		// if work id is on the seen list
  280. 		else if (list_seen.indexOf(',' + work_id + ',') > -1) {
  281. 			debug && console.log('is seen');
  282. 			blurb.addClass('marked-seen');
  283. 			list_seen = ',' + work_id + list_seen.replace(',' + work_id + ',', ',');
  284. 		}
  285. 		// if work id is on the checked list
  286. 		else if (list_checked.indexOf(',' + work_id + ',') > -1) {
  287. 			debug && console.log('is checked');
  288. 			list_checked = ',' + work_id + list_checked.replace(',' + work_id + ',', ',');
  289. 		}
  290. 		else {
  291. 			debug && console.log('loading kudos for ' + blurb_id);
  292. 			
  293. 			// add a div to the blurb that will house the kudos
  294. 			blurb.append('<div id="kudos_' + blurb_id + '" style="display: none;"></div>');
  295. 			
  296. 			// retrieve a list of kudos from the work
  297. 			var work_url = 'http://archiveofourown.org/works/' + work_id + '/kudos #kudos';
  298. 			$('#kudos_' + blurb_id).load(work_url, function() {
  299. 				// check if there are kudos from the user
  300. 				var user_kudos = $('#kudos_' + blurb_id).find('[href="/users/' + username + '"]');
  301. 				
  302. 				if (user_kudos.length) {
  303. 					// highlight blurb and add work id to kudosed list
  304. 					$('#' + blurb_id).addClass('has-kudos');
  305. 					list_kudosed = ',' + work_id + list_kudosed;
  306. 				}
  307. 				else {
  308. 					// add work id to checked list
  309. 					list_checked = ',' + work_id + list_checked;
  310. 				}
  311. 			});
  312. 		}
  313. 		
  314. 		// if work id is on the bookmarked list
  315. 		if (check_bookmark) {
  316. 			if (list_bookmarked.indexOf(',' + work_id + ',') > -1) {
  317. 				debug && console.log('is bookmarked');
  318. 				blurb.addClass('is-bookmarked');
  319. 				list_bookmarked = ',' + work_id + list_bookmarked.replace(',' + work_id + ',', ',');
  320. 			}
  321. 		}
  322. 	}
  323. 	
  324. 	// mark all works on the page as seen
  325. 	function markPageSeen() {
  326. 		
  327. 		list_seen = localStorage.getItem('kudoshistory_seen');
  328. 		
  329. 		// for each work blurb
  330. 		$('li.work.blurb').not('.marked-seen').not('.has-kudos').not('.deleted').each(function() {
  331. 			
  332. 			var work_id = $(this).attr('id').replace('work_', '');
  333. 			debug && console.log('marking as seen ' + work_id);
  334. 			
  335. 			$(this).addClass('marked-seen');
  336. 			list_seen = ',' + work_id + list_seen;
  337. 		});
  338. 		
  339. 		// for each bookmark blurb
  340. 		$('li.bookmark.blurb').not('.marked-seen').not('.has-kudos').not('.deleted').each(function() {
  341. 			
  342. 			var work_link = $(this).find('h4 a:first').attr('href');
  343. 			
  344. 			// if it's not a series bookmark
  345. 			if (!!work_link && work_link.indexOf('series') == -1) {
  346. 				var work_id = work_link.split('/').pop();
  347. 				debug && console.log('marking as seen ' + work_id);
  348. 				$(this).addClass('marked-seen');
  349. 				list_seen = ',' + work_id + list_seen;
  350. 			}
  351. 		});
  352. 		
  353. 		localStorage.setItem('kudoshistory_seen', list_seen);
  354. 	}
  355. 	
  356. 	// mark all works on the page as unseen
  357. 	function markPageUnseen() {
  358. 		
  359. 		list_seen = localStorage.getItem('kudoshistory_seen');
  360. 		
  361. 		// for each work blurb
  362. 		$('li.work.blurb').not('.deleted').each(function() {
  363. 			
  364. 			var work_id = $(this).attr('id').replace('work_', '');
  365. 			debug && console.log('marking as unseen ' + work_id);
  366. 			
  367. 			$(this).removeClass('marked-seen');
  368. 			list_seen = list_seen.replace(',' + work_id + ',', ',');
  369. 		});
  370. 		
  371. 		// for each bookmark blurb
  372. 		$('li.bookmark.blurb').not('.deleted').each(function() {
  373. 			
  374. 			var work_link = $(this).find('h4 a:first').attr('href');
  375. 			
  376. 			// if it's not a series bookmark
  377. 			if (!!work_link && work_link.indexOf('series') == -1) {
  378. 				var work_id = work_link.split('/').pop();
  379. 				debug && console.log('marking as unseen ' + work_id);
  380. 				$(this).removeClass('marked-seen');
  381. 				list_seen = list_seen.replace(',' + work_id + ',', ',');
  382. 			}
  383. 		});
  384. 		
  385. 		localStorage.setItem('kudoshistory_seen', list_seen);
  386. 	}
  387. 	
  388. 	// re-check the page for kudos
  389. 	function recheckKudos() {
  390. 		
  391. 		list_kudosed = localStorage.getItem('kudoshistory_kudosed');
  392. 		list_checked = localStorage.getItem('kudoshistory_checked');
  393. 		
  394. 		// for each non-kudosed work blurb
  395. 		$('li.work.blurb').not('.has-kudos').not('.deleted').each(function() {
  396. 			
  397. 			// get work id
  398. 			var work_id = $(this).attr('id').replace('work_', '');
  399. 			debug && console.log('works loop ' + work_id);
  400. 			
  401. 			loadKudos(work_id, 'work_' + work_id, $(this));
  402. 		});
  403. 		
  404. 		// for each non-kudosed bookmark blurb
  405. 		$('li.bookmark.blurb').not('.has-kudos').not('.deleted').each(function() {
  406. 			
  407. 			// get bookmark and work ids
  408. 			var bookmark_id = $(this).attr('id');
  409. 			var work_link = $(this).find('h4 a:first').attr('href');
  410. 			
  411. 			// if it's not a series bookmark
  412. 			if (!!work_link && work_link.indexOf('series') == -1) {
  413. 				var work_id = work_link.split('/').pop();
  414. 				debug && console.log('bookmarks loop ' + work_id + ' ' + bookmark_id);
  415. 				loadKudos(work_id, bookmark_id, $(this));
  416. 			}
  417. 		});
  418. 		
  419. 		function loadKudos(work_id, blurb_id, blurb) {
  420. 			// add a div to the blurb that will house the kudos
  421. 			blurb.append('<div id="kudos_' + blurb_id + '" style="display: none;"></div>');
  422. 			
  423. 			// retrieve a list of kudos from the work
  424. 			var work_url = 'http://archiveofourown.org/works/' + work_id + '/kudos #kudos';
  425. 			$('#kudos_' + blurb_id).load(work_url, function() {
  426. 				// check if there are kudos from the user
  427. 				var user_kudos = $('#kudos_' + blurb_id).find('[href="/users/' + username + '"]');
  428. 				
  429. 				if (user_kudos.length) {
  430. 					// highlight blurb and add work id to kudosed list
  431. 					$('#' + blurb_id).addClass('has-kudos');
  432. 					list_kudosed = ',' + work_id + list_kudosed;
  433. 					list_checked = list_checked.replace(',' + work_id + ',', ',');
  434. 				}
  435. 			});
  436. 		}
  437. 		
  438. 		localStorage.setItem('kudoshistory_kudosed', list_kudosed);
  439. 		localStorage.setItem('kudoshistory_checked', list_checked);
  440. 	}
  441. 	
  442. 	// check the page for bookmarks
  443. 	function checkForBookmarks() {
  444. 		
  445. 		list_bookmarked = localStorage.getItem('kudoshistory_bookmarked');
  446. 		
  447. 		// for each work and bookmark blurb
  448. 		$('li.work.blurb').add('li.bookmark.blurb').not('.deleted').each(function() {
  449. 			
  450. 			// get work link
  451. 			var blurb_id = $(this).attr('id');
  452. 			var work_link = $(this).find('h4 a:first').attr('href');
  453. 			debug && console.log('checking for bookmark ' + blurb_id);
  454. 			
  455. 			// if it's not deleted and not a series
  456. 			if (!!work_link && work_link.indexOf('series') == -1) {
  457. 				
  458. 				var work_id = work_link.split('/').pop();
  459. 				
  460. 				// add a div to the blurb that will house the bookmark button
  461. 				$(this).append('<div id="bookmarked_' + blurb_id + '" style="display: none;"></div>');
  462. 				
  463. 				// retrieve the bookmark button from the work
  464. 				var work_url = 'http://archiveofourown.org' + work_link + ' a.bookmark_form_placement_open:first';
  465. 				$('#bookmarked_' + blurb_id).load(work_url, function() {
  466. 					// check if there is a bookmark from the user
  467. 					var bookmark_button_text = $('#bookmarked_' + blurb_id).find('a').text();
  468. 					
  469. 					if (bookmark_button_text.indexOf('Edit') > -1) {
  470. 						// highlight blurb
  471. 						$('#' + blurb_id).addClass('is-bookmarked');
  472. 						list_bookmarked = ',' + work_id + list_bookmarked.replace(',' + work_id + ',', ',');
  473. 					}
  474. 					else {
  475. 						$('#' + blurb_id).removeClass('is-bookmarked');
  476. 						list_bookmarked = list_bookmarked.replace(',' + work_id + ',', ',');
  477. 					}
  478. 				});
  479. 			}
  480. 		});
  481. 		
  482. 		localStorage.setItem('kudoshistory_bookmarked', list_bookmarked);
  483. 	}
  484. 	
  485. 	// show the box with import/export options
  486. 	function importExport() {
  487. 		
  488. 		var importexport_bg = $('<div id="importexport-bg"></div>');
  489. 		
  490. 		var importexport_box = $('<div id="importexport-box"></div>');
  491. 		
  492. 		var box_button_save = $('<input type="button" id="importexport-button-save" value="Import seen list"></input>');
  493. 		box_button_save.click(function() {
  494. 			
  495. 			var confirmed = confirm('Sure you want to replace your seen list?');
  496. 			
  497. 			if (confirmed) {
  498. 				var new_seen_list = $('#import-seen-list').val();
  499. 				if (new_seen_list.length > 2000000) {
  500. 					new_seen_list = new_seen_list.slice(0,1900000);
  501. 				}
  502. 				else if (new_seen_list == '') {
  503. 					new_seen_list = ',';
  504. 				}
  505. 				list_seen = new_seen_list;
  506. 				localStorage.setItem('kudoshistory_seen', new_seen_list);
  507. 				
  508. 				$('#importexport-save').prepend('Seen list imported! ');
  509. 			}
  510. 		});
  511. 		
  512. 		var box_button_close = $('<input type="button" id="importexport-button-close" value="Close"></input>');
  513. 		box_button_close.click(function() {
  514. 			importexport_box.detach();
  515. 			importexport_bg.detach();
  516. 		});
  517. 		
  518. 		importexport_box.append(
  519. 			$('<p class="actions"></p>').append(box_button_close),
  520. 			$('<h3></h3>').text('Export your seen list'),
  521. 			$('<p></p>').text('Copy your current seen list from the field below and save it wherever you want as a backup.'),
  522. 			$('<input type="text" id="export-seen-list" />').val(localStorage.getItem('kudoshistory_seen')),
  523. 			$('<h3 style="margin-top: 1.5em;"></h3>').text('Import your seen list'),
  524. 			$('<p></p>').html('Put your saved seen list in the field below and select the "Import seen list" button. <strong>Warning:</strong> it will <u>replace</u> your current seen list.'),
  525. 			$('<input type="text" id="import-seen-list" />'),
  526. 			$('<p class="actions" id="importexport-save"></p>').append(box_button_save)
  527. 			);
  528. 		
  529. 		$('body').append(importexport_bg, importexport_box);
  530. 	}
  531. 	
  532. 	// add the seen/unseen buttons
  533. 	function addSeenButtons() {
  534. 		
  535. 		var seen_button1 = $('<li class="mark-seen"></li>').html('<a>Seen &check;</a>');
  536. 		var seen_button2 = seen_button1.clone();
  537. 		$('ul.actions').on('click', 'li.mark-seen', function() {
  538. 			debug && console.log('seen_button clicked');
  539. 			list_seen = localStorage.getItem('kudoshistory_seen');
  540. 			list_seen = ',' + work_id + list_seen;
  541. 			localStorage.setItem('kudoshistory_seen', list_seen);
  542. 			$('dl.work.meta.group').addClass('marked-seen');
  543. 			seen_button1.replaceWith(unseen_button1);
  544. 			seen_button2.replaceWith(unseen_button2);
  545. 		});
  546. 		
  547. 		var unseen_button1 = $('<li class="mark-unseen"></li>').html('<a>Unseen &cross;</a>');
  548. 		var unseen_button2 = unseen_button1.clone();
  549. 		$('ul.actions').on('click', 'li.mark-unseen', function() {
  550. 			debug && console.log('unseen_button clicked');
  551. 			list_seen = localStorage.getItem('kudoshistory_seen');
  552. 			list_seen = list_seen.replace(',' + work_id + ',', ',');
  553. 			localStorage.setItem('kudoshistory_seen', list_seen);
  554. 			$('dl.work.meta.group').removeClass('marked-seen');
  555. 			unseen_button1.replaceWith(seen_button1);
  556. 			unseen_button2.replaceWith(seen_button2);
  557. 		});
  558. 		
  559. 		if (is_seen == -1) {
  560. 			$('li.bookmark').after(seen_button1);
  561. 			$('#new_kudo').parent().after(seen_button2);
  562. 		}
  563. 		else {
  564. 			$('li.bookmark').after(unseen_button1);
  565. 			$('#new_kudo').parent().after(unseen_button2);
  566. 		}
  567. 	}
  568. 		
  569. 	// attach the menu
  570. 	function addSeenMenu() {
  571. 		
  572. 		// get the header menu
  573. 		var header_menu = $('ul.primary.navigation.actions');
  574. 		
  575. 		// create and insert menu button
  576. 		var seen_menu = $('<li class="dropdown"></li>').html('<a>Seen works</a>');
  577. 		header_menu.find('li.search').before(seen_menu);
  578. 		
  579. 		// create and append dropdown menu
  580. 		var drop_menu = $('<ul class="menu dropdown-menu"></li>');
  581. 		seen_menu.append(drop_menu);
  582. 		
  583. 		// create button - import/export seen list
  584. 		var button_importexport_seen = $('<li></li>').html('<a>Import/export your seen list</a>');
  585. 		button_importexport_seen.click(function() {importExport();});
  586. 		
  587. 		// create button - all works
  588. 		var button_all_works = $('<li></li>').html('<a style="padding: 0.5em 0.5em 0.25em; text-align: center; font-weight: bold;">&mdash; For all works on this page: &mdash;</a>');
  589. 		
  590. 		// create button - mark page as seen
  591. 		var button_page_seen = $('<li></li>').html('<a>Mark as seen</a>');
  592. 		button_page_seen.click(function() {markPageSeen();});
  593. 		
  594. 		// create button - mark page as unseen
  595. 		var button_page_unseen = $('<li></li>').html('<a>Unmark as seen</a>');
  596. 		button_page_unseen.click(function() {markPageUnseen();});
  597. 		
  598. 		// create button - re-check page for kudos
  599. 		var button_recheck_kudos = $('<li></li>').html('<a>Re-check for kudos</a>');
  600. 		button_recheck_kudos.click(function() {recheckKudos();});
  601. 		
  602. 		// create button - check page for bookmarks
  603. 		var button_check_bookmarks = $('<li></li>').html('<a>Check for bookmarks</a>');
  604. 		button_check_bookmarks.click(function() {checkForBookmarks();});
  605. 		
  606. 		// create button - settings
  607. 		var button_settings = $('<li></li>').html('<a style="padding: 0.5em 0.5em 0.25em; text-align: center; font-weight: bold;">&mdash; Settings (click to change): &mdash;</a>');
  608. 		
  609. 		// create button - don't hide seen works
  610. 		var button_hide_no = $('<li class="hide-no"></li>').html('<a>Hide seen works: NO</a>');
  611. 		drop_menu.on('click', 'li.hide-no', function() {
  612. 			localStorage.setItem('kudoshistory_hide', 'yes');
  613. 			hide_seen = 1;
  614. 			addCss(1);
  615. 			button_hide_no.replaceWith(button_hide_yes);
  616. 		});
  617. 		
  618. 		// create button - hide seen works
  619. 		var button_hide_yes = $('<li class="hide-yes"></li>').html('<a>Hide seen works: YES</a>');
  620. 		drop_menu.on('click', 'li.hide-yes', function() {
  621. 			localStorage.setItem('kudoshistory_hide', 'collapse');
  622. 			hide_seen = 2;
  623. 			addCss(1);
  624. 			button_hide_yes.replaceWith(button_hide_collapse);
  625. 		});
  626. 		
  627. 		// create button - collapse seen works
  628. 		var button_hide_collapse = $('<li class="hide-collapse"></li>').html('<a>Hide seen works: COLLAPSE</a>');
  629. 		drop_menu.on('click', 'li.hide-collapse', function() {
  630. 			localStorage.setItem('kudoshistory_hide', 'no');
  631. 			hide_seen = 0;
  632. 			addCss(1);
  633. 			button_hide_collapse.replaceWith(button_hide_no);
  634. 		});
  635. 		
  636. 		// create button - hightlight bookmarked
  637. 		var button_bmarked_yes = $('<li class="bmarked-yes"></li>').html('<a>Highlight bookmarked: YES</a>');
  638. 		drop_menu.on('click', 'li.bmarked-yes', function() {
  639. 			localStorage.setItem('kudoshistory_highlight_bookmarked', 'no');
  640. 			highlight_bookmarked = false;
  641. 			addCss(2);
  642. 			button_bmarked_yes.replaceWith(button_bmarked_no);
  643. 		});
  644. 		
  645. 		// create button - don't hightlight bookmarked
  646. 		var button_bmarked_no = $('<li class="bmarked-no"></li>').html('<a>Highlight bookmarked: NO</a>');
  647. 		drop_menu.on('click', 'li.bmarked-no', function() {
  648. 			localStorage.setItem('kudoshistory_highlight_bookmarked', 'yes');
  649. 			highlight_bookmarked = true;
  650. 			addCss(2);
  651. 			button_bmarked_no.replaceWith(button_bmarked_yes);
  652. 		});
  653. 		
  654. 		// create button - mark as seen on open
  655. 		var button_auto_yes = $('<li class="auto-yes"></li>').html('<a>Mark as seen on open: YES</a>');
  656. 		drop_menu.on('click', 'li.auto-yes', function() {
  657. 			localStorage.setItem('kudoshistory_autoseen', 'no');
  658. 			auto_seen = false;
  659. 			button_auto_yes.replaceWith(button_auto_no);
  660. 		});
  661. 		
  662. 		// create button - don't mark as seen on open
  663. 		var button_auto_no = $('<li class="auto-no"></li>').html('<a>Mark as seen on open: NO</a>');
  664. 		drop_menu.on('click', 'li.auto-no', function() {
  665. 			localStorage.setItem('kudoshistory_autoseen', 'yes');
  666. 			auto_seen = true;
  667. 			button_auto_no.replaceWith(button_auto_yes);
  668. 		});
  669. 		
  670. 		// append buttons to the dropdown menu
  671. 		drop_menu.append(button_importexport_seen, button_all_works, button_page_seen, button_page_unseen, button_recheck_kudos, button_check_bookmarks, button_settings);
  672. 		
  673. 		switch (hide_seen) {
  674. 			case 1:
  675. 				drop_menu.append(button_hide_yes);
  676. 				break;
  677. 			case 2:
  678. 				drop_menu.append(button_hide_collapse);
  679. 				break;
  680. 			default:
  681. 				drop_menu.append(button_hide_no);
  682. 		}
  683. 		
  684. 		if (highlight_bookmarked) {
  685. 			drop_menu.append(button_bmarked_yes);
  686. 		}
  687. 		else {
  688. 			drop_menu.append(button_bmarked_no);
  689. 		}
  690. 		
  691. 		if (auto_seen) {
  692. 			drop_menu.append(button_auto_yes);
  693. 		}
  694. 		else {
  695. 			drop_menu.append(button_auto_no);
  696. 		}
  697. 	}
  698. 	
  699. 	// add a notice about an update
  700. 	function addNotice() {
  701. 		
  702. 		var update_1_5 = "<h3>version 1.5</h3>\
  703. 			<p><b>&bull; Import/export your seen list.</b> A whole new world of possibilities available from the menu! Save your list just in case your browser derps. Or take it with you to a different browser. Or just cuddle it gently at night.</p>";
  704. 		
  705. 		var update_1_4 = "<h3>version 1.4</h3>\
  706. 			<p><b>&bull; Thinner stripes on the highlighted blurbs.</b> You're not crazy, they changed a bit.</p>\
  707. 			<p><b>&bull; Remembers when you bookmark a work.</b> Page through your bookmarks list once to make it remember the works you bookmarked previously (shhh just do it). You can turn off the highlighting in the menu.</p>";
  708. 		
  709. 		var last_version = parseFloat(localStorage.getItem('kudoshistory_lastver'));
  710. 		if (isNaN(last_version)) {last_version = 0;}
  711. 		
  712. 		if (last_version < current_version) {
  713. 			
  714. 			var update_notice = $('<div id="kudoshistory-update" class="notice"></div>');
  715. 			
  716. 			update_notice.append("<h3><b>Kudosed and seen history updated!</b></h3>");
  717. 			update_notice.append(update_1_5);
  718. 			if (last_version < 1.4) {update_notice.append(update_1_4);}
  719. 			update_notice.append("<p><a id='kudoshistory-hide-update'>Don't show this again</a></p>");
  720. 			
  721. 			$('#main').prepend(update_notice);
  722. 			
  723. 			$('#kudoshistory-hide-update').click(function() {
  724. 				localStorage.setItem('kudoshistory_lastver', current_version);
  725. 				$('#kudoshistory-update').detach();
  726. 			});
  727. 		}
  728. 	}
  729. 	
  730. 	// add css rules to page head
  731. 	function addCss(option) {
  732. 		var css_highlight = '.has-kudos,\
  733. 			.has-kudos.marked-seen {background: url("http://i.imgur.com/jK7d4jh.png") left no-repeat, url("http://i.imgur.com/ESdBCSX.png") left repeat-y !important; padding-left: 50px !important;}\
  734. 			.marked-seen {background: url("http://i.imgur.com/ESdBCSX.png") left repeat-y !important; padding-left: 50px !important;}\
  735. 			dl.is-bookmarked {background: url("http://i.imgur.com/qol1mWZ.png") right repeat-y !important; padding-right: 50px !important;}\
  736. 			dl.has-kudos.is-bookmarked,\
  737. 			dl.has-kudos.marked-seen.is-bookmarked {background: url("http://i.imgur.com/jK7d4jh.png") left no-repeat, url("http://i.imgur.com/ESdBCSX.png") left repeat-y, url("http://i.imgur.com/qol1mWZ.png") right repeat-y !important;}\
  738. 			dl.marked-seen.is-bookmarked {background: url("http://i.imgur.com/ESdBCSX.png") left repeat-y, url("http://i.imgur.com/qol1mWZ.png") right repeat-y !important;}\
  739. 			#kudoshistory-update {padding: 0.5em 1em 1em 1em;}\
  740. 			#importexport-box {position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; width: 60%; height: 80%; max-width: 800px; margin: auto; overflow-y: auto; border: 10px solid #eee; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2); padding: 0 20px; background-color: #ffffff; z-index: 999;}\
  741. 			#importexport-bg {position: fixed; width: 100%; height: 100%; background-color: #000000; opacity: 0.7; z-index: 998;}\
  742. 			#importexport-box input[type="button"] {height: auto;}\
  743. 			#importexport-box p.actions {float: none; text-align: right;}';
  744. 		var css_bookmarked = '.is-bookmarked {background: url("http://i.imgur.com/qol1mWZ.png") right repeat-y !important; padding-right: 50px !important;}\
  745. 			.has-kudos.is-bookmarked,\
  746. 			.has-kudos.marked-seen.is-bookmarked {background: url("http://i.imgur.com/jK7d4jh.png") left no-repeat, url("http://i.imgur.com/ESdBCSX.png") left repeat-y, url("http://i.imgur.com/qol1mWZ.png") right repeat-y !important;}\
  747. 			.marked-seen.is-bookmarked {background: url("http://i.imgur.com/ESdBCSX.png") left repeat-y, url("http://i.imgur.com/qol1mWZ.png") right repeat-y !important;}\
  748. 			.bookmark.is-bookmarked p.status {padding-right: 37px;}';
  749. 		var css_hide = '#main:not(.bookmarks-show) li.has-kudos,\
  750. 			#main:not(.bookmarks-show) li.marked-seen {display: none !important;}';
  751. 		var css_collapse = 'li.has-kudos h6.landmark.heading,\
  752. 			li.has-kudos > ul,\
  753. 			li.has-kudos blockquote.userstuff.summary,\
  754. 			li.has-kudos dl.stats,\
  755. 			li.has-kudos .header .fandoms.heading,\
  756. 			li.marked-seen h6.landmark.heading,\
  757. 			li.marked-seen > ul,\
  758. 			li.marked-seen blockquote.userstuff.summary,\
  759. 			li.marked-seen dl.stats,\
  760. 			li.marked-seen .header .fandoms.heading {display: none !important;}\
  761. 			li.has-kudos ul.required-tags,\
  762. 			li.marked-seen ul.required-tags {opacity: 0.6;}\
  763. 			li.has-kudos ul.required-tags li + li,\
  764. 			li.marked-seen ul.required-tags li + li {position: absolute; left: 56px; top: 0px;}\
  765. 			li.has-kudos ul.required-tags li + li + li,\
  766. 			li.marked-seen ul.required-tags li + li + li {left: 28px;}\
  767. 			li.has-kudos ul.required-tags li + li + li + li,\
  768. 			li.marked-seen ul.required-tags li + li + li + li {left: 84px; top: 0px;}\
  769. 			li.has-kudos .header,\
  770. 			li.marked-seen .header {min-height: 27px;}\
  771. 			li.has-kudos .header .heading,\
  772. 			li.marked-seen .header .heading {margin: 0.375em 5.25em 0px 121px;}';
  773. 		
  774. 		
  775. 		if (option == 0) {
  776. 			style.append(css_highlight);
  777. 			
  778. 			switch (hide_seen) {
  779. 				case 1:
  780. 					style.append(css_hide);
  781. 					break;
  782. 				case 2:
  783. 					style.append(css_collapse);
  784. 			}
  785. 			
  786. 			if (highlight_bookmarked) {
  787. 				style.append(css_bookmarked);
  788. 			}
  789. 		}
  790. 		else if (option == 1) {
  791. 			switch (hide_seen) {
  792. 				case 1:
  793. 					style.append(css_hide);
  794. 					break;
  795. 				case 2:
  796. 					style.html(style.html().replace(css_hide, ''));
  797. 					style.append(css_collapse);
  798. 					break;
  799. 				default:
  800. 					style.html(style.html().replace(css_collapse, ''));
  801. 			}
  802. 		}
  803. 		else if (option == 2) {
  804. 			if (highlight_bookmarked) {
  805. 				style.append(css_bookmarked);
  806. 			}
  807. 			else {
  808. 				style.html(style.html().replace(css_bookmarked, ''));
  809. 			}
  810. 		}
  811. 	}
  812. })(jQuery);

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

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

加入Q群

QingJ © 2025

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