☰

Greasy Fork 支持简体中文。

meatmemo

わかめて上で動作するわかめてメモのようなものです。

  1. // ==UserScript==
  2. // @name         meatmemo
  3. // @namespace    http://mobajinro.s178.xrea.com/wakamemo/
  4. // @version      2.0.0
  5. // @description  わかめて上で動作するわかめてメモのようなものです。
  6. // @author       udop_
  7. // @match        http://jinrou.dip.jp/~jinrou/cgi_jinro.cgi
  8. // @match        http://61.215.66.131/~jinrou/cgi_jinro.cgi
  9. // @match        http://www7a.biglobe.ne.jp/~kuri/cgi_jinro.cgi
  10. // @require      https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js
  11. // @run-at       document-start
  12. // ==/UserScript==
  13.  
  14. ;(function ($) {
  15.     "use strict";
  16.     Array.prototype.fillundef = function (def, lastindex) {
  17.         lastindex = lastindex + 1 || this.length;
  18.         for (let i = 0; i < lastindex; i++) {
  19.             if (this[i] === null) {
  20.                 this[i] = JSON.parse(JSON.stringify(def));
  21.             }
  22.         }
  23.     };
  24.     function createSelectBox(option, selected, attr) {
  25.         let attrtext = "";
  26.         for (let k in attr) {
  27.             attrtext = attrtext + ` ${k}="${attr[k]}"`;
  28.         }
  29.         let s = `<select${attrtext}>`;
  30.         for (let i in option) {
  31.             let issl = i == selected ? "selected" : "";
  32.             s += `<option value="${i}" ${issl}>${option[i]}</option>`;
  33.         }
  34.         s += "</select>";
  35.         return s;
  36.     }
  37.     var COLORLIST = {
  38.         0: "選択▼",
  39.         1: "明灰",
  40.         2: "暗灰",
  41.         3: "黄色",
  42.         4: "オレンジ",
  43.         5: "赤",
  44.         6: "水色",
  45.         7: "青",
  46.         8: "黄緑",
  47.         9: "紫",
  48.         10: "桃色",
  49.         11: "肌色",
  50.         12: "茶色",
  51.         13: "緑",
  52.         14: "若草色",
  53.         15: "真紅",
  54.         16: "薄茶色",
  55.         17: "藍色",
  56.         18: "蒼",
  57.         19: "ピンク",
  58.         20: "銀色",
  59.         21: "薄紫",
  60.         22: "象牙色",
  61.         23: "黒",
  62.     };
  63.     const joblist = {
  64.         gray: "",
  65.         fortune: "占い",
  66.         necro: "霊能",
  67.         share: "共有",
  68.         guard: "狩人",
  69.         cat: "猫又",
  70.         beast: "人外",
  71.     };
  72.     const reasoninglist = {
  73.         gray: "",
  74.         real: "真",
  75.         fake: "偽",
  76.         villager: "村人",
  77.         madman: "狂人",
  78.         wolf: "人狼",
  79.         fox: "妖狐",
  80.     };
  81.     const resultlist = { notinput: "", white: "○", black: "●" };
  82.     const jobinitial = {
  83.         fortune: "占",
  84.         necro: "霊",
  85.         share: "共",
  86.         cat: "猫",
  87.         guard: "狩",
  88.         wolf: "狼",
  89.         madman: "狂",
  90.         fox: "狐",
  91.         villager: "村",
  92.         real: "真",
  93.         fake: "偽",
  94.         beast: "外",
  95.         gray: "",
  96.     };
  97.     const themeList = {
  98.         crimson: { main: "crimson", sub: "#EC365A" },
  99.         darkorange: { main: "darkorange", sub: "#FF9F32" },
  100.         darkgreen: { main: "darkgreen", sub: "#009300" },
  101.         navy: { main: "navy", sub: "#0000b2" },
  102.         purple: { main: "purple", sub: "#B200B2" },
  103.         sienna: { main: "sienna", sub: "#C66538" },
  104.     };
  105.     const reasonflavor = { bite: "無残", note: "デスノ", exec: "処刑", sudden: "突然死" };
  106.     const settingDefault = {
  107.         rewrite_css: {
  108.             value: "yes",
  109.             option: { yes: "はい", no: "いいえ" },
  110.             name: "見た目を変更する",
  111.         },
  112.         auto_import_log: {
  113.             value: "onetime",
  114.             option: { none: "しない", onetime: "投票時", alltime: "常時" },
  115.             name: "自動ログ取得のタイミング",
  116.         },
  117.         alert_vote: {
  118.             value: "yes",
  119.             name: "未投票時に警告する",
  120.             option: { yes: "はい", no: "いいえ" },
  121.         },
  122.         send_support: {
  123.             value: "ctrl",
  124.             name: "支援キー+ENTERで送信",
  125.             option: { none: "しない", ctrl: "CTRL", shift: "SHIFT" },
  126.         },
  127.         autoreload_interval: {
  128.             value: "30",
  129.             name: "自動更新(観戦時のみ)",
  130.             option: { 10: "10秒", 20: "20秒", 30: "30秒", 60: "60分" },
  131.         },
  132.         theme_color: {
  133.             value: "navy",
  134.             name: "テーマカラー",
  135.             option: {
  136.                 crimson: "紅",
  137.                 darkorange: "オレンジ",
  138.                 darkgreen: "緑",
  139.                 navy: "蒼",
  140.                 purple: "紫",
  141.                 sienna: "茶",
  142.             },
  143.         },
  144.         layout: {
  145.             value: "no",
  146.             name: "表を横に並べる(横幅と相談)",
  147.             option: { yes: "はい", no: "いいえ" },
  148.         },
  149.         grayregion: {
  150.             value: "no",
  151.             name: "人外と推理した占い師の結果は<br>完グレ判定に使用しない",
  152.             option: { yes: "はい", no: "いいえ" },
  153.         },
  154.         coloringName: {
  155.             value: "no",
  156.             name: "役職で色分けする(試験運用)",
  157.             option: { yes: "はい", no: "いいえ" },
  158.         },
  159.     };
  160.     const nameColor = {
  161.         black: "なし",
  162.         red: "赤",
  163.         pink: "ピンク",
  164.         blue: "青",
  165.         green: "緑",
  166.         purple: "紫",
  167.         brown: "茶",
  168.         gaming: "虹色",
  169.     };
  170.     const colorSettingDefault = {
  171.         gray: {
  172.             value: "black",
  173.             name: "グレー",
  174.             option: nameColor,
  175.         },
  176.         fortune: {
  177.             value: "black",
  178.             name: "占い",
  179.             option: nameColor,
  180.         },
  181.         necro: {
  182.             value: "black",
  183.             name: "霊能",
  184.             option: nameColor,
  185.         },
  186.         share: {
  187.             value: "black",
  188.             name: "共有",
  189.             option: nameColor,
  190.         },
  191.         guard: {
  192.             value: "black",
  193.             name: "狩人",
  194.             option: nameColor,
  195.         },
  196.         cat: {
  197.             value: "black",
  198.             name: "猫又",
  199.             option: nameColor,
  200.         },
  201.         beast: {
  202.             value: "black",
  203.             name: "人外",
  204.             option: nameColor,
  205.         },
  206.     };
  207.     class Tr {
  208.         constructor(id, cl) {
  209.             this.id = id ? `id="${id}"` : "";
  210.             this.cl = cl ? `class="${cl}"` : "";
  211.             this.tds = [];
  212.         }
  213.         add(val, cl, colspan) {
  214.             let c = cl ? `class='${cl}'` : "";
  215.             let d = colspan ? `colspan=${colspan}` : "";
  216.             let td = `<td ${c} ${d}>${val}</td>`;
  217.             this.tds.push(td);
  218.         }
  219.         text() {
  220.             let tds = this.tds.join("");
  221.             let tr = `<tr ${this.id} ${this.cl}>${tds}</tr>`;
  222.             return tr;
  223.         }
  224.         appendTo(jQueryObject) {
  225.             jQueryObject.append(this.text());
  226.         }
  227.     }
  228.     class MeatMemo {
  229.         constructor(serverName) {
  230.             this.serverName = serverName || "wakamete";
  231.             this.playerManager = new PlayerManager(this);
  232.             this.log = new LogManager(this);
  233.             this.setting = new Setting(this);
  234.             this.colorSetting = new ColorSetting(this);
  235.             this.random = new Random(this);
  236.             this.style = new Style(this);
  237.             this.utility = new Utility(this);
  238.             this.filterSetting = { show: "All", input: "simple" };
  239.             this.isAutoReload = false;
  240.             this.newestImportDay = 0;
  241.             this.init();
  242.         }
  243.         init() {
  244.             this.load();
  245.             this.prepare();
  246.             this.setting.init();
  247.             this.colorSetting.init();
  248.             this.style.injection();
  249.             this.random.init();
  250.             $(() => {
  251.                 this.on();
  252.                 this.utility.init();
  253.             });
  254.         }
  255.         get playerNum() {
  256.             this.playerManager.import();
  257.             return this.playerManager.list.length;
  258.         }
  259.         settingIs(key, value = "yes") {
  260.             return this.setting.options[key].value == value;
  261.         }
  262.         settingValue(key) {
  263.             return this.setting.options[key].value;
  264.         }
  265.         prepare() {
  266.             let container = `
  267.     <div id="memoContainer">
  268.     
  269.     <div id="memoMenu">
  270.         <div class='button' id='importButton'>ログの取り込み</div>
  271.         <div class='button' id='resetButton'>リセット</div>
  272.         <div class='button' id='reloadButton'>更新</div>
  273.     </div>
  274.     
  275.     <div id="memoTab">
  276.         <div class='tab active' data-value='log'>発言ログ</div>
  277.         <div class='tab' data-value='vote'>投票履歴</div>
  278.     </div>
  279.     
  280.     <div id="memoBody">
  281.     
  282.     <div id="logArea">
  283.     
  284.         <div id="playerInfoArea">
  285.             <table id="playerInfoTable"></table>
  286.         </div>
  287.     
  288.         <div id="buttonArea">
  289.             <div>絞り込み
  290.             <div class='select filter' data-value='All'>全員表示</div>
  291.             <div class='select filter' data-value='Alive'>生存+役職のみ</div>
  292.             </div>
  293.     
  294.             <div>役職入力
  295.             <div class='select inputmode' data-value='none'>なし</div>
  296.             <div class='select inputmode' data-value='simple'>最新のみ</div>
  297.             <div class='select inputmode' data-value='full'>全日</div>
  298.             </div>
  299.         </div>
  300.     
  301.         <div id="discussLogArea">
  302.             <table id="discussLogTable"></table>
  303.         </div>
  304.     
  305.     </div>
  306.     
  307.     <div id="voteArea">
  308.         <table id="voteTable"></table>
  309.         <table id="summaryTable"></table>
  310.     </div>
  311.     
  312.     </div>
  313.     
  314.     </div>
  315.             `;
  316.             let float = `
  317.             <div id="floatButtonArea">
  318.                 <div id='toolArea'>
  319.                 <a>ツール</a>
  320.                 <div id='toolArea_hid'></div>
  321.                 </div>
  322.     
  323.                 <div>
  324.                     <a id='toggleButton'>メモ表示/非表示</a>
  325.                 </div>
  326.             </div>
  327.             `;
  328.             $("body").append(container).append(float);
  329.         }
  330.         autoImport() {
  331.             if (this.settingIs("auto_import_log", "alltime")) {
  332.                 this.import();
  333.             }
  334.             else if (this.settingIs("auto_import_log", "onetime")) {
  335.                 let today = this.today;
  336.                 if (today > this.newestImportDay && /<font size="\+2">投票/.test($("body").html())) {
  337.                     this.newestImportDay = today;
  338.                     this.import();
  339.                 }
  340.             }
  341.         }
  342.         import() {
  343.             this.playerManager.import();
  344.             this.log.import();
  345.             this.save();
  346.         }
  347.         refresh() {
  348.             this.playerManager.refresh();
  349.             this.log.refresh();
  350.         }
  351.         switchDispArea(mode) {
  352.             $("div.tab").removeClass("active");
  353.             $(`div.tab[data-value=${mode}]`).addClass("active");
  354.             $("#memoBody > div").hide();
  355.             $(`#${mode}Area`).show();
  356.         }
  357.         reset() {
  358.             this.playerManager.reset();
  359.             this.log.reset();
  360.         }
  361.         switchAliveFilter(mode) {
  362.             mode = mode || this.filterSetting.show;
  363.             this.filterSetting.show = mode;
  364.             $("div.select.filter").removeClass("active");
  365.             $(`div.select.filter[data-value=${mode}]`).addClass("active");
  366.             this.playerManager.filter(mode);
  367.             this.save();
  368.         }
  369.         switchInputMode(mode) {
  370.             mode = mode || this.filterSetting.input;
  371.             this.filterSetting.input = mode;
  372.             $("div.select.inputmode").removeClass("active");
  373.             $(`div.select.inputmode[data-value=${mode}]`).addClass("active");
  374.             let newestDay = this.newestDay;
  375.             for (var day = 1; day <= newestDay; day++) {
  376.                 if (mode == "full" || (mode == "simple" && day == newestDay)) {
  377.                     $("#result_" + day).show();
  378.                 }
  379.                 else {
  380.                     $("#result_" + day).hide();
  381.                 }
  382.             }
  383.             this.save();
  384.         }
  385.         on() {
  386.             $("table").eq(1).attr("id", "w_player");
  387.             $("table[cellspacing=0]").eq(-1).attr("id", "w_textarea");
  388.             $("table[cellpadding=0]").not(".CLSTABLE2").last().attr("id", "w_discuss");
  389.             $("table[cellspacing=0]").eq(0).attr("id", "w_info");
  390.             $("table[cellspacing=0]").eq(-2).attr("id", "w_command");
  391.             let voicebutton = [
  392.                 "<td class='voiceloud'>",
  393.                 "<div class='voice' data-value='MSG'>普</div>",
  394.                 "<div class='voice' data-value='MSG2'><strong>強</strong></div>",
  395.                 "<div class='voice' data-value='MSG3'><span style='color:#6666ee;'>弱</span></div>",
  396.                 "</td>",
  397.             ].join("");
  398.             let submitbutton = "<td><input type='submit' value='行動/更新' style='height:100px; width:150px;'></td>";
  399.             $("#w_textarea").find("td:last").after(submitbutton).after(voicebutton);
  400.             this.switchInputMode();
  401.             this.switchAliveFilter();
  402.             let _this = this;
  403.             $("#toggleButton").on("click", () => {
  404.                 $("#memoContainer").toggle();
  405.             });
  406.             $("#importButton").on("click", () => {
  407.                 this.import();
  408.                 this.refresh();
  409.             });
  410.             $("#resetButton").on("click", () => {
  411.                 if (!window.confirm("ログをすべてリセットします。本当によろしいですか？"))
  412.                     return false;
  413.                 this.reset();
  414.                 this.refresh();
  415.             });
  416.             $("#reloadButton").on("click", function () {
  417.                 $("textarea").val("");
  418.                 document.forms[0].submit();
  419.             });
  420.             $("div.tab").on("click", function () {
  421.                 let mode = $(this).data("value");
  422.                 _this.switchDispArea(mode);
  423.             });
  424.             $("div.select.filter").on("click", function () {
  425.                 let mode = $(this).data("value");
  426.                 _this.switchAliveFilter(mode);
  427.             });
  428.             $("div.select.inputmode").on("click", function () {
  429.                 let mode = $(this).data("value");
  430.                 _this.switchInputMode(mode);
  431.             });
  432.             $("#toolArea").hover(() => {
  433.                 $("#toolArea_hid").show();
  434.             }, () => {
  435.                 $("#toolArea_hid").hide();
  436.             });
  437.             $("textarea").eq(0).focus();
  438.             $("div.voice").on("click", function () {
  439.                 $("select").eq(0).val($(this).data("value"));
  440.                 $("div.voice").removeClass("voice_selected");
  441.                 $(this).addClass("voice_selected");
  442.             });
  443.             $(window).on("keydown", function (e) {
  444.                 if (e.keyCode == 27) {
  445.                     $("#memoContainer").hide();
  446.                 }
  447.             });
  448.             this.refresh();
  449.         }
  450.         toggleAutoReload() {
  451.             this.isAutoReload = !this.isAutoReload;
  452.             this.save();
  453.         }
  454.         get villageNo() {
  455.             return $("title").text().slice(0, 6);
  456.         }
  457.         load() {
  458.             let sdata = localStorage.getItem("memodata");
  459.             if (!sdata)
  460.                 return false;
  461.             let memodata = JSON.parse(sdata);
  462.             this.isAutoReload = memodata.isAutoReload;
  463.             if (memodata.villageNo != this.villageNo)
  464.                 return false;
  465.             this.playerManager.load(memodata.playerInfo);
  466.             this.log.load(memodata.discussLog);
  467.             if (memodata.filterSetting) {
  468.                 this.filterSetting = memodata.filterSetting;
  469.             }
  470.             this.newestImportDay = memodata.newestImportDay || 0;
  471.             this.save();
  472.         }
  473.         save() {
  474.             let data = {
  475.                 villageNo: this.villageNo,
  476.                 playerInfo: this.playerManager.forSave(),
  477.                 discussLog: this.log.forSave(),
  478.                 filterSetting: this.filterSetting,
  479.                 isAutoReload: this.isAutoReload,
  480.                 newestImportDay: this.newestImportDay,
  481.             };
  482.             localStorage.setItem("memodata", JSON.stringify(data));
  483.         }
  484.         filterLog(no = 99, day = 99) {
  485.             if (no < 99) {
  486.                 $("#discussLogTable tr").hide();
  487.                 $("tr.systemlog").show();
  488.                 $("tr.talk_player" + no).show();
  489.             }
  490.             else {
  491.                 $("#discussLogTable tr").show();
  492.             }
  493.             if (day < 99) {
  494.                 $("#discussLogTable tbody").hide();
  495.                 $("#log_day" + day).show();
  496.             }
  497.             else {
  498.                 $("#discussLogTable tbody").show();
  499.             }
  500.         }
  501.         get today() {
  502.             var day = /<font size="\+2">(\d{1,2})/.exec($("body").html());
  503.             return day ? +day[1] - 1 : 0;
  504.         }
  505.         get newestDay() {
  506.             return Math.max(this.today, this.log.list.length - 1);
  507.         }
  508.         get isDaytime() {
  509.             return $("body").attr("bgcolor") != "#000000";
  510.         }
  511.         get isStart() {
  512.             return this.log.list.length >= 2;
  513.         }
  514.     }
  515.     class Player {
  516.         constructor(data) {
  517.             this.no = data.no || 0;
  518.             this.name = data.name || "";
  519.             this.vital = data.vital || "alive";
  520.             this.job = data.job || "gray";
  521.             this.reasoning = data.reasoning || "gray";
  522.             this.jobresult = data.jobresult || [];
  523.             this.vote = data.vote || [];
  524.             this.death = data.death || { reason: null, day: null, cantco: 99 };
  525.         }
  526.         static wakameteHTMLof(no, html) {
  527.             let name = html.split("<br>")[0];
  528.             let vital = /生存中/.test(html) ? "alive" : "death";
  529.             return new Player({
  530.                 no: no,
  531.                 name: name,
  532.                 vital: vital,
  533.             });
  534.         }
  535.         forSave() {
  536.             return {
  537.                 name: this.name,
  538.                 no: this.no,
  539.                 vital: this.vital,
  540.                 job: this.job,
  541.                 reasoning: this.reasoning,
  542.                 jobresult: this.jobresult,
  543.                 vote: this.vote,
  544.                 deathDetail: this.death,
  545.             };
  546.         }
  547.         updateVital(vital) {
  548.             this.vital = vital;
  549.         }
  550.         setJudge(day, judge) {
  551.             this.jobresult.fillundef({ target: 99, judge: "notinput" }, +day);
  552.             this.jobresult[day].judge = judge;
  553.         }
  554.         setTarget(day, target) {
  555.             if (!target)
  556.                 return false;
  557.             this.jobresult.fillundef({ target: 99, judge: "notinput" }, +day);
  558.             this.jobresult[day].target = target;
  559.         }
  560.     }
  561.     class PlayerManager {
  562.         constructor(memo) {
  563.             this.list = [];
  564.             this.indexOfName = {};
  565.             this.memo = memo;
  566.         }
  567.         reset() {
  568.             this.list = [];
  569.             this.indexOfName = {};
  570.         }
  571.         load(data) {
  572.             if (!data)
  573.                 return false;
  574.             this.list = [];
  575.             this.indexOfName = {};
  576.             for (let p of data) {
  577.                 let player = new Player(p);
  578.                 this.list.push(player);
  579.                 this.indexOfName[player.name] = player.no;
  580.             }
  581.         }
  582.         pick(name) {
  583.             if (name in this.indexOfName) {
  584.                 return this.list[this.indexOfName[name]];
  585.             }
  586.             else {
  587.                 return null;
  588.             }
  589.         }
  590.         forSave() {
  591.             return this.list.map((player) => player.forSave());
  592.         }
  593.         filter(mode) {
  594.             for (var player of this.list) {
  595.                 if (mode == "All" || player.vital == "alive" || player.job != "gray") {
  596.                     $("td.player_" + player.no).show();
  597.                 }
  598.                 else {
  599.                     $("td.player_" + player.no).hide();
  600.                 }
  601.             }
  602.         }
  603.         import() {
  604.             this.update();
  605.             this.import_vote_wakamete();
  606.             this.import_death_wakamete();
  607.         }
  608.         update() {
  609.             switch (this.memo.serverName) {
  610.                 case "wakamete":
  611.                     let isStart = this.memo.isStart;
  612.                     if (isStart) {
  613.                         this.vitalCheck_wakamete();
  614.                     }
  615.                     else {
  616.                         this.update_wakamete();
  617.                     }
  618.                     break;
  619.             }
  620.         }
  621.         no(name) {
  622.             if (name in this.indexOfName) {
  623.                 return this.indexOfName[name];
  624.             }
  625.             else {
  626.                 return "";
  627.             }
  628.         }
  629.         vitalCheck_wakamete() {
  630.             $("#w_player")
  631.                 .find("td:odd")
  632.                 .each((i, v) => {
  633.                 if (!$(v).html())
  634.                     return false;
  635.                 this.list[i].updateVital(/生存中/.test($(v).html()) ? "alive" : "death");
  636.             });
  637.         }
  638.         update_wakamete() {
  639.             this.list = [];
  640.             this.indexOfName = {};
  641.             $("#w_player")
  642.                 .find("td:odd")
  643.                 .each((i, v) => {
  644.                 let html = $(v).html();
  645.                 if (!html)
  646.                     return false;
  647.                 let player = Player.wakameteHTMLof(i, html);
  648.                 this.list.push(player);
  649.                 this.indexOfName[player.name] = i;
  650.             });
  651.         }
  652.         import_death_wakamete() {
  653.             let deathList = [];
  654.             $("#w_discuss")
  655.                 .find("td[colspan='2']")
  656.                 .each((i, tr) => {
  657.                 if (/(で発見|結果処刑|突然死|猫又の呪い)/.test($(tr).text())) {
  658.                     deathList.push(tr);
  659.                 }
  660.             });
  661.             let day = this.memo.today;
  662.             let cantco = this.memo.today;
  663.             let isdaytime = this.memo.isDaytime;
  664.             for (let log of deathList) {
  665.                 let player = this.pick($(log).find("b").eq(0).text());
  666.                 let text = $(log).text();
  667.                 let reason = "";
  668.                 if (/無残な姿/.test(text))
  669.                     reason = "bite";
  670.                 if (/死体で発見/.test(text))
  671.                     reason = "note";
  672.                 if (/村民協議の結果|猫又の呪い/.test(text)) {
  673.                     reason = "exec";
  674.                     isdaytime ? day-- : cantco++;
  675.                 }
  676.                 if (/突然死/.test(text)) {
  677.                     reason = "sudden";
  678.                     cantco++;
  679.                 }
  680.                 player.death = {
  681.                     reason: reason,
  682.                     cantco: cantco,
  683.                     day: day,
  684.                 };
  685.             }
  686.         }
  687.         import_vote_wakamete() {
  688.             let votelog = [];
  689.             $("#w_discuss")
  690.                 .find("td[colspan='2']")
  691.                 .each(function (i, v) {
  692.                 if (/\d{1,2}日目 投票結果。/.test($(v).text())) {
  693.                     votelog.unshift(v);
  694.                 }
  695.             });
  696.             if (!votelog.length)
  697.                 return false;
  698.             let daystr = $(votelog[0])
  699.                 .text()
  700.                 .match(/(\d{1,2})日目 投票結果。/);
  701.             if (!daystr)
  702.                 return false;
  703.             let day = +daystr[1] - 1;
  704.             for (let player of this.list) {
  705.                 player.vote.fillundef(["-"], day);
  706.                 player.vote[day].fillundef("-", votelog.length - 1);
  707.             }
  708.             for (let times = 0; times < votelog.length; times++) {
  709.                 $(votelog[times])
  710.                     .find("tr")
  711.                     .each((i, vote) => {
  712.                     let voter = this.pick($(vote).find("b").eq(0).text());
  713.                     let target = $(vote).find("b").eq(1).text();
  714.                     if (voter)
  715.                         voter.vote[day][times] = target;
  716.                 });
  717.             }
  718.         }
  719.         listforSelect() {
  720.             let playersList = { 99: "" };
  721.             for (let player of this.list) {
  722.                 playersList[player.no] = player.name;
  723.             }
  724.             return playersList;
  725.         }
  726.         refresh() {
  727.             this.refreshPlayer();
  728.             this.refreshVote();
  729.             this.refreshSummary();
  730.         }
  731.         refreshPlayer() {
  732.             let playerInfoTable = $("#playerInfoTable");
  733.             playerInfoTable.empty();
  734.             if (!this.list.length)
  735.                 return false;
  736.             let playersList = this.listforSelect();
  737.             let newestDay = this.memo.newestDay;
  738.             let namerow = new Tr("", "namerow");
  739.             namerow.add("<a id='filterlink_99_99'>全ログ</a>");
  740.             for (let player of this.list) {
  741.                 namerow.add(`<a id='filterlink_${player.no}_99'>${player.name}</a>`, `player_${player.no}`);
  742.             }
  743.             namerow.appendTo(playerInfoTable);
  744.             let jobrow = new Tr("", "jobrow");
  745.             jobrow.add("CO");
  746.             for (let player of this.list) {
  747.                 let select = createSelectBox(joblist, player.job, {
  748.                     id: `player_${player.no}_job`,
  749.                     class: "jobselect",
  750.                 });
  751.                 jobrow.add(select, "player_" + player.no);
  752.             }
  753.             jobrow.appendTo(playerInfoTable);
  754.             jobrow = new Tr("", "jobrow");
  755.             jobrow.add("推理");
  756.             for (let player of this.list) {
  757.                 let select = createSelectBox(reasoninglist, player.reasoning, {
  758.                     id: `player_${player.no}_reasoning`,
  759.                     class: "reasoningselect",
  760.                 });
  761.                 jobrow.add(select, "player_" + player.no);
  762.             }
  763.             playerInfoTable.append(jobrow.text());
  764.             for (let day = 1; day <= newestDay; day++) {
  765.                 let row = new Tr("", "talknumrow");
  766.                 row.add(`<a id="filterlink_99_${day}">${day + 1}日目</a>`);
  767.                 for (let player of this.list) {
  768.                     let no = player.no;
  769.                     let talknum = this.memo.log.talknum(player.name, day) || "";
  770.                     row.add(`<a id=filterlink_${no}_${day}>${talknum}</a>`, `player_${no}`);
  771.                 }
  772.                 row.appendTo(playerInfoTable);
  773.             }
  774.             for (let day = 1; day <= newestDay; day++) {
  775.                 let resultrow = new Tr("result_" + day, "resultrow");
  776.                 resultrow.add(`占霊結果 ${day + 1}日目`);
  777.                 for (let player of this.list) {
  778.                     if ((player.job == "fortune" && day < player.death.cantco) ||
  779.                         (player.job == "necro" && day < player.death.cantco && day > 1)) {
  780.                         let select1 = createSelectBox(playersList, 99, {
  781.                             id: `target_${player.no}_${day}`,
  782.                             class: "jobtarget",
  783.                         });
  784.                         let select2 = createSelectBox(resultlist, "notinput", {
  785.                             id: `judge_${player.no}_${day}`,
  786.                             class: "jobjudge",
  787.                         });
  788.                         resultrow.add(select1 + select2, "player_" + player.no);
  789.                     }
  790.                     else {
  791.                         resultrow.add("", "player_" + player.no);
  792.                     }
  793.                 }
  794.                 playerInfoTable.append(resultrow.text());
  795.             }
  796.             this.refreshJobResult();
  797.             this.memo.switchAliveFilter();
  798.             this.memo.switchInputMode();
  799.             this.coloringGray();
  800.             let _this = this;
  801.             $("#playerInfoTable a").on("click", function (e) {
  802.                 let id = $(this).attr("id");
  803.                 if (!id)
  804.                     return false;
  805.                 let no = +id.split("_")[1];
  806.                 let day = +id.split("_")[2];
  807.                 _this.memo.filterLog(no, day);
  808.             });
  809.             $("select.jobselect").on("change", function (e) {
  810.                 let id = $(this).attr("id");
  811.                 if (!id)
  812.                     return false;
  813.                 let [i, no, day] = id.split("_");
  814.                 _this.list[+no].job = String($(this).val());
  815.                 _this.refresh();
  816.                 _this.refreshJobInitial();
  817.                 _this.coloring();
  818.                 _this.memo.save();
  819.             });
  820.             $("select.reasoningselect").on("change", function (e) {
  821.                 let id = $(this).attr("id");
  822.                 if (!id)
  823.                     return false;
  824.                 let [i, no, day] = id.split("_");
  825.                 _this.list[+no].reasoning = String($(this).val());
  826.                 _this.refreshJobInitial();
  827.                 _this.coloring();
  828.                 _this.memo.save();
  829.             });
  830.             $("select.jobtarget").on("change", function (e) {
  831.                 let id = $(this).attr("id");
  832.                 if (!id)
  833.                     return false;
  834.                 let no = +id.split("_")[1];
  835.                 let day = +id.split("_")[2];
  836.                 let target = +$(this).val();
  837.                 _this.list[no].setTarget(day, target);
  838.                 _this.refreshSummary();
  839.                 _this.coloringGray();
  840.                 _this.memo.save();
  841.             });
  842.             $("select.jobjudge").on("change", function (e) {
  843.                 let id = $(this).attr("id");
  844.                 if (!id)
  845.                     return false;
  846.                 let [i, no, day] = id.split("_");
  847.                 let judge = String($(this).val());
  848.                 _this.list[+no].setJudge(+day, judge);
  849.                 _this.refreshSummary();
  850.                 _this.coloringGray();
  851.                 _this.memo.save();
  852.             });
  853.         }
  854.         refreshVote() {
  855.             if (!this.list.length)
  856.                 return false;
  857.             let voteTable = $("#voteTable");
  858.             let newestDay = this.memo.newestDay;
  859.             voteTable.empty();
  860.             var tr = new Tr();
  861.             tr.add("プレイヤー");
  862.             for (var day = 1; day <= newestDay; day++) {
  863.                 if (!this.list[0].vote[day])
  864.                     continue;
  865.                 let colspan = this.list[0].vote[day].length;
  866.                 tr.add(`${day + 1}日目`, "", colspan);
  867.             }
  868.             voteTable.append(tr.text());
  869.             for (var player of this.list) {
  870.                 tr = new Tr();
  871.                 tr.add(player.name);
  872.                 for (day = 1; day <= newestDay; day++) {
  873.                     if (!player.vote[day])
  874.                         continue;
  875.                     for (let vote of player.vote[day]) {
  876.                         tr.add(vote);
  877.                     }
  878.                 }
  879.                 voteTable.append(tr.text());
  880.             }
  881.         }
  882.         refreshJobResult() {
  883.             let newestDay = this.memo.newestDay;
  884.             let fortunes = this.list.filter((p) => p.job == "fortune");
  885.             for (let fortune of fortunes) {
  886.                 for (let day = 1; day < Math.min(fortune.death.cantco, newestDay + 1); day++) {
  887.                     if (!fortune.jobresult[day])
  888.                         continue;
  889.                     $("#target_" + fortune.no + "_" + day).val(fortune.jobresult[day].target);
  890.                     $("#judge_" + fortune.no + "_" + day).val(fortune.jobresult[day].judge);
  891.                 }
  892.             }
  893.             let necros = this.list.filter((p) => p.job == "necro");
  894.             for (let necro of necros) {
  895.                 for (let day = 2; day < Math.min(necro.death.cantco, newestDay + 1); day++) {
  896.                     let exec = this.list.filter((p) => p.death.day == day - 1 && p.death.reason == "exec");
  897.                     if (necro.jobresult[day]) {
  898.                         $("#target_" + necro.no + "_" + day).val(necro.jobresult[day].target);
  899.                         $("#judge_" + necro.no + "_" + day).val(necro.jobresult[day].judge);
  900.                     }
  901.                     else if (exec) {
  902.                         $("#target_" + necro.no + "_" + day).val(exec[0].no);
  903.                     }
  904.                 }
  905.             }
  906.         }
  907.         refreshSummary() {
  908.             let summaryTable = $("#summaryTable");
  909.             let newestDay = this.memo.newestDay;
  910.             summaryTable.empty();
  911.             var tr = new Tr();
  912.             tr.add("", "", 2);
  913.             for (var day = 1; day <= newestDay; day++) {
  914.                 tr.add("" + (day + 1) + "日目");
  915.             }
  916.             tr.appendTo(summaryTable);
  917.             var fortunes = this.list.filter((p) => p.job == "fortune");
  918.             let necros = this.list.filter((p) => p.job == "necro");
  919.             let ability = fortunes.concat(necros);
  920.             for (let player of ability) {
  921.                 tr = new Tr();
  922.                 tr.add(player.job == "fortune" ? "占い師" : "霊能者");
  923.                 tr.add(player.name);
  924.                 for (day = 1; day <= newestDay; day++) {
  925.                     let name = "", judge = "";
  926.                     if (player.jobresult[day] && player.jobresult[day].target != 99) {
  927.                         let result = player.jobresult[day];
  928.                         name = this.list[result.target].name;
  929.                         judge = resultlist[result.judge];
  930.                     }
  931.                     tr.add(name + judge);
  932.                 }
  933.                 tr.appendTo(summaryTable);
  934.             }
  935.             for (var reason in reasonflavor) {
  936.                 let deaths = this.list.filter((p) => p.death.reason == reason);
  937.                 if (!deaths.length)
  938.                     continue;
  939.                 tr = new Tr();
  940.                 tr.add(reasonflavor[reason], "", 2);
  941.                 for (day = 1; day <= newestDay; day++) {
  942.                     let cn = deaths.filter((p) => p.death.day == day).map((p) => p.name);
  943.                     let text = cn.length ? cn.join("<br>") : "-";
  944.                     tr.add(text);
  945.                 }
  946.                 tr.appendTo(summaryTable);
  947.             }
  948.         }
  949.         refreshJobInitial() {
  950.             for (let player of this.list) {
  951.                 let job = jobinitial[player.reasoning] + jobinitial[player.job];
  952.                 $("tr.talk_player" + player.no + " span").html(job);
  953.             }
  954.         }
  955.         coloringGray() {
  956.             let co = this.list.filter((p) => p.job != "gray").map((p) => p.no);
  957.             var fortunes = this.list.filter((p) => p.job == "fortune");
  958.             if (this.memo.settingIs("grayregion")) {
  959.                 fortunes = fortunes.filter((f) => f.reasoning == "gray" || f.reasoning == "real");
  960.             }
  961.             let fortuned = fortunes.map((f) => f.jobresult.map((r) => +r.target)).flat();
  962.             let notgray = co.concat(fortuned);
  963.             $("tr.namerow td").removeClass("death").removeClass("gray");
  964.             for (var player of this.list) {
  965.                 if (player.vital == "death") {
  966.                     $("tr.namerow .player_" + player.no).addClass("death");
  967.                 }
  968.                 else if (!notgray.includes(player.no)) {
  969.                     $("tr.namerow .player_" + player.no).addClass("gray");
  970.                 }
  971.             }
  972.         }
  973.         coloring() {
  974.             if (!this.memo.settingIs("coloringName"))
  975.                 return false;
  976.             $("#w_discuss b").each((i, e) => {
  977.                 let name = $(e).text();
  978.                 let player = this.pick(name);
  979.                 if (player) {
  980.                     let job = player.job;
  981.                     let color = this.memo.colorSetting.pick(job);
  982.                     $(e).removeClass().addClass(color);
  983.                 }
  984.             });
  985.         }
  986.     }
  987.     class Log {
  988.         constructor(data) {
  989.             this.name = data.name;
  990.             this.color = data.color;
  991.             this.content = data.content;
  992.         }
  993.         forSave() {
  994.             return {
  995.                 name: this.name,
  996.                 color: this.color,
  997.                 content: this.content,
  998.             };
  999.         }
  1000.     }
  1001.     class LogManager {
  1002.         constructor(memo) {
  1003.             this.memo = memo;
  1004.             this.list = [];
  1005.         }
  1006.         reset() {
  1007.             this.list = [];
  1008.         }
  1009.         load(data) {
  1010.             if (!data)
  1011.                 return false;
  1012.             this.list = [];
  1013.             data.forEach((logs) => {
  1014.                 let logofday = [];
  1015.                 logs.forEach((d) => {
  1016.                     let log = new Log(d);
  1017.                     logofday.push(log);
  1018.                 });
  1019.                 this.list.push(logofday);
  1020.             });
  1021.         }
  1022.         forSave() {
  1023.             let result = [];
  1024.             this.list.forEach((logs) => {
  1025.                 let l = logs.map((log) => log.forSave());
  1026.                 result.push(l);
  1027.             });
  1028.             return result;
  1029.         }
  1030.         talknum(name, day) {
  1031.             if (!this.list[day])
  1032.                 return 0;
  1033.             return this.list[day].filter((l) => l.name == name).length;
  1034.         }
  1035.         import() {
  1036.             switch (this.memo.serverName) {
  1037.                 case "wakamete":
  1038.                     this.import_wakamete();
  1039.                     break;
  1040.             }
  1041.             this.memo.filterLog();
  1042.         }
  1043.         import_wakamete() {
  1044.             this.import_discuss_wakamete();
  1045.         }
  1046.         import_discuss_wakamete() {
  1047.             let today = this.memo.today;
  1048.             let isDaytime = this.memo.isDaytime;
  1049.             if (!isDaytime)
  1050.                 return false;
  1051.             this.list.fillundef([], today);
  1052.             this.list[today] = [];
  1053.             $("#w_discuss")
  1054.                 .find("tr")
  1055.                 .each((i, tr) => {
  1056.                 if ($(tr).children().length == 2) {
  1057.                     let name = $(tr).children().eq(0).find("b").eq(0).html();
  1058.                     let content = $(tr).children().eq(1).html();
  1059.                     let namehtml = $(tr).children().eq(0).html();
  1060.                     let color = namehtml.match(/color="(.+?)"/)[1];
  1061.                     let log = new Log({
  1062.                         name: name,
  1063.                         color: color,
  1064.                         content: content,
  1065.                     });
  1066.                     this.list[today].push(log);
  1067.                 }
  1068.             });
  1069.         }
  1070.         refresh() {
  1071.             let discussLogTable = $("#discussLogTable");
  1072.             discussLogTable.empty();
  1073.             if (!this.list.length)
  1074.                 return false;
  1075.             this.list.forEach((logs, day) => {
  1076.                 if (!logs)
  1077.                     return;
  1078.                 let tbody = $("<tbody></tbody>", { id: "log_day" + day });
  1079.                 let trs = `<tr class="systemlog"><td colspan="2">${day + 1}日目</td></tr>`;
  1080.                 for (let log of logs) {
  1081.                     let cl = "talk_player" + this.memo.playerManager.no(log.name);
  1082.                     let name = `<font color="${log.color}">◆</font><b>${log.name}</b>さん`;
  1083.                     if (log.name == "ゲームマスター") {
  1084.                         name = `<font color="${log.color}">◆<b>${log.name}</b></font>`;
  1085.                     }
  1086.                     trs += `<tr class="${cl}"><td>${name}<span class='jobinitial'></span></td><td>${log.content}</td></tr>`;
  1087.                 }
  1088.                 tbody.append(trs).prependTo(discussLogTable);
  1089.             });
  1090.             this.memo.playerManager.refreshJobInitial();
  1091.         }
  1092.     }
  1093.     class SettingOption {
  1094.         constructor(data) {
  1095.             this.value = data.value;
  1096.             this.option = data.option;
  1097.             this.default = data.value;
  1098.             this.name = data.name;
  1099.         }
  1100.     }
  1101.     class ColorSetting {
  1102.         constructor(memo) {
  1103.             this.memo = memo;
  1104.             this.options = {};
  1105.         }
  1106.         pick(job) {
  1107.             return this.options[job].value;
  1108.         }
  1109.         init() {
  1110.             for (let key in colorSettingDefault) {
  1111.                 this.options[key] = new SettingOption(colorSettingDefault[key]);
  1112.             }
  1113.             this.load();
  1114.             let settingArea = $("<div></div>", {
  1115.                 id: "colorSetting",
  1116.                 class: "window southEast",
  1117.             }).appendTo($("body"));
  1118.             $("#toolArea_hid").append("<a id='dispcolorSetting'>名前色設定</a>");
  1119.             let settingTable = $("<table></table>", { id: "colorSettingtable" }).appendTo(settingArea);
  1120.             settingArea.append(`<div class="closebutton"><input type="button" id="closeColorSetting" value='閉じる'></div>`);
  1121.             $("#dispcolorSetting").on("click", () => {
  1122.                 $("#colorSetting").show();
  1123.             });
  1124.             $("#closeColorSetting").on("click", () => {
  1125.                 $("#colorSetting").hide();
  1126.             });
  1127.             for (let key in this.options) {
  1128.                 let item = this.options[key];
  1129.                 let tr = new Tr();
  1130.                 tr.add(item.name);
  1131.                 tr.add(createSelectBox(item.option, item.value, { id: key }));
  1132.                 tr.appendTo(settingTable);
  1133.             }
  1134.             let _this = this;
  1135.             $("#colorSetting select").on("change", function () {
  1136.                 let val = $(this).val();
  1137.                 _this.setValue($(this).attr("id"), String(val));
  1138.                 _this.coloring();
  1139.             });
  1140.         }
  1141.         coloring() {
  1142.             this.memo.playerManager.coloring();
  1143.         }
  1144.         setValue(key, value) {
  1145.             if (!(key in this.options))
  1146.                 return false;
  1147.             this.options[key].value = value;
  1148.             this.save();
  1149.         }
  1150.         load() {
  1151.             let s = localStorage.getItem("memoColorSetting");
  1152.             if (!s)
  1153.                 return false;
  1154.             let data = JSON.parse(s);
  1155.             for (let key in data) {
  1156.                 if (key in this.options) {
  1157.                     this.options[key].value = data[key];
  1158.                 }
  1159.             }
  1160.         }
  1161.         save() {
  1162.             localStorage.setItem("memoColorSetting", JSON.stringify(this.forSave()));
  1163.         }
  1164.         forSave() {
  1165.             let result = {};
  1166.             for (let key in this.options) {
  1167.                 result[key] = this.options[key].value;
  1168.             }
  1169.             return result;
  1170.         }
  1171.     }
  1172.     class Setting {
  1173.         constructor(memo) {
  1174.             this.memo = memo;
  1175.             this.options = {};
  1176.         }
  1177.         init() {
  1178.             for (let key in settingDefault) {
  1179.                 this.options[key] = new SettingOption(settingDefault[key]);
  1180.             }
  1181.             this.load();
  1182.             let settingArea = $("<div></div>", { id: "setting", class: "window southEast" }).appendTo($("body"));
  1183.             $("#toolArea_hid").append("<a id='dispsetting'>設定</a>");
  1184.             let settingTable = $("<table></table>", { id: "settingtable" }).appendTo(settingArea);
  1185.             settingArea.append(`<div class="closebutton"><input type="button" id="closeSetting" value='閉じる'></div>`);
  1186.             $("#dispsetting").on("click", () => {
  1187.                 $("#setting").show();
  1188.             });
  1189.             $("#closeSetting").on("click", () => {
  1190.                 $("#setting").hide();
  1191.             });
  1192.             for (let key in this.options) {
  1193.                 let item = this.options[key];
  1194.                 let tr = new Tr();
  1195.                 tr.add(item.name);
  1196.                 tr.add(createSelectBox(item.option, item.value, { id: key }));
  1197.                 tr.appendTo(settingTable);
  1198.             }
  1199.             let _this = this;
  1200.             $("#setting select").on("change", function () {
  1201.                 let key = $(this).attr("id");
  1202.                 let val = String($(this).val());
  1203.                 _this.setValue(key, val);
  1204.             });
  1205.         }
  1206.         setValue(key, value) {
  1207.             if (!(key in this.options))
  1208.                 return false;
  1209.             this.options[key].value = value;
  1210.             this.save();
  1211.         }
  1212.         load() {
  1213.             let s = localStorage.getItem("memoSetting");
  1214.             if (!s)
  1215.                 return false;
  1216.             let data = JSON.parse(s);
  1217.             for (let key in data) {
  1218.                 if (key in this.options) {
  1219.                     this.options[key].value = data[key];
  1220.                 }
  1221.             }
  1222.         }
  1223.         save() {
  1224.             localStorage.setItem("memoSetting", JSON.stringify(this.forSave()));
  1225.         }
  1226.         forSave() {
  1227.             let result = {};
  1228.             for (let key in this.options) {
  1229.                 result[key] = this.options[key].value;
  1230.             }
  1231.             return result;
  1232.         }
  1233.     }
  1234.     class Random {
  1235.         constructor(memo) {
  1236.             this.memo = memo;
  1237.         }
  1238.         init() {
  1239.             let randomWindow = `
  1240.                 <div id="random" class="window southEast">
  1241.     
  1242.                 <div class="closebutton">
  1243.                 <input type="button" id="closeRandom" value='閉じる'>
  1244.                 </div>
  1245.     
  1246.                 <input type="button" value="4桁乱数" id="random_rnd4">
  1247.                 <input type="button" value="乱数表" id="random_matrix">
  1248.                 <input type="button" value="背徳用数字" id="random_haitoku">
  1249.                 <br>
  1250.                 <textarea id="forCopy" style="width:200px;height:150px;"></textarea>
  1251.                 <div id='randomMessage'></div>
  1252.                 </div>
  1253.             `;
  1254.             $("body").append(randomWindow);
  1255.             $("#toolArea_hid").append("<a id='dispRandom'>乱数</a>");
  1256.             $("#dispRandom").on("click", () => {
  1257.                 $("#random").show();
  1258.             });
  1259.             $("#closeRandom").on("click", () => {
  1260.                 $("#random").hide();
  1261.             });
  1262.             $("#random_rnd4").on("click", () => {
  1263.                 this.copy(this.rnd4());
  1264.             });
  1265.             $("#random_matrix").on("click", () => {
  1266.                 this.copy(this.matrix());
  1267.             });
  1268.             $("#random_haitoku").on("click", () => {
  1269.                 this.copy(this.haitoku());
  1270.             });
  1271.         }
  1272.         copy(text) {
  1273.             $("#forCopy").val(text).select();
  1274.             document.execCommand("copy");
  1275.             $("#randomMessage").html("コピーしました。");
  1276.         }
  1277.         rnd(n) {
  1278.             return Math.floor(Math.random() * n);
  1279.         }
  1280.         padding(num, digit) {
  1281.             let txt = "0000000000" + num;
  1282.             return txt.slice(-digit);
  1283.         }
  1284.         rnd4() {
  1285.             let rnd = this.rnd(10000);
  1286.             return this.padding(rnd, 4);
  1287.         }
  1288.         matrix() {
  1289.             let num = this.memo.playerNum;
  1290.             var l = [];
  1291.             var mat = "";
  1292.             for (var i = 0; i < num; i++) {
  1293.                 l[i] = this.padding(i + 1, 2);
  1294.             }
  1295.             for (i = 0; i < num; i++) {
  1296.                 var r = this.rnd(num - i);
  1297.                 mat += l[r];
  1298.                 mat += i % 5 == 4 ? "\n" : " / ";
  1299.                 for (var j = r; j < num - 1; j++) {
  1300.                     l[j] = l[j + 1];
  1301.                 }
  1302.             }
  1303.             return mat;
  1304.         }
  1305.         haitoku() {
  1306.             let num = this.memo.playerNum;
  1307.             var jobs = ["村　人", "占い師", "霊能者", "狩　人", "共有者", "狂　人", "背徳者"];
  1308.             var cir = ["①", "②", "③", "④", "⑤", "⑥", "⑦"];
  1309.             var result = "";
  1310.             var isimo = num == 15 || num == 19;
  1311.             var n = isimo ? 7 : 6;
  1312.             if (isimo) {
  1313.                 result += cir[this.rnd(n)] + "\n\n";
  1314.             }
  1315.             var l = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
  1316.             for (let i = 0; i < n; i++) {
  1317.                 let r = this.rnd(10 - i);
  1318.                 let rnd = this.padding(this.rnd(100), 2);
  1319.                 result = result + jobs[i] + "：" + l[r] + rnd + "\n";
  1320.                 l.splice(r, 1);
  1321.             }
  1322.             return result;
  1323.         }
  1324.     }
  1325.     class Style {
  1326.         constructor(memo) {
  1327.             this.memo = memo;
  1328.         }
  1329.         injection() {
  1330.             let style = [];
  1331.             if (this.memo.settingIs("rewrite_css")) {
  1332.                 style = [
  1333.                     ".CLSTABLE tr td:nth-of-type(even) {font-size: 12px;line-height: 110%;padding: 2px;}",
  1334.                     ".CLSTABLE tr td:nth-of-type(odd) {font-size: 0px;padding: 2px;}",
  1335.                     'body[bgcolor="#000000"] font[color="#6666aa"] {color: #ccccff;}',
  1336.                     'font[size="-1"] {font-size: 9pt;}',
  1337.                     "img {padding: 0;}",
  1338.                     "input,select {font-size: 9pt;}",
  1339.                     "table {font-size: 13px;}",
  1340.                     'textarea {font-family: "Meiryo";font-size: 11px;min-height: 100px;}',
  1341.                     'table[cellpadding="0"] tr td:nth-of-type(2){word-break:break-all;}',
  1342.                 ];
  1343.             }
  1344.             let theme = this.memo.settingValue("theme_color");
  1345.             let theme_color = themeList[theme].main;
  1346.             let sub_color = themeList[theme].sub;
  1347.             style = style.concat([
  1348.                 `:root{--theme-color:${theme_color}; --sub-color:${sub_color};}`,
  1349.                 "*{box-sizing:border-box;}",
  1350.                 "body{margin:0;}",
  1351.                 "form{margin:8px;}",
  1352.                 "#memoContainer{display:none; width:100%; height:100%; position:fixed; top:0px; left:0px; background-color:rgba(180,180,180,0.8); padding:15px; overflow:auto;}",
  1353.                 "#floatButtonArea{position:fixed; right:15px; top:15px;}",
  1354.                 "#floatButtonArea > div{margin:0px 2px; display:inline-block; vertical-align: top; width:110px;  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.4);}",
  1355.                 "#warningArea{width:100%; height:40px; padding:5px; position:fixed; bottom:0; display:none; background-color:darkorange; text-align:center; font-size:16px; color:white; font-weight:bold;}",
  1356.                 "#left{font-size:30px;}",
  1357.                 "#warningArea select, #warningArea input{font-size:11pt; vertical-align:middle;}",
  1358.                 "#memoMenu{width:100%; margin: 0 auto; font-size:10px;}",
  1359.                 "#memoMenu input, #memoMenu select, #buttonArea input{font-size:11px;}",
  1360.                 "#memoTab{margin-top:15px;}",
  1361.                 "#memoBody{width:100%; height:calc(100% - 63px); margin: 0 auto; }",
  1362.                 "#logArea,#voteArea{width:100%; height:100%; overflow:auto; margin: 0 auto; background-color:white; padding:10px; border-radius:0px 8px 8px 8px ;}",
  1363.                 "#voteArea{display:none;}",
  1364.                 "#discussLogTable{border-collapse:collapse;}",
  1365.                 "#discussLogTable td{text-align:left;vertical-align:top; color:black; word-break:break-all; font-size:9pt; line-height:140%; padding:2px;}",
  1366.                 "#discussLogTable font{font-size:9pt;}",
  1367.                 "#discussLogTable tr td:first-of-type{min-width:150px;}",
  1368.                 "#discussLogTable tr.systemlog td{font-weight:bold;background-color:var(--theme-color) !important; color:white; text-align:center;}",
  1369.                 "#playerInfoTable a{text-decoration:underline; color:blue; cursor:pointer;}",
  1370.                 "#playerInfoTable tr.namerow td.death {background-color:pink;}",
  1371.                 "#playerInfoTable tr.namerow td.gray {background-color:#e3e3e3;}",
  1372.                 "#playerInfoTable select {max-width:100px;}",
  1373.                 "#voteTable, #summaryTable{font-size:11px; border-collapse:collapse; margin-bottom:10px;color:black;}",
  1374.                 "#voteTable td, #summaryTable td{border:1px solid #666; padding:2px; }",
  1375.                 "#toolArea_hid {display:none;}",
  1376.                 "#setting input[type=number], #setting input[type=text]{width:60px;}",
  1377.                 ".coloredit, .iconsupport{display:none;}",
  1378.                 ".voiceloud {padding:0px 5px;}",
  1379.                 ".voiceloud div:not(:first-of-type){margin-top:5px;}",
  1380.                 ".voice {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;}",
  1381.                 ".voice.voice_selected{border:3px solid red; line-height:24px;}",
  1382.                 "#caspe input[type=text]{width:100px;}",
  1383.                 "#caspe input[type=number]{width:50px}",
  1384.                 ".window{box-shadow: 0 3px 5px rgba(0, 0, 0, 0.4); border-top:16px solid var(--theme-color); background-color:#efefef; padding:10px; display:none; }",
  1385.                 ".southEast{font-size:13px; position:fixed; right:10px; bottom:10px; width:400px; height:300px;}",
  1386.                 ".north{width:400px; height:80px; position:fixed; left:calc(50% - 200px); top:15px;}",
  1387.                 "#floatButtonArea a, .button{width:110px; color:white; background-color:var(--theme-color); cursor:pointer; display:inline-block; font-size:12px; font-weight:bold; line-height:24px; text-align:center;}",
  1388.                 "div.button{margin:0px 2px; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.4); padding:0px 3px;}",
  1389.                 ".tab{width:150px; color:white; background-color:var(--theme-color);cursor:pointer;  display:inline-block; font-size:12px; line-height:24px; text-align:center; border-radius:8px 8px 0 0;}",
  1390.                 ".tab.active{color:var(--theme-color); background-color:white;font-weight:bold;}",
  1391.                 "#floatButtonArea a:hover, div.button:hover{background-color:var(--sub-color);}",
  1392.                 ".closebutton{position:absolute; right:5px; top:5px;}",
  1393.                 "#caspe img{padding:2px;}",
  1394.                 "#caspe img.iconselected{border:2px solid var(--theme-color); padding:0px;}",
  1395.                 ".jobinitial{user-select:none; color:var(--theme-color); font-weight:bold; font-size:80%;}",
  1396.                 ".jobinitial:not(:empty):before{content:'[';}",
  1397.                 ".jobinitial:not(:empty):after{content:']';}",
  1398.                 ".black{color:black;} .pink{color:deeppink;} .red{color:red;} .green{color:green;}",
  1399.                 ".purple{color:purple;} .brown{color:brown;} .blue{color:blue;}",
  1400.                 ".gaming{background:linear-gradient(to right, #f33,#ff3,#3f3,#3ff,#33f,#f3f,#f33) ;-webkit-background-clip: text; -webkit-text-fill-color:transparent;}",
  1401.             ]);
  1402.             if (this.memo.settingIs("layout")) {
  1403.                 style = style.concat([
  1404.                     "#logArea{display: flex; flex-direction:column; flex-wrap:wrap;}",
  1405.                     "#playerInfoArea{height:calc(100% - 50px); overflow:auto hidden; width:50%; padding:0px;}",
  1406.                     "#playerInfoArea select{font-size:8.5pt;}",
  1407.                     "#buttonArea{height:50px;font-size:12px;  padding:5px;}",
  1408.                     "#buttonArea > div{ margin-bottom:5px;}",
  1409.                     "#discussLogArea{width:50%; overflow:auto; padding:5px;}",
  1410.                     ".select{color:var(--theme-color); border-width:2px 2px 2px 0px ;border-color:var(--theme-color); border-style:solid; background-color:white; cursor:pointer; text-align:center; display:inline-block;width:100px;}",
  1411.                     ".select.active{color:white;background-color:var(--theme-color); font-weight:bold;}",
  1412.                     "#buttonArea > div > div.select:first-of-type{margin-left:5px; border-left:2px solid var(--theme-color);}",
  1413.                     "#buttonArea > div > div.select:lastof-type{margin-right:5px;}",
  1414.                     "#playerInfoTable{background-color:white; text-align:center; font-size:8pt; color:black; width:100%; margin:0px 2px 2px 0px;}",
  1415.                     "#playerInfoTable tbody{display:flex; flex-direction:row;border-spacing:0;}",
  1416.                     "#playerInfoTable tr{display:flex; flex-direction:column; flex:0 0 40px;}",
  1417.                     "#playerInfoTable tr.namerow{display:flex; flex-direction:column; flex:0 0 80px; position:sticky; left:0;}",
  1418.                     "#playerInfoTable tr.namerow td{background-color:white;}",
  1419.                     "#playerInfoTable tr.resultrow{display:flex; flex-direction:column; flex:0 0 140px;}",
  1420.                     "#playerInfoTable td{border-right:#666 solid 1px;border-bottom:#666 solid 1px;padding:1px; display:block; width:auto; height:1.8em; }",
  1421.                     "#playerInfoTable tr:first-of-type td{border-left:#666 solid 1px;}",
  1422.                     "#playerInfoTable tr td:first-of-type{border-top:#666 solid 1px;}",
  1423.                 ]);
  1424.             }
  1425.             else {
  1426.                 style = style.concat([
  1427.                     "#buttonArea{padding:10px;line-height:24px;font-size:9pt;}",
  1428.                     "#buttonArea > div{display:inline-block;}",
  1429.                     "#playerInfoArea{overflow:auto;}",
  1430.                     ".select{width:100px; color:var(--theme-color); border-width:2px 2px 2px 0px ;border-color:var(--theme-color); border-style:solid; background-color:white; cursor:pointer; display:inline-block; font-size:12px; line-height:20px; text-align:center;}",
  1431.                     ".select.active{color:white;background-color:var(--theme-color); font-weight:bold;}",
  1432.                     "#buttonArea > div > div.select:first-of-type{margin-left:5px; border-left:2px solid var(--theme-color);}",
  1433.                     "#buttonArea > div > div.select:last-of-type{margin-right:5px;}",
  1434.                     "#playerInfoTable {background-color:white;text-align:center; font-size:8pt;border-collapse:collapse; color:black; margin:0 auto;}",
  1435.                     "#playerInfoTable td{border:#666 solid 1px; padding:1px; }",
  1436.                     "#playerInfoTable tr.namerow{height:35px;}",
  1437.                     "#playerInfoTable tr td:first-child{min-width:50px;}",
  1438.                 ]);
  1439.             }
  1440.             $("<style></style>").html(style.join("\n")).appendTo($("head"));
  1441.         }
  1442.     }
  1443.     class Utility {
  1444.         constructor(memo) {
  1445.             this.memo = memo;
  1446.             this.setting = memo.setting;
  1447.             this.left = 0;
  1448.             this.autoReloadFlg = 0;
  1449.         }
  1450.         init() {
  1451.             this.setAlertVote();
  1452.             this.receiveKeyResponse();
  1453.             this.dispSuggest();
  1454.             this.highlightDeathnote();
  1455.             this.memo.playerManager.coloring();
  1456.             this.setAutoReload();
  1457.         }
  1458.         setAutoReload() {
  1459.             if ($("td.CLSTD01").eq(1).text() != "◆ 再表示")
  1460.                 return false;
  1461.             let isAutoReload = this.memo.isAutoReload;
  1462.             let onoff = isAutoReload ? "ON" : "OFF";
  1463.             $("#floatButtonArea").prepend("<div><a id='autoReload'>自動更新：" + onoff + "</a></div>");
  1464.             if (isAutoReload)
  1465.                 this.setReloadTimer();
  1466.             $("#autoReload").on("click", () => {
  1467.                 this.memo.toggleAutoReload();
  1468.                 let isAutoReload = this.memo.isAutoReload;
  1469.                 let onoff = isAutoReload ? "ON" : "OFF";
  1470.                 $("#autoReload").text("自動更新：" + onoff);
  1471.                 if (isAutoReload) {
  1472.                     this.setReloadTimer();
  1473.                 }
  1474.                 else {
  1475.                     clearTimeout(this.autoReloadFlg);
  1476.                 }
  1477.             });
  1478.         }
  1479.         setReloadTimer() {
  1480.             this.autoReloadFlg = setTimeout(() => {
  1481.                 $("textarea").eq(0).val("");
  1482.                 document.forms[0].submit();
  1483.             }, +this.memo.settingValue("autoreload_interval") * 1000);
  1484.         }
  1485.         setAlertVote() {
  1486.             if (!this.memo.settingIs("alert_vote"))
  1487.                 return false;
  1488.             if ($("font[size=6]").length) {
  1489.                 let warningArea = $("<div></div>", { id: "warningArea" }).appendTo($("body"));
  1490.                 warningArea.show();
  1491.                 var cmbplayer = $("select[name=CMBPLAYER]").clone();
  1492.                 var votebutton = $("<input />", {
  1493.                     type: "button",
  1494.                     value: "投票",
  1495.                     on: {
  1496.                         click: function () {
  1497.                             $("select").eq(0).val("VOTE");
  1498.                             document.forms[0].submit();
  1499.                         },
  1500.                     },
  1501.                 });
  1502.                 this.left = counts;
  1503.                 warningArea.html("未投票です！ あと<span id='left'></span>秒");
  1504.                 warningArea.append(cmbplayer);
  1505.                 warningArea.append(votebutton);
  1506.                 cmbplayer.on("change", function () {
  1507.                     let v = $(this).val();
  1508.                     if (!v)
  1509.                         return false;
  1510.                     $("select[name=CMBPLAYER]").val(v);
  1511.                 });
  1512.                 $("#left").html("" + this.left);
  1513.                 setInterval(() => {
  1514.                     $("#left").html(String(--this.left));
  1515.                 }, 1000);
  1516.             }
  1517.         }
  1518.         receiveKeyResponse() {
  1519.             if (this.memo.settingIs("send_support", "ctrl")) {
  1520.                 $(window).on("keydown", function (e) {
  1521.                     if (e.ctrlKey && e.keyCode == 13) {
  1522.                         document.forms[0].submit();
  1523.                     }
  1524.                 });
  1525.             }
  1526.             if (this.memo.settingIs("send_support", "shift")) {
  1527.                 $(window).on("keydown", function (e) {
  1528.                     if (e.shiftKey && e.keyCode == 13) {
  1529.                         document.forms[0].submit();
  1530.                     }
  1531.                 });
  1532.             }
  1533.         }
  1534.         dispSuggest() {
  1535.             var colorselect = createSelectBox(COLORLIST, 0, { id: "colorlist" });
  1536.             var coloredit = `<td class="coloredit">アイコン色：</td><td class="coloredit">${colorselect}</td>`;
  1537.             var iconsupport = "<td class='iconsupport'><input type='button' id='pasteurl' value='/../../imgbbs/img/'></td>";
  1538.             let commandtable = $("#w_command");
  1539.             commandtable.find("td").eq(1).after(coloredit).after(iconsupport);
  1540.             commandtable.find("td").eq(-2).addClass("cmbplayer");
  1541.             commandtable.find("td").eq(-1).addClass("cmbplayer");
  1542.             let _this = this;
  1543.             $("#colorlist").on("change", function () {
  1544.                 _this.editSpeakField(String($(this).val()));
  1545.             });
  1546.             $("#pasteurl").on("click", () => {
  1547.                 this.editSpeakField("/../../imgbbs/img/");
  1548.             });
  1549.             $("select")
  1550.                 .eq(0)
  1551.                 .on("change", function () {
  1552.                 $("td.coloredit").hide();
  1553.                 $("td.iconsupport").hide();
  1554.                 $("td.cmbplayer").hide();
  1555.                 if ($(this).val() == "ICONCHG") {
  1556.                     $("td.coloredit").show();
  1557.                 }
  1558.                 else if ($(this).val() == "BCONCHG") {
  1559.                     $("td.iconsupport").show();
  1560.                 }
  1561.                 else {
  1562.                     $("td.cmbplayer").show();
  1563.                 }
  1564.             });
  1565.         }
  1566.         editSpeakField(val) {
  1567.             $("textarea").eq(0).val(val);
  1568.         }
  1569.         highlightDeathnote() {
  1570.             var td = $("#w_info").find("td:last");
  1571.             if (/アナタの家の前に/.test(td.html())) {
  1572.                 td.css("color", "red");
  1573.             }
  1574.         }
  1575.     }
  1576.     if ($("body").attr("bgcolor") != "#fee3aa") {
  1577.         const meatmemo = new MeatMemo("wakamete");
  1578.     }
  1579.     
  1580.     
  1581.     })(jQuery)
  1582.