16,874
个编辑
LLWiki正在建设中,欢迎加入我们!
小 (转移GitHub repository) |
|||
(未显示同一用户的15个中间版本) | |||
//<nowiki>
// 用于[[Widget:歌曲数据库]],可以使用ES6语法
/**
* @Function: 用于筛选[[LoveLive!学园偶像祭歌曲列表]]中出现的歌曲,并自动生成相应的Wiki代码
* @Dependencies: oojs-ui-core
* @Author: [[User:Bhsd]]
*/
"use strict";
/* global mw, $, OO */
(() => {
const main = (data) => {▼
const attr = ['s', 'p', 'c'], // 依次为Smile/Pure/Cool属性
▲ mw.sifdata = data[0];
diff = ['easy', 'normal', 'hard', 'expert', 'exran', 'master'],
const mapJa = mw.sifdata.map(ele => ele.j).filter(ele => ele).slice(0, 5),▼
// 以m:ss的格式输出歌曲时长
convertTime = (t) => `${Math.floor(t / 60)}:${ (t % 60).toString().padStart(2, 0) }`,
buildOptions = (map) =>▼
// 从数组生成下拉菜单的选项
buildOptions = (list, key)
// 根据选中的歌曲修改输出的Wiki代码。这个函数需要sifdata。
$output = $('<div>'),▼
change =
const term =
if (!term) { return; } // 不用清空上一次的输出
let level = `${ele.k || ''}${ele.ia ? 'ac' : ''}${ diff[ele.d - 1] }`; // 判定5键或是AC
if (array.includes( level )) { level += 'melo'; } // 无法直接判定歌melo
}).join( '' ) + '|条件=}}'
},
// 分团体建立ComboBox。这个函数需要sifdata。
optionsJa = buildOptions(list, 'j'),
optionsZh = buildOptions(list, 'c'),
select = new OO.ui.ComboBoxInputWidget({ menu: {items: [
new OO.ui.MenuSectionOptionWidget({label: '原名'}), ...optionsJa,
new OO.ui.MenuSectionOptionWidget({label: '中文名'}), ...optionsZh
], width: '100%', filterFromInput: true, filterMode: 'substring'} }).on('change',
// 添加清空按钮
▲ $output.text( `{{sif-song-tablerow|${ term.j }|${ attr[term.a] }|${ term.t }` +
return
▲ term.s.map(ele => {
},
▲ const level = diff[ ele.d ];
▲ return `|d-${ level }=${ ele.s }|c-${ level }=${ ele.c }`;
sifdata =
const selectSet = [1, 2, 3, 4].map( buildSelect );
mw.hook( 'wikipage.content' ).add($content => {
▲ });
console.log('Hook: wikipage.content, 开始建立歌曲数据库UI');
▲ $(() => {
// 前4个三级标题固定为输入项,输出项未来可能会添加更多
▲ .append( $('<i>', {class: 'fas fa-backspace'}).click(() => { select.setValue(''); }) )
$content.find( 'h3' ).slice(0,
});
},
init = () => {
mw.widget = mw.widget || {};
if (mw.widget.list) { return; }
Promise.all([ $.ajax({ dataType: 'json', cache: true,
url: '/
}), mw.loader.using( 'oojs-ui-core' ) ]).then( main );
mw.widget.list = true;
};
if (window.jQuery) { init(); }
else { window.addEventListener('jquery', init); }
}) ();
//</nowiki>
// [[category:jQuery小部件]] {{DEFAULTSORT:list}}
|