Greasy Fork is available in English.
扇贝单词功能增强，带来更好的背单词体验。❤单词总结释义遮挡
当前为
// ==UserScript==
// @name 扇贝单词增强
// @name:en Shanbay Enhance
// @description 扇贝单词功能增强，带来更好的背单词体验。❤单词总结释义遮挡
// @description:en More function for Shanbay.
// @version 0.1
// @author Ziu
// @namespace http://greasyfork.icu/zh-CN/users/605474
// @icon https://gitee.com/ziuc/utool-filebed/raw/master/20210514-231824-0795.png
// @match https://web.shanbay.com/wordsweb/*
// @license MIT
// @grant none
// ==/UserScript==
'use strict';
console.log("%c[Shanbay Enhance] script loaded","color: #209e85")
const styleTag = /* CSS */`
.switch {
position: relative;
display: inline-block;
width: 50px;
height: 34px;
}
.switch input {display:none;}
.slider {
position: absolute;
cursor: pointer;
height: 25px;
width: 45px;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}
.slider:before {
position: absolute;
content: "";
height: 19px;
width: 19px;
left: 3px;
bottom: 3px;
background-color: white;
-webkit-transition: .3s;
transition: .3s;
}
input:checked + .slider {
background-color: #209e85;
}
input:focus + .slider {
box-shadow: 0 0 1px #209e85;
}
input:checked + .slider:before {
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
/* Rounded sliders */
.slider.round {
border-radius: 34px;
}
.slider.round:before {
border-radius: 50%;
}
`
function Observer() {
const OuterTargetNode = document.getElementsByClassName("Layout_main__2_zw8")[0]
if(typeof OuterTargetNode === "undefined") return
const executeInnerFunction = () => {
if(document.getElementsByClassName("StudySummary_studySummary__32y_I").length === 1
&& document.getElementsByClassName("switch").length !== 1) {
HideSummaryTranslation()
} else return
}
const executeOuterFunction = () => {
if(document.getElementsByClassName("SettingContainer_setting__2aBZV").length === 1) {
LoadConfig()
} else return
}
const InnerCallback = () => {
executeInnerFunction()
}
const OuterCallback = () => {
executeOuterFunction()
const InnerTargetNode = document.getElementsByClassName("StudyPage_studyPage__1Ri5C")[0]
if(typeof InnerTargetNode === "undefined") return
const InnerObserver = new MutationObserver(InnerCallback)
InnerObserver.observe(InnerTargetNode, { childList: true, subtree: true })
};
const OuterObserver = new MutationObserver(OuterCallback)
OuterObserver.observe(OuterTargetNode, { childList: true })
}
function LoadConfig() {
// Config Initialize
const configTags = [
{
content: "单词总结释义遮挡：",
id: "config-summary",
default: true
},
// {
// content: "专注模式：",
// id: "config-focus",
// default: false
// }
]
configTags.forEach(item => {
if(localStorage.getItem(item.id) === null) localStorage.setItem(item.id, item.default)
})
if(window.location.hash !== "#/setting") return
// Update Setting List
$(".SettingContainer_item__3RKJY").wrapAll(`<div class="defaultSettings"></div>`)
$(".SettingContainer_setting__2aBZV").append(`<div class="scriptSettings"></div>`)
$(".SettingContainer_setting__2aBZV").css("overflow", "auto")
configTags.forEach(item => {
let checked = ""
if(localStorage.getItem(item.id) === "true") checked = "checked" // Key-value is not Boolean but String
$(".scriptSettings").append(/* html */`
<div class="SettingContainer_item__3RKJY">
<span class="SettingContainer_title__1IBOy">${item.content}</span>
<input type="checkbox" id="${item.id}" ${checked}>
</div>`)
})
$(".scriptSettings").change(() => {
for(let i = 0; i < $(".scriptSettings input").length; i++) {
let item = $(".scriptSettings input")[i]
localStorage.setItem(item.id, item.checked)
}
})
}
function ToggleSummaryTranslation() {
let wordList = document.querySelectorAll(".StudySummaryItem_content__3j9YG")
if(localStorage.getItem("config-summary") === "true") {
localStorage.setItem("config-summary", "false")
wordList.forEach(item => {
item.style.color = "black"
item.getElementsByTagName("div")[0].style.background = ""
})
}
else {
localStorage.setItem("config-summary", "true")
wordList.forEach(item => {
item.style.color = "#cccccc"
item.getElementsByTagName("div")[0].style.background = "#cccccc"
})
}
}
function HideSummaryTranslation() {
let checked = ""
if(localStorage.getItem("config-summary") === "true") checked = "checked" // Key-value is not Boolean but String
const statusSwitch = /* html */`
<div class="span" style="margin-right: 10px;">释义遮挡</div>
<label class="switch">
<input type="checkbox" ${checked}>
<div class="slider round"></div>
</label>`
let wordList = document.querySelectorAll(".StudySummaryItem_content__3j9YG")
if(localStorage.getItem("config-summary") === "true") {
wordList.forEach((item) => {
item.style.color = "#cccccc"
item.getElementsByTagName("div")[0].style.background = "#cccccc"
})
}
wordList.forEach((item) => {
item.addEventListener("mouseenter", (e) => {
let that = e.path[0]
that.style.color = "black"
that.getElementsByTagName("div")[0].style.background = ""
})
item.addEventListener("mouseleave", (e) => {
if(localStorage.getItem("config-summary") === "false") return
let that = e.path[0]
that.style.color = "#cccccc"
that.getElementsByTagName("div")[0].style.background = "#cccccc"
})
})
$($(".StudySummary_studySummary__32y_I .row").get(0)).append(statusSwitch)
$(".slider").click(function () {
ToggleSummaryTranslation()
})
}
window.onload = () => {
$("head").append(`<style>${styleTag}<style>`)
LoadConfig()
Observer()
}