☰

Wanikani Open Framework - Menu module

Menu module for Wanikani Open Framework

当前为 2022-02-23 提交的版本，查看 最新版本。

此脚本不应直接安装。它是供其他脚本使用的外部库，要使用该库请加入元指令 // @require https://update.gf.qytechs.cn/scripts/38578/1021648/Wanikani%20Open%20Framework%20-%20Menu%20module.js 

  1. // ==UserScript==
  2. // @name        Wanikani Open Framework - Menu module
  3. // @namespace   rfindley
  4. // @description Menu module for Wanikani Open Framework
  5. // @version     1.0.12
  6. // @copyright   2018+, Robin Findley
  7. // @license     MIT; http://opensource.org/licenses/MIT
  8. // ==/UserScript==
  9.  
  10. (function(global) {
  11.  
  12. 	//########################################################################
  13. 	//------------------------------
  14. 	// Published interface
  15. 	//------------------------------
  16. 	global.wkof.Menu = {
  17. 		insert_script_link: insert_script_link
  18. 	};
  19. 	//########################################################################
  20.  
  21. 	function escape_attr(attr) {return attr.replace(/"/g,'\'');}
  22. 	function escape_text(text) {return text.replace(/[<&>]/g, function(ch) {var map={'<':'&lt','&':'&amp;','>':'&gt;'}; return map[ch];});}
  23.  
  24. 	//------------------------------
  25. 	// Install 'Scripts' header in menu, if not present.
  26. 	//------------------------------
  27. 	function install_scripts_header() {
  28. 		// Abort if already installed.
  29. 		if ($('.scripts-header').length !== 0) return false;
  30. 		var top_menu;
  31.  
  32. 		// Install html.
  33. 		switch (location.pathname) {
  34. 			case '/lesson/session':
  35. 			case '/review/session':
  36. 				var summary_button;
  37. 				if (location.pathname == '/lesson/session') {
  38. 					summary_button = $('#summary-button[href="/lesson"]')
  39. 				} else {
  40. 					summary_button = $('#summary-button a[href="/review"]')
  41. 				}
  42. 				// Install css and html.
  43. 				if ($('style[name="scripts_submenu"]').length === 0) {
  44. 					$('head').append(
  45. 						'<style name="scripts_submenu">'+
  46. 						'#scripts-menu.scripts-menu-icon {display:inline-block}'+
  47. 						'#scripts-menu .scripts-icon {display:inline-block}'+
  48. 						'#scripts-menu:not(.open) > .dropdown-menu {display:none;}'+
  49. 						'#scripts-menu .scripts-submenu:not(.open) > .dropdown-menu {display:none;}'+
  50. 						'#scripts-menu .dropdown-menu {position:absolute; background-color:#eee; margin:0; padding:5px 0; list-style-type:none; border:1px solid #333; display:block;}'+
  51. 						'#scripts-menu .dropdown-menu > li {text-align:left; color:#333; white-space:nowrap; line-height:20px; padding:3px 0; display:list-item;}'+
  52. 						'#scripts-menu .dropdown-menu > li.scripts-header {text-transform:uppercase; font-size:11px; font-weight:bold; padding:3px 20px; display:list-item;}'+
  53. 						'#scripts-menu .dropdown-menu > li:hover:not(.scripts-header) {background-color:rgba(0,0,0,0.15)}'+
  54. 						'#scripts-menu .dropdown-menu a {padding:3px 20px; color:#333; opacity:1;}'+
  55. 						'#scripts-menu .scripts-submenu {position:relative;}'+
  56. 						'#scripts-menu .scripts-submenu > a:after {content:"\uf0da"; font-family:"FontAwesome"; position:absolute; top:0; right:0; padding:3px 4px 3px 0;}'+
  57. 						'#scripts-menu .scripts-submenu .dropdown-menu {left:100%; top:-6px;}'+
  58. 						'</style>'
  59. 					);
  60. 				}
  61.  
  62. 				summary_button.after(
  63. 					'<div id="scripts-menu" class="scripts-menu-icon">'+
  64. 					'  <a class="scripts-icon" href="#"><i class="fa fa-gear" title="Script Menu"></i></a>'+
  65. 					'  <ul class="dropdown-menu">'+
  66. 					'    <li class="scripts-header">Script Menu</li>'+
  67. 					'  </ul>'+
  68. 					'</div>'
  69. 				);
  70. 				top_menu = $('#scripts-menu');
  71. 				$('#scripts-menu > a.scripts-icon').on('click', function(e){
  72. 					top_menu.toggleClass('open');
  73. 					if (top_menu.hasClass('open')) {
  74. 						$('body').on('click.scripts-menu', function(){
  75. 							top_menu.removeClass('open');
  76. 							$('body').off('.scripts-menu');
  77. 						});
  78. 					}
  79. 					return false;
  80. 				});
  81. 				break;
  82.  
  83. 			default:
  84. 				// Install css and html.
  85. 				top_menu = $('[class$="account"]');
  86. 				if ($('style[name="scripts_submenu"]').length === 0) {
  87. 					$('head').append(
  88. 						'<style name="scripts_submenu">'+
  89. 						'.sitemap__section.scripts-noposition {position:initial;}'+
  90. 						'.scripts-submenu.open>.dropdown-menu {display:block;position:absolute;top:0px;margin-top:0;left:-8px;transform:scale(1) translateX(-100%);min-width:200px}'+
  91. 						'.scripts-submenu .dropdown-menu:before {left:100%;top:12px;z-index:-1;}'+
  92. 						'.scripts-submenu .dropdown-menu .sitemap__pages {padding:5px 15px 0px 15px;}'+
  93. 						'.scripts-submenu .dropdown-menu .sitemap__page:last-child {margin-bottom:0;}'+
  94. 						'.scripts-submenu>a:before {content:"\uf0d9 "; font-family:"FontAwesome";}'+
  95. 						'@media (max-width: 979px) {'+
  96. 						'  .scripts-submenu>a:before {content:"";}'+
  97. 						'  .scripts-submenu>.dropdown-menu {display:contents;position:initial;top:initial;margin-top:initial;left:initial;transform:none;min-width:initial}'+
  98. 						'}'+
  99. 						'</style>'
  100. 					);
  101. 				}
  102. 				$('.user-summary').after(
  103. 					'<li class="sitemap__section sitemap__section--subsection scripts-noposition">'+
  104. 					'  <h3 class="sitemap__section-header sitemap__section-header--subsection">Scripts</h3>'+
  105. 					'  <ul class="sitemap__pages scripts-header"></ul>'+
  106. 					'</li>'
  107. 				);
  108. 				break;
  109. 		}
  110.  
  111. 		// Click to open sub-menu.
  112. 		top_menu.on('click','.scripts-submenu>a',function(e){
  113. 			var link = $(e.target).parent();
  114. 			link.siblings('.scripts-submenu.open').removeClass('open');
  115. 			if (location.pathname.match(/^\/(review|lesson)\/session/) === null) {
  116. 				var menu = $('[id="#sitemap__account"]');
  117. 				var submenu = link.find('.dropdown-menu');
  118. 				submenu.css('font-size', '12px');
  119. 				submenu.css('max-height', '');
  120. 				var submenu_ul = submenu.find('>ul');
  121. 				var top = Math.max(0, link.position().top);
  122. 				link.toggleClass('open');
  123. 				if (link.hasClass('open')) {
  124. 					submenu.css('top',top+'px');
  125. 					if (menu.outerHeight() - top < submenu.outerHeight())
  126. 					{
  127. 						top = Math.max(0, menu.outerHeight() - submenu.outerHeight());
  128. 						submenu.css('top', top+'px');
  129. 						submenu.css('max-height', menu.outerHeight() - top);
  130. 					}
  131. 				}
  132. 			} else {
  133. 				link.toggleClass('open');
  134. 			}
  135. 			// If we opened the menu, listen for off-menu clicks.
  136. 			if (link.hasClass('open')) {
  137. 				$('body').on('click.scripts-submenu',function(e){
  138. 					$('body').off('click.scripts-submenu');
  139. 					$('.scripts-submenu').removeClass('open');
  140. 					return true;
  141. 				})
  142. 			} else {
  143. 				$('body').off('click.scripts-submenu');
  144. 			}
  145. 			return false;
  146. 		});
  147. 		return true;
  148. 	}
  149.  
  150. 	//------------------------------
  151. 	// Sort menu items
  152. 	//------------------------------
  153. 	function sort_name(a,b) {
  154. 		return a.querySelector('a').innerText.localeCompare(b.querySelector('a').innerText);
  155. 	}
  156.  
  157. 	//------------------------------
  158. 	// Install Submenu, if not present.
  159. 	//------------------------------
  160. 	function install_scripts_submenu(name) {
  161. 		// Abort if already installed.
  162. 		var safe_name = escape_attr(name);
  163. 		var safe_text = escape_text(name);
  164. 		var submenu = $('.scripts-submenu[name="'+safe_name+'"]');
  165. 		if (submenu.length > 0) return submenu;
  166.  
  167. 		if (location.pathname.match(/^\/(review|lesson)\/session/) !== null) {
  168. 			submenu = $(
  169. 				'<li class="scripts-submenu" name="'+safe_name+'">'+
  170. 				'  <a href="#">'+safe_text+'</a>'+
  171. 				'  <ul class="dropdown-menu">'+
  172. 				'  </ul>'+
  173. 				'</li>'
  174. 			);
  175. 			$('.scripts-header').after(submenu);
  176. 		} else {
  177. 			submenu = $(
  178. 				'<li class="sitemap__page scripts-submenu" name="'+safe_name+'">'+
  179. 				'  <a href="#">'+safe_text+'</a>'+
  180. 				'  <div class="sitemap__expandable-chunk dropdown-menu" data-expanded="true" aria-expanded="true">'+
  181. 				'    <ul class="sitemap__pages">'+
  182. 				'    </ul>'+
  183. 				'  </div>'+
  184. 				'</li>'
  185. 			);
  186. 			$('.scripts-header').append(submenu);
  187. 		}
  188. 		var items = $('.scripts-header').siblings('.scripts-submenu,.script-link').sort(sort_name);
  189. 		$('.scripts-header').after(items);
  190. 		return submenu;
  191. 	}
  192.  
  193. 	//------------------------------
  194. 	// Inserts script link into Wanikani menu.
  195. 	//------------------------------
  196. 	function insert_script_link(config) {
  197. 		// Abort if the script already exists
  198. 		var link_id = config.name+'_script_link'; 
  199. 		var link_text = escape_text(config.title);
  200. 		if ($('#'+link_id).length !== 0) return;
  201. 		install_scripts_header();
  202. 		var menu, classes, items, link_html;
  203. 		if (config.submenu) {
  204. 			var submenu = install_scripts_submenu(config.submenu);
  205.  
  206. 			// Append the script, and sort the menu.
  207. 			if (location.pathname.match(/^\/(review|lesson)\/session/) !== null) {
  208. 				menu = submenu.find('.dropdown-menu');
  209. 			} else {
  210. 				menu = submenu.find('.dropdown-menu>ul');
  211. 			}
  212. 			classes = ['sitemap__page'];
  213. 			if (config.class) classes.push(config.class_html);
  214. 			link_html = '<li id="'+link_id+'" name="'+config.name+'" class="'+classes.join(' ')+'"><a href="#">'+link_text+'</a></li>';
  215. 			menu.append(link_html);
  216. 			menu.append(menu.children().sort(sort_name));
  217. 		} else {
  218. 			classes = ['sitemap__page', 'script-link'];
  219. 			if (config.class) classes.push(config.class_html);
  220. 			link_html = '<li id="'+link_id+'" name="'+config.name+'" class="'+classes.join(' ')+'"><a href="#">'+link_text+'</a></li>';
  221. 			if (location.pathname.match(/^\/(review|lesson)\/session/) !== null) {
  222. 				$('.scripts-header').after(link_html);
  223. 				items = $('.scripts-header').siblings('.scripts-submenu,.script-link').sort(sort_name);
  224. 				$('.scripts-header').after(items);
  225. 			} else {
  226. 				$('.scripts-header').append(link_html);
  227. 				items = $('.scripts-header').siblings('.scripts-submenu,.script-link').sort(sort_name);
  228. 				$('.scripts-header').append(items);
  229. 			}
  230. 		}
  231.  
  232. 		// Add a callback for when the link is clicked.
  233. 		$('#'+link_id).on('click', function(e){
  234. 			$('body').off('click.scripts-link');
  235. 			$('#scripts-menu').removeClass('open');
  236. 			$('.scripts-submenu').removeClass('open');
  237. 			$('[class$="account"]').siblings('[data-navigation-section-toggle]').click();
  238. 			var nav_toggle = $('.navigation__toggle');
  239. 			if (nav_toggle.is(':visible')) nav_toggle.click();
  240. 			config.on_click(e);
  241. 			return false;
  242. 		});
  243. 	}
  244.  
  245. 	wkof.ready('document').then(set_ready_state);
  246.  
  247. 	function set_ready_state(){
  248. 		// Delay guarantees include() callbacks are called before ready() callbacks.
  249. 		setTimeout(function(){wkof.set_state('wkof.Menu', 'ready');},0);
  250. 	}
  251.  
  252. })(window);

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

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

加入Q群

QingJ © 2025

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