LLWiki正在建设中，欢迎加入我们！

“User:Bhsd/widget/list.js”的版本间差异

跳转到导航 跳转到搜索

User:Bhsd/widget/list.js (查看源代码)

2023年3月10日 (五) 02:23的版本

添加1,169字节 、​ 2023年3月10日 (五) 02:23
小
转移GitHub repository
小 （调整UI）
小 （转移GitHub repository）
 
（未显示同一用户的8个中间版本）
//<nowiki>
// 用于[[Widget:歌曲数据库]]，可以使用ES6语法
/**
* @Function: 用于筛选[[LoveLive!学园偶像祭歌曲列表]]中出现的歌曲，并自动生成相应的Wiki代码
* @Dependencies: oojs-ui-core
* @Author: [[User:Bhsd]]
*/
"use strict";
/* global mw, $, OO */
(() => {
let letsifdata, $output;▼
const main = (data) => {▼
const attr = ['s', 'p', 'c'], // 依次为Smile/Pure/Cool属性▼
mw.sifdata = data[0];▼
diff = ['easy', 'normal', 'hard', 'expert', 'exran', 'master'],▼
▲ let $output;
// 以m:ss的格式输出歌曲时长
▲ const attr = ['s', 'p', 'c'],
convertTime = (t) => `${ Math.floor(t / 60) }:${ (t % 60).toString().padStart(2, 0) }`,▼
▲ diff = ['easy', 'normal', 'hard', 'expert', 'exran', 'master'],
// 从数组生成下拉菜单的选项
▲ convertTime = (t) => `${ Math.floor(t / 60) }:${ (t % 60).toString().padStart(2, 0) }`,
buildOptions = (list, key) => list.map(ele => ele[key]).filter(ele => ele)
list.map(ele => ele[key])new OO.filterui.MenuOptionWidget({data: ele, =>label: ele})),
// 根据选中的歌曲修改输出的Wiki代码。这个函数需要sifdata。
.map(ele => new OO.ui.MenuOptionWidget({data: ele, label: ele})),
change = (value) => {
const term = mw.sifdata.find(ele => ele.j == value || ele.c == value);,
ifarray (!term)= { return[]; }
if (!term) { return; } // 不用清空上一次的输出
$output.text( `{{sif-song-tablerow|${ term.j }|${ attr[term.a] }|${ convertTime( term.t ) }` +
term.s.map(ele => {
const levelterm.s.map(ele => diff[ele.d - 1];{
const swing return `|d-${ level }=${ ele.sis }|c-${? level'swing' }=${ ele.c: }`'';
})let level = `${ele.join(k || ''}${ele.ia )? +'ac' : '|条件='}${ diff[ele.d - 1] }'`; // 判定5键或是AC
if (array.includes( level )) { level += 'melo'; } // 无法直接判定歌melo
);▼
}, array.push( level );
return `|d-${ level }=${ ele.s }${ swing }|c-${ level }=${ ele.c }${ swing }`;
buildSelect = (group) => {▼
const list = mw}).sifdata.filterjoin(ele =>'' ele.g) + '|条件== group),}}'
▲ );
optionsJa = buildOptions(list, 'j'),▼
},▼
optionsZh = buildOptions(list, 'c'),
// 分团体建立ComboBox。这个函数需要sifdata。
select = new OO.ui.ComboBoxInputWidget({ menu: {items: [▼
▲ buildSelect = (group) => {
new OO.ui.MenuSectionOptionWidget({label: '原名'}), ...optionsJa,▼
const list = sifdata.filter(ele => ele.g == group),
new OO.ui.MenuSectionOptionWidget({label: '中文名'}), ...optionsZh,▼
▲ optionsJa = buildOptions(list, 'j'),
], width: '100%', filterFromInput: true, filterMode: 'substring'} }).on('change', change);▼
optionsJa.forEach(eleoptionsZh => { ele.$element.attrbuildOptions('lang'list, 'jac'); });,
▲ select = new OO.ui.ComboBoxInputWidget({ menu: {items: [
return select.$element.append( $('<i>', {class: 'fas fa-backspace'}).click(() => { select.setValue(''); }) );▼
▲ new OO.ui.MenuSectionOptionWidget({label: '原名'}), ...optionsJa,
▲ },
▲ new OO.ui.MenuSectionOptionWidget({label: '中文名'}), ...optionsZh,
selectSet = [1, 2, 3, 4].map( buildSelect );▼
▲ ], width: '100%', filterFromInput: true, filterMode: 'substring'} }).on('change', change);
$(() => {
optionsJa.forEach(ele => { ele.$element.attr('lang', 'ja'); });
$output = $('#mw-content-text pre');▼
// 添加清空按钮
$('h2:has( .mw-headline )').after(i => selectSet[i]);▼
▲ return select.$element.append( $('<i>', {class: 'fas fa-backspace'}).click(() => { select.setValue(''); }) );
},
▲ const main = (data) => {
▲ mw.sifdata = data[0];
▲ const selectSet = [1, 2, 3, 4].map( buildSelect );
mw.hook( 'wikipage.content' ).add($content => {
console.log('Hook: wikipage.content, 开始建立歌曲数据库UI');
▲ $output = $content.find( '#mwsif-contentsong-text pretablerow' );
// 前4个三级标题固定为输入项，输出项未来可能会添加更多
▲ $content.find( 'h3'h2:has( ).mw-headlineslice(0, )'4).after(i => selectSet[i]);
});
},
init = () => {
mw.widget = mw.widget || {};
if (mw.widget.list) { return; }
Promise.all([ $.ajax({ dataType: 'json', cache: true,
url: '/zh?title=user:bhsd/widget/listraw.githubusercontent.com/LLWiki/FrontEnd/main/json&action=raw&ctype=application/list.json'
}), 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}}
Bhsd
界面管理员、​监督员、​管理员
16,874

个编辑

取自“https://llwiki.org/zh/Special:移动版差异/25511...56305”

导航菜单