mu-moのSKE48劇場盤申込フォームをメンバー・部ごとに並び替えるスクリプトです。
// ==UserScript==
// @name mu-mo SKE48 Table Arranger
// @namespace http://gplus.to/fronoske/
// @version 0.6
// @description mu-moのSKE48劇場盤申込フォームをメンバー・部ごとに並び替えるスクリプトです。
// @icon https://lh5.googleusercontent.com/-uig_zdvbqg0/VPm1KuvvwLI/AAAAAAAAAYo/Fzy_7UM-oIs/s40-no/icon32.png
// @author fronoske
// @match http://shop.mu-mo.net/avx/sv/list1?jsiteid=SKA&categ_id=*
// @require https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js
//
// @run-at document-idle
// @grant none
// @noframes
// ==/UserScript==
var arrangeMumo = function(){
// singleによって異なる。17thは1～7部、18thは3部と4部の間に「昼の部」がある。ユニットシングルは5部まで。
var PERIODS = ['1', '2', '3', '昼の', '4', '5', '6'];
if ( $("body").text().indexOf('昼の') == -1)
PERIODS = PERIODS.filter(function(v){ return v != '昼の'; });
if ( $("body").text().indexOf('第6部') == -1)
PERIODS = PERIODS.filter(function(v){ return v != '6'; });
var name2team = function(name){
// 必ずしも全員の名前が必要なわけではない。各チームの先頭メンバーが分かればよい。
var reS = /^(東李苑|犬塚あさな|大矢真那|北川綾巴|後藤理沙子|杉山愛佳|竹内舞|都築里佳|野口由芽|野島樺乃|二村春香|松井珠理奈|松本慈子|宮前杏実|矢方美紀|山内鈴蘭|山田樹奈)$/;
var reK2 = /^(青木詩織|荒井優希|石田安奈|内山命|江籠裕奈|大場美奈|小畑優奈|北野瑠華|白井琴望|惣田紗莉渚|高木由麻奈|髙塚夏生|高柳明音|竹内彩姫|日高優月|古畑奈和|松村香織)$/;
var reE = /^(市野成美|井田玲音名|加藤るみ|鎌田菜月|木本花音|熊崎晴香|後藤楽々|斉藤真木子|酒井萌衣|佐藤すみれ|柴田阿弥|菅原茉椰|須田亜香里|髙寺沙菜|谷真理佳|福士奈央)$/;
var reT = /^(相川暖花|浅井裕華|太田彩夏|片岡成美|川崎成美|末永桜花|髙畑結希|町音葉|村井純奈|和田愛菜|一色嶺奈|上村亜柚香|水野愛理)$/;
if (reS.test(name)) return 'S';
else if (reK2.test(name)) return 'K2';
else if (reE.test(name)) return 'E';
else if (reT.test(name)) return 'T';
else return null;
};
var btnTexts = ['並び替え！', '圧縮！', 'リセット'];
var wrapTeamName = function(div){
$(div).contents().filter(function() {return this.nodeType === 3;}).each(function(idx, e){
if (/^ *(チーム[SKE]|(ドラフト)?研究生)/gm.test( $(e).text())){ $(e).remove(); }
});
};
var index2color = function(idx){
return "#fff1cb";
/* var colors = ["#fff1cb", "#fef7e5", "#f8b500"];
return colors[idx % colors.length]; */
};
var doFixPlaceBar = function(){
var classHtml = "<style>.fixed {position: fixed; top: 0; width: 100%; z-index: 10000;}</style>";
$(classHtml).appendTo($("body"));
var nav = $("div.tabberlive > ul.tabbernav");
var offset = nav.offset();
$(window).scroll(function () {
if($(window).scrollTop() > offset.top) {
nav.addClass('fixed');
} else {
nav.removeClass('fixed');
}
});
};
var arrangeBlocks = function(div){
/*
Bu ... クラス
blocks[メンバー名] = [Bu, Bu, Bu, ... , Bu]
*/
var reNewLine = new RegExp("\n*", "g");
var Bu = function (td) {
var arr = td.html() .replace(reNewLine, '') .split(/<.+?>/);
this.name = $.trim(arr[0]);
this.period = arr[1].match(/\d|昼の/) [0];
this.jq = td;
this.jq.html(this.jq.html() .replace('枚', '').replace(/第\d部|昼の部/, ''));
};
var blocks = [];
var tds = $(div) .find('td');
for (var i = 0; i < tds.length; i++) {
var td = $(tds[i]);
var bu = new Bu(td);
if (blocks[bu.name]) {
blocks[bu.name].push(bu);
} else {
blocks[bu.name] = [ bu ];
}
}
var thHtml = '<tr>';
// 18th「昼の部」対応
// for (i = 1; i <= 7; i++) thHtml += '<th bgcolor="#FABB00">第' + i + '部</th>';
PERIODS.forEach(function(period){ thHtml += '<th bgcolor="#FABB00">' + period + '部</th>'; });
thHtml += '</tr>';
var th = $(thHtml) .clone();
var table = $('<table>') .addClass('members').addClass("new").appendTo(div);
var memberCount = 0;
var prevTeam = '';
for (var name in blocks) {
var team = name2team(name);
if (team && prevTeam != team){ // name2teamでヒットしなかったら何もしない
table.append(th.clone());
prevTeam = team;
}
var tr = $('<tr>');
var memberBlocks = blocks[name];
var memberColor = index2color(memberCount);
// 18th「昼の部」対応
// for (var iperiod = 1; period <= 7; period++) {
PERIODS.forEach( function(period){
var blockForthePeriod = $.grep(memberBlocks, function (block, idx) {
return (block.period == period);
});
if (blockForthePeriod.length == 1) {
blockForthePeriod[0].jq.css("background-color", memberColor).appendTo(tr);
} else {
$('<td class="none">').css("background-color", "#fff1cb").appendTo(tr);
}
});
tr.appendTo(table);
memberCount++;
}
table.append(th.clone());
};
var updateMatrix = function(table){
var matrix= $.map(table.find('tr'), function(v, k){
return [ $.makeArray($(v).children()) ];
});
return matrix;
};
var swap = function(a, b){
a = $(a);
b = $(b);
var tmp = $('<span>').hide();
a.before(tmp);
b.before(a);
tmp.replaceWith(b);
};
var pushUp = function(matrix, nRow){
var trVacant = 999;
var tr = matrix[nRow];
for(var nCol=0; nCol < tr.length; nCol++){
var td = $(tr[nCol]);
if (td.hasClass("none")) continue;
var nVacant = 0;
for(var i=1; i < nRow; i++){
var cell = $(matrix[nRow-i][nCol]);
if (cell.hasClass("none")) nVacant++;
else break;
}
if (nVacant < trVacant){
trVacant = nVacant;
}
}
if (trVacant > 0 ){
for(nCol=0; nCol < tr.length; nCol++){
td = $(tr[nCol]);
if (!td.hasClass("none")){
swap(td, $(matrix[nRow-trVacant][nCol]));
}
}
}
};
var shrinkBlocks = function(){
var tables = $("table.members.new");
for(var nTable = 0; nTable < tables.length; nTable++){
var table = $(tables[nTable]);
var trs = table.find("tr");
var maxRow = trs.length;
for(var nRow=1; nRow < maxRow; nRow++){
var matrix = updateMatrix(table);
pushUp(matrix, nRow);
}
for(nRow=0; nRow < maxRow; nRow++){
var tr = $(trs[nRow]);
if (tr.text()==""){tr.remove();}
}
}
};
var removeOldTables = function(){
$("table.members:not(.new)").remove();
};
var doAllDivs = function (command){
switch(command){
case 'arrange':
var divs = $('div.tabbertab');
for (var i = 0; i < divs.length; i++) {
var div = divs[i];
wrapTeamName(div);
arrangeBlocks(div);
}
break;
case 'shrink':
shrinkBlocks();
break;
}
};
var toggleArrange = function (obj){
var button = $(obj);
var nextMode = '';
var btnText = '';
switch( button.attr('data-mode') ){
case 'arrange':
nextMode = 'shrink';
doAllDivs('shrink');
btnText = btnTexts[2];
break;
case 'shrink':
nextMode = 'normal';
btnText = btnTexts[0];
location.reload(true);
break;
default:
nextMode = 'arrange';
btnText = btnTexts[1];
doAllDivs('arrange');
}
button.attr('data-mode', nextMode).text(btnText);
};
//main
var btnHtml = '<button>' + btnTexts[0] + '</button>';
var button = $(btnHtml).css({
"padding": "5px 15px",
"width": "8.5em",
"background": "#f8b500",
"color": "white",
"border": "2px solid white",
"border-radius": "8px",
"font-weight": "bold",
"font": "normal middle Roboto, Arial, sans-serif"
}).hover(
function () { $(this).css({cursor: "pointer"})},
function () { $(this).css({cursor: "auto"})}
);
var buttonDiv = $('<div id="toggle-arrange"></div>').css("text-align", "right");
buttonDiv.append(button);
var content=$("div.content:first");
buttonDiv.insertBefore(content);
$(document).on('click', 'div#toggle-arrange > button', function (event){
event.preventDefault();
event.stopPropagation();
toggleArrange(event.target);
removeOldTables();
doFixPlaceBar();
});
};
new arrangeMumo();
