From 7a230deadc462de4ae0c8b46151585a06dd6b650 Mon Sep 17 00:00:00 2001 From: woohoo Date: Sun, 16 Jan 2022 17:32:40 +0800 Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E5=B0=8F=E7=AA=97=E5=8F=A3?= =?UTF-8?q?=E5=BF=AB=E9=80=9Fcrime?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- torn-trans-zhcn.user.js | 110 +++++++++++++++++++++++++++++++++------- 1 file changed, 91 insertions(+), 19 deletions(-) diff --git a/torn-trans-zhcn.user.js b/torn-trans-zhcn.user.js index 622cc49..a68fb72 100644 --- a/torn-trans-zhcn.user.js +++ b/torn-trans-zhcn.user.js @@ -1,8 +1,8 @@ // ==UserScript== -// @lastmodified 202201140041 +// @lastmodified 202201161732 // @name Torn翻译 // @namespace WOOH -// @version 0.2.0114b +// @version 0.2.0116a // @description Torn UI翻译 // @author Woohoo-[2687093] sabrina_devil[2696209] // @match https://www.torn.com/* @@ -15,13 +15,18 @@ ___window___.WHTRANS = true; const CC_set = /[\u4e00-\u9fa5]/; - const version = '0.2.0114b'; + const version = '0.2.0116a'; const changelist = [ { todo: true, cont: `翻译：baza npc商店、imarket、imarket搜索结果`, }, + { + ver: '0.2.0116a', + date: '20220116', + cont: `添加小窗口快速crime`, + }, { ver: '0.2.0114b', date: '20220114', @@ -217,7 +222,7 @@ 更新了一些物品名称翻译，咸鱼修正为鳟鱼`, }, ]; - + const isIframe = self !== top; const $ = window.jQuery; const titleDict = { @@ -3100,7 +3105,7 @@ settingsArr.push({ domType: 'checkbox', domId: 'wh-quick-crime', - domText: ' 快速犯罪', + domText: ' 快速犯罪 ', dictName: 'quickCrime', }) // 任务助手 @@ -3327,12 +3332,62 @@ }, }) } - // 左侧“中”标签 - // const zhongIconIntervalID = window.setInterval(() => { - // if (!document.querySelector('#wh-trans-icon')) initIcon(); - // }, 3000); - initIcon(); + const $zhongNode = initIcon(); + // 小窗犯罪按钮 + if ($zhongNode) $zhongNode.querySelector('#wh-quick-crime-btn').onclick = () => { + const insert = `

加载中请稍后

+ +`; + const $popup = popupMsg(insert, '小窗快速犯罪'); + + const cIframe = $popup.querySelector('iframe'); + + const dom = `
快捷操作：
+
+ + + +
+
+ + + +
+
+ + + +
` + + cIframe.onload = () => { + const ifDocu = cIframe.contentWindow.document; + const ifWH = cIframe.contentWindow.WHTRANS; + const loading_node = $popup.querySelector('p'); + window.whifdocu = ifDocu; + if (!!loading_node) loading_node.remove(); + // console.log(ifDocu) + cIframe.style.display = 'block'; + if (ifWH === undefined) { + // 隐藏顶部 + elementReady('#header-root', ifDocu).then(e => e.style.display = 'none'); + // 隐藏4条 + elementReady('#sidebarroot', ifDocu).then(e => e.style.display = 'none'); + // 隐藏聊天 + elementReady('#chatRoot', ifDocu).then(e => e.style.display = 'none'); + // 隐藏滚动条 + ifDocu.body.style.overflow = 'hidden'; + // 调整容器位置 + elementReady('.content-wrapper', ifDocu).then(e => { + // 加入 + e.prepend(dom); + e.style.margin = '0px'; + e.style.position = 'absolute'; + e.style.top = '-35px'; + }); + } + }; + }; addStyle(`#wh-trans-icon{ display: inline-block; position: fixed; @@ -3763,6 +3818,7 @@ padding: 0.5em 0; */ if (window.location.href.indexOf('index.php') >= 0 && !!document.querySelector('div.travelling h4')) { + // 翻译 if (wh_trans_settings.transEnable) { const travelOB = new MutationObserver(travelOBInit); @@ -3798,6 +3854,9 @@ padding: 0.5em 0; } // 飞行闹钟 if (device === 'pc' && wh_trans_settings.trvAlarm) elementReady('#countrTravel.hasCountdown').then(node => { + const DEST_STR = { + 'Mexico': '墨西哥', 'Canada': '加拿大', + }[document.querySelector('#tcLogo').attributes.title.nodeValue]; const remaining_arr = node.innerText.trim().split(':'); const wh_trv_alarm = localStorage.getItem('wh_trv_alarm') @@ -3809,9 +3868,8 @@ padding: 0.5em 0; wh_trv_alarm_node.id = 'wh-trv-alarm'; wh_trv_alarm_node.style.left = `${wh_trv_alarm.node_pos[0] || 240}px`; wh_trv_alarm_node.style.top = `${wh_trv_alarm.node_pos[1] || 240}px`; - wh_trv_alarm_node.innerHTML = `

