// ==UserScript==
// @name Instant Wakamemo
// @namespace http://mobajinro.s178.xrea.com/wakamemo/
// @version 1.1
// @description わかめて上で動作するわかめてメモのようなものです。
// @author udop_
// @match http://jinrou.dip.jp/~jinrou/cgi_jinro.cgi
// @match http://61.215.66.131/~jinrou/cgi_jinro.cgi
// @require https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js
// @run-at document-start
// ==/UserScript==
(function($) {
'use strict';
if(document.body.bgColor == "#fee3aa"){ //村画面でないときは出さない
return false;
}
//**********************************************
// 変数・クラスの宣言
//**********************************************
var playertable = $("table").eq(1)
var frametable = $("table").eq(0)
var textareatable = $("table[cellspacing=0]").eq(-1)
var discusstable = $("table[cellpadding=0]").not(".CLSTABLE2").last();
var infotable = $("table[cellspacing=0]").eq(0)
var commandtable = $("table[cellspacing=0]").eq(-2)
var textarea = $("textarea").eq(0)
var body = $("body")
var usersetting = {
"rewrite_css":"yes",
"auto_import_log":"onetime",
"alert_vote":"yes",
"send_support":"ctrl",
"highlight_deathnote":"yes",
"disp_iconsuggest":"yes",
"autoreload_interval":30,
"theme_color": "navy",
}
var subcolor = {
"crimson": "#EC365A",
"darkorange": "#FF9F32",
"darkgreen": "#009300",
"navy": "#0000b2",
"purple":"#B200B2",
"sienna": "#C66538"
}
var playerIndex = {}
class Tr{
constructor(id){
this.id=""
if (id) this.id = id
this.tds = []
}
add(val,cl){
var c = cl ? `class='${cl}'` : ""
var td = `<td ${c}>${val}</td>`
this.tds.push(td)
}
text(){
var tr ="<tr"
if(this.id) tr = tr + "id='"+ this.id +"'"
tr += ">"
tr += this.tds.join("")
tr += "</tr>"
return tr
}
}
//**********************************************
// 個人設定
//**********************************************
function getSetting(){
Object.keys(usersetting).forEach(function(k){
usersetting[k] = getLocal(k,usersetting[k])
});
}
function setSetting(){
$("#setting table select").each(function(i,e){
setLocal($(e).attr("name"), $(e).val());
});
}
var COLORLIST = {
0:"選択▼",
1:"明灰", 2:"暗灰", 3:"黄色", 4:"オレンジ", 5:"赤",
6:"水色", 7:"青", 8:"黄緑", 9:"紫", 10:"桃色",
11:"肌色", 12:"茶色", 13:"緑", 14:"若草色", 15:"真紅",
16:"薄茶色", 17:"藍色", 18:"蒼", 19:"ピンク", 20:"銀色",
21:"薄紫",22:"象牙色", 23:"黒"
};
//**********************************************
// Session関係
//**********************************************
function getSession(keyname,def){
if (sessionStorage.getItem(keyname)){
var item = sessionStorage.getItem(keyname);
item = JSON.parse(item);
return item;
} else {
return def;
}
}
function setSession(keyname, val){
if(val){
var j = JSON.stringify(val);
sessionStorage.setItem(keyname, j);
} else {
sessionStorage.removeItem(keyname);
}
}
function getLocal(keyname,def){
if (localStorage.getItem(keyname)){
var item = localStorage.getItem(keyname);
item = JSON.parse(item);
return item;
} else {
return def;
}
}
function setLocal(keyname, val){
if(val){
var j = JSON.stringify(val);
localStorage.setItem(keyname, j);
} else {
localStorage.removeItem(keyname);
}
}
//**********************************************
// プレイヤー関係
//**********************************************
var playerIndexForName = function(name){ //名前→通し番号
playerIndex = {};
playerInfo.map(player => player.name).forEach( (name,i) => {playerIndex[name] = i;} );
return name in playerIndex ? playerIndex[name] : null;
};
function updateplayerInfo(){ //プレイヤー情報を取得
//playerInfo……参加者の情報
//no…通し番号
//job…役職(ja)
//jobresult…CO内容(占い師/霊能のみ)
//vital…生死(alive/death)
//vote…投票
//death…「能力がCOできなくなった日」を指す
//たとえば3日目吊りなら4日目。3日目噛まれなら3日目
var playerInfoTmp = [];
var name,vital,job,jobresult,vote,tmp,html,death,cnt=0;
playertable.find("td:odd").each(function(i,v){
html = $(v).html();
if (!html) return false;
name = /(.+?)<br>/.exec(html)[1];
vital = html.indexOf("生存中") > 0 ? "alive" : "death";
if(playerInfo[i]){
job = playerInfo[i].job;
jobresult = playerInfo[i].jobresult.concat();
vote = playerInfo[i].vote.concat();
death = playerInfo[i].death;
} else {
job = "gray";
jobresult = [];
vote = [];
death = 99;
}
playerInfoTmp.push({
no:i,
name: name,
vital: vital,
job: job,
jobresult: jobresult,
vote: vote,
death: death
});
});
playerInfo = playerInfoTmp;
setSession("playerInfo",playerInfo);
}
function getGrayList(){ //灰リスト生成
var notgray = playerInfo.filter(player => player.job != "gray").map(player => player.no);
playerInfo.filter(player => player.job == "fortune").forEach(function(player,i){
player.jobresult.forEach(function(jobresult){
if (jobresult) notgray.push(jobresult.target);
});
});
var gray = playerInfo.map(player => player.no).filter(no => notgray.indexOf(no) < 0);
return gray;
}
function getPlayerList(){ //役職結果入力セレクトボックス用のリストを返す
var l = {99:""};
playerInfo.forEach( (player,i) => {l[i] = player.name;} );
return l;
}
function savePlayersInput(){ //占いとかの入力を保存する 仕様変更により全部走査する必要ないわ
var i,id,no,day,type;
for(i=0; i<playerInfo.length; i++){
if($("#player"+i+"job").length) {
playerInfo[i].job = $("#player"+i+"job").val();
}
}
$(".jobResult").each(function(i,v){
id = $(v).attr("id").split("_");
type = id[0]
no = id[1] - 0;
day = id[2] - 0;
if(! playerInfo[no].jobresult[day]) {
playerInfo[no].jobresult[day] = {};
}
if(type=="target"){
playerInfo[no].jobresult[day].target = $(v).val() -0;
} else {
playerInfo[no].jobresult[day].judge = $(v).val();
}
});
refreshPlayerInfoTable();
setSession("playerInfo",playerInfo);
}
function refreshPlayerInfoTable(){ //プレイヤー情報更新 くっそ長い
//初期化
playerInfoTable.empty();
if(! playerInfo.length) return false;
var td,tds,a,cl,select="";
var graylist = getGrayList();
var playersList = getPlayerList();
var joblist = {"gray":"", "fortune":"占い師", "necro":"霊能者", "share":"共有者", "guard":"狩人", "cat":"猫又", "beast":"人外"};
var resultlist = {notinput:"",white:"○",black:"●"}
var playerInfoDisp = playerInfo;
if(isfilter){ //生存者のみの場合は絞り込む
playerInfoDisp = playerInfo.filter(function(player){ return (player.vital == "alive" || player.job != "gray"); });
}
//-------------------------名前列
var namerow = new Tr()
namerow.add("<a id='filterlink_99_99'>全ログ</a>","alive");
playerInfoDisp.forEach(function(player,i){
cl = (player.vital == "death") ? "death"
: (graylist.indexOf(player.no) >= 0) ? "gray"
: "notgray";
namerow.add(`<a id='filterlink_${player.no}_99'>${player.name}</a>`,`${cl} player_${player.no}`)
});
playerInfoTable.append(namerow.text());
//-------------------------発言数列
for(var day=1; day<=newestDay; day++){
var row = new Tr();
row.add(`<a id=filterlink_99_${day}>${day+1}日目</a>`);
playerInfoDisp.forEach(function(player,i){
var talknum = $("#log_day"+day).find(".talk_player"+player.no).length;
if (talknum === 0) talknum = "";
row.add(`<a id=filterlink_${player.no}_${day}>${talknum}</a>`,"player_"+player.no)
});
playerInfoTable.append(row.text());
}
//-------------------------役職列
var jobrow = new Tr();
jobrow.add("役職");
playerInfoDisp.forEach(function(player,i){
select = createSelectBox(joblist, player.job, "player"+player.no+"job");
jobrow.add(select,"player_"+player.no)
});
playerInfoTable.append(jobrow.text());
//-------------------------役職結果列 なんとかせねばな…
var start = 0;
if (inputMode == "none") start = newestDay+1;
else if (inputMode == "simple") start = newestDay;
if (start <= 0) start = 1;
for(day=start; day<=newestDay; day++){
var resultrow = new Tr();
resultrow.add(`占霊結果 ${day+1}日目`);
playerInfoDisp.forEach(function(player,i){
if ( (player.job == "fortune" && day < player.death ) || (player.job == "necro" && day < player.death && day > 1) ){ //占い師、霊能者で、結果があるなら
var select1 = createSelectBox(playersList,99,"target_"+player.no+"_"+day,"jobResult");
var select2 = createSelectBox(resultlist,"notinput","result_"+player.no+"_"+day,"jobResult");
resultrow.add(select1+select2)
} else {
resultrow.add("")
}
});
playerInfoTable.append(resultrow.text());
playerInfoDisp.forEach(function(player,i){
var val;
if ( (player.job == "fortune" && day < player.death ) || (player.job == "necro" && day < player.death && day > 1) ){ //占い師、霊能者で、結果があるなら
if (player.jobresult[day]) { //既に結果が入力されているとき
$("#target_"+player.no+"_"+day).val(player.jobresult[day].target);
$("#result_"+player.no+"_"+day).val(player.jobresult[day].judge);
} else if(player.job == "necro" && deathlog[day-1] !== undefined && deathlog[day-1].exec !== undefined){ //霊能者で死体情報があるとき
$("#target_"+player.no+"_"+day).val(deathlog[day-1].exec);
}
}
})
}
//絞込機能つける
$("#playerInfoTable a").on("click",function(e){
//絞込リンクにはfilterlog_<userid>_<day>の形でidがついている
var id = $(this).attr("id").split("_");
filterlog( id[1],id[2] );
});
//変更は逐一反映
$("#playerInfoTable select").on("change",function(e){
savePlayersInput();
});
}
//**********************************************
// ログ関係
//**********************************************
function refreshDiscussLogTable(){//ログを再表示
discussLogTable.empty();
if (! discussLog.length) return false;
var tbody,tr,td,trs,cl;
discussLog.forEach(function(logs,day){
if(!logs) return;
tbody = $("<tbody></tbody>",{id:"log_day"+day});
trs = `<tr class="systemlog"><td colspan="2">${day+1}日目</td></tr>`;
for (var log of logs){
var no = playerIndexForName(log.name);
cl = (no !== null) ? "talk_player"+no : "";
trs += `<tr class="${cl}"><td>◆${log.name}</td><td>${log.content}</td></tr>`;
}
tbody.append(trs).prependTo(discussLogTable);
});
}
function importDiscussLog(){//ログ取り込み
var isday = document.body.bgColor != "#000000";
var day = checkDay();
if(isday){
var importLogs = [];
discusstable.find("tr").each(function(i,v){
if ($(v).children().length != 2) return true;
importLogs.push({
name: $(v).children().eq(0).find("b:first").html(),
content: $(v).children().eq(1).html()
});
});
discussLog[day] = importLogs;
}
//投票結果・死亡ログ
var votelog = [];
discusstable.find("td[colspan='2']").each(function(i,v){
if(/(無残な姿で発見|死体で発見|村民協議の結果処刑|突然死)/.test($(v).text())){
recordDeath(v);
}
if(/\d{1,2}日目 投票結果。/.test($(v).text())){
votelog.push(v);
}
});
if(votelog.length) importVote(votelog);
filterlog( 99,newestDay );
setSession("playerInfo",playerInfo);
setSession("discussLog",discussLog);
}
function filterlog(player,day){
if(player<99){
$("#discussLogTable tr").hide();
$(".systemlog").show()
$(".talk_player"+player).show()
} else {
$("#discussLogTable tr").show();
}
if(day<99) {
$("#discussLogTable tbody").hide();
$("#log_day"+day).show();
} else {
$("#discussLogTable tbody").show();
}
}
//*********************************************
// 投票・死体
//*********************************************
function addDeath(day,name,reason){
if (!deathlog[day][reason]){
deathlog[day][reason] = [];
}
if(deathlog[day][reason].indexOf(name) <0){
deathlog[day][reason].push(name);
}
}
function recordDeath(log){//死体を記録。利便性のためplayerInfoにも保存。未完成。
var isday = (document.body.bgColor != "#000000");
var day = checkDay();
var name = playerIndexForName($(log).find("b").eq(0).text());
var text = $(log).text();
if(deathlog[day] === undefined) deathlog[day] = {};
if(deathlog[day-1] === undefined) deathlog[day-1] = {};
if(/無残な姿で発見/.test(text)){
playerInfo[name].death = day;
addDeath(day,name,"bite");
} else if(/死体で発見/.test(text)){
playerInfo[name].death = day;
addDeath(day,name,"note");
} else if(/村民協議の結果/.test(text)){
if(isday) day-- ;
playerInfo[name].death = day+1;
addDeath(day,name,"exec");
} else if(/突然死/.test(text)){
playerInfo[name].death = day+1;
addDeath(day,name,"sudden");
}
setSession("deathlog",deathlog);
}
function importVote(logs){//投票を取り込む
var day = $(logs[0]).text().match(/(\d{1,2})日目 投票結果。/);
day = day[1] - 1 ;
playerInfo.forEach(function(player,i){
playerInfo[i].vote[day] = [];
});
logs.forEach(function(log){
$(log).find("tr").each(function(i,vote){
var voter = playerIndexForName($(vote).find("b").eq(0).text());
var target = $(vote).find("b").eq(1).text();
playerInfo[voter].vote[day].unshift(target);
});
});
}
function refreshVoteTable(){//投票テーブルリライト
var text,player,i,tr;
voteTable.empty();
tr = new Tr()
tr.add("プレイヤー")
for(i=1; i<=newestDay; i++){
tr.add(`${i+1}日目`);
}
voteTable.append(tr.text())
for(player of playerInfo){
tr = new Tr()
tr.add(player.name)
for(i=1; i<=newestDay; i++){
text = (player.vote[i]) ? player.vote[i].join("<br>") : "-";
tr.add(text)
}
voteTable.append(tr.text());
}
}
function refreshDeathTable(){//死人テーブルもリライト
var i,text,day,reason;
deathTable.empty();
var l = ["無残な姿で発見","死体で発見","村民協議の結果処刑","突然死"];
var l2 = ["bite","note","exec","sudden"];
var tr = new Tr()
tr.add("死因")
for(i=1; i<=newestDay; i++){
tr.add(`${i+1}日目`);
}
deathTable.append(tr.text())
for(i=0; i<4; i++){
reason = l2[i]
tr = new Tr();
tr.add(l[i]);
for(day=1; day<=newestDay; day++){
if(deathlog[day] && deathlog[day][reason]) {
text = deathlog[day][reason].map(x => playerInfo[x].name).join("<br>");
} else {
text = "-";
}
tr.add(text);
}
deathTable.append(tr.text());
}
}
//**********************************************
// 乱数表
//**********************************************
function rnd(n,digit){//0～n-1の整数乱数 digitを指定するとゼロパディング
digit = digit ? digit : false;
var r = Math.floor(Math.random()*n);
if(digit) r = padding(r,digit);
return r;
}
function padding(num, digit){ //ゼロパディング
return ("0000000000"+num).slice(-digit);
}
function makernd(){ //四桁乱数
return rnd(10000,4);
}
function makematrix(num){ //乱数表
var l = [];
var mat = "";
for(var i=0; i<num; i++) {
l[i] = padding(i+1,2);
}
for(i=0; i<num; i++){
var r = rnd(num - i);
mat += l[r];
mat += i%5==4 ? "\n" : " / ";
for(var j = r; j<num-1; j++) {
l[j] = l[j+1];
}
}
return mat;
}
function makerndjob(num){ //役職対応
var result = "";
var isimo = (num == 15 || num == 19);
var i,n,r;
if(isimo){
var cir = ["①","②","③","④","⑤","⑥","⑦"];
n = (num==19) ? 7 : 6;
result += cir[rnd(n)] + "\n\n";
}
var jobs = ["村 人","占い師","霊能者","狩 人","共有者","狂 人","背徳者"];
n = isimo ? 7 : 6;
var l = [];
for(i=0; i<n; i++){
do{
r = rnd(1000,3);
}while(l.indexOf(r) >= 0);
l.push(r);
result += jobs[i] + "：" + r + "\n";
}
return result;
}
//**********************************************
// その他小物
//**********************************************
function checkDay(){ //表示されている日付チェック
var day = body.html().match(/<font size="\+2">([0-9]{1,2})<\/font>日目/);
day = day ? day[1] - 1 : 0;
return day;
}
function getNewestDay() {//最新の日付を返す(ブラバとかすると単純な日付チェックじゃ対応できない)
return Math.max(checkDay(),discussLog.length-1);
}
function createSelectBox(option,selected,id,cl){//optionを持つselectを作る。str。optionは{value: innerHTML}の形式で
cl = cl || "";
var s = `<select id="${id}" class="${cl}">`;
var issl = "";
for(var i in option) {
issl = (i==selected) ? "selected" : "";
s += `<option value="${i}" ${issl}>${option[i]}</option>`;
}
s += "</select>";
return s;
}
function editSpeakField(text){ //発言欄をtextにする
textarea.val(text);
memoContainer.hide();
}
function sendClipboard(text,disc){ //クリップボードにコピー 発言欄初期化する注意
textarea.val(text).select();
document.execCommand('copy');
textarea.val("");
popupMessage("クリップボードにコピーしました："+disc);
}
//**********************************************
// 表示
//**********************************************
function popupMessage(text){ //メッセージ
messageArea.text(text).show();
setTimeout(function(){
messageArea.hide();
}, 1500);
}
var switchDispArea = function(mode){//メモのログ/投票表示切り替え
$("#memoBody > div").hide();
$(".tab").removeClass("active")
if(mode=="log"){
$("#logArea").show();
$("#logDispButton").addClass("active")
}
if(mode=="vote"){
$("#voteArea").show();
$("#voteDispButton").addClass("active")
}
};
function switchAliveFilter(isfil){
isfilter = (isfil == "on");
setSession("isfilter",isfilter);
$(".select.filter").removeClass("active")
if(isfilter){
$("#showAliveButton").addClass("active")
} else {
$("#showAllButton").addClass("active")
}
refreshPlayerInfoTable();
}
function refresh(){ //再表示まとめて
refreshDiscussLogTable();
refreshPlayerInfoTable();
refreshVoteTable();
refreshDeathTable();
}
//**********************************************
// 便利設定
//**********************************************
function setAlertVote(){ //未投票アラート
if( $("font[size=6]").size()){
$("body").css("background-color","#f8e58c");
frametable.css("background-color","white");
setInterval( () => {warningArea.toggle();} , 750);
}
}
function receiveKeyResponse(){ //キー入力を受け付けるかどうか
$(window).on("keydown",function(e){
if(usersetting.send_support == "ctrl" && e.ctrlKey && e.keyCode == 13){
document.forms[0].submit();
} else if(usersetting.send_support == "shift" && e.shiftKey && e.keyCode == 13){
document.forms[0].submit();
}
});
}
function dispSuggest(){
var colorselect = createSelectBox(COLORLIST,0,"colorlist");
var userlist = `<td class="coloredit">アイコン色：</td><td class="coloredit">${colorselect}</td>`;
commandtable.find("td").eq(1).after(userlist);
commandtable.find("td").eq(-2).addClass("cmbplayer")
commandtable.find("td").eq(-1).addClass("cmbplayer")
$("#colorlist").on("change",function(){
editSpeakField($(this).val());
});
$("select").eq(0).on("change",function(){
$(".coloredit").hide();
$(".cmbplayer").hide();
if($(this).val() == "ICONCHG"){
$(".coloredit").show();
} else {
$(".cmbplayer").show();
}
});
}
function highlightDeathnote(){
var td = infotable.find("td:last");
if(/アナタの家の前に/.test(td.html())){
td.css("color","red");
}
}
function setAutoImportLog(){
if(usersetting.auto_import_log == "alltime"){
updateplayerInfo();
importDiscussLog();
refresh();
} else if(usersetting.auto_import_log == "onetime"){
var d = checkDay();
if(!discussLog[d] && /<font size="\+2">投票/.test(body.html())){
setTimeout(function(){
updateplayerInfo();
importDiscussLog();
refresh();
popupMessage("ログを取り込みました。");
},500);
}
}
}
var autoReloadFlg;
function setAutoReload(){
autoReloadFlg = setTimeout(function(){
textarea.val("");
document.forms[0].submit();
},usersetting.autoreload_interval*1000);
}
function castASpellOnMe(){
var q = $("#caspequery").val()
var num = $("#caspenum").val()
if (num>10) num=10
$.post("http://mobajinro.s178.xrea.com/caspe/getWaffle.php",{
query: q,
num: num
},function(data){
var txt = data.replace(/\n+/g,"<br>")
var nos = txt.match(/\d{4}/g)
if(nos){
for(var no of nos){
var src = no
if(no-0 > 4674){
src = "/../../imgbbs/img/" + no
}
txt = txt.replace(no,`<img data-no='${no}' src='http://jinrou.dip.jp/~jinrou/img/alive_${src}.gif'>`)
}
}
$("#casperesult").html(txt)
$("#casperesult img").on("click",function(){
$("#iconno").val($(this).data("no"))
$("#casperesult img").removeClass("iconselected")
$(this).addClass("iconselected")
})
})
}
//**********************************************
// 本編
//**********************************************
//**********************************************
// 個人設定の読み込み
//**********************************************
var playerInfo = getSession("playerInfo",[]);
var discussLog = getSession("discussLog",[]);
var deathlog = getSession("deathlog",[]);
var isfilter = getSession("isfilter",false);
var inputMode = getSession("inputMode","simple");
var newestDay; //表示に使う最新の日付
setTimeout(function(){ //リロード速度の都合で遅らせる
newestDay = getNewestDay();
refresh();
},500);
getSetting();
//**********************************************
// cssの追加と書き換え
//**********************************************
var mycss = $('<style></style>',{id:"mystyle"});
var content = []
//見た目変更
if(usersetting.rewrite_css == "yes"){
content = [
'.CLSTABLE tr td:nth-of-type(even) {font-size: 12px;line-height: 110%;padding: 2px;}',
'.CLSTABLE tr td:nth-of-type(odd) {font-size: 0px;padding: 2px;}',
'body[bgcolor="#000000"] font[color="#6666aa"] {color: #ccccff;}',
'font[size="-1"] {font-size: 9pt;}',
'img {padding: 0;}',
'input,select {font-size: 9pt;}',
'table {font-size: 13px;}',
'textarea {font-family: "Meiryo";font-size: 11px;min-height: 100px;}',
'table[cellpadding="0"] tr td:nth-of-type(2){word-break:break-all;}'
]
}
//追加分
content = content.concat([
`:root{--theme-color:${usersetting.theme_color}; --sub-color:${subcolor[usersetting.theme_color]};}`,
"body{box-sizing:border-box;}",
"#memoContainer{display:none; width:100%; height:100%; position:fixed; top:0px; left:0px; background-color:rgba(180,180,180,0.8); padding:10px; box-sizing:inherit;overflow:auto;}",
"#floatButtonArea{position:fixed; right:10px; top:10px;}",
"#memoMenu{width:100%; margin: 0 auto; font-size:10px;}",
"#memoMenu input, #memoMenu select, #buttonArea input{font-size:11px;}",
"#memoTab{margin-top:15px;}",
"#memoBody{width:100%; height:calc(100% - 59px); margin: 0 auto; }",
"#logArea,#voteArea{width:calc(100% - 20px); max-height:calc(100% - 20px); overflow:auto; margin: 0 auto; background-color:white; padding:10px; border-radius:0px 8px 8px 8px ;}",
"#voteArea{display:none;}",
"#playerInfoArea{overflow:auto;}",
"#buttonArea{padding:10px;line-height:24px;font-size:9pt;}",
"#messageArea{width:400px; height:40px; position:fixed; left:50%; transform: translate(-50%, 0); top:15px; display:none;}",
"#messageArea{text-align:center;font-size:14px; color:black;vertical-align:middle;padding-top:5px;}",
"#warningArea{width:300px; height:40px; position:fixed; right:15px; bottom:15px; display:none; background-color:red; border-radius:5px; text-align:center; font-size:36px; color:white; font-weight:bold;}",
"#playerInfoTable{background-color:white;text-align:center; font-size:8pt;border-collapse:collapse; color:black; margin:0 auto;}",
"#playerInfoTable td{border:#666 solid 1px;padding:1px;}",
"#playerInfoTable tr:first-child{height:35px;}",
"#playerInfoTable tr td:first-child{min-width:50px;}",
"#discussLogTable{border-collapse:collapse;}",
"#discussLogTable td{text-align:left;vertical-align:top; color:black; word-break:break-all; font-size:9pt; line-height:130%; padding:2px;}",
"#discussLogTable font{font-size:9pt;}",
"#discussLogTable tr td:first-of-type{min-width:150px; }",
"#playerInfoTable a{text-decoration:underline; color:blue; cursor:pointer;}",
"#voteArea table{font-size:11px; border-collapse:collapse; margin-bottom:10px;color:black;}",
"#voteArea table td{border:1px solid #ccc; padding:2px; }",
'.death {background-color:pink;}',
'.gray {background-color:#e3e3e3;}',
"#discussLogTable tr.systemlog td{font-weight:bold;background-color:var(--theme-color) !important; color:white; text-align:center;}",
"#floatButtonArea > div{margin:0px 2px; display:inline-block; vertical-align: top; width:110px; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.4);}",
"#toolArea_hid {display:none;}",
"#setting{font-size:13px; position:fixed; right:10px; bottom:10px; display:none; width:400px; height:300px; background-color:white;}",
"#setting input[type=number], #setting input[type=text]{width:60px;}",
".coloredit{display:none;}",
".voiceloud {padding:0px 5px;}",
".voiceloud div:not(:first-of-type){margin-top:5px;}",
".voice {box-sizing:border-box; width:30px;height:30px;font-size:16px;border:1px solid black; border-radius:2px;background-color:white;line-height:28px;text-align:center;color:black; cursor:pointer;}",
".voice.voice_selected{border:3px solid red; line-height:24px;}",
"#caspe{display:none; position:fixed; right:10px; bottom:10px; width:400px; height:300px; solid #333; overflow:auto; font-size:9pt;}",
"#caspe input[type=text]{width:100px;}",
"#caspe input[type=number]{width:50px}",
"#caspe,#setting, #messageArea{box-shadow: 0 3px 5px rgba(0, 0, 0, 0.4); border-top:16px solid var(--theme-color); background-color:#efefef; padding:10px;}",
"#floatButtonArea a, .button{width:110px; color:white; background-color:var(--theme-color); cursor:pointer; box-sizing:border-box; display:inline-block; font-size:12px; font-weight:bold; line-height:24px; text-align:center;}",
"div.button{margin:0px 2px; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.4); padding:0px 3px;}",
".tab{width:150px; color:white;background-color:var(--theme-color);cursor:pointer; box-sizing:border-box; display:inline-block; font-size:12px; line-height:20px; text-align:center; border-radius:8px 8px 0 0;}",
".tab.active{color:var(--theme-color); background-color:white;font-weight:bold;}",
".select{width:100px; color:var(--theme-color); border:2px solid var(--theme-color); background-color:white; cursor:pointer; box-sizing:border-box; display:inline-block; font-size:12px; line-height:20px; text-align:center;}",
".select.active{color:white;background-color:var(--theme-color); font-weight:bold;}",
"#floatButtonArea a:hover, div.button:hover{background-color:var(--sub-color);}",
".closebutton{position:absolute; right:5px; top:5px;}",
"#caspe img{padding:2px;}",
"#caspe img.iconselected{border:2px solid var(--theme-color); padding:0px;}"
]);
content = content.join("\n");
mycss.html(content).appendTo($("head"));
//**********************************************
// UI改善
//**********************************************
//クソデカ送信ボタン
var voicebutton = "<td class='voiceloud'><div class='voice' data-value='MSG'>普</div><div class='voice' data-value='MSG2'><strong>強</strong></div><div class='voice' data-value='MSG3'><span style='color:#6666ee;'>弱</span></div></td>";
var submitbutton = "<td><input type='submit' value='行動/更新' style='height:100px; width:150px;'></td>";
textareatable.find("td:last").after(submitbutton).after(voicebutton);
//**********************************************
// ツール用のもろもろを追加
//**********************************************
//大枠
var memoContainer = $("<div></div>",{id:"memoContainer"}).appendTo(body);
var messageArea = $("<div></div>",{id:"messageArea"}).appendTo(body);
var warningArea = $("<div></div>",{id:"warningArea", text:"！未投票です！"}).appendTo(body);
var floatButtonArea = $("<div></div>",{id:"floatButtonArea"}).appendTo(body);
var setting = $("<div></div>",{id:"setting"}).appendTo(body);
var caspe = $("<div></div>",{id:"caspe"}).appendTo(body);
setting.html([
'<form name="setting">',
'<table>',
'<tr><td>見た目を変更する</td><td><select name="rewrite_css"><option value="yes">はい</option><option value="no">いいえ</option></select></td></tr>',
'<tr><td>自動ログ取得のタイミング</td><td><select name="auto_import_log"><option value="none">手動</option><option value="onetime">投票時</option><option value="alltime">更新ごと</option></select></td></tr>',
'<tr><td>未投票時に警告する</td><td><select name="alert_vote"><option value="yes">はい</option><option value="no">いいえ</option></select></td></tr>',
'<tr><td>支援キー+ENTERで送信する</td><td><select name="send_support"><option value="ctrl">CTRL</option><option value="shift">SHIFT</option><option value="none">しない</option></select></td></tr>',
'<tr><td>アイコン色の入力補助を表示する</td><td><select name="disp_iconsuggest"><option value="yes">はい</option><option value="no">いいえ</option></select></td></tr>',
'<tr><td>デスノートを拾ったとき強調表示する</td><td><select name="highlight_deathnote"><option value="yes">はい</option><option value="no">いいえ</option></select></td></tr>',
'<tr><td>自動更新の間隔(観戦時のみ)</td><td><select name="autoreload_interval"><option value="10">10秒</option><option value="20">20秒</option><option value="30">30秒</option><option value="60">1分</option></select></td></tr>',
'<tr><td>テーマカラー(更新後反映)</td><td><select name="theme_color"><option value="crimson">赤</option><option value="darkorange">オレンジ</option><option value="darkgreen">緑</option><option value="navy">蒼</option><option value="purple">紫</option><option value="sienna">茶</option></select></td></tr>',
'</table>',
`<div class="closebutton"><input type="button" onclick="document.getElementById('setting').style.display='none';" value='閉じる'></div>`,
].join("\n"))
caspe.html([
"キーワード：<input type='text' id='caspequery'>数：<input type='number' id='caspenum' value='1'><input type='button' id='castaspellonme' value='きゃすぺ'>",
"<div id='casperesult'></div>",
"<input type='button' id='changeicon' value='選択したアイコンを設定'>",
"<input type='hidden' id='iconno' value=''>",
`<div class="closebutton"><input type='button' onclick='document.getElementById("caspe").style.display = "none";' value='閉じる'></div>`
].join("\n"))
//共通のボタン部分とその下
var memoMenu= $("<div></div>",{id:"memoMenu"}).appendTo(memoContainer);
var memoTab= $("<div></div>",{id:"memoTab"}).appendTo(memoContainer);
var memoBody= $("<div></div>",{id:"memoBody"}).appendTo(memoContainer);
//各div
var logArea = $("<div></div>",{id:"logArea"}).appendTo(memoBody);
var voteArea = $("<div></div>",{id:"voteArea"}).appendTo(memoBody);
var playerInfoArea = $("<div></div>",{id:"playerInfoArea"}).appendTo(logArea);
var buttonArea = $("<div></div>",{id:"buttonArea"}).appendTo(logArea);
var discussLogArea = $("<div></div>",{id:"discussLogArea"}).appendTo(logArea);
//テーブル
var playerInfoTable = $("<table>",{ id:"playerInfoTable" }).appendTo(playerInfoArea);
var discussLogTable = $("<table>",{ id:"discussLogTable" }).appendTo(discussLogArea);
var voteTable = $("<table>",{ id:"voteTable" }).appendTo(voteArea);
var deathTable = $("<table>",{ id:"deathTable" }).appendTo(voteArea);
//観戦時のみ自動更新ボタン
if($("td.CLSTD01").eq(1).text() == "◆ 再表示") {
var isAutoReload = getSession("isAutoReload",0);
var onoff = isAutoReload ? "ON" : "OFF";
floatButtonArea.append("<div><a id='autoReload'>自動更新："+onoff+"</a></div>");
if(isAutoReload) setAutoReload();
$("#autoReload").click(function(){
isAutoReload = 1-isAutoReload
setSession("isAutoReload", isAutoReload)
var onoff = isAutoReload ? "ON" : "OFF";
$("#autoReload").text("自動更新："+onoff);
popupMessage("自動更新を"+onoff+"にしました。")
if(isAutoReload){
setAutoReload()
} else {
clearTimeout(autoReloadFlg);
}
});
}
floatButtonArea.append("<div id='toolArea'><a >ツール</a><div id='toolArea_hid'><a id='tool1'>四桁乱数</a><a id='tool2'>乱数表</a><a id='tool3'>役職一覧と丸数字</a><a id='dispcaspe'>きゃすぺ</a><a id='dispsetting'>設定</a></div></div>");
floatButtonArea.append("<div><a id='toggleButton'>メモ表示/非表示</a></div>");
//共通のボタン
memoMenu.append("<div class='button' id='importButton'>ログの取り込み</div>");
memoMenu.append("<div class='button' id='resetButton'>リセット</div>");
memoMenu.append("<div class='button' id='reloadButton'>更新</div>");
memoTab.append("<div class='tab active' id='logDispButton' data-value='log'>発言ログの表示</div>");
memoTab.append("<div class='tab' id='voteDispButton' data-value='vote'>投票・死体の表示</div>");
//各ブロックのボタン
buttonArea.append("絞り込み ");
buttonArea.append("<div class='select filter active' id='showAllButton' data-value='off'>全員表示</div>");
buttonArea.append("<div class='select filter' id='showAliveButton' data-value='on'>生存+役職のみ</div>");
buttonArea.append(" 役職入力 ");
buttonArea.append("<div class='select inputmode' id='inputnoneButton' data-value='none'>なし</div>");
buttonArea.append("<div class='select inputmode active' id='inputsimpleButton' data-value='simple'>最新のみ</div>");
buttonArea.append("<div class='select inputmode' id='inputfullButton' data-value='full'>全日</div>");
//**********************************************
// 個人設定に伴う便利設定
//**********************************************
if( usersetting.auto_import_log != "none") setAutoImportLog();
if( usersetting.alert_vote == "yes" ) setAlertVote();
if( usersetting.disp_iconsuggest == "yes" ) dispSuggest();
if( usersetting.highlight_deathnote == "yes" ) highlightDeathnote();
if( usersetting.send_support != "none") receiveKeyResponse();
//**********************************************
// ボタン類への仕込み
//**********************************************
$("#toggleButton").on("click",() => {
memoContainer.toggle();
});
$("#importButton").on("click",function(){
updateplayerInfo();
importDiscussLog();
refresh();
});
$(".tab").on("click", function(){
switchDispArea($(this).data("value"));
} );
$("#resetButton").on("click",function(){
if( window.confirm( "ログをすべてリセットします。本当によろしいですか？" ) ) {
discussLog = [];
playerInfo = [];
deathlog = [];
newestDay = checkDay();
refresh();
}
});
$("#reloadButton").on("click",function(){
textarea.val("");
document.forms[0].submit();
});
$(".select.filter").on("click",function(){
var v = $(this).data("value")
switchAliveFilter(v)
})
$(".select.inputmode").on("click",function(){
inputMode = $(this).data("value");
setSession("inputMode",inputMode);
refreshPlayerInfoTable();
$(".select.inputmode").removeClass("active")
$(`#input${inputMode}Button`).addClass("active")
});
$("#toolArea").hover( () => {
$("#toolArea_hid").show();
}, () => {
$("#toolArea_hid").hide();
});
$("#tool1").on("click",() => {
sendClipboard(makernd(),"四桁乱数");
});
$("#tool2").on("click",() => {
updateplayerInfo();
sendClipboard(makematrix(playerInfo.length),"乱数表");
});
$("#tool3").on("click",() => {
updateplayerInfo();
sendClipboard(makerndjob(playerInfo.length),"役職一覧");
});
$("#dispcaspe").on("click", ()=> {
$("#caspe").show()
})
$("#dispsetting").on("click",() => {
$("#setting").show();
});
$("#setting select").on("change",()=>{
setSetting();
});
$("#castaspellonme").on("click",function(){
castASpellOnMe();
});
$("#changeicon").on("click",function(){
var no = $("#iconno").val()
if(no=="") return false
if(no-0 > 4674) no = "/../../imgbbs/img/" + no
editSpeakField(no)
$("select").eq(0).val("BCONCHG")
document.forms[0].submit()
})
textarea.focus()
$(".voice").click(function(){
$("select").eq(0).val($(this).data("value"));
$(".voice").removeClass("voice_selected");
$(this).addClass("voice_selected");
});
Object.keys(usersetting).forEach(function(k){
$(`select[name=${k}]`).val(usersetting[k]);
})
$(window).on("keydown",function(e){
if(e.keyCode == 27){
memoContainer.hide();
}
});
})(jQuery);
