// ==UserScript==
// @name         Bangumi/bgm.tv 显示中文标题，样式优化
// @namespace    http://tampermonkey.net/
// @version      1.0
// @description  我看不懂日文标题啊！
// @author       Marsen
// @match        http*://bgm.tv/*
// @match        http*://bangumi.tv/*
// @match        http*://chii.in/*
// @icon         https://bgm.tv/img/favicon.ico
// @grant        GM_addStyle
// @run-at       document-start
// ==/UserScript==
(function () {
'use strict';
// 番剧管理器字号放大
const TINY_MODE_FONT_SIZE = "1.2em";
// 番剧管理器edit按钮是否启用
const ENABLE_EDIT = false; // false, true
const EDIT_BUTTON = "❤"; // edit或自定义
// 全部页面：移除不常用按钮，页面优化
GM_addStyle(`
/* 隐藏doujin天窗联盟 */
#navNeue2 #navMenuNeue li.doujin {
display: none;
}
#navNeue2 #menuNeue {
width: inherit;
}
/* 搜索框拉长 */
#headerNeue2 #headerSearch input.textfield {
width: initial;
}
/* 全局输入字体调大 */
input[type=text], input[type=password], textarea {
font-size: 1.2em;
}
`);
let pathname = document.location.pathname;
// 动画详情页：替换H1大标题，保留小字号原标题，话数按钮样式调节
if (pathname.startsWith("/subject") || pathname.startsWith("/ep")) {
// prg_list css
GM_addStyle(`
/* 话数按钮优化 */
a.epBtnUnknown, a.epBtnWatched, a.epBtnAir, a.epBtnNA, a.epBtnQueue, a.epBtnToday, a.epBtnDrop {
border: 1px solid #0000;
border-radius: 2px;
font-size: 1.3em !important;
}
ul.prg_list a, ul.prg_list a:active, ul.prg_list a:visited {
padding: 2px;
margin: 0 4px 6px 0;
}
/* hover高亮 */
a.epBtnUnknown:hover,
a.epBtnWatched:hover,
a.epBtnAir:hover,
a.epBtnNA:hover,
a.epBtnQueue:hover,
a.epBtnToday:hover,
a.epBtnDrop:hover {
background-color: orange;
color: white !important;
border: 1px solid #0000;
}
ul.prg_list a:hover {
padding: 2px;
-webkit-transform: scale(1.1);
}
/* 关灯环境 */
html[data-theme='dark'] a.epBtnUnknown:hover,
html[data-theme='dark'] a.epBtnWatched:hover,
html[data-theme='dark'] a.epBtnAir:hover,
html[data-theme='dark'] a.epBtnNA:hover,
html[data-theme='dark'] a.epBtnQueue:hover,
html[data-theme='dark'] a.epBtnToday:hover,
html[data-theme='dark'] a.epBtnDrop:hover {
background-color: orange;
color: white;
border: 1px solid #0000;
}
`);
if (pathname.startsWith("/ep")) {
// 章节讨论区右侧固定
GM_addStyle(`
#columnEpB {
position: -webkit-sticky;
position: sticky;
top: 10px;
}
`);
}
window.addEventListener('DOMContentLoaded', function () {
let h1Title = document.querySelector("#headerSubject > h1 > a");
if (h1Title.title != "") {
let originalTitle = document.createElement("small");
originalTitle.innerText = h1Title.text + " ";
h1Title.parentNode.insertBefore(originalTitle, h1Title.nextElementSibling)
h1Title.text = h1Title.title;
let rightTitle = document.querySelector("#subject_inner_info > a");
rightTitle.innerHTML = rightTitle.innerHTML.replace(rightTitle.title, h1Title.text);
}
});
}
// 登录后首页：替换进度管理标题，按钮样式调节
else if (pathname == "/") {
// tinyMode css
GM_addStyle(`
/* hide prgsPercentNum */
#prgsPercentNum {
display: none;
}
/* prg button */
[id^='prg_'] {
border: 1px solid #0000 !important;
border-radius: 2px;
}
ul.prg_list {
padding-top: 0.3em;
line-height: 100%;
}
/* prg button hover */
.tinyMode ul.prg_list a:hover {
padding: 2px 2px;
background-color: orange;
color: white;
-webkit-transform: scale(1.1);
}
/* 关灯环境 */
html[data-theme='dark'] .tinyMode a.epBtnNA:hover, html[data-theme='dark'] a.sepBtnNA:hover {
color: #FFF;
border-top: initial
}
`)
// 作品标题字号放大
GM_addStyle(
`[id^='subjectPanel'] > div.epGird > div > a:nth-last-of-type(1) {
font-size: ` + TINY_MODE_FONT_SIZE +
"}"
);
// 是否显示edit按钮
if (ENABLE_EDIT) {
GM_addStyle(`[id^='sbj_prg_'] {color: pink !important;}`);
}
else {
GM_addStyle(`[id^='sbj_prg_'] {display: none}`);
}
// blockMode css
GM_addStyle(`
/* 话数按钮优化 */
a.epBtnUnknown, a.epBtnWatched, a.epBtnAir, a.epBtnNA, a.epBtnQueue, a.epBtnToday, a.epBtnDrop {
border: 1px solid #0000;
border-radius: 2px;
font-size: 1.3em !important;
}
ul.prg_list a {
margin: 0 4px 6px 0;
padding: 2px;
}
/* hover高亮 */
a.epBtnUnknown:hover, a.epBtnWatched:hover, a.epBtnAir:hover, a.epBtnNA:hover, a.epBtnQueue:hover, a.epBtnToday:hover, a.epBtnDrop:hover {
background-color: orange;
color: white;
}
ul.prg_list a:hover {
-webkit-transform: scale(1.1);
}
`);
// 提速，轮询当前已加载的番剧项目，数量有变化就转换一遍
let lastBgmCount = 0;
let count = 0;
const intervalId = setInterval(() => {
let bgmList = document.querySelectorAll("#cloumnSubjectInfo .epGird .tinyHeader");
if (bgmList && bgmList.length > lastBgmCount) {
lastBgmCount = bgmList.length;
convertTitle();
}
count++;
if (count >= 80) {
clearInterval(intervalId);
}
}, 100);
}
function convertTitle() {
// tinyMode
let tinyModeTitles = document.querySelectorAll("[id^='subjectPanel'] > div.epGird > div > a:nth-last-of-type(1)");
tinyModeTitles.forEach(function (t) {
if (t.attributes.title.value != "") {
t.innerText = t.attributes.title.value;
t.attributes.title.value = "";
} else if (t.attributes["data-original-title"] && t.attributes["data-original-title"].value != "") {
t.innerText = t.attributes["data-original-title"].value;
t.attributes["data-original-title"].value = "";
}
});
if (ENABLE_EDIT) {
let edits = document.querySelectorAll("[id^='sbj_prg_']");
edits.forEach(function (t) {
t.innerText = EDIT_BUTTON;
});
}
// blockMode
let blockModeTitles = document.querySelectorAll("[id^='subjectPanel'] > div.header.clearit > div > h3 > a");
blockModeTitles.forEach(function (t) {
if (t.attributes.title.value != "") {
t.innerText = t.attributes.title.value;
t.attributes.title.value = "";
} else if (t.attributes["data-original-title"] && t.attributes["data-original-title"].value != "") {
t.innerText = t.attributes["data-original-title"].value;
t.attributes["data-original-title"].value = "";
}
});
let blockModeLeftTitles = document.querySelectorAll("#prgSubjectList li a.subjectItem.title.textTip");
blockModeLeftTitles.forEach(function (t) {
if (t.attributes.title.value != "") {
t.querySelector("span").innerHTML = t.attributes.title.value;
t.attributes.title.value = "";
} else if (t.attributes["data-original-title"] && t.attributes["data-original-title"].value != "") {
t.querySelector("span").innerHTML = t.attributes["data-original-title"].value;
t.attributes["data-original-title"].value = "";
}
});
}
})();