Greasy Fork is available in English.
给Akatsuki网页添加用户界面第一名的显示
// ==UserScript==
// @name 获取Akatsuki玩家的第一名成绩
// @name:en AkatsukiFirstScoresUserpage
// @namespace http://tampermonkey.net/
// @version 1.1.1
// @description 给Akatsuki网页添加用户界面第一名的显示
// @description:en Add first scores for Akatsuki Userpage
// @author TROU2004
// @match https://akatsuki.pw/*u/*
// @connect akatsuki.pw
// @grant GM_xmlhttpRequest
// ==/UserScript==
const API_SCORES_FIRST = "https://akatsuki.pw/api/v1/users/scores/first"
const SAYOBOT_DOWNLOAD = "https://osu.sayobot.cn/osu.php?s="
const AKATSUKI_REPLAY_DOWNLOAD = "https://akatsuki.pw/web/replays/"
var scores
var firstScoresTable
var eventTimes = 0
var currentPage = 1
var fsNumberPage = 0
var fsNumber = 0
window.addEventListener("load", function() {
eventTimes++
if (eventTimes == 2) {
return
}
this.setTimeout(function() {pullScores(1, true);}, 3000);
this.setTimeout(function() {beginGetFSNum();}, 3000);
}, false)
function pullScores(page, apply) {
//根据位置生成Request时所需的参数
var args = "?mode=0&l=20&rx=1&id=" + getUserID() + "&p=" + page
//开始Request
GM_xmlhttpRequest({
method: "GET",
url: API_SCORES_FIRST + args,
timeout: 5000,
onload: function(response) {
scores = JSON.parse(response.responseText).scores
if (apply) {
pushScoresToTable()
}
}
});
}
function pushScoresToTable() {
if (scores == null) {
return
}
if (firstScoresTable == null) {
createTable()
}
var tBody = firstScoresTable.getElementsByTagName("tbody")[0]
for (let score of scores) {
var currentTr = document.createElement("tr")
var tdScore = document.createElement("td")
var tdPP = document.createElement("td")
fillTable(score, tdScore, tdPP) //将Score填充到两个td里面
currentTr.appendChild(tdScore)
currentTr.appendChild(tdPP)
currentTr.className = "score-row"
tBody.appendChild(currentTr)
}
}
function fillTable(score, tdScore, tdPP) {
//填充tdPP
var divPP = document.createElement("div")
tdPP.appendChild(divPP)
divPP.style.cssText = "display: inline-flex;justify-content: left;align-items: left;position: relative;bottom: auto;padding: 5px 20px 5px 0px;min-width: 100px;flex: none;font-size: 16px;font-weight: 700;"
var spanPP = document.createElement("span")
divPP.appendChild(spanPP)
var spanPPText = document.createElement("span")
spanPPText.style.color = "#bfbfbf"
spanPPText.innerText = "pp"
spanPPText.style.fontSize = "12px"
spanPP.title = "Combo: " + score.max_combo + "/" + score.beatmap.max_combo
spanPP.innerHTML = score.pp.toFixed(2) + spanPPText.outerHTML
spanPP.style.color = "#f2f2f2"
var atextDLMap = document.createElement("a")
divPP.appendChild(atextDLMap)
atextDLMap.className = "downloadstar"
atextDLMap.innerHTML = "<i class=\"star icon\"></i>DLMap"
atextDLMap.style.right = "-70px"
atextDLMap.style.position = "absolute"
atextDLMap.href = SAYOBOT_DOWNLOAD + score.beatmap.beatmapset_id
$(document).keydown(function(event) {
if (event.keyCode == 17 && atextDLMap.getAttribute("scoreMode") != "true") {
atextDLMap.setAttribute("scoreMode", "true")
atextDLMap.href = AKATSUKI_REPLAY_DOWNLOAD + score.id
atextDLMap.innerHTML = "<i class=\"star icon\"></i>DLRep"
}
})
$(document).keyup(function(event) {
if (event.keyCode == 17) {
atextDLMap.setAttribute("scoreMode", "false")
atextDLMap.href = SAYOBOT_DOWNLOAD + score.beatmap.beatmapset_id
atextDLMap.innerHTML = "<i class=\"star icon\"></i>DLMap"
}
})
//填充tdScore
var divScore = document.createElement("div")
tdScore.appendChild(divScore)
var imgScoreIcon = document.createElement("img") //Grade Icon
divScore.appendChild(imgScoreIcon)
imgScoreIcon.src = getRankIcon(score.rank)
imgScoreIcon.style.cssText = "float: left;display: block;margin-right: 10px;flex: none;width: 20px; position: relative;top: 8px"
var divScoreTitle = document.createElement("div") //Title time and difficult
divScoreTitle.style.float = "left"
divScore.appendChild(divScoreTitle)
var atextText = document.createElement("a") //Title
divScoreTitle.appendChild(atextText)
atextText.href = "https://akatsuki.pw/b/" + score.beatmap.beatmap_id
atextText.style.cssText = "color: #fff;font-size: 15px;display: block;align-self: flex-start;max-width: 100%;"
var titles = getTitles(score.beatmap.song_name)
atextText.innerText =
atextText.innerHTML = titles[0] + " "
var atextB = atextText.cloneNode(true)
atextB.style.fontWeight = "bolder"
atextB.style.cssText = "color: #fff;font-size: 15px;max-width: 100%;font-weight: bolder;"
atextB.innerText = getScoreMods(score.mods)
atextText.appendChild(atextB)
var spanDifficult = document.createElement("span") //Difficult
divScoreTitle.appendChild(spanDifficult)
spanDifficult.innerText = titles[1]
spanDifficult.style.color = "#fedfe1"
spanDifficult.style.marginTop = "2px"
spanDifficult.style.position = "relative"
spanDifficult.title = "Star: " + score.beatmap.difficulty.toFixed(2) + "\nAR: " + score.beatmap.ar + "\nOD: " + score.beatmap.od
spanDifficult.addEventListener("click", function() {
copyToClipboard(score.beatmap.beatmap_id)
var that = this;
shaking(that,'top')
shaking(that,'left')
}, false)
var spanTime = document.createElement("span")
divScoreTitle.appendChild(spanTime)
spanTime.innerText = new Date(score.time).toLocaleString('chinese', { hour12: false });
spanTime.title = score.time
spanTime.style.marginTop = "2px"
spanTime.style.color = "#BDC0BA"
spanTime.style.position = "relative"
spanTime.style.right = "-20px"
spanTime.style.fontWeight = "bold"
//Acc
var spanAcc = document.createElement("span")
var divAcc = document.createElement("div")
divAcc.style.cssText = divPP.style.cssText
divAcc.style.position = "absolute"
divAcc.style.right = "200px"
divAcc.appendChild(spanAcc)
divScore.appendChild(divAcc)
spanAcc.innerText = score.accuracy.toFixed(2) + "%"
spanAcc.style.color = "#EFBF3A"
spanAcc.style.fontSize = "16px"
spanAcc.style.position = "absolute"
spanAcc.style.top = "9px"
spanAcc.title = "300: " + score.count_300 + "\n100: " + score.count_100 + "\n50: " + score.count_50 + "\nMiss: " + score.count_miss
}
function createTable() {
//根据RecentScores复制一个新的FirstScore标签
var rsUISegment = document.querySelector("#scores-zone > div:nth-child(1) > div > div:nth-child(2)")
var fsUISegment = rsUISegment.cloneNode(true)
var parentUISegment = rsUISegment.parentElement
parentUISegment.appendChild(fsUISegment)
//更改需要的东西
fsUISegment.getElementsByClassName("ui header")[0].innerText = "First Places" //Recent scores -> First Places
firstScoresTable = fsUISegment.getElementsByClassName("ui table score-table blue no bottom margin")[0] //获取创建好的Table
firstScoresTable.removeAttribute("data-type") //删掉后端支持的data-type="recent"
$(firstScoresTable.getElementsByTagName("tbody")[0]).empty() //清空tbody里面的表格
document.querySelector("#scores-zone > div:nth-child(1) > div > div:nth-child(3) > table > thead > tr > th:nth-child(2)").style.width = "18%"
//设置下面的按钮
var button = document.querySelector("#scores-zone > div:nth-child(1) > div > div:nth-child(3) > table > tfoot > tr > th > div > a")
if (scores.length < 20) {
button.remove()
return
}
button.addEventListener("click", function() {
currentPage++
if (scores == null || scores.length < 20) {
button.remove()
return
}
pullScores(currentPage, true)
}) //使表格下方按钮使用正常
}
function getUserID() {
return document.querySelector("#rx-menu > a.\\30 .item").href.substring(22)
}
function getTitles(song_name) {
var titles = new Array(2)
titles[0] = song_name.substring(0,song_name.indexOf("[") - 1)
titles[1] = song_name.substring(titles[0].length + 2, song_name.length - 1)
return titles
}
function getRankIcon(grade) {
var str = grade
if (grade == "SH") {
str = "SHD"
}
if (grade == "SSH") {
str = "SSHD"
}
return "https://akatsuki.pw/static/ranking-icons/" + str + ".png"
}
function beginGetFSNum() {
fsNumberPage++
//根据位置生成Request时所需的参数
var args = "?mode=0&l=50&rx=1&id=" + getUserID() + "&p=" + fsNumberPage
//开始Request
GM_xmlhttpRequest({
method: "GET",
url: API_SCORES_FIRST + args,
timeout: 5000,
onload: function(response) {
var fsScores = JSON.parse(response.responseText).scores
if (fsScores == null) {
callback_getCompleted() // 跳出递归
return
} else {
fsNumber += fsScores.length
beginGetFSNum() //继续递归
}
}
});
}
function callback_getCompleted() {
if (fsNumber == 0) {
return
}
var title = document.querySelector("#scores-zone > div:nth-child(1) > div > div:nth-child(3) > h2")
if (title == null) {
return
}
title.innerText += " (Total: " + fsNumber + ")"
}
function copyToClipboard(str) {
const input = document.createElement('input');
input.setAttribute('readonly', 'readonly');
input.setAttribute('value', str);
document.body.appendChild(input);
input.select();
document.execCommand('copy');
console.log(input)
document.body.removeChild(input);
}
//Include
//Source code: https://segmentfault.com/a/1190000015993899
// 获取节点对象的样式属性值
function getStyle(obj,attr){
if(obj.currentStyle){
return obj.currentStyle[attr];
}else{
return window.getComputedStyle(obj,false)[attr];
}
}
//Include
//Source code: https://segmentfault.com/a/1190000015993899
function shaking(obj,attr,callback){
var pos = parseInt(getStyle(obj,attr));
var arr = [];
var num = 0;
for(var i=5;i>0;i-=1){
arr.push(i,-i);
}
arr.push(0);
clearInterval(obj.shaking);
obj.shaking = setInterval(function(){
obj.style[attr] = pos + arr[num] + 'px';
num ++;
if(num === arr.length){
clearInterval(obj.shaking);
callback && callback();
}
},50);
}
//Include from Akatsuki-web
//Source code: https://github.com/osuAkatsuki/old-frontend/blob/master/js/user.js
function getScoreMods(m) {
var r = '';
var hasNightcore = false;
if (m & NoFail) {
r += 'NF, ';
}
if (m & Easy) {
r += 'EZ, ';
}
if (m & NoVideo) {
r += 'NV, ';
}
if (m & Hidden) {
r += 'HD, ';
}
if (m & HardRock) {
r += 'HR, ';
}
if (m & SuddenDeath) {
r += 'SD, ';
}
if (m & Nightcore) {
r += 'NC, ';
hasNightcore = true;
}
if (!hasNightcore && (m & DoubleTime)) {
r += 'DT, ';
}
if (m & Relax) {
r += 'RX, ';
}
if (m & HalfTime) {
r += 'HT, ';
}
if (m & Flashlight) {
r += 'FL, ';
}
if (m & Autoplay) {
r += 'AP, ';
}
if (m & SpunOut) {
r += 'SO, ';
}
if (m & Relax2) {
r += 'AP, ';
}
if (m & Perfect) {
r += 'PF, ';
}
if (m & Key4) {
r += '4K, ';
}
if (m & Key5) {
r += '5K, ';
}
if (m & Key6) {
r += '6K, ';
}
if (m & Key7) {
r += '7K, ';
}
if (m & Key8) {
r += '8K, ';
}
if (m & keyMod) {
r += '';
}
if (m & FadeIn) {
r += 'FD, ';
}
if (m & Random) {
r += 'RD, ';
}
if (m & LastMod) {
r += 'CN, ';
}
if (m & Key9) {
r += '9K, ';
}
if (m & Key10) {
r += '10K, ';
}
if (m & Key1) {
r += '1K, ';
}
if (m & Key3) {
r += '3K, ';
}
if (m & Key2) {
r += '2K, ';
}
if (r.length > 0) {
return "+ " + r.slice(0, -2);
} else {
return '';
}
}
var None = 0;
var NoFail = 1;
var Easy = 2;
var NoVideo = 4;
var Hidden = 8;
var HardRock = 16;
var SuddenDeath = 32;
var DoubleTime = 64;
var Relax = 128;
var HalfTime = 256;
var Nightcore = 512;
var Flashlight = 1024;
var Autoplay = 2048;
var SpunOut = 4096;
var Relax2 = 8192;
var Perfect = 16384;
var Key4 = 32768;
var Key5 = 65536;
var Key6 = 131072;
var Key7 = 262144;
var Key8 = 524288;
var keyMod = 1015808;
var FadeIn = 1048576;
var Random = 2097152;
var LastMod = 4194304;
var Key9 = 16777216;
var Key10 = 33554432;
var Key1 = 67108864;
var Key3 = 134217728;
var Key2 = 268435456;