// ==UserScript==
// @name PSN中文网功能增强
// @namespace https://swsoyee.github.io
// @version 0.9.11
// @description 数折价格走势图，显示人民币价格，奖杯统计和筛选，发帖字数统计和即时预览，楼主高亮，自动翻页，屏蔽黑名单用户发言，被@用户的发言内容显示等多项功能优化P9体验
// @icon data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAMFBMVEVHcEw0mNs0mNs0mNs0mNs0mNs0mNs0mNs0mNs0mNs0mNs0mNs0mNs0mNs0mNs0mNuEOyNSAAAAD3RSTlMAQMAQ4PCApCBQcDBg0JD74B98AAABN0lEQVRIx+2WQRaDIAxECSACWLn/bdsCIkNQ2XXT2bTyHEx+glGIv4STU3KNRccp6dNh4qTM4VDLrGVRxbLGaa3ZQSVQulVJl5JFlh3cLdNyk/xe2IXz4DqYLhZ4mWtHd4/SLY/QQwKmWmGcmUfHb4O1mu8BIPGw4Hg1TEvySQGWoBcItgxndmsbhtJd6baukIKnt525W4anygNECVc1UD8uVbRNbumZNl6UmkagHeRJfX0BdM5NXgA+ZKESpiJ9tRFftZEvue2cS6cKOrGk/IOLTLUcaXuZHrZDq3FB2IonOBCHIy8Bs1Zzo1MxVH+m8fQ+nFeCQM3MWwEsWsy8e8Di7meA5Bb5MDYCt4SnUbP3lv1xOuWuOi3j5kJ5tPiZKahbi54anNRaaG7YElFKQBHR/9PjN3oD6fkt9WKF9rgAAAAASUVORK5CYII=
// @author InfinityLoop, mordom0404, Nathaniel_Wu
// @include *psnine.com/*
// @include *d7vg.com/*
// @require http://cdn.staticfile.org/jquery/2.1.4/jquery.min.js
// @require https://code.highcharts.com/highcharts.js
// @require https://code.highcharts.com/modules/histogram-bellcurve.js
// @require https://unpkg.com/tippy.js@3/dist/tippy.all.min.js
// @license MIT
// @supportURL https://github.com/swsoyee/psnine-night-mode-CSS/issues/new
// @compatible chrome
// @compatible firefox
// @compatible edge
// @grant GM_addStyle
// @downloadURL none
// ==/UserScript==
(function () {
'use strict';
var settings = {
// 功能0-1.1：恢复导航部的新闻链接
addNews: false, // 设置为false默认关闭
// 功能0-3设置：鼠标滑过黑条即可显示内容
hoverUnmark: true, // 设置为false则选中才显示
// 功能0-5设置：是否开启自动签到
autoCheckIn: true,
// 功能0-6: 自动翻页
autoPaging: 0, // 自动往后翻的页数
// 功能0-7：个人主页下显示所有游戏
autoPagingInHomepage: true,
// 功能1-4：回复内容回溯
replyTraceback: true,
// 功能1-1设置：高亮发帖楼主功能
highlightBack: '#3890ff', // 高亮背景色
highlightFront: '#ffffff', // 高亮字体颜色
// 功能1-2设置：高亮具体ID功能（默认管理员id）
// 注：此部分功能源于@mordom0404的P9工具包：
// https://greasyfork.org/zh-CN/scripts/29343-p9%E5%B7%A5%E5%85%B7%E5%8C%85
highlightSpecificID: ['mechille', 'sai8808', 'jimmyleo', 'jimmyleohk'], // 需要高亮的ID数组
highlightSpecificBack: '#d9534f', // 高亮背景色
highlightSpecificFront: '#ffffff', // 高亮字体颜色
// 功能1-6设置：屏蔽黑名单中的用户发言内容
blockList: [], // 请在左侧输入用户ID，用逗号进行分割，如： ['use_a', 'user_b', 'user_c'] 以此类推
// 功能1-10设置：问答根据回答状态对标题着色
qaHighlightTitle: true,
// 功能1-11设置：鼠标悬浮于头像显示个人奖杯卡
hoverHomepage: true,
// 功能2-2设置：汇率设置
dollarHKRatio: 0.88, // 港币汇率
dollarRatio: 6.9, // 美元汇率
poundRatio: 7.8, // 英镑汇率
yenRatio: 0.06, // 日元汇率
// 功能4-3设置：汇总以获得和未获得奖杯是否默认折叠
foldTropySummary: false, // true则默认折叠，false则默认展开
// 功能5-1设置：是否在`游戏`页面启用降低无白金游戏的图标透明度
filterNonePlatinumAlpha: 0.2, // 透密 [0, 1] 不透明，如果设置为1则关闭该功能
//夜间模式
nightMode: false,
// 约战页面去掉发起人头像
removeHeaderInBattle: false,
};
Highcharts.setOptions({
lang: {
contextButtonTitle: '图表导出菜单',
decimalPoint: '.',
downloadJPEG: '下载JPEG图片',
downloadPDF: '下载PDF文件',
downloadPNG: '下载PNG文件',
downloadSVG: '下载SVG文件',
drillUpText: '返回 {series.name}',
loading: '加载中',
months: [
'一月',
'二月',
'三月',
'四月',
'五月',
'六月',
'七月',
'八月',
'九月',
'十月',
'十一月',
'十二月',
],
noData: '没有数据',
numericSymbols: ['千', '兆', 'G', 'T', 'P', 'E'],
printChart: '打印图表',
resetZoom: '恢复缩放',
resetZoomTitle: '恢复图表',
shortMonths: [
'1月',
'2月',
'3月',
'4月',
'5月',
'6月',
'7月',
'8月',
'9月',
'10月',
'11月',
'12月',
],
thousandsSep: ',',
weekdays: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
},
});
if (window.localStorage) {
if (window.localStorage['psnine-night-mode-CSS-settings']) {
$.extend(
settings,
JSON.parse(window.localStorage['psnine-night-mode-CSS-settings'])
); //用storage中的配置项覆盖默认设置
}
} else {
console.log('浏览器不支持localStorage,使用默认配置项');
}
// 全局优化
/*
* 页面右下角追加点击跳转到页面底部按钮
*/
const toPageBottom = () => {
$('.bottombar').append("B");
$('#scrollbottom').click(() => {
$('body,html').animate({
scrollTop: document.body.clientHeight,
},
500
);
});
}
/*
* 恢复Header部的新闻链接
* @param isOn 是否开启功能
*/
const addNews = (isOn) => {
if (isOn) {
$('#pcmenu > li:nth-child(1)').before(
"新闻"
);
}
}
// 功能0-2：夜间模式
if (settings.nightMode) {
$('body').append(`
`);
}
/*
* 功能：黑条文字鼠标悬浮显示
* param: isOn 是否开启功能
*/
const showMarkMessage = (isOn) => {
if (isOn) {
window.addEventListener('load', () => {
$('.mark').hover(
function () {
$(this).css({ color: "rgb(255,255,255)" });
},
function () {
$(this).css({ color: $(this).css('background-color') });
}
);
})
}
}
showMarkMessage(settings.hoverUnmark);
/*
* 自动签到功能
* @param isOn 是否开启功能
*/
const automaticSignIn = (isOn) => {
// 如果签到按钮存在页面上
if (isOn && $('[class$=yuan]').length > 0) {
$('[class$=yuan]').click();
}
}
automaticSignIn(settings.autoCheckIn);
/* 获取当前页面的后一页页码和链接
* @return nextPage 后一页页码
* @return nextPageLink 后一页的链接
*/
const getNextPageInfo = () => {
// 获取下一页页码
const nextPage = Number($('.page > ul > .current:last').text()) + 1;
// 如果地址已经有地址信息
let nextPageLink = '';
if (/page/.test(window.location.href)) {
nextPageLink = window.location.href.replace(
/page=.+/,
'page=' + nextPage
);
} else {
nextPageLink = window.location.href + '&page=' + nextPage;
}
return { nextPage, nextPageLink }
}
GM_addStyle(
`#loadingMessage {
position : absolute;
bottom : 0px;
position : fixed;
right : 1px !important;
display : none;
color : white;
}`
);
/*
* 功能：自动翻页
* @param pagingSetting 自动翻页的页数
*/
const autoPaging = (pagingSetting) => {
if (pagingSetting > 0) {
let isbool = true; //触发开关，防止多次调用事件
let autoPagingLimitCount = 0;
$(window).scroll(function () {
//当内容滚动到底部时加载新的内容
if (
$(this).scrollTop() + $(window).height() + 700 >=
$(document).height() &&
$(this).scrollTop() > 700 &&
isbool == true &&
autoPagingLimitCount < settings.autoPaging
) {
isbool = false;
// 获取下一页页码和链接
const { nextPage, nextPageLink } = getNextPageInfo();
// 加载页面并且插入
$('#loadingMessage').text(`加载第${nextPage}页...`).show();
$('.page:last').after(``);
$.get(
nextPageLink,
{},
(data) => {
const $response = $('').html(data);
$(`.loadPage${nextPage}`)
.append($response.find('.list'))
.append($response.find('.page'));
isbool = true;
autoPagingLimitCount++;
// 各个页面的功能追加
if (/\/qa/.test(window.location.href)) {
addColorToQaTitle(settings.qaHighlightTitle);
}
addHighlightOnID();
filterUserPost();
addHoverProfile();
},
'html'
);
setTimeout(() => {
$('#loadingMessage').fadeOut();
}, 2000);
}
});
}
}
// 功能0-7：个人主页下显示所有游戏
if (settings.autoPagingInHomepage) {
let isbool2 = true; //触发开关，防止多次调用事件
// 插入加载提示信息
$('body').append("");
if (
/psnid\/[A-Za-z0-9_-]+$/.test(window.location.href) &&
$('tbody').length > 2
) {
var gamePageIndex = 2;
$(window).scroll(function () {
if (
$(this).scrollTop() + $(window).height() + 700 >=
$(document).height() &&
$(this).scrollTop() > 700 &&
isbool2 == true
) {
isbool2 = false;
var gamePage =
window.location.href + '/psngame?page=' + gamePageIndex;
// 加载页面并且插入
$('#loadingMessage').text(`加载第${gamePageIndex}页...`).show();
$.get(
gamePage,
{},
(data) => {
var $response = $('').html(data);
var nextGameContent = $response.find('tbody > tr');
if (nextGameContent.length > 0) {
$('tbody > tr:last').after(nextGameContent);
isbool2 = true;
gamePageIndex++;
} else {
$('#loadingMessage').text('没有更多游戏了...');
}
},
'html'
);
setTimeout(() => {
$('#loadingMessage').fadeOut();
}, 2000);
}
});
}
}
// 帖子优化
/*
* 功能：对发帖楼主增加“楼主”标志
* @param userId 用户（楼主）ID
*/
const addOPBadge = (userId) => {
$('.psnnode').map((i, n) => {
// 匹配楼主ID，变更CSS
if ($(n).text() == userId) {
$(n).after('楼主');
}
});
}
if (
/(gene|trade|topic)\//.test(window.location.href) &
!/comment/.test(window.location.href)
) {
// 获取楼主ID
const authorId = $('.title2').text();
addOPBadge(authorId);
}
/*
* 功能：对关注用户进行ID高亮功能函数
*/
const addHighlightOnID = () => {
settings.highlightSpecificID.map((i, n) => {
$(`.meta>[href="${window.location.href.match('(.*)\\.com')[0]}/psnid/${i}"]`).css({
'background-color': settings.highlightSpecificBack,
color: settings.highlightSpecificFront,
});
});
}
addHighlightOnID();
// 功能1-3：主题中存在 -插图- 一项时，提供预览悬浮窗
$("a[target='_blank']").html((i, url) => {
if (url == ' -插图- ') {
const xOffset = 5;
const yOffset = 5;
const imgUrl = $(this).attr('href');
$(this).hover(
(e) => {
$('body').append(
$(
`
`
)
);
$('#hoverImage')
.css({
position: 'absolute',
border: '1px solid #ccc',
display: 'none',
padding: '5px',
background: '#333',
})
.css('top', e.pageY - xOffset + 'px')
.css('left', e.pageX + yOffset + 'px')
.fadeIn(500);
},
() => {
$('#hoverImage').remove();
}
);
$(this).mousemove((e) => {
$('#hoverImage')
.css('top', e.pageY - xOffset + 'px')
.css('left', e.pageX + yOffset + 'px');
});
}
});
/*
* 功能：回复内容回溯，仅支持机因、主题
* @param isOn 是否开启功能
*/
const showReplyContent = (isOn) => {
if (isOn) {
GM_addStyle(
`.replyTraceback {
background-color: rgb(0, 0, 0, 0.05) !important;
padding: 10px !important;
color: rgb(160, 160, 160, 1) !important;
border-bottom: 1px solid !important;
}`
);
// 悬浮框内容左对齐样式
GM_addStyle(`
.tippy-content {
text-align: left;
}`
);
// 每一层楼的回复框
const allSource = $('.post .ml64 > .content');
// 每一层楼的回复者用户名
const userId = $('.post > .ml64 > [class$=meta]');
// 每一层的头像
const avator = $('.post > a.l');
for (let floor = allSource.length - 1; floor > 0; floor--) {
// 层内内容里包含链接（B的发言中是否有A）
const content = allSource.eq(floor).find('a');
if (content.length > 0) {
for (let userNum = 0; userNum < content.length; userNum++) {
// 对每一个链接的文本内容判断
const linkContent = content.eq(userNum).text().match('@(.+)');
// 链接里是@用户生成的链接， linkContent为用户名（B的发言中有A）
if (linkContent !== null) {
// 从本层的上一层开始，回溯所@的用户的最近回复（找最近的一条A的发言）
let traceIdFirst = -1;
let traceIdTrue = -1;
for (let traceId = floor - 1; traceId >= 0; traceId--) {
// 如果回溯到了的话，选取内容
// 回溯层用户名
const thisUserID = userId.eq(traceId).find('.psnnode:eq(0)').text();
if (thisUserID.toLowerCase() === linkContent[1].toLowerCase()) {
// 判断回溯中的@（A的发言中有是否有B）
if (
allSource.eq(traceId).text() === userId.eq(floor).find('.psnnode:eq(0)').text()
) {
traceIdTrue = traceId;
break;
} else if (traceIdFirst == -1) {
traceIdFirst = traceId;
}
}
}
let outputID = -1;
if (traceIdTrue !== -1) {
outputID = traceIdTrue;
} else if (traceIdFirst != -1) {
outputID = traceIdFirst;
}
// 输出
if (outputID !== -1) {
const replyContentsText = allSource.eq(outputID).text();
const replyContents = replyContentsText.length > 45
? `${replyContentsText.substring(0, 45)}......`
: replyContentsText;
const avatorImg = avator.eq(outputID).find('img:eq(0)').attr('src');
allSource.eq(floor).before(`
${linkContent[1]}
${replyContents}
`);
// 如果内容超过45个字符，则增加悬浮显示全文内容功能
replyContentsText.length > 45
? tippy(`.responserContent_${floor}_${outputID}`, {
content: replyContentsText,
animateFill: false,
maxWidth: '500px',
})
: null;
}
}
}
}
}
}
}
/*
* 功能：增加帖子楼层信息
*/
const addFloorIndex = () => {
let baseFloorIndex = 0;
let subFloorIndex = -1;
$('span[class^=r]').map((i, el) => {
if (i > 0) {
if ($(el).attr('class') === 'r') {
$(el).children('a:last')
.after(` #${++baseFloorIndex}`);
subFloorIndex = -1;
} else {
$(el).children('a:last')
.after(
` #${baseFloorIndex}${subFloorIndex--}`
);
}
}
});
}
/*
* 功能：层内逆序显示
* @param isOn 是否开启该功能
*/
const reverseSubReply = (isOn) => {
$('div.btn.btn-white.font12').click();
const blocks = $('div.sonlistmark.ml64.mt10:not([style="display:none;"])');
blocks.map((index, block) => {
const reversedBlock = $($(block).find('li').get().reverse());
$(block).find('.sonlist').remove();
$(block).append('');
reversedBlock.map((index, li) => {
if (index === 0) {
$(li).attr({ style: 'border-top:none;' });
} else {
$(li).attr({ style: '' });
}
$(block).find('.sonlist').append(li);
})
})
}
reverseSubReply(true);
addFloorIndex();
// 功能1-6：屏蔽黑名单中的用户发言内容
const Filter = (psnnode, parent, userListLowerCase, psnInfoGetter, userNameChecker) => {
let psnInfo = '';
let userNameCheckerFinal = user => userNameChecker(user, psnInfo);
let remover = parent.replace(/\s/g, '') == 'ul.sonlist>li' ? el => {
let parentElements = el.parents(parent);
let sonlistmark = parentElements.parents('div.sonlistmark.ml64.mt10');
parentElements.remove();
if (sonlistmark[0].querySelector('ul.sonlist>li') == null) {
sonlistmark.hide();
}
} : el => el.parents(parent).remove();
$(psnnode).map((i, el) => {
psnInfo = psnInfoGetter($(el));
if (userListLowerCase.find(userNameCheckerFinal) != undefined) {
remover($(el));
}
});
}
const filterUserPost = () => {
if (settings.blockList.length > 0) {
let window_href = window.location.href;
let userListLowerCase = [];
settings.blockList.forEach(user => { userListLowerCase.push(user.toLowerCase()); });
let FilterRegular = (psnnode, parent) => Filter(psnnode, parent, userListLowerCase, el => el.html().toLowerCase(), (user, psnid) => user == psnid);
if (window_href.match(/\/gen(e\/|e)$/)) {
FilterRegular('.touchclick .psnnode', '.touchclick'); // 机因一览
} else if (window_href.indexOf('gene') > -1) {
FilterRegular('div.post .psnnode', 'div.post'); // 机因回复
} else if (window_href.match(/\.co(m\/|m)$/) != null || window_href.indexOf('node') > -1 || window_href.indexOf('qa') > -1 || window_href.match(/\/trad(e\/|e)$/) != null) {
FilterRegular('div.ml64>.meta>.psnnode', 'li'); // 主页一览、问答一览、问答回复、交易一览
} else if (window_href.indexOf('topic') > -1 || window_href.indexOf('trade') > -1 || window_href.match(/\/battle\/[1-9][0-9]+/) != null) {
FilterRegular('div.ml64>.meta>.psnnode', 'div.post'); // 主页帖回复、交易帖回复、约战帖回复
} else if (window_href.match(/\/my\/notice/)) {
FilterRegular('.psnnode', 'li'); // 消息通知
} else if (window_href.indexOf('trophy') > -1 || window_href.match(/\/psngame\/[1-9][0-9]+\/comment/) != null || window_href.match(/\/psnid\/[^\/]+\/comment/) != null) {
FilterRegular('div.ml64>.meta.pb10>.psnnode', 'li'); // 奖杯TIPS、游戏测评、个人主页留言
FilterRegular('ul.sonlist .content>.psnnode', 'ul.sonlist>li'); //奖杯TIPS二级回复、游戏测评二级回复、个人主页留言二级回复
} else if (window_href.indexOf('battle') > -1) {
Filter('table.list td.pdd15.h-p>a', 'tr', userListLowerCase, el => el[0].href, (user, element_href) => element_href.indexOf(`psnid/${user}`) > -1); // 约战一览
}
if (window_href.match(/\/qa\/[1-9][0-9]*/)) {
FilterRegular('ul.sonlist .content>.psnnode', 'ul.sonlist>li'); // 问答二级回复
}
}
}
showCriticAverage();
filterUserPost();
// 功能1-8：回复按钮hover触发显示
/*
* 回复按钮hover触发显示功能函数
* @param div 标签
*/
const hoverShowReply = (div) => {
const subClass = "span[class='r']";
$(`${div} ${subClass}`).css({
opacity: 0,
transition: 'all 0.2s ease',
});
$(div).hover(
function () {
$(this).find(subClass).css({
opacity: 1,
});
},
function () {
$(this).find(subClass).css({
opacity: 0,
});
}
);
}
hoverShowReply('.post');
if (/^(?!.*trade|.*qa(\?(ob|title)=.*)?$)/.test(window.location.href)) {
hoverShowReply("div[class$='ml64']");
}
/* 将BBCode替换成对应html代码
* @param str 原始BBCode输入
*
* @return str 转换后的html代码
*/
const replaceAll = (str, mapObj) => {
for (var i in mapObj) {
var re = new RegExp(i, 'g');
str = str.replace(re, mapObj[i]);
}
return str;
}
/*
* BBCode和html标签对应表
*/
const bbcode = {
'\\[quote\\](.+?)\\[\/quote\\]': '$1
',
'\\[mark\\](.+?)\\[\/mark\\]': '$1',
'\\[img\\](.+?)\\[\/img\\]': '
',
'\\[b\\](.+?)\\[\/b\\]': '$1',
'\\[s\\](.+?)\\[\/s\\]': '$1',
'\\[center\\](.+?)\\[\/center\\]': '$1',
'\\[\\](.+?)\\[\/b\\]': '$1',
'\\[color=(.+?)\\](.+?)\\[\/color\\]': '$2',
'\\[url\\](.+)\\[/url\\]': '$1',
'\\[url=(.+)\\](.+)\\[/url\\]': '$2',
//'\\[trophy=(.+)\\]\\[/trophy\\]': '$2',
//'\\[trophy=(.+)\\](.+)\\[/trophy\\]': '$2',
'\\n': '
',
};
/* 功能：在输入框下方追加输入内容预览框
* @param tag 可定位到输入框的标签名
*/
const addInputPreview = (tag) => {
$(tag).after(
""
);
$(tag).keyup(() => {
$('#preview').html(replaceAll($(tag).val(), bbcode));
});
}
/*
* 功能：实时统计创建机因时候的文字数
*/
const countInputLength = () => {
$(".pr20 > textarea[name='content']").before(
``
);
$(".pr20 > textarea[name='content']").keyup(function () {
$('.wordCount').text(
$("textarea[name='content']").val().replace(/\n|\r/gi, '').length
);
});
}
// 评论框预览功能（等追加自定义设置后开放）
// addInputPreview("textarea#comment[name='content']");
/*
* 问答标题根据回答状况着色
* @param isOn 是否开启功能
*/
const addColorToQaTitle = (isOn) => {
if (isOn) {
$('div.meta > .r > span:nth-child(2)').map((i, el) => {
$(el)
.parent()
.parent()
.prev()
.children('a')
.css('color', $(el).css('color'));
});
} else {
return;
}
}
/*
* 通过Ajax获取自己的该游戏页面的奖杯数目
* @param data Ajax获取的数据
* @param tip Tippy对象
*/
const getTropyContentByAjax = (data, tip) => {
const reg = /[\s\S]*<\/body>/g;
const html = reg.exec(data)[0];
const inner = $(html).find('td>em>.text-strong');
tip.setContent(inner.length > 0
? `你的奖杯完成度：${inner.text()}`
: '你还没有获得该游戏的任何奖杯'
);
}
/*
* 通过Ajax获取用户名片
* @param data Ajax获取的数据
* @param tip Tippy对象
*/
const getUserCardByAjax = (data, tip) => {
const reg = /[\s\S]*<\/body>/g;
const html = reg.exec(data)[0];
const inner = $(html).find('.psnzz').parent().get(0);
$(inner).find('.inner').css('max-width', '400px');
tip.setContent(inner);
}
/*
* 使用Tippy的OnShow部分函数
* @param url Ajax获取目标地址
* @param tip Tippy对象
* @param successFunction 获取数据时调用函数
*/
const tippyOnShow = (url, tip, successFunction) => {
if (!tip.state.ajax) {
tip.state.ajax = {
isFetching: false,
canFetch: true,
};
}
if (tip.state.ajax.isFetching || !tip.state.ajax.canFetch) {
return;
}
tip.state.ajax.isFetching = true;
tip.state.ajax.canFetch = false;
try {
$.ajax({
type: 'GET',
url: url,
dataType: 'html',
success: (data) => {
successFunction(data, tip);
},
error: () => {
tip.setContent('无法获取页面信息');
},
})
} catch (e) {
tip.setContent(`获取失败：${e}`);
} finally {
tip.state.ajax.isFetching = false;
}
}
/*
* 功能：悬浮于头像显示个人界面
*/
const addHoverProfile = () => {
if (settings.hoverHomepage) {
$("a[href*='psnid/'] > img").parent().map(function (i, v) {
var url = $(this).attr('href');
$(this).attr('id', 'profile' + i);
tippy(`#profile${i}`, {
content: '加载中...',
delay: 700,
maxWidth: '500px',
animateFill: false,
interactive: true,
placement: 'left',
async onShow(tip) {
tippyOnShow(url, tip, getUserCardByAjax);
},
onHidden(tip) {
tip.state.ajax.canFetch = true;
tip.setContent('加载中...');
},
});
});
}
}
addHoverProfile();
/* 日期转换函数，将（XX年XX月XX日）形式切割成UTC时间
* @param value XX年XX月XX日 形式的字符串
* @return {object} UTC时间对象
*/
const converntTime = (value) => {
const time = value.replace(/年|月|日/g, '-').split('-');
return Date.UTC('20' + time[0], Number(time[1]) - 1, time[2]);
}
/* 获取当前页面的价格变动时间，构建绘图曲线X轴数据集
* @return xValue 价格变动时间X数据
*/
const priceLineDataX = () => {
// 获取X轴的日期
const xContents = $('p.dd_text');
let xValue = [];
for (var index = 3; index < xContents.length; index += 4) {
const tamp = xContents[index].innerText.split(' ~ ').map((item) => {
return converntTime(item);
});
xValue = [tamp[0], tamp[0], tamp[1], tamp[1], ...xValue];
}
return xValue;
}
/* 获取当前页面的价格情况，构建绘图曲线Y轴数据集
* @return yNormal 普通会员价格Y数据
* @return yPlus plus会员价格Y数据
*/
const priceLineDataY = () => {
const div = $('.dd_price');
let yNormal = [];
let yPlus = [];
div.map((i, el) => {
const yOld = $(el).children('.dd_price_old').eq(0).text();
const yPriceNormal = $(el).children('.dd_price_off').eq(0).text();
// 普通会员价格曲线值
yNormal = [yOld, yPriceNormal, yPriceNormal, yOld, ...yNormal];
// PS+会员价格曲线值
const yPricePlus = $(el).children('.dd_price_plus').eq(0);
const pricePlusTamp = yPricePlus.length === 0 ? yPriceNormal : yPricePlus.text();
yPlus = [yOld, pricePlusTamp, pricePlusTamp, yOld, ...yPlus];
});
return { yNormal, yPlus };
}
/* 修正数据集的最后一组数据函数。如果当前日期在最后一次促销结束前，
* 则修改最后一组数据为当前日期，如在以后，则将最后一次促销的原始
* 价格作为最后一组数据的当前价格。
* @param [dataArray] 包含[datetime, price]的原始数据
*
* @return [dataArray] 修改后的[datetime, price]数据
*/
const fixTheLastElement = (data) => {
const today = new Date();
const todayArray = Date.UTC(
today.getYear() + 1900,
today.getMonth(),
today.getDate()
);
if (data[data.length - 1][0] > todayArray) {
data.pop();
data[data.length - 1][0] = todayArray;
} else {
data.push([todayArray, data[data.length - 1][1]]);
}
return data;
}
/* 传入时间和一般、Plus会员价格数组，生成绘图用数据集
* @param xValue 价格变动时间数组
* @param yNormal 一般会员价格数组
* @param yPlus Plus会员价格数组
*
* @return normalData 一般会员价格绘图用数组
* @return plusData Plus会员价格绘图用数组
* @return region 地区货币符
*/
const createPriceLineData = (xValue, yNormal, yPlus) => {
// 用于保存绘图数据的变量
let normalData = [];
let plusData = [];
// 判断地区
const prefix = yNormal[0].substring(0, 1);
const region = prefix === 'H' ? 'HK$' : prefix;
xValue.map((item, i) => {
normalData.push([item, Number(yNormal[i].replace(region, ''))]);
plusData.push([item, Number(yPlus[i].replace(region, ''))]);
})
// 最后一组数组的处理，生成最终数据绘图数据集
normalData = fixTheLastElement(normalData);
plusData = fixTheLastElement(plusData);
return { normalData, plusData, region }
}
/* 根据数据绘制价格变动走势图
* @param normalData 一般会员价格绘图用数组
* @param plusData Plus会员价格绘图用数组
* @param region 地区货币符
*
* @return priceLinePlot highChart对象
*/
const createPriceLinePlot = (normalData, plusData, region) => {
const priceLineChart = {
type: 'areaspline',
backgroundColor: 'rgba(0,0,0,0)',
};
const priceLineTitle = {
text: '价格变动走势图',
style: {
color: '#808080',
},
};
const priceLineXAxis = {
type: 'datetime',
dateTimeLabelFormats: {
year: '%y年',
day: '%y年
%b%e日',
week: '%y年
%b%e日',
month: '%y年
%b',
},
title: {
text: '日期',
},
};
const priceLineYAxis = {
title: {
text: '价格',
},
plotLines: [
{
value: 0,
width: 1,
color: '#808080',
},
],
};
const priceLineTooltip = {
headerFormat: '{series.name}
',
pointFormat: `{point.x:%y年%b%e日}: ${region}{point.y:.2f}`,
};
const priceLinePlotOptions = {
areaspline: {
fillOpacity: 0.25,
},
};
const priceLineSeries = [
{
name: '普通会员价',
color: '#00a2ff',
data: normalData,
},
{
name: 'PS+会员价',
color: '#ffd633',
data: plusData,
},
];
const priceLineCredits = {
enabled: false,
};
const priceLineLegend = {
itemStyle: {
color: '#808080',
},
itemHoverStyle: {
color: '#3890ff',
},
};
const priceLinePlot = {
chart: priceLineChart,
title: priceLineTitle,
tooltip: priceLineTooltip,
xAxis: priceLineXAxis,
yAxis: priceLineYAxis,
series: priceLineSeries,
plotOptions: priceLinePlotOptions,
credits: priceLineCredits,
legend: priceLineLegend,
};
return priceLinePlot;
}
/*
* 功能：在页面中插入价格变动走势图
*/
const addPriceLinePlot = () => {
// 构建绘图数据
const xValue = priceLineDataX();
const { yNormal, yPlus } = priceLineDataY();
const { normalData, plusData, region } = createPriceLineData(xValue, yNormal, yPlus);
const priceLinePlot = createPriceLinePlot(normalData, plusData, region);
// 插入页面
$('.dd_ul').before(``);
$('#container').highcharts(priceLinePlot);
}
/*
* 增加单个价格或文字展示标签
* @param value 展示数值或字符串
* @param className 样式名
* @param styleString 额外追加的样式
* @return {string} 展示内容标签
*/
const priceSpan = (value, className, styleString = null) => {
let text = value;
if (typeof value === 'number') {
if (value > 0) {
text = '¥' + value.toFixed(2);
} else {
return;
}
}
return `${text}`;
}
/*
* 功能：在当前页面上添加外币转人民币的价格展示
*/
const foreignCurrencyConversion = () => {
$('.dd_price').map((i, el) => {
const price = [
$(el).children().eq(0).text(), // 原始价格
$(el).children().eq(1).text(), // 优惠价格
$(el).children().eq(2).text(), // 会员优惠价格
];
// 一览页面和单商品页面不同位置偏移
const offset = /dd\//.test(window.location.href) ? 2 : 3;
// 根据地区转换原始价格
const district = $(`.dd_info p:nth-child(${offset})`).eq(i).text();
const districtCurrency = {
港服: ['HK$', settings.dollarHKRatio],
美服: ['$', settings.dollarRatio],
日服: ['¥', settings.yenRatio],
英服: ['£', settings.poundRatio],
国服: ['¥', 1],
};
const CNY = price.map(item => {
return (
Number(item.replace(districtCurrency[district][0], '')) *
districtCurrency[district][1]
);
});
// 整块增加的价格表示
const addCNYPriceBlock = [
priceSpan(CNY[2], 'dd_price_plus'),
priceSpan(CNY[1], 'dd_price_off'),
priceSpan(CNY[0], 'dd_price_old', 'text-decoration:line-through'),
priceSpan('CNY：', 'dd_price_off', 'font-size:12px;'),
].filter(Boolean).join('');
// 添加到页面中
$('.dd_price span:last-child').eq(i).after(addCNYPriceBlock);
});
}
/*
* 功能：根据降价幅度变更标题颜色
*/
const changeGameTitleColor = () => {
// 设定不同降价范围的标题颜色
const priceTitleColorDict = {
100: 'rgb(220,53,69)',
80: 'rgb(253,126,20)',
50: 'rgb(255,193,7)',
20: 'rgb(40,167,69)',
};
// 着色
$('.dd_box').map((i, el) => {
const offPercent = Number(
$(el).find('.dd_pic > div[class^="dd_tag"] ').text()
.match('省(.+)%')[1]
);
for (var key in priceTitleColorDict) {
if (offPercent < key) {
$('.dd_title.mb10>a').eq(i).css({
color: priceTitleColorDict[key]
});
break;
}
}
});
}
/*
* 增加按键样式
* @param id 标签ID
* @param backgroundColor 按键背景色
*/
const addButtonStyle = (id, backgroundColor) => {
GM_addStyle(
`#${id} {
padding : 0px 5px;
margin-left : 10px;
border-radius : 2px;
display : inline-block;
color : white;
background-color : ${backgroundColor};
cursor : pointer;
line-height : 24px;
}`
);
}
addButtonStyle('selectLowest', '#d9534f'); // 只看史低
addButtonStyle('selectUnget', '#3498db'); // 未获得
/*
* 功能：页面上追加“只看史低”功能按键，点击显示史低，再次点击恢复显示所有游戏（数折页面）
*/
const onlyLowest = () => {
// 追加只看史低按键
$('.dropmenu').append("- 只看史低
");
// 点击按钮隐藏或者显示
let clickHideShowNumLowest = 0;
$('#selectLowest').click(() => {
if (clickHideShowNumLowest++ % 2 === 0) {
$('li.dd_box').map((i, el) => {
if ($(el).children('.dd_status.dd_status_best').length === 0) {
$(el).hide();
}
});
$('#selectLowest').text('显示全部').css({
'background-color': '#f78784'
});
} else {
$('li.dd_box').show();
$('#selectLowest').text('只看史低').css({
'background-color': '#d9534f'
});
}
});
}
/*
* 功能：页面上追加“只看史低”功能按键，点击显示史低，再次点击恢复显示所有游戏（活动页面）
*/
const onlyLowestSell = () => {
// 追加只看史低按键
$('.disabled.h-p').after("- 只看史低
")
// 隐藏游戏box函数
const hideOrShowGameBox = ({ status, text, background }) => {
$(document.querySelectorAll('li.store_box')).map((i, el) => {
if ((el).querySelector('.store_tag_best') === null) {
(el).style.display = status;
}
})
$('#selectLowest').text(text).css({
'background-color': background,
});
}
// 点击按钮隐藏或者显示
let clickHideShowNumLowest2 = 0;
$('#selectLowest').click(() => {
hideOrShowGameBox(clickHideShowNumLowest2++ % 2 === 0
? { status: 'none', text: '显示全部', background: '#f78784' }
: { status: 'block', text: '只看史低', background: '#d9534f' });
})
}
// 综合页面：一览
if (/((gene|qa|topic|trade)($|\?))/.test(window.location.href)) {
autoPaging(settings.autoPaging);
}
// 页面：机因 > 发机因
if (/set\/gene/.test(window.location.href)) {
// 实时统计创建机因时候的文字数
countInputLength();
// 发基因时可实时预览结果内容
addInputPreview("textarea[name='content']");
}
// 页面：机因、主题
if (
/(gene|topic|trade|battle)\//.test(window.location.href)
) {
showReplyContent(settings.replyTraceback);
}
// 页面：问答
if (/\/qa/.test(window.location.href)) {
addColorToQaTitle(settings.qaHighlightTitle);
}
// 页面：数折
if (/\/dd/.test(window.location.href)) {
// 外币转人民币
foreignCurrencyConversion();
// 根据降价幅度变更标题颜色
changeGameTitleColor();
// 只看史低
onlyLowest();
}
// 页面：数折 > 商品页
if (
/\/dd\//.test(window.location.href) ||
/game\/[0-9]+\/dd$/.test(window.location.href)
) {
addPriceLinePlot();
}
// 页面：活动
if (/huodong/.test(window.location.href)) {
// 只看史低
onlyLowestSell();
}
// 页面：全局
// 跳转至底部按钮
toPageBottom();
// 恢复新闻入口
addNews(settings.addNews);
/*
* 获取奖杯各种类个数
* @param className 用于识别的类名
* @param name 奖杯种类名
* @param color 色块所用颜色码
*
* @return {object} 用于绘扇形图的单个数据块
*/
const getTrophyCategory = (className, name, color) => {
const tropyCount = $(className).eq(0).text().replace(name, '');
return { name: name, y: Number(tropyCount), color: color };
}
/*
* 获取奖杯各稀有度个数
* @return {object} 用于绘扇形图的数据块
*/
const getTrophyRarity = () => {
let rareArray = [0, 0, 0, 0, 0]; // 个数统计
const rareStandard = [0, 5, 10, 20, 50]; // 区间定义
for (var rareIndex of [1, 2, 3, 4]) {
$(`.twoge.t${rareIndex}.h-p`).map((i, ev) => {
// 获取稀有度
const rarity = Number($(ev).eq(0).text().split('%')[0]
.replace('%', ''));
// 计算该稀有度的奖杯数量
rareArray[[...rareStandard, rarity]
.sort((a, b) => a - b)
.indexOf(rarity) - 1]++;
});
}
return rareArray;
}
/*
* 功能：在单独游戏页面上方追加奖杯统计扇形图
*/
const addTrophyPieChart = () => {
// 奖杯稀有度统计数据
const rareArray = getTrophyRarity();
const trophyRatioSeriesRarityData = [
{ name: '极度珍贵', y: rareArray[0], color: 'rgb(160, 217, 255)' },
{ name: '非常珍贵', y: rareArray[1], color: 'rgb(124, 181, 236)' },
{ name: '珍贵', y: rareArray[2], color: 'rgb(88, 145, 200)' },
{ name: '罕见', y: rareArray[3], color: 'rgb(52, 109, 164)' },
{ name: '一般', y: rareArray[4], color: 'rgb(40, 97, 152)' },
];
// 奖杯个数统计数据
const trophyRatioSeriesCategoryData = [
getTrophyCategory('.text-platinum', '白', '#7a96d1'),
getTrophyCategory('.text-gold', '金', '#cd9a46'),
getTrophyCategory('.text-silver', '银', '#a6a6a6'),
getTrophyCategory('.text-bronze', '铜', '#bf6a3a'),
];
// 背景设置
const trophyRatioChart = {
backgroundColor: 'rgba(0,0,0,0)',
};
// 悬浮内容设置
const trophyRatioTooltip = {
pointFormat: '{series.name}: {point.percentage:.1f}%',
};
// 绘图设置
const trophyRatioPlotOptions = {
pie: {
allowPointSelect: true,
cursor: 'pointer',
dataLabels: {
enabled: true,
distance: -20,
style: {
fontWeight: 'bold',
color: 'white',
textOutline: '0px contrast',
},
formatter: function () {
return this.point.y;
},
},
},
};
// 绘图数据
const trophyRatioSeries = [
{
type: 'pie',
name: '比例',
data: trophyRatioSeriesCategoryData,
center: [50, 30],
size: 130,
},
{
type: 'pie',
name: '比例',
data: trophyRatioSeriesRarityData,
center: [200, 30],
size: 130,
},
];
// 标题设置
const trophyRatioTitle = {
text: '奖杯统计',
style: {
color: '#808080',
},
};
// 构建绘图对象
const trophyRatio = {
chart: trophyRatioChart,
tooltip: trophyRatioTooltip,
title: trophyRatioTitle,
series: trophyRatioSeries,
plotOptions: trophyRatioPlotOptions,
credits: { enabled: false },
};
// 插入页面
$('.box.pd10').append(
``
);
$('#trophyRatioChart').highcharts(trophyRatio);
}
/*
* 增加绘图框架样式
* @param id 标签ID
* @param width 宽度
*/
const addPlotFrame = (id, width) => {
GM_addStyle(
`#${id} {
width : ${width}px;
height : 200px;
margin : 0 0;
display : inline-block;
}`
);
}
addPlotFrame('trophyRatioChart', 320);
addPlotFrame('trophyGetTimeChart', 460);
/*
* 构建奖杯获得时间绘图数据集
* @param className 用于识别的类名
*
* @return {object} 用于绘线形图的数据集
*/
const createTropyGetTimeData = (className) => {
const timeElements = $(className);
const getTimeArray = [];
timeElements.map((i, el) => {
// 奖杯时间丢失部分处理
const currentValue = $(el).text().trim();
const index = currentValue === '时间丢失' ? 0 : i;
// 从页面上获取奖杯时间，生成时间对象并且放入数组中保存
const dayTime = timeElements.eq(index).text().trim();
const timeArray = [
timeElements.eq(index).attr('tips').replace('年', ''), // 年
Number(dayTime.substr(0, 2)) - 1, // 月
dayTime.substr(3, 2), // 日
dayTime.substr(5, 2), // 时
dayTime.substr(8, 2), // 分
].map((x) => Number(x));
const xTime = Date.UTC(...timeArray);
getTimeArray.push(xTime);
})
// getTimeArray.push(Date.now());
getTimeArray.sort();
const data = getTimeArray.map((x, y) => {
return [x, y + 1];
})
// 调整最终数据点
// data[data.length - 1][1] -= 1;
return data;
}
/*
* 功能：在单独游戏页面上方追加奖杯获得时间线形图
*/
const addTropyGetTimeLineChart = () => {
// 奖杯获得时间年月统计
const data = createTropyGetTimeData('em.lh180.alert-success.pd5.r');
const totalTropyCount = Number($('div.main>.box.pd10>em>.text-strong')
.text().replace('总', ''));
const receivedTropyCount = data.length;
// 悬浮内容设置
const trophyGetTimeTooltip = {
pointFormat: '{series.name}{point.y}个奖杯',
};
// 日期格式设置
const trophyGetTimeXaxis = {
type: 'datetime',
dateTimeLabelFormats: {
second: '%Y-%m-%d
%H:%M:%S',
minute: '%Y-%m-%d
%H:%M',
hour: '%Y-%m-%d
%H:%M',
day: '%Y
%m-%d',
week: '%Y
%m-%d',
month: '%Y-%m',
year: '%Y',
},
title: {
display: false,
},
};
// 绘图数据
const trophyGetTimeSeries = [
{
name: '第',
data: data,
showInLegend: false,
},
];
// 标题设置
const trophyGetRatio = ((receivedTropyCount / totalTropyCount) * 100).toFixed(2);
const trophyGetTimeTitleText = `奖杯获得时间（完成率：${trophyGetRatio}%）`;
const trophyGetTimeTitle = {
text: trophyGetTimeTitleText,
style: {
color: '#808080',
},
};
const trophyGetTimeSubtitle = {
text: $('div.ml100>p').eq(0).text(), // 游戏名称
}
// Y轴设置
const trophyGetTimeYAxis = {
title: {
text: '获得个数',
},
min: 0,
max: totalTropyCount,
endOnTick: false,
tickInterval: Math.floor(totalTropyCount / 4),
};
// 绘图设置
const trophyGetTimeChart = {
backgroundColor: 'rgba(0,0,0,0)',
type: 'area',
};
// 图形设置
const trophyGetTimePlotOptions = {
areaspline: {
fillOpacity: 0.5
}
};
// Credits设置
const trophyGetTimeCreditsText = []
$('div.main>.box.pd10>em:eq(0)>span').map((i, el) => {
trophyGetTimeCreditsText.push($(el).text());
})
const trophyGetTimeCredits = {
text: trophyGetTimeCreditsText.join(' '),
href: undefined,
}
const trophyGetTime = {
chart: trophyGetTimeChart,
tooltip: trophyGetTimeTooltip,
xAxis: trophyGetTimeXaxis,
yAxis: trophyGetTimeYAxis,
title: trophyGetTimeTitle,
subtitle: trophyGetTimeSubtitle,
series: trophyGetTimeSeries,
plotOptions: trophyGetTimePlotOptions,
credits: trophyGetTimeCredits,
};
// 插入页面
$('.box.pd10').append(
``
);
$('#trophyGetTimeChart').highcharts(trophyGetTime);
}
/*
* 功能：奖杯筛选功能
*/
const addTropyFilter = () => {
$('.dropmenu').append('- 筛选
'); // 追加“筛选”字样
// 追加“未获得”的按钮
$('.dropmenu').append("尚未获得");
// 点击按钮隐藏或者显示
let clickHideShowNum = 0;
$('#selectUnget').click(() => {
$('.lh180.alert-success.pd5.r')
.parent()
.parent()
.toggle('slow', () => {
if (clickHideShowNum++ % 2 == 0) {
$('#selectUnget').text('显示全部');
$('#selectUnget').css({
'background-color': '#E7EBEE',
color: '#99A1A7'
});
} else {
$('#selectUnget').text('尚未获得');
$('#selectUnget').css({
'background-color': '#3498db',
color: '#FFFFFF'
});
}
});
});
}
// 奖杯系统优化
// 功能3-1：游戏奖杯界面可视化
if (
/psngame\//.test(window.location.href) &&
/^(?!.*comment|.*rank|.*battle|.*gamelist|.*topic|.*qa)/.test(
window.location.href
)
) {
// 追加奖杯统计扇形图
addTrophyPieChart();
// 追加奖杯获得时间线形图
addTropyGetTimeLineChart();
// 功能3-3：汇总以获得和未获得奖杯
var tropyTitleStyle =
'border-radius: 2px; padding:5px; background-color:' +
$('li.current').css('background-color') +
';';
// tippy弹出框的样式
GM_addStyle(
`.tippy-tooltip.psnine-theme {background-color: ` +
$('.box').css('background-color') +
`}`
);
// 奖杯tips颜色
var tipColor = '';
// 创建奖杯汇总框架函数
function createTropyContainer(object, className, title) {
// 添加标题框在汇总图下
$('.box.pd10').append(
``
);
object.map(function (i, v) {
// 如果这个奖杯有Tips，就设置左边框为绿色，否则就为底色（边框颜色和底色一致）
if (
$(this).parent().parent().next().find('.alert-success.pd5')
.length > 0
) {
tipColor = '#8cc14c';
} else {
tipColor = $('.box').css('background-color');
}
// 添加奖杯图标
$(`.${className}> .tropyContainer`).append(
`.attr()
`
);
// 添加鼠标悬浮弹出消息
tippy(`#${className}Small${i}`, {
content: '' +
$(this).parent().parent().html() +
' | ' +
$(this).parent().parent().next().html() +
' | ',
theme: 'psnine',
animateFill: false,
});
});
// 给奖杯汇总标题填充文字
var summaryTropyDict = {
'.t1': ['text-platinum', '白'],
'.t2': ['text-gold', '金'],
'.t3': ['text-silver', '银'],
'.t4': ['text-bronze', '铜'],
};
var tropySubText = ""
for (var i in summaryTropyDict) {
tropySubText += ` ${summaryTropyDict[i][1]}${object.parent().parent(i).length}`
}
$(`.${className}> .tropyCount`).append(
`${title}：${tropySubText} 总${object.length}`
);
}
// 创建已获得奖杯汇总框
createTropyContainer($('.imgbg.earned'), 'earnedTropy', '已获得奖杯');
// 创建未获得奖杯汇总框
createTropyContainer($("img[class$='imgbg']"), 'notEarnedTropy', '未获得奖杯');
$('span[id^="notEarnedTropySmall"] > a > img').css({
filter: 'grayscale(100%)',
}); // 变黑白
// 折叠奖杯汇总
// 奖杯图标设置为不可见
if (settings.foldTropySummary) {
$('.tropyContainer').css('display', 'none');
}
// 单击奖杯汇总标题后展开奖杯图标
$('.tropyCount').click(function () {
$(this).next().slideToggle();
});
// 追加奖杯筛选功能
addTropyFilter();
}
/*
* 功能：降低没有白金的游戏的图标亮度
* @param alpha 无白金游戏图标透明度
*/
const filterNonePlatinum = (alpha) => {
if (alpha < 1) {
$('tr').map((i, el) => {
// 读取白金数量
const platinumNum = $(el)
.find('.pd1015.title.lh180 > em > .text-platinum').eq(0)
.text().replace('白', '');
if (platinumNum === '0') {
$(el).find('.pdd15 > a > img').eq(0)
.css({ opacity: alpha });
}
});
}
};
/*
* 功能：悬浮图标显示自己的游戏的完成度
*/
const getMyCompletion = () => {
$('.imgbgnb').map((i, el) => {
$(el).attr('id', 'game' + i);
// 从cookie中取出psnid
const psnidCookie = document.cookie.match(/__Psnine_psnid=(\w+);/);
if (psnidCookie) {
const psnid = psnidCookie[1];
let myGameUrl = $(el).parent().attr('href');
if (myGameUrl !== undefined) {
myGameUrl += `?psnid=${psnid}`;
tippy(`#game${i}`, {
content: '加载中...',
animateFill: false,
placement: 'left',
delay: 500,
async onShow(tip) {
tippyOnShow(myGameUrl, tip, getTropyContentByAjax);
},
onHidden(tip) {
tip.state.ajax.canFetch = true;
tip.setContent('加载中...');
},
});
}
}
});
}
// 游戏页面优化
if (
/psngame/.test(window.location.href) & !/psnid/.test(window.location.href)
) {
// 降低没有白金的游戏的图标亮度
filterNonePlatinum(settings.filterNonePlatinumAlpha);
// 悬浮图标显示自己的游戏的完成度
getMyCompletion();
}
// 约战页面可以选择去掉发起人头像
if (settings.removeHeaderInBattle) {
if (/battle$/.test(window.location.href)) {
$('.pdd15.h-p').hide();
}
}
// 进入游戏页默认查看我自己的奖杯
if (
window.location.href.match(/psngame\/\d+$/) &&
!/psnid/.test(window.location.href)
) {
// 检查游戏页
window.onpageshow = (e) => {
const backTrigger = e||window.event;
// 从cookie中取出psnid
const psnidCookie = document.cookie.match(/__Psnine_psnid=(\w+);/);
if(!backTrigger.persisted || psnidCookie){
window.location.href += `?psnid=${psnidCookie[1]}`;
}
}
}
// 奖杯心得页面输入框可缩放大小
if (window.location.href.match(/trophy\/\d+$/)) {
$('#comment').css({
resize: 'vertical',
minHeight: 200,
});
}
// 游戏评论页面计算平均分
function showCriticAverage() {
if (window.location.href.match(/psngame\/[1-9][0-9]+\/comment/)) {
var gaussian_on = true, gradient_stops = null;
var score_data_barchart, score_data_barchart_no_gaussian, score_data_gaussian;
var score_axis, score_axis_no_gaussian;
const createScoreBarChart = (criticsCount, scoreCountMin, scoreCountMax) => {
const scoreChart = {
type: 'column',
events: {
click: function (event) {
gaussian_on = !gaussian_on;
$('#scoreBarChart').highcharts(createScoreBarChart(criticsCount, scoreCountMin, scoreCountMax));
}
}
};
const scoreTitle = {
text: '评论分数分布',
style: { color: '#808080' }
};
const scoreXaxis = [{
categories: gaussian_on ? score_axis : score_axis_no_gaussian,
crosshair: true
}];
const scoreYaxis = [{
tickInterval: gaussian_on ? 2 : 1,
min: scoreCountMin < 3 ? 0 : scoreCountMin,
max: scoreCountMax,
title: { text: '点评人数' }
}];
const scoreTooltip = {
formatter() {
switch (this.series.index) {
case 0:
return `${this.y}人`;
case 1:
return `${(this.y * 100).toFixed(2)}%`;
default:
return this.y;
}
},
pointFormat: '{point.y}'
};
const scorePlotOptions = {
column: {
pointPadding: 0,
borderWidth: 0
},
bellcurve: {
color: '#8080807f',
fillColor: '#00000000'
}
};
const scoreSeries = [{
xAxis: 0,
yAxis: 0,
zIndex: 1,
baseSeries: 0,
data: gaussian_on ? score_data_barchart : score_data_barchart_no_gaussian
}];
const scoreCredits = {
text: '点评总人数：' + criticsCount
};
if (gaussian_on) {
scoreXaxis.push({
min: 0.5,
max: 10.5,
alignTicks: true,
opposite: true,
visible: false
});
scoreYaxis.push({
min: 0,
title: { text: '正态分布' },
opposite: true,
labels: {
formatter: function () {
return this.value * 100 + '%';
}
}
});
scoreSeries.push({
type: 'bellcurve',
xAxis: 1,
yAxis: 1,
zIndex: 0,
baseSeries: 1,
data: score_data_gaussian
});
}
const scoreBarChart = {
chart: scoreChart,
title: scoreTitle,
xAxis: scoreXaxis,
yAxis: scoreYaxis,
tooltip: scoreTooltip,
plotOptions: scorePlotOptions,
series: scoreSeries,
legend: { enabled: false },
credits: scoreCredits
};
return scoreBarChart;
};
var score_total = 0;
score_data_barchart = new Array(10).fill(0);
var score_parser;
var score_elements = $('div.min-inner.mt40 div.box ul.list li div.ml64 div.meta.pb10 span.alert-success.pd5:contains(评分 )');
if (score_elements.length > 0) {
score_parser = (element) => { return parseInt(element.text().replace('评分 ', '')); };
} else {
score_elements = $('div.min-inner.mt40 div.box div.ml64 p.text-success:contains(评分 ) b');
if (score_elements.length > 0) {
score_parser = (element) => { return parseInt(element.text()); };
} else {
return;
}
}
score_data_gaussian = [];
score_elements.each(function () {
const score = score_parser($(this));
score_data_gaussian.push(score);
score_total += score;
score_data_barchart[score - 1]++;
});
var score_average = (score_total / score_elements.length).toFixed(2);
var score_stddev = 0;
score_data_gaussian.forEach(score => {
const dev = score - score_average;
score_stddev += dev * dev;
});
score_stddev = Math.sqrt(score_stddev) / Math.sqrt(score_elements.length);
// adding score average to stats
const psnine_stats = $('div.min-inner.mt40 div.box.pd10');
psnine_stats.append(` 均分 ${score_average}`);
score_axis = [];
score_axis_no_gaussian = [];
let score_count_min = Number.MAX_SAFE_INTEGER, score_count_max = Number.MIN_SAFE_INTEGER;
score_data_barchart_no_gaussian = score_data_barchart.slice(0);
// 评分人数最高区间（分数）
const max_score_count_index = score_data_barchart.indexOf(Math.max(...score_data_barchart));
// 柱状图颜色
let score_colors = new Array(10).fill('#3890ff');
score_colors[max_score_count_index] = '#da314b';
for (var score = 10; score >= 1; score--) {
const index = score - 1;
const score_count = score_data_barchart[index];
if (score_count == 0) {
score_data_barchart_no_gaussian.splice(index, 1);
} else {
if (score_count < score_count_min) {
score_count_min = score_count;
}
if (score_count > score_count_max) {
score_count_max = score_count;
}
score_data_barchart_no_gaussian[index] = { y: score_count, color: score_colors[index] };
score_axis_no_gaussian.unshift(score);
}
score_data_barchart[index] = { y: score_count, color: score_colors[index] };
score_axis.unshift(score);
}
psnine_stats.append('')
$('#scoreBarChart').highcharts(createScoreBarChart(score_elements.length, score_count_min, score_count_max));
}
}
// 右上角头像下拉框中增加插件设定按钮
if (window.localStorage) {
// 如果支持localstorage
let newSettings = JSON.parse(JSON.stringify(settings));
const switchSettings = [
'hoverUnmark',
'replyTraceback',
'nightMode',
'foldTropySummary',
'addNews',
'qaHighlightTitle',
'hoverHomepage',
'autoPagingInHomepage',
'removeHeaderInBattle',
'autoCheckIn'
]; // 只有true / false的设置项
const numberSettings = [
'dollarHKRatio', // HK$汇率
'dollarRatio', // $汇率
'poundRatio', // £汇率
'yenRatio', // ¥汇率
'autoPaging' // 自动翻页
] // 数值型设置项
$('.header .dropdown ul').append(`
- 插件设置
`);
$('body').append(`
`);
// 点击打开设置面板
$('#psnine-enhanced-version-opensetting').on('click', () => {
$('.setting-panel-box').addClass('show');
['#highlightSpecificID', '#blockList'].map((item) => {
tippy(item, {
content: 'ID以英文逗号隔开，不区分大小写',
zIndex: 10000,
});
})
switchSettings.map((name, i) => {
$(`#${name} option:nth-child(${newSettings[name] ? '1' : '2'})`)
.attr('selected', 'true');
$(`#${name}`).change(function () {
newSettings[name] = JSON.parse(
$(this).children('option:selected').val()
);
});
});
numberSettings.map((item) => {
$(`#${item}`).val(newSettings[item]);
})
// 降低无白金透明度设置
$('#filterNonePlatinum').val(newSettings.filterNonePlatinumAlpha);
$('#filterNonePlatinumValue').html(
newSettings.filterNonePlatinumAlpha * 100 + '%'
);
$('#filterNonePlatinum').on('input', () => {
const value = $('#filterNonePlatinum').val();
$('#filterNonePlatinumValue').html(value * 100 + '%');
newSettings.filterNonePlatinumAlpha = value;
});
// 高亮用户
const highlightSpecificIDText = newSettings.highlightSpecificID.length
? newSettings.highlightSpecificID.join(',')
: '';
$('#highlightSpecificID').val(highlightSpecificIDText);
// 黑名单
const blockListText = newSettings.blockList.length
? newSettings.blockList.join(',')
: '';
$('#blockList').val(blockListText);
});
// 点击取消
$('.setting-panel-box .btnbox .cancel').on('click', () => {
$('.setting-panel-box').removeClass('show');
});
// 点击确定
$('.setting-panel-box .btnbox .confirm').on('click', () => {
const highlightSpecificIDText = $.trim(
$('#highlightSpecificID').val().replace('，', ',')
).replace(/,$/, '').replace(/^,/, '');
newSettings.highlightSpecificID = highlightSpecificIDText
? highlightSpecificIDText.split(',')
: [];
const blockListText = $.trim(
$('#blockList').val().replace('，', ',')
).replace(/,$/, '').replace(/^,/, '');
newSettings.blockList = blockListText
? blockListText.split(',')
: [];
newSettings.filterNonePlatinumAlpha = $('#filterNonePlatinum').val();
numberSettings.map((item) => {
newSettings[item] = $(`#${item}`).val();
})
$('.setting-panel-box').removeClass('show');
localStorage['psnine-night-mode-CSS-settings'] = JSON.stringify(
newSettings
);
window.location.reload();
});
}
})();
