☰

EhTagBuilder

Build EhTagTranslater from Wiki.

Versão de: 20/05/2016. Veja: a última versão.

  1. // ==UserScript==
  2. // @name        EhTagBuilder
  3. // @name:zh-CN	E绅士标签构建者
  4. // @namespace   http://www.mapaler.com/
  5. // @description Build EhTagTranslater from Wiki.
  6. // @description:zh-CN	从Wiki获取EhTagTranslater数据库，将E绅士TAG翻译为中文
  7. // @include     *://github.com/Mapaler/EhTagTranslator*
  8. // @icon        http://exhentai.org/favicon.ico
  9. // @version     2.0.2
  10. // @grant       none
  11. // @copyright	2016+, Mapaler <mapaler@163.com>
  12. // ==/UserScript==
  13.  
  14. (function() {
  15. var wiki_URL="https://github.com/Mapaler/EhTagTranslator/wiki"; //GitHub wiki 的地址
  16. var rows_title="rows"; //行名的地址
  17. var buttonInserPlace = document.getElementsByClassName("pagehead-actions")[0]; //按钮插入位置
  18. var windowInserPlace = document.getElementsByClassName("reponav")[0]; //窗口插入位置
  19. var scriptName = typeof(GM_info)!="undefined" ? (GM_info.script.localizedName ? GM_info.script.localizedName : GM_info.script.name) : "EhTagBuilder"; //本程序的名称
  20. var scriptVersion = typeof(GM_info)!="undefined" ? GM_info.script.version : "本地Debug版"; //本程序的版本
  21. var downOverCheckHook; //检测下载是否完成的循环函数
  22. var rowsCount = 0; //行名总数
  23. var rowsCurrent = 0; //当前下载行名
  24.  
  25.  
  26. //访GM_xmlhttpRequest函数v1.0
  27. if(typeof(GM_xmlhttpRequest) == "undefined")
  28. {
  29. 	var GM_xmlhttpRequest = function(GM_param){
  30. 		var xhr = new XMLHttpRequest();	//创建XMLHttpRequest对象
  31. 		if(GM_param.responseType) xhr.responseType = GM_param.responseType;
  32. 		xhr.onreadystatechange = function()  //设置回调函数
  33. 		{
  34. 			if (xhr.readyState == 4 && xhr.status == 200)
  35. 			GM_param.onload(xhr);
  36. 		}
  37. 		for (var header in GM_param.headers){
  38. 			xhr.setRequestHeader(header, GM_param.headers[header]);
  39. 		}
  40. 		xhr.open(GM_param.method, GM_param.url, true);
  41. 		xhr.send(GM_param.data ? GM_param.data : null);
  42. 	}
  43. }
  44. //仿GM_getValue函数v1.0
  45. if(typeof(GM_getValue) == "undefined")
  46. {
  47. 	var GM_getValue = function(name, type){
  48. 		var value = localStorage.getItem(name);
  49. 		if (value == undefined) return value;
  50. 		if ((/^(?:true|false)$/i.test(value) && type == undefined) || type == "boolean")
  51. 		{
  52. 			if (/^true$/i.test(value))
  53. 				return true;
  54. 			else if (/^false$/i.test(value))
  55. 				return false;
  56. 			else
  57. 				return Boolean(value);
  58. 		}
  59. 		else if((/^\-?[\d\.]+$/i.test(value) && type == undefined) || type == "number")
  60. 			return Number(value);
  61. 		else
  62. 			return value;
  63. 	}
  64. }
  65. //仿GM_setValue函数v1.0
  66. if(typeof(GM_setValue) == "undefined")
  67. {
  68. 	var GM_setValue = function(name, value){
  69. 		localStorage.setItem(name, value);
  70. 	}
  71. }
  72. //仿GM_deleteValue函数v1.0
  73. if(typeof(GM_deleteValue) == "undefined")
  74. {
  75. 	var GM_deleteValue = function(name){
  76. 		localStorage.removeItem(name);
  77. 	}
  78. }
  79. //仿GM_listValues函数v1.0
  80. if(typeof(GM_listValues) == "undefined")
  81. {
  82. 	var GM_listValues = function(){
  83. 		var keys = [];
  84. 		for (var ki = 0; ki < localStorage.length; ki++)
  85. 		{
  86. 			keys.push(localStorage.key(ki));
  87. 		}
  88. 		return keys;
  89. 	}
  90. }
  91.  
  92.  
  93.  
  94.  
  95. var ds = [];
  96. var rowObj = function(){
  97. 	var obj = {
  98. 		name:"",
  99. 		cname:"",
  100. 		info:"",
  101. 		tags:[],
  102. 		addTagFromName: function(rowObj)
  103. 		{
  104. 			if (rowObj == undefined) rowObj = this;
  105. 			GM_xmlhttpRequest({
  106. 				method: "GET",
  107. 				url: wiki_URL + (rowObj.name.length?"/"+rowObj.name:""),
  108. 				onload: function(response) {
  109. 					var page_get_w = document.getElementById("ETB_page-get");
  110. 					if (page_get_w)
  111. 					{
  112. 						var statetxt = page_get_w.getElementsByClassName("page-get-" + rowObj.name)[0];
  113. 						statetxt.classList.add("page-load");
  114. 						statetxt.innerHTML = "获取成功";
  115. 					}
  116. 					dealTags(response.responseText,rowObj.tags);
  117. 				}
  118. 			});
  119. 		},
  120. 	}
  121. 	return obj;
  122. }
  123. var tagObj = function(){
  124. 	var obj = {
  125. 		type:0,
  126. 		name:"",
  127. 		cname:"",
  128. 		info:"",
  129. 	}
  130. 	return obj;
  131. }
  132.  
  133.  
  134. //处理行的页面
  135. function dealRows(response, dataset)
  136. {
  137. 	var parser = new DOMParser();
  138. 	PageDOM = parser.parseFromString(response, "text/html");
  139. 	
  140. 	var page_get_w = document.getElementById("ETB_page-get");
  141. 	if (page_get_w)
  142. 	{
  143. 		var statetxt = page_get_w.getElementsByClassName("page-get-rows")[0];
  144. 		statetxt.classList.add("page-load");
  145. 		statetxt.innerHTML = "获取成功";
  146. 	}
  147. 				
  148. 	var wiki_body = PageDOM.getElementById("wiki-body");
  149. 	var table = wiki_body.getElementsByTagName("table")[0].tBodies[0];
  150. 	rowsCount = table.rows.length;
  151. 	for(var ri=0;ri<table.rows.length;ri++)
  152. 	{
  153. 		var trow = table.rows[ri];
  154. 		var row = new rowObj;
  155. 		row.name = trow.cells[0].textContent;
  156. 		row.cname = trow.cells[1].textContent;
  157. 		row.info = trow.cells[2];
  158. 		row.addTagFromName();
  159. 		dataset.push(row);
  160. 		
  161. 		if (page_get_w)
  162. 		{
  163. 			page_get_w.getElementsByClassName("select-menu-list")[0].appendChild(
  164. 				buildMenuItem((function()    
  165. 					{
  166. 						var div = document.createElement("div");
  167. 						var span1 = document.createElement("span");
  168. 						span1.className = "page-title"; 
  169. 						span1.innerHTML = row.cname ; 
  170. 						div.appendChild(span1);
  171. 						var span2 = document.createElement("span");
  172. 						span2.className = "page-get-" + row.name;
  173. 						span2.innerHTML = "等待"; 
  174. 						div.appendChild(span2);
  175. 						return div;
  176. 					})()
  177. 				)
  178. 			);
  179. 		}
  180. 	}
  181. }
  182.  
  183. //获取介绍是图片还是文字
  184. function getInfoString(dom, creatImage)
  185. {
  186. 	if (creatImage == undefined) creatImage = true;
  187. 	var info = [];
  188. 	if (dom.childNodes != undefined)
  189. 	{
  190. 		for (var ci = 0; ci < dom.childNodes.length; ci++)
  191. 		{
  192. 			var node = dom.childNodes[ci];
  193. 			info = info.concat(getDomInfoString(node, creatImage))
  194. 		}
  195. 	}
  196. 	
  197. 	function getDomInfoString(node,creatImage)
  198. 	{
  199. 		var info = [];
  200. 		switch (node.nodeName) {
  201. 			case "BR":
  202. 				info.push(
  203. 					 "\""
  204. 					,"\\A"
  205. 					,"\""
  206. 				);
  207. 				break;
  208. 			case "IMG":
  209. 				if (creatImage)
  210. 				{
  211. 					info.push(
  212. 						"url(\""
  213. 						,node.getAttribute("data-canonical-src")
  214. 						,"\")"
  215. 					);
  216. 				}
  217. 				break;
  218. 			case "#text":
  219. 			default:
  220. 				if ((ci==0 || ci==(dom.childNodes.length-1)) && node.textContent == "\n")
  221. 					break;
  222. 				info.push(
  223. 					"\""
  224. 					,specialCharToCss(node.textContent)
  225. 					,"\""
  226. 				);
  227. 				break;
  228. 		}
  229. 		return info;
  230. 	}
  231. 	return info.join("");
  232. }
  233.  
  234. //生成按钮
  235. function specialCharToCss(str)
  236. {
  237. 	var strn = str;
  238. 	strn = strn.replace("\\","\\\\");
  239. 	strn = strn.replace("\"","\\\"");
  240. 	strn = strn.replace("\r","");
  241. 	strn = strn.replace("\n","\\A");
  242. 	return strn;
  243. }
  244.  
  245. //处理Tag页面
  246. function dealTags(response, dataset)
  247. {
  248. 	var parser = new DOMParser();
  249. 	PageDOM = parser.parseFromString(response, "text/html");
  250. 	
  251. 	var wiki_body = PageDOM.getElementById("wiki-body");
  252. 	var table = wiki_body.getElementsByTagName("table")[0].tBodies[0];
  253. 	
  254. 	for(var ri=0;ri<table.rows.length;ri++)
  255. 	{
  256. 		var trow = table.rows[ri];
  257. 		var tag = new tagObj;
  258. 		if (trow.cells.length > 2)
  259. 		{//没有足够单元格的跳过
  260. 			tag.name = trow.cells[0].textContent;
  261. 			tag.cname = trow.cells[1];
  262. 			tag.info = trow.cells[2];
  263. 			tag.type = tag.name.replace(/\s/ig,"").length < 1 ? 1 : 0;
  264. 			dataset.push(tag);
  265. 		}
  266. 	}
  267. 	rowsCurrent++;
  268. }
  269.  
  270. //点击开始任务按钮
  271. function startProgram(dataset){
  272. 	var downOver = startProgramCheck(dataset);
  273. 	if (downOverCheckHook == undefined || !downOver)
  274. 	{
  275. 		GM_xmlhttpRequest({
  276. 			method: "GET",
  277. 			url: wiki_URL + (rows_title.length?"/"+rows_title:""),
  278. 			onload: function(response) {
  279. 				dealRows(response.responseText,dataset);
  280. 			}
  281. 		});
  282. 		downOverCheckHook = setInterval(function () { startProgramCheck(dataset) }, 200);
  283. 	}
  284. 	if (!downOver)
  285. 	{
  286. 		var page_get_w = document.getElementById("ETB_page-get");
  287. 		if (!page_get_w)
  288. 		{
  289. 			windowInserPlace.appendChild(buildMenuModal("window", "ETB_page-get", "数据获取进度", null, [
  290. 				buildMenuList([
  291. 					buildMenuItem((function()    
  292. 						{
  293. 							var div = document.createElement("div");
  294. 							var span1 = document.createElement("span");
  295. 							span1.className = "page-title"; 
  296. 							span1.innerHTML = "列表页面"; 
  297. 							div.appendChild(span1);
  298. 							var span2 = document.createElement("span");
  299. 							span2.className = "page-get-rows";
  300. 							span2.innerHTML = "等待"; 
  301. 							div.appendChild(span2);
  302. 							return div;
  303. 						})()
  304. 					)
  305. 				])
  306. 			],
  307. 			[
  308. 				".ETB_page-get .page-title" + "{\r\n" + [
  309. 					'font-weight: bold',
  310. 					'margin-right: 15px',
  311. 				].join(';\r\n') + "\r\n}",
  312. 				".ETB_page-get .page-load" + "{\r\n" + [
  313. 					'color: #0A0',
  314. 				].join(';\r\n') + "\r\n}",
  315. 			].join('\r\n')
  316. 			));
  317. 		}
  318. 		else
  319. 		{
  320. 			page_get_w.style.display = "block";
  321. 		}
  322. 	}
  323. }
  324. //检测下载完成情况
  325. function startProgramCheck(dataset)
  326. {
  327. 	if (rowsCount > 0 && rowsCurrent >= rowsCount)
  328. 	{
  329. 		console.debug("获取完成");
  330. 		clearInterval(downOverCheckHook);
  331. 		var css = buildCSS(dataset
  332. 			,GM_getValue("ETB_create-info","boolean")
  333. 			,GM_getValue("ETB_create-info-image","boolean")
  334. 			,GM_getValue("ETB_create-cname-image","boolean")
  335. 			);
  336. 		var downBlob = new Blob([css], {'type': 'text\/css'});
  337. 		var downurl = window.URL.createObjectURL(downBlob);
  338. 		
  339. 		var css_output_w = document.getElementById("ETB_css-output");
  340. 		if (!css_output_w)
  341. 		{
  342. 			windowInserPlace.appendChild(buildMenuModal("window", "ETB_css-output", "用户样式版EhTagTranslator", null,
  343. 				[
  344. 					buildMenuList([
  345. 						buildMenuItem("CSS文本",
  346. 							(function()    
  347. 							{
  348. 								var textarea = document.createElement("textarea");
  349. 								textarea.id = "ETB_css-textarea";
  350. 								textarea.name = textarea.id;
  351. 								textarea.className = "txta " + textarea.id;
  352. 								textarea.value = css;
  353. 								textarea.wrap = "off";
  354. 								textarea.setAttribute("readonly",true);
  355. 								return textarea;
  356. 							})()
  357. 							,buildSVG("css")),
  358. 						buildMenuItem("直接下载CSS文件",null,buildSVG("download"),downurl,1)
  359. 					])
  360. 				],
  361. 				[
  362. 					".ETB_css-output .txta" + "{\r\n" + [
  363. 						'resize: vertical',
  364. 						'width:100%',
  365. 						'height:300px',
  366. 					].join(';\r\n') + "\r\n}",
  367. 				].join('\r\n')
  368. 			));
  369. 		}
  370. 		else
  371. 		{
  372. 			css_output_w.style.display = "block";
  373. 			css_output_w.getElementsByClassName("ETB_css-textarea")[0].value = css;
  374. 			css_output_w.getElementsByTagName("a")[0].href = downurl;
  375. 		}
  376. 		var page_get_w = document.getElementById("ETB_page-get");
  377. 		if (page_get_w)
  378. 		{
  379. 			page_get_w.parentNode.removeChild(page_get_w);
  380. 		}
  381. 		return true;
  382. 	}
  383. 	else
  384. 	{
  385. 		console.debug("获取%d/%d",rowsCurrent, rowsCount);
  386. 		return false;
  387. 	}
  388. }
  389.  
  390. //开始构建CSS
  391. function buildCSS(dataset, createInfo, createInfoImage, createCnameImage)
  392. {
  393. 	if (createInfo == undefined) createInfo = true;
  394. 	if (createInfoImage == undefined) createInfoImage = true;
  395. 	if (createCnameImage == undefined) createCnameImage = true;
  396. 	var date = new Date();
  397. 	
  398. 	var cssAry = [];
  399. //样式信息说明
  400. 	cssAry.push(
  401.  "/* EhTagTranslator 用户样式版，由 " + scriptName + " v" + scriptVersion + " 构建"
  402. ," * 构建时间为"
  403. ," * " + date.toString()
  404. ," */"
  405. 	)
  406. //样式命名区间与应用范围
  407. 	cssAry.push(
  408. //▼CSS内容部分
  409.  "@namespace url(http://www.w3.org/1999/xhtml);"
  410. ,""
  411. ,"@-moz-document"
  412. ,"    url-prefix('http://exhentai.org/g/'), "
  413. ,"    url-prefix('http://g.e-hentai.org/g/')"
  414. ,"{"
  415. //▲CSS内容部分
  416. 	);
  417.  
  418. 	//链接通用样式部分
  419. 	cssAry.push(GM_getValue("ETB_global-style"));
  420. 	
  421. 	for (var ri = 0; ri < dataset.length; ri++)
  422. 	{
  423. 		var row = dataset[ri];
  424. 		cssAry.push( //添加行名的注释
  425.  "/* " + row.name
  426. ," * " + row.cname
  427. ," */"
  428. 		);
  429. 		for (var ti = 0; ti < row.tags.length; ti++)
  430. 		{
  431. 			var tag = row.tags[ti];
  432. 			if (tag.type == 0)
  433. 			{
  434. 				cssAry.push(""
  435. //▼CSS内容部分
  436. ,"  a[id=\"ta_" + (row.name=="misc"?"":row.name + ":") + tag.name.replace(/ /ig,"_") + "\"]{"
  437. ,"    font-size:0px;"
  438. ,"  }"
  439. ,"  a[id=\"ta_" + (row.name=="misc"?"":row.name + ":") + tag.name.replace(/ /ig,"_") + "\"]::before{"
  440. ,"    content:" + getInfoString(tag.cname, createCnameImage) + ";"
  441. ,"  }"
  442. //▲CSS内容部分
  443. 				);
  444. 				if (createInfo)
  445. 				{
  446. 					var sinfo = getInfoString(tag.info, createInfoImage);
  447. 					if (sinfo.replace(/\s/ig,"").length > 0)
  448. 					{
  449. 						cssAry.push(""
  450. //▼CSS内容部分
  451. ,"  a[id=\"ta_" + (row.name=="misc"?"":row.name + ":") + tag.name.replace(/ /ig,"_") + "\"]::after{"
  452. ,"    content:" + sinfo + ";"
  453. ,"  }"
  454. //▲CSS内容部分
  455. 						);
  456. 					}
  457. 				}
  458. 			}
  459. 			else
  460. 			{ //将注释写成CSS注释
  461. 				cssAry.push(
  462.  "/* " + tag.cname
  463. ," * " + tag.info
  464. ," */"
  465. 				);
  466. 			}
  467. 			
  468. 		}
  469. 	}
  470. 	
  471. 	cssAry.push(
  472. //▼CSS内容部分
  473.  "}"
  474. //▲CSS内容部分
  475. 	)
  476. 	
  477. 	var css = cssAry.join("\r\n");
  478. 	return css;
  479. }
  480.  
  481.  
  482. //生成按钮
  483. function buildButton(title, icon, modal)
  484. {
  485. 	var li = document.createElement("li");
  486. 	var select_menu = document.createElement("div");
  487. 	select_menu.className = "select-menu js-menu-container js-select-menu";
  488. 	li.appendChild(select_menu);
  489. 	var button = document.createElement("button");
  490. 	button.className = "btn btn-sm select-menu-button js-menu-target css-truncate";
  491. 	select_menu.appendChild(button);
  492. 	var span = document.createElement("span");
  493. 	span.className = "js-select-button";
  494. 	if (icon != undefined)
  495. 		span.appendChild(icon);
  496. 	span.innerHTML += title;
  497. 	button.appendChild(span);
  498. 	select_menu.appendChild(modal);
  499. 	return li;
  500. }
  501.  
  502. //生成菜单窗口
  503. function buildMenuModal(mode, id, stitle, filters, lists, sstyle)
  504. {
  505. 	
  506. 	var modal_holder = document.createElement("div");
  507. 	modal_holder.className = "select-menu-modal-holder js-menu-content js-navigation-container js-active-navigation-container";
  508. 	if (id != undefined)
  509. 	{
  510. 		modal_holder.id = id;
  511. 		modal_holder.classList.add(id);
  512. 	}
  513. 	if (sstyle != undefined)
  514. 	{
  515. 		var style = document.createElement("style");
  516. 		style.innerHTML = sstyle;
  517. 		modal_holder.appendChild(style);
  518. 	}
  519.  
  520. 	var modal = document.createElement("div");
  521. 	modal.className = "select-menu-modal subscription-menu-modal js-menu-content";
  522. 	modal_holder.appendChild(modal);
  523. 	
  524. 	var header = document.createElement("div");
  525. 	header.className = "select-menu-header js-navigation-enable";
  526. 	modal.appendChild(header);
  527. 	
  528. 	var CloseSvg = buildSVG("Close");
  529. 	header.appendChild(CloseSvg);
  530.  
  531. 	switch (mode) {
  532. 		case "window":
  533. 			modal_holder.style.display = "block";
  534. 			CloseSvg.onclick = function(){
  535. 				modal_holder.style.display = "none";
  536. 			}
  537. 			break;
  538.  
  539. 		case "menu":		
  540. 		default:
  541. 			break;
  542. 	}
  543. 	
  544. 	var title = document.createElement("span");
  545. 	title.className = "select-menu-title";
  546. 	title.innerHTML = stitle;
  547. 	header.appendChild(title);
  548.  
  549. 	if (lists != undefined)
  550. 	{
  551. 		for(var li = 0; li < lists.length; li++)
  552. 		{
  553. 			var list = lists[li];
  554. 			if (list)
  555. 				modal.appendChild(list);
  556. 		}
  557. 	}
  558. 	return modal_holder;
  559. }
  560.  
  561. //构建一个菜单列表框架
  562. function buildMenuList(items)
  563. {
  564. 	var list = document.createElement("div");
  565. 	list.className = "select-menu-list js-navigation-container";
  566. 	if (items != undefined)
  567. 	{
  568. 		for(var ii = 0; ii < items.length; ii++)
  569. 		{
  570. 			var item = items[ii];
  571. 			if (item)
  572. 				list.appendChild(item);
  573. 		}
  574. 	}
  575. 	return list;
  576. }
  577.  
  578. //构建一个菜单列表项
  579. function buildMenuItem(heading, description, icon, callback, type)
  580. {
  581. 	if (heading == undefined) heading = "未设定";
  582. 	
  583. 	var item = document.createElement("div");
  584. 	if (type == 3)
  585. 	{
  586. 		var item = document.createElement("label");
  587. 		item.setAttribute('for', callback);
  588. 	}
  589. 	else if (typeof(callback) == "string")
  590. 	{
  591. 		var item = document.createElement("a");
  592. 		item.target = "_blank";
  593. 		item.href = callback;
  594. 	}
  595. 	else
  596. 	{
  597. 		if (callback) item.onclick = callback;
  598. 	}
  599. 	
  600. 	item.className = "select-menu-item";
  601. 	
  602. 	switch (type) {
  603. 		case 0:
  604. 			item.classList.add("js-navigation-item");
  605. 			break;
  606. 		case 1:
  607. 			item.classList.add("select-menu-action");
  608. 			break;
  609. 		default:
  610. 			break;
  611. 	}
  612. 	
  613. 	if (icon != undefined) item.appendChild(icon);
  614. 		
  615. 	var item_text = document.createElement("div");
  616. 	item_text.className = "select-menu-item-text";
  617. 	item.appendChild(item_text);
  618. 	
  619. 	if (description != undefined)
  620. 	{
  621. 		var item_heading = document.createElement("span");
  622. 		item_heading.className = "select-menu-item-heading";
  623. 		if (typeof(heading)=="string")
  624. 			item_heading.innerHTML = heading;
  625. 		else
  626. 			item_heading.appendChild(heading);
  627. 		var item_description = document.createElement("span");
  628. 		item_description.className = "description";
  629. 		if (typeof(description)=="string")
  630. 			item_description.innerHTML = description;
  631. 		else
  632. 			item_description.appendChild(description);
  633. 		item_text.appendChild(item_heading);
  634. 		item_text.appendChild(item_description);
  635. 	}
  636. 	else
  637. 	{
  638. 		if (typeof(heading)=="string")
  639. 			item_text.innerHTML = heading;
  640. 		else
  641. 			item_text.appendChild(heading);
  642. 	}
  643. 	return item;
  644. }
  645. //生成svg
  646. function buildSVG(mode,check)
  647. {
  648. 	if (check == undefined) check = false;
  649. 	var CloseSvgDiv = document.createElement("div");
  650. 	var innerHTML = "";
  651. 	switch (mode) {
  652. 		case "Close":
  653. 			innerHTML = '<svg aria-label="Close" class="octicon octicon-x js-menu-close" height="16" role="img" version="1.1" viewBox="0 0 12 16" width="12"><path d="M7.48 8l3.75 3.75-1.48 1.48-3.75-3.75-3.75 3.75-1.48-1.48 3.75-3.75L0.77 4.25l1.48-1.48 3.75 3.75 3.75-3.75 1.48 1.48-3.75 3.75z"/></svg>';
  654. 			break;
  655.  
  656. 		case "Settings":
  657. 			innerHTML = '<svg width="14" viewBox="0 0 14 16" version="1.1" height="16" class="octicon octicon-question select-menu-item-icon" aria-hidden="true"><path d="M14 8.77V7.17l-1.94-0.64-0.45-1.09 0.88-1.84-1.13-1.13-1.81 0.91-1.09-0.45-0.69-1.92H6.17l-0.63 1.94-1.11 0.45-1.84-0.88-1.13 1.13 0.91 1.81-0.45 1.09L0 7.23v1.59l1.94 0.64 0.45 1.09-0.88 1.84 1.13 1.13 1.81-0.91 1.09 0.45 0.69 1.92h1.59l0.63-1.94 1.11-0.45 1.84 0.88 1.13-1.13-0.92-1.81 0.47-1.09 1.92-0.69zM7 11c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3z"/></svg>';
  658. 			break;
  659.  
  660. 		case "check":
  661. 			innerHTML = '<svg width="12" viewBox="0 0 12 16" version="1.1" height="16" class="octicon octicon-check select-menu-item-icon" aria-hidden="true"><path d="M12 5L4 13 0 9l1.5-1.5 2.5 2.5 6.5-6.5 1.5 1.5z"/></svg>';
  662. 			break;
  663.  
  664. 		case "question":
  665. 			innerHTML = '<svg width="14" viewBox="0 0 14 16" version="1.1" height="16" class="octicon octicon-question select-menu-item-icon" aria-hidden="true"><path d="M6 10h2v2H6V10z m4-3.5c0 2.14-2 2.5-2 2.5H6c0-0.55 0.45-1 1-1h0.5c0.28 0 0.5-0.22 0.5-0.5v-1c0-0.28-0.22-0.5-0.5-0.5h-1c-0.28 0-0.5 0.22-0.5 0.5v0.5H4c0-1.5 1.5-3 3-3s3 1 3 2.5zM7 2.3c3.14 0 5.7 2.56 5.7 5.7S10.14 13.7 7 13.7 1.3 11.14 1.3 8s2.56-5.7 5.7-5.7m0-1.3C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7S10.86 1 7 1z"/></svg>';
  666. 			break;
  667.  
  668. 		case "download":
  669. 			innerHTML = '<svg width="16" viewBox="0 0 16 16" version="1.1" height="16" class="octicon octicon-desktop-download select-menu-item-icon" aria-hidden="true"><path d="M4 6h3V0h2v6h3L8 10 4 6z m11-4H11v1h4v8H1V3h4v-1H1c-0.55 0-1 0.45-1 1v9c0 0.55 0.45 1 1 1h5.34c-0.25 0.61-0.86 1.39-2.34 2h8c-1.48-0.61-2.09-1.39-2.34-2h5.34c0.55 0 1-0.45 1-1V3c0-0.55-0.45-1-1-1z"/></svg>';
  670. 			break;
  671.  
  672. 		case "book":
  673. 			innerHTML = '<svg width="16" viewBox="0 0 16 16" version="1.1" height="16" class="octicon octicon-book select-menu-item-icon" aria-hidden="true"><path d="M2 5h4v1H2v-1z m0 3h4v-1H2v1z m0 2h4v-1H2v1z m11-5H9v1h4v-1z m0 2H9v1h4v-1z m0 2H9v1h4v-1z m2-6v9c0 0.55-0.45 1-1 1H8.5l-1 1-1-1H1c-0.55 0-1-0.45-1-1V3c0-0.55 0.45-1 1-1h5.5l1 1 1-1h5.5c0.55 0 1 0.45 1 1z m-8 0.5l-0.5-0.5H1v9h6V3.5z m7-0.5H8.5l-0.5 0.5v8.5h6V3z"/></svg>';
  674. 			break;
  675.  
  676. 		case "css":
  677. 			innerHTML = '<img width="16" height="16" class="octicon octicon-question select-menu-item-icon" aria-hidden="true" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAADCUlEQVR42l3RYWjUdRzH8ffv97//7fTaOL2c6+66rNi52Q3Uyors5sYokh50I+iBGVFtoqGI+SQIKoiKkGCxedbOFqGWIJqFSiRoNKOU3DVpixZZc9PVJnO33f2v2/1/3x5s3arPw++DFx8+XyUiVFTYsiToQwGgUMpC40Epi3zeQf81y2JLg9aIVqA0f07nKBSLygMQXbGUziNPoBRo5aHSDuMp1XD1skPPB4cpnf+RrbURVtwaxgouQy+9mcffPwCAB8CyLKqX1IACZWw+O9xP/3e9xGrjrF3TzEztOvb29cGFQbY94GP18lvQSi0AGpubvGFKsy7vvPk5T7bu4OVdzWit+SciwtjYGK/v3M5qKZ/nAeWh0hvlwMcneLhpEy0tLWSzWbq7uxkaGiIQCJBMJqmrq8OyLED+Cyhl4/dGOfPlJfZ27QTg3De9nDr9IZFQDd9+MsDAFyepuDNGpTMDYsqIByA7NU3Pe58yMnyNXC4HQNOGZkZGdpDpu0hVZIZVqkSDVWBZOIhBl0toACef48LZk4QCXg4dOogxBp/PR9vzbXR1pTj2VS/JPZ0cmzHcEAGvF+ZHRESovyMsv57ukJ9O7ZGGWFTS6bSUSiX5f0ZHR+WppofkSufbEo9GRETmGogRZnN5/rg2wZpYlFTnLhKJOC9sa2ffvhTj4+MAhEIhIivrsW27XGAOEEMp5/BSx1Hyvhpui8LB1M+8+FwP35/bzdObN2OMAWB0appnUvu5Ojm1MKIYwRSKuAbS6TSZTIaO/R8xOXGJQrGKtvZ2lFI4jsPwxA3u3rSdH959YwEAMMYFBNd1SSQSNDY24rouSim01jiOwyuvvkZs/SPc0/woR9Md/wYEZVlseew+khtbWHv/elbdFae6ejnGGAYGB/n6/EXWtT7LhoYGqjym/MY5QGksv58H743Tf+U6ppghvnKW4eEsx4//Qtaqp3X3Wyxa5KXSI/i0IPOCEhEW+7xye7gagMlsDm0rgkE/CmHiep6i68UfCKKVoJVCI/z+22UKjqP+BndsSOE7UsTgAAAAAElFTkSuQmCC"/>';
  678. 			break;
  679.  
  680. 		case "js":
  681. 			innerHTML = '<img width="16" height="16" class="octicon octicon-question select-menu-item-icon" aria-hidden="true" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAALHRFWHRDcmVhdGlvbiBUaW1lAFN1biAzMCBNYXIgMjAwOCAxNzoyMjo0NyAtMDUwMNSe+EoAAAAHdElNRQfYBAYRMSwLM2/oAAAACXBIWXMAAAsTAAALEwEAmpwYAAAABGdBTUEAALGPC/xhBQAAAtBJREFUeNpdU11IU3EU/93tTje1vJujzS1xZVNnhdeMStG8ha/VDYKUICYk9RLYW1FBIERv0atFTSgqCllPvRiaDyp9qFPLsTQ12nB96Fzuy3117nVL24HD/3DO+f3u/57z+zNWqxWJRAKpVEr2ZDIpe9Yu2fy1dAhzyxCW1sBPhQy7sjW/3w82GAwi1whUTkcXufgrDMvsMhBLyKVbub0swzD/JS5WL93NgCEBvRn+YjVg1UHQ/PDbIwnw7qhxVSbIAY/TwXMlWrgXV8AqgAodwKk36vMBCAQWsmDJmJtHcQoM7NI9bHV7RdHeBnVBISZGPsL56AnEjnPgG+oRDYfgdDzDzPgnZ1pCpuHoHsIrNqXSOHbX2LhvU2OQwYXbAEUe+OYWcDtMsFRZqTlJeZbq7XBP3BDL9x/A188zAhDRskarjdOXlkIRq6CmIgLnw/H+HbDOwt4iwDH6Vp6gvemwTG6prICO+sNxcHgzBgVUGoRWAzCWmemHVESgQu/IPK70vACUGvQOeyjuo1qeXJP64rEoJJxkikmXe0EKOD1Ni6GpMSwGXw8isBgggoLNWKGkmpL6SmRgFqc0qCIBZeineLazHWyeRv6KRVcKsakJfE0lLJweYmM9+KoymkUceoMWz3sew/P9Txet2cUe2gknp9VArVHj3sN+HG+shf1EszwLJCOwn6Q4uY7paQ8Ghidx+XwjVKkoXGFTL+Db0EHg9wqtKQyxdR+6b/ch4V2BdXsR9LTbVdrZbDAEhZnDteun5XVuNcZkMqGz0jfANxwUxI62zLAkl7gV8sKRJh2n4uQx0sZT0siHwfse0zGfz/dPiV2UdNJNLEdam1FdR+8nLZWYDEES7nEXRvuHsOCZW8hKXb6B2WyWgwtWb7F/DVdJtmfyWezJfTQkhdlAFC8NRbjz4ItZlrLX690kyBolLXQYydVb0rR4LFHvQk4v/gIj/RRmaCXZ1wAAAABJRU5ErkJggg=="/>';
  682. 			break;
  683.  
  684. 		case "eh":
  685. 			innerHTML = '<img width="16" height="16" class="octicon" aria-hidden="true" src="data:image/x-icon;base64,AAABAAEAEBAAAAEAIABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wARBmb/EQZm/xEGZv8RBmb/EQZm/////wD///8A////ABEGZv8RBmb/////AP///wARBmb/EQZm/////wD///8AEQZm/xEGZv8RBmb/EQZm/xEGZv////8A////AP///wARBmb/EQZm/////wD///8AEQZm/xEGZv////8A////ABEGZv8RBmb/////AP///wD///8A////AP///wD///8AEQZm/xEGZv////8A////ABEGZv8RBmb/////AP///wARBmb/EQZm/////wD///8A////AP///wD///8A////ABEGZv8RBmb/////AP///wARBmb/EQZm/////wD///8AEQZm/xEGZv////8A////AP///wD///8A////AP///wARBmb/EQZm/////wD///8AEQZm/xEGZv////8A////ABEGZv8RBmb/EQZm/xEGZv////8AEQZm/xEGZv////8AEQZm/xEGZv8RBmb/EQZm/xEGZv8RBmb/////AP///wARBmb/EQZm/xEGZv8RBmb/////ABEGZv8RBmb/////ABEGZv8RBmb/EQZm/xEGZv8RBmb/EQZm/////wD///8AEQZm/xEGZv////8A////AP///wD///8A////AP///wARBmb/EQZm/////wD///8AEQZm/xEGZv////8A////ABEGZv8RBmb/////AP///wD///8A////AP///wD///8AEQZm/xEGZv////8A////ABEGZv8RBmb/////AP///wARBmb/EQZm/////wD///8A////AP///wD///8A////ABEGZv8RBmb/////AP///wARBmb/EQZm/////wD///8AEQZm/xEGZv8RBmb/EQZm/xEGZv////8A////AP///wARBmb/EQZm/////wD///8AEQZm/xEGZv////8A////ABEGZv8RBmb/EQZm/xEGZv8RBmb/////AP///wD///8AEQZm/xEGZv////8A////ABEGZv8RBmb/////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A//8AAP//AACDmQAAg5kAAJ+ZAACfmQAAn5kAAISBAACEgQAAn5kAAJ+ZAACfmQAAg5kAAIOZAAD//wAA//8AAA=="/>';
  686. 			break;
  687. 			
  688. 		default:
  689. 			innerHTML = '<svg width="12" viewBox="0 0 12 16" version="1.1" height="16" class="octicon octicon-check select-menu-item-icon" aria-hidden="true"></svg>';
  690. 			break;
  691. 	}
  692. 	CloseSvgDiv.innerHTML = innerHTML;
  693. 	var CloseSvg = CloseSvgDiv.firstChild;
  694. 	if(check)
  695. 		CloseSvg.classList.add("octicon-check");
  696. 	else
  697. 		CloseSvg.classList.remove("octicon-check");
  698. 	
  699. 	return CloseSvg;
  700. }
  701. //打开设置窗口
  702. function startOption()
  703. {
  704. 	var option_modal_w = document.getElementById("ETB_option");
  705. 	if (!option_modal_w)
  706. 	{
  707. 		windowInserPlace.appendChild(
  708. 			buildMenuModal("window", "ETB_option", scriptName + " 设置", null, [
  709. 					buildMenuList([
  710. 						buildMenuItem("生成简介","生成光标移动到Tag上时出现的简介。",
  711. 							(function(){
  712. 								var chk1 = document.createElement("input");
  713. 								chk1.type = "checkbox";
  714. 								chk1.id = "ETB_create-info";
  715. 								chk1.name = "ETB_create-info";
  716. 								chk1.className = "octicon octicon-question select-menu-item-icon ETB_create-info";
  717. 								return chk1;
  718. 							})()
  719. 							,"ETB_create-info",3),
  720. 						buildMenuItem("生成简介图片","生成简介中的图片。",
  721. 							(function(){
  722. 								var chk2 = document.createElement("input");
  723. 								chk2.type = "checkbox";
  724. 								chk2.id = "ETB_create-info-image";
  725. 								chk2.name = "ETB_create-info-image";
  726. 								chk2.className = "octicon octicon-question select-menu-item-icon ETB_create-info-image";
  727. 								return chk2;
  728. 							})()
  729. 							,"ETB_create-info-image",3),
  730. 						buildMenuItem("生成中文名图片","生成中文名中的图片，一般为名称前的小图标。",
  731. 							(function(){
  732. 								var chk2 = document.createElement("input");
  733. 								chk2.type = "checkbox";
  734. 								chk2.id = "ETB_create-cname-image";
  735. 								chk2.name = "ETB_create-cname-image";
  736. 								chk2.className = "octicon octicon-question select-menu-item-icon ETB_create-cname-image";
  737. 								return chk2;
  738. 							})()
  739. 							,"ETB_create-cname-image",3),
  740. 						buildMenuItem("Tag通用样式",
  741. 							(function(){
  742. 								var div = document.createElement("div");
  743. 								var span1 = document.createElement("span");
  744. 								span1.innerHTML = "Tag统一应用的样式，可修改为自己喜爱的样式。不会自己写CSS的用户可每次更新本脚本后重置一下，应用最新的通用样式。"; 
  745. 								div.appendChild(span1);
  746. 								var textarea = document.createElement("textarea");
  747. 								textarea.id = "ETB_global-style";
  748. 								textarea.name = "ETB_global-style";
  749. 								textarea.className = "txta ETB_global-style";
  750. 								textarea.value = GM_getValue("ETB_global-style")?GM_getValue("ETB_global-style"):"";
  751. 								textarea.wrap = "off";
  752. 								div.appendChild(textarea);
  753. 								return div;
  754. 							})()
  755. 							,null,"ETB_global-style",3),
  756. 					]),
  757. 					buildMenuList([
  758. 						buildMenuItem(
  759. 							(function(){
  760. 								var div = document.createElement("div");
  761. 								var btn1 = document.createElement("button");
  762. 								btn1.innerHTML = "重置";
  763. 								btn1.id = "ETB_reset-option";
  764. 								btn1.name = "ETB_reset-option";
  765. 								btn1.className = "btn btn-sm btn-danger ETB_reset-option";
  766. 								btn1.onclick = function(){
  767. 									resetOption();
  768. 								}
  769. 								div.appendChild(btn1);
  770. 								/*
  771. 								var btn2 = document.createElement("button");
  772. 								btn2.innerHTML = "取消";
  773. 								btn2.className = "btn btn-sm";
  774. 								div.appendChild(btn2);
  775. 								*/
  776. 								var btn3 = document.createElement("button");
  777. 								btn3.innerHTML = "保存";
  778. 								btn3.id = "ETB_save-option";
  779. 								btn3.name = "ETB_save-option";
  780. 								btn3.className = "btn btn-sm btn-primary ETB_save-option";
  781. 								btn3.onclick = function(){
  782. 									saveOption();
  783. 								}
  784. 								div.appendChild(btn3);
  785. 								return div;
  786. 							})()
  787. 							,null,null,null,1),
  788. 					]),
  789. 				],
  790. 				[
  791. 					".ETB_option .select-menu-item-text" + "{\r\n" + [
  792. 						'font-weight: normal',
  793. 					].join(';\r\n') + "\r\n}",
  794. 					".ETB_option .txta" + "{\r\n" + [
  795. 						'resize: vertical',
  796. 						'width: 100%',
  797. 						'height: 150px',
  798. 					].join(';\r\n') + "\r\n}",
  799. 					".ETB_option .ETB_save-option" + "{\r\n" + [
  800. 						'float: right',
  801. 					].join(';\r\n') + "\r\n}",
  802. 				].join('\r\n')
  803. 			)
  804. 		);
  805. 	}
  806. 	else
  807. 	{
  808. 		option_modal_w.style.display = "block";
  809. 	}
  810. }
  811. //重置设置
  812. function resetOption(part)
  813. {
  814. 	function partReset(name,value,ispart)
  815. 	{
  816. 		if (!ispart || ispart && GM_getValue(name) == undefined)
  817. 			GM_setValue(name, value);
  818. 	}
  819. 	var cssAry = [];
  820. 	cssAry.push(
  821. //▼CSS内容部分
  822.  "  #taglist a::before{"
  823. ,"    font-size:12px;"
  824. ,"  }"
  825. ,"  #taglist a::after{"
  826. ,"    color:#fff;"
  827. ,"    font-size:12pt;"
  828. ,"    background: #666;"
  829. ,"    border: 1px solid #fff;"
  830. ,"    border-radius:5px;"
  831. ,"    float:left;"
  832. ,"    position:fixed;"
  833. ,"    z-index:999;"
  834. ,"    padding:2px;"
  835. ,"    box-shadow: 3px 3px 5px #888;"
  836. ,"    min-width:150px;"
  837. ,"    max-width:260px;"
  838. ,"    white-space:pre-wrap;"
  839. ,"    opacity: 0;"
  840. ,"    transition: opacity 0.2s;"
  841. ,"    transform: translate(30px,25px);"
  842. ,"    top:0px;"
  843. ,"    pointer-events:none;"
  844. ,"  }"
  845. ,"  #taglist a:hover::after,#taglist a:focus::after{"
  846. ,"    opacity: 1;"
  847. ,"    transition: opacity 0.5s;"
  848. ,"  }"
  849. //▲CSS内容部分
  850. 	);
  851. 	partReset("ETB_global-style",cssAry.join("\r\n"),part);
  852. 	partReset("ETB_create-info","true",part);
  853. 	partReset("ETB_create-info-image","true",part);
  854. 	partReset("ETB_create-cname-image","true",part);
  855. 	
  856. 	reloadOption();
  857. }
  858. //访问设置用递归函数
  859. function visitChildNodes(dom, callback)
  860. {
  861. 	callback(dom);
  862. 	for (var ci = 0; ci < dom.childNodes.length; ci++)
  863. 	{
  864. 		visitChildNodes(dom.childNodes[ci], callback);
  865. 	}
  866. }
  867. //保存设置
  868. function saveOption()
  869. {
  870. 	var option_modal_w = document.getElementById("ETB_option");
  871. 	if (option_modal_w)
  872. 	{
  873. 		 visitChildNodes(option_modal_w,setValue);
  874. 	}
  875. 	function setValue(dom)
  876. 	{
  877. 		if (dom.name && dom.value != undefined)
  878. 		{
  879. 			if (dom.type == "checkbox")
  880. 				GM_setValue(dom.name, dom.checked);
  881. 			else
  882. 				GM_setValue(dom.name, dom.value);
  883. 		}
  884. 	}
  885. 	option_modal_w.style.display = "none";
  886. }
  887. //重新加载设置窗口
  888. function reloadOption()
  889. {
  890. 	var option_modal_w = document.getElementById("ETB_option");
  891. 	if (option_modal_w)
  892. 	{
  893. 		 visitChildNodes(option_modal_w, getValue);
  894. 	}
  895. 	function getValue(dom)
  896. 	{
  897. 		if (dom.name && dom.value != undefined)
  898. 		{
  899. 			var value = GM_getValue(dom.name);
  900. 			if (value != undefined)
  901. 			{
  902. 				if (dom.type != undefined && dom.type == "checkbox")
  903. 					dom.checked = value;
  904. 				else
  905. 					dom.value = value;
  906. 			}
  907. 		}
  908. 	}
  909. }
  910.  
  911.  
  912. resetOption(true); //重置设置
  913.  
  914. var menu_modal = buildMenuModal("menu", null, "请选择任务 v" + scriptVersion, null, [
  915. 		buildMenuList([
  916. 			buildMenuItem("生成CSS","生成用户样式版EhTagTranslator，请使用Stylish扩展安装。手机火狐也可使用。",buildSVG("css"),function(){
  917. 					startProgram(ds);
  918. 				}
  919. 			,0),
  920. 			/*buildMenuItem("生成JSON","生成用户脚本版EhTagTranslator数据库，功能暂未开发。",buildSVG("js"),function(){
  921. 					alert("设想中功能，暂未开发，仅占位");
  922. 				}
  923. 			,0)*/
  924. 		]),
  925. 		buildMenuList([
  926. 			buildMenuItem("设置选项",null,buildSVG("Settings"),function(){startOption();reloadOption();},1),
  927. 			buildMenuItem("查看使用帮助",null,buildSVG("question"),"https://github.com/Mapaler/EhTagTranslator/blob/master/README.md",1),
  928. 			buildMenuItem("贡献翻译",null,buildSVG("book"),"https://github.com/Mapaler/EhTagTranslator/wiki",1),
  929. 		])
  930. 	]);
  931. 	
  932. buttonInserPlace.insertBefore(buildButton(" " + scriptName + " ", buildSVG("eh"), menu_modal),buttonInserPlace.getElementsByTagName("li")[0]);
  933. })();