You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
103 lines
3.5 KiB
103 lines
3.5 KiB
2 years ago
|
import {prettyBox } from "./pretty-box.js"
|
||
|
|
|
||
|
|
|
||
|
|
let styleConfig=()=>{
|
||
|
|
let css = document.createElement("link");
|
||
|
|
css.setAttribute("rel", "stylesheet");
|
||
|
|
css.setAttribute("type", "text/css");
|
||
|
|
css.setAttribute("href", chrome.runtime.getURL("css/app.css"));
|
||
|
|
document.head.appendChild(css);
|
||
|
|
}
|
||
|
|
|
||
|
|
let customElement=()=>{
|
||
|
|
let link = document.createElement("link");
|
||
|
|
link.setAttribute("href",chrome.runtime.getURL("web-components/x-custom-box.html"));
|
||
|
|
document.head.appendChild(link);
|
||
|
|
}
|
||
|
|
|
||
|
|
let getIframe=()=>{
|
||
|
|
let box = document.querySelector('#chinese-programmer-wrong-pronunciation-custom-iframe-box');
|
||
|
|
let iframe = null;
|
||
|
|
if (!box) {
|
||
|
|
let custom_box = document.createElement('x-chinese-programmer-wrong-pronunciation-custom-box');
|
||
|
|
|
||
|
|
let aside=document.createElement('aside')
|
||
|
|
aside.setAttribute('id','chinese-programmer-wrong-pronunciation-custom-iframe-box')
|
||
|
|
aside.setAttribute('class','chinese-programmer-wrong-pronunciation-custom-iframe-box')
|
||
|
|
aside.setAttribute('draggable',"true")
|
||
|
|
|
||
|
|
iframe=document.createElement('iframe')
|
||
|
|
iframe.setAttribute('id','chinese-programmer-wrong-pronunciation-custom-iframe')
|
||
|
|
aside.appendChild(iframe)
|
||
|
|
custom_box.appendChild(aside)
|
||
|
|
document.body.appendChild(custom_box)
|
||
|
|
|
||
|
|
//设置 box 可 拖拽
|
||
|
|
prettyBox(aside)
|
||
|
|
//显示重置按键
|
||
|
|
//showResetCurrentSearchEngineTab()
|
||
|
|
}else{
|
||
|
|
iframe = box.querySelector('#chinese-programmer-wrong-pronunciation-custom-iframe')
|
||
|
|
}
|
||
|
|
return iframe
|
||
|
|
}
|
||
|
|
|
||
|
|
let opener_key = 'how-to-pronounce-from-search-engine-open-tab-opener'
|
||
|
|
let getSearchEngineOpener=()=>{
|
||
|
|
return JSON.parse(sessionStorage.getItem(opener_key))
|
||
|
|
}
|
||
|
|
|
||
|
|
let showResetCurrentSearchEngineTab=()=>{
|
||
|
|
let div=document.createElement('div');
|
||
|
|
div.setAttribute('id','#chinese-programmer-wrong-pronunciation-custom-tools-bar')
|
||
|
|
div.innerHTML=`
|
||
|
|
<span>关闭搜索页面</span>🥳🥳🥳🥳🥳🥳<span>更换搜索引擎</span>
|
||
|
|
`
|
||
|
|
|
||
|
|
document.querySelector('#chinese-programmer-wrong-pronunciation-custom-iframe-box').appendChild(div)
|
||
|
|
|
||
|
|
}
|
||
|
|
let setSearchEngineOpener=(search_engine_name,tab)=>{
|
||
|
|
|
||
|
|
let opener = getSearchEngineOpener()
|
||
|
|
if (!opener || opener.expired_date < (new Date()).getTime()) {
|
||
|
|
|
||
|
|
search_engine_name = "gotToGoogleSearch"
|
||
|
|
/*
|
||
|
|
if (window.confirm('默认有道词典搜索,选择 “取消” 将设置为谷歌搜索,有效期一天')) { //当前页面展示搜索结果
|
||
|
|
search_engine_name = "gotToYouDaoSearch"
|
||
|
|
} else {
|
||
|
|
//新开标签页展示搜索结果
|
||
|
|
search_engine_name = "gotToGoogleSearch"
|
||
|
|
}
|
||
|
|
*/
|
||
|
|
|
||
|
|
|
||
|
|
//页面展示方式，默认有效期一天
|
||
|
|
let expired_date = (new Date()).getTime() + 24 * 60 * 60 * 1000
|
||
|
|
// expired_date = (new Date()).getTime() + 10000 # test expired
|
||
|
|
|
||
|
|
tab = "current_tab"
|
||
|
|
/*
|
||
|
|
if (window.confirm('允许当前页面展示搜索结果')) { //当前页面展示搜索结果
|
||
|
|
tab = "current_tab"
|
||
|
|
} else {
|
||
|
|
//新开标签页展示搜索结果
|
||
|
|
tab = "new_tab"
|
||
|
|
}
|
||
|
|
*/
|
||
|
|
|
||
|
|
sessionStorage.setItem(opener_key, JSON.stringify({
|
||
|
|
"tab": tab,
|
||
|
|
"expired_date": expired_date,
|
||
|
|
'search_engine_name': search_engine_name
|
||
|
|
}));
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
let cleanOpener=() => {
|
||
|
|
sessionStorage.removeItem(opener_key)
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
export {styleConfig,customElement,getIframe,getSearchEngineOpener,setSearchEngineOpener}
|