❌ 权限错误
点击网页内任意位置以激活闹钟

+ wh_trv_alarm_node.innerHTML = `

❌ 没有权限
点击网页内任意位置以激活闹钟

-
飞行闹钟
@@ -3897,7 +3955,6 @@ display:none; containment: "body", distance: 5, handle: "#wh-trv-alarm-title", - // handle: "#wh-trv-alarm-move-btn", stop: () => { wh_trv_alarm.node_pos = [parseInt(wh_trv_alarm_node.style.left), parseInt(wh_trv_alarm_node.style.top)]; save_trv_settings(); @@ -4576,6 +4633,17 @@ display:none; * crime */ if (window.location.href.contains(/crimes\.php/)) { + if (isIframe) { + elementReady('#header-root').then(e => e.style.display = 'none'); + elementReady('#sidebarroot').then(e => e.style.display = 'none'); + elementReady('#chatRoot').then(e => e.style.display = 'none'); + document.body.style.overflow = 'hidden'; + elementReady('.content-wrapper').then(e => { + e.style.margin = '0px'; + e.style.position = 'absolute'; + e.style.top = '-35px'; + }); + } const $$ = document.querySelector('.content-wrapper'); const OB = new MutationObserver(() => { OB.disconnect(); @@ -4605,7 +4673,7 @@ display:none; -
` +
`; const is_wh_translate = $$.querySelector('.wh-translate') !== null; const is_captcha = $$.querySelector('div#tab-menu.captcha') !== null; const $title = $('div.content-title'); @@ -7814,13 +7882,14 @@ margin: 0 0 3px; wh_gStyle.innerHTML = v; document.head.append(wh_gStyle); } - console.log('css规则已注入', v); + if (isDev()) console.log('css规则已注入', v); } /* 添加左侧图标 */ function initIcon() { + if (isIframe) return; const zhongNode = document.createElement('div'); zhongNode.id = 'wh-trans-icon'; zhongNode.classList.add('cont-gray'); @@ -7890,6 +7959,7 @@ margin: 0 0 3px; popupMsg(innerHtml, '如何更新'); }; document.body.prepend(zhongNode); + return zhongNode; } /* @@ -7915,6 +7985,7 @@ margin: 0 0 3px; `; document.body.append(popup); popup.querySelector('#wh-popup-close').onclick = () => popup.remove(); + return popup.querySelector('#wh-popup-cont'); } /** @@ -7922,24 +7993,25 @@ margin: 0 0 3px; * Useful for resolving race conditions. * * @param selector + * @param content * @returns {Promise} */ - function elementReady(selector) { + function elementReady(selector, content = document) { return new Promise((resolve, reject) => { - let el = document.querySelector(selector); + let el = content.querySelector(selector); if (el) { resolve(el); return } new MutationObserver((mutationRecords, observer) => { // Query for elements matching the specified selector - Array.from(document.querySelectorAll(selector)).forEach((element) => { + Array.from(content.querySelectorAll(selector)).forEach((element) => { resolve(element); //Once we have resolved we don't need the observer anymore. observer.disconnect(); }); }) - .observe(document.documentElement, { + .observe(content.documentElement, { childList: true, subtree: true });