☰

NGA Filter

troll must die

当前为 2021-05-27 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name        NGA Filter
  3. // @namespace   https://greasyfork.org/users/263018
  4. // @version     1.2.3
  5. // @author      snyssss
  6. // @description troll must die
  7.  
  8. // @match       *://bbs.nga.cn/*
  9. // @match       *://ngabbs.com/*
  10. // @match       *://nga.178.com/*
  11.  
  12. // @grant       GM_addStyle
  13. // @grant       GM_setValue
  14. // @grant       GM_getValue
  15.  
  16. // @noframes
  17. // ==/UserScript==
  18.  
  19. ((n, self) => {
  20.   if (n === undefined) return;
  21.  
  22.   const key = "NGAFilter";
  23.  
  24.   // 过滤方式
  25.   const FILTER_MODE = ["继承", "标记", "遮罩", "隐藏", "显示"];
  26.  
  27.   // 切换过滤方式
  28.   const switchFilterMode = (value) => {
  29.     const next = FILTER_MODE.indexOf(value) + 1;
  30.  
  31.     if (next >= FILTER_MODE.length) {
  32.       return FILTER_MODE[0];
  33.     }
  34.  
  35.     return FILTER_MODE[next];
  36.   };
  37.  
  38.   // 数据
  39.   const data = (() => {
  40.     const d = {
  41.       tags: {},
  42.       users: {},
  43.       options: {
  44.         filterMode: "隐藏",
  45.         keyword: "",
  46.       },
  47.     };
  48.  
  49.     const v = GM_getValue(key);
  50.  
  51.     if (typeof v !== "object") {
  52.       return d;
  53.     }
  54.  
  55.     return Object.assign(d, v);
  56.   })();
  57.  
  58.   // 保存数据
  59.   const saveData = () => {
  60.     GM_setValue(key, data);
  61.   };
  62.  
  63.   // 增加标记
  64.   const addTag = (name) => {
  65.     const tag = Object.values(data.tags).find((item) => item.name === name);
  66.  
  67.     if (tag) return tag.id;
  68.  
  69.     const id =
  70.       Math.max(...Object.values(data.tags).map((item) => item.id), 0) + 1;
  71.  
  72.     const hash = (() => {
  73.       let h = 5381;
  74.       for (var i = 0; i < name.length; i++) {
  75.         h = ((h << 5) + h + name.charCodeAt(i)) & 0xffffffff;
  76.       }
  77.       return h;
  78.     })();
  79.  
  80.     const hex = Math.abs(hash).toString(16) + "000000";
  81.  
  82.     const hsv = [
  83.       `0x${hex.substr(2, 2)}` / 255,
  84.       `0x${hex.substr(2, 2)}` / 255 / 2 + 0.25,
  85.       `0x${hex.substr(4, 2)}` / 255 / 2 + 0.25,
  86.     ];
  87.  
  88.     const rgb = n.hsvToRgb(hsv[0], hsv[1], hsv[2]);
  89.  
  90.     const color = ["#", ...rgb].reduce((a, b) => {
  91.       return a + ("0" + b.toString(16)).slice(-2);
  92.     });
  93.  
  94.     data.tags[id] = {
  95.       id,
  96.       name,
  97.       color,
  98.       filterMode: FILTER_MODE[0],
  99.     };
  100.  
  101.     saveData();
  102.  
  103.     return id;
  104.   };
  105.  
  106.   // 增加用户
  107.   const addUser = (id, name = null, tags = [], filterMode = FILTER_MODE[0]) => {
  108.     if (data.users[id]) return data.users[id];
  109.  
  110.     data.users[id] = {
  111.       id,
  112.       name,
  113.       tags,
  114.       filterMode,
  115.     };
  116.  
  117.     saveData();
  118.  
  119.     return data.users[id];
  120.   };
  121.  
  122.   // 旧版本数据迁移
  123.   {
  124.     const dataKey = "troll_data";
  125.     const modeKey = "troll_mode";
  126.     const keywordKey = "troll_keyword";
  127.  
  128.     if (localStorage.getItem(dataKey)) {
  129.       let trollMap = (function () {
  130.         try {
  131.           return JSON.parse(localStorage.getItem(dataKey)) || {};
  132.         } catch (e) {}
  133.  
  134.         return {};
  135.       })();
  136.  
  137.       let filterMode = ~~localStorage.getItem(modeKey);
  138.  
  139.       let filterKeyword = localStorage.getItem(keywordKey) || "";
  140.  
  141.       // 整理标签
  142.       [...new Set(Object.values(trollMap).flat())].forEach((item) =>
  143.         addTag(item)
  144.       );
  145.  
  146.       // 整理用户
  147.       Object.keys(trollMap).forEach((item) => {
  148.         addUser(
  149.           item,
  150.           null,
  151.           (typeof trollMap[item] === "object"
  152.             ? trollMap[item]
  153.             : []
  154.           ).map((tag) => addTag(tag))
  155.         );
  156.       });
  157.  
  158.       data.options.filterMode = filterMode ? "隐藏" : "标记";
  159.       data.options.keyword = filterKeyword;
  160.  
  161.       localStorage.removeItem(dataKey);
  162.       localStorage.removeItem(modeKey);
  163.       localStorage.removeItem(keywordKey);
  164.  
  165.       saveData();
  166.     }
  167.  
  168.     // v1.1.0 -> v1.1.1
  169.     {
  170.       Object.values(data.users).forEach(({ id, name, tags, enabled }) => {
  171.         if (enabled !== undefined) {
  172.           data.users[id] = {
  173.             id,
  174.             name,
  175.             tags,
  176.             filterMode: enabled ? "继承" : "显示",
  177.           };
  178.         }
  179.       });
  180.  
  181.       Object.values(data.tags).forEach(({ id, name, color, enabled }) => {
  182.         if (enabled !== undefined) {
  183.           data.tags[id] = {
  184.             id,
  185.             name,
  186.             color,
  187.             filterMode: enabled ? "继承" : "显示",
  188.           };
  189.         }
  190.       });
  191.  
  192.       if (data.options.filterMode === 0) {
  193.         data.options.filterMode = "隐藏";
  194.       } else if (data.options.filterMode === 1) {
  195.         data.options.filterMode = "标记";
  196.       }
  197.  
  198.       saveData();
  199.     }
  200.   }
  201.  
  202.   // 编辑用户标记
  203.   const editUser = (() => {
  204.     let window;
  205.     return (uid, name, callback) => {
  206.       if (window === undefined) {
  207.         window = n.createCommmonWindow();
  208.       }
  209.  
  210.       const user = data.users[uid];
  211.  
  212.       const content = document.createElement("div");
  213.  
  214.       const size = Math.floor((screen.width * 0.8) / 200);
  215.  
  216.       const items = Object.values(data.tags).map(
  217.         (tag, index) => `
  218.           <td class="c1">
  219.             <label for="s-tag-${index}" style="display: block; cursor: pointer;">
  220.               <b class="block_txt nobr" style="background:${
  221.                 tag.color
  222.               }; color:#fff; margin: 0.1em 0.2em;">${tag.name}</b>
  223.             </label>
  224.           </td>
  225.           <td class="c2" width="1">
  226.               <input id="s-tag-${index}" type="checkbox" value="${tag.id}" ${
  227.           user && user.tags.find((item) => item === tag.id) && "checked"
  228.         }/>
  229.           </td>
  230.         `
  231.       );
  232.  
  233.       const rows = [...new Array(Math.ceil(items.length / size))].map(
  234.         (item, index) =>
  235.           `
  236.           <tr class="row${(index % 2) + 1}">
  237.             ${items.slice(size * index, size * (index + 1)).join("")}
  238.           </tr>
  239.           `
  240.       );
  241.  
  242.       content.className = "w100";
  243.       content.innerHTML = `
  244.         <div class="filter-table-wrapper" style="width: 80vw;">
  245.           <table class="filter-table forumbox">
  246.             <tbody>
  247.               ${rows.join("")}
  248.             </tbody>
  249.           </table>
  250.         </div>
  251.         <div style="margin: 10px 0;">
  252.             <input placeholder="一次性添加多个标记用&quot;|&quot;隔开，不会添加重名标记" style="width: -webkit-fill-available;" />
  253.         </div>
  254.         <div style="margin: 10px 0;">
  255.             <span>过滤方式：</span>
  256.             <button>${(user && user.filterMode) || FILTER_MODE[0]}</button>
  257.             <div class="right_">
  258.                 <button>删除</button>
  259.                 <button>保存</button>
  260.             </div>
  261.         </div>
  262.         <div class="silver" style="margin-top: 5px;">过滤优先级：用户 > 标记 > 全局</div>
  263.     `;
  264.  
  265.       const actions = content.getElementsByTagName("button");
  266.  
  267.       actions[0].onclick = () => {
  268.         actions[0].innerText = switchFilterMode(
  269.           actions[0].innerText || FILTER_MODE[0]
  270.         );
  271.       };
  272.  
  273.       actions[1].onclick = () => {
  274.         if (confirm("是否确认?")) {
  275.           delete data.users[uid];
  276.  
  277.           saveData();
  278.  
  279.           callback && callback();
  280.  
  281.           window._.hide();
  282.         }
  283.       };
  284.  
  285.       actions[2].onclick = () => {
  286.         if (confirm("是否确认?")) {
  287.           const values = [...content.getElementsByTagName("input")];
  288.           const newTags = values[values.length - 1].value
  289.             .split("|")
  290.             .filter((item) => item.length)
  291.             .map((item) => addTag(item));
  292.           const tags = [
  293.             ...new Set(
  294.               values
  295.                 .filter((item) => item.type === "checkbox" && item.checked)
  296.                 .map((item) => ~~item.value)
  297.                 .concat(newTags)
  298.             ),
  299.           ].sort();
  300.  
  301.           if (user) {
  302.             user.tags = tags;
  303.             user.filterMode = actions[0].innerText;
  304.           } else {
  305.             addUser(uid, name, tags, actions[0].innerText);
  306.           }
  307.  
  308.           saveData();
  309.  
  310.           callback && callback();
  311.  
  312.           window._.hide();
  313.         }
  314.       };
  315.  
  316.       if (user === undefined) {
  317.         actions[1].style = "display: none;";
  318.       }
  319.  
  320.       window._.addContent(null);
  321.       window._.addTitle(`编辑标记 - ${name ? name : "#" + uid}`);
  322.       window._.addContent(content);
  323.       window._.show();
  324.     };
  325.   })();
  326.  
  327.   // 过滤
  328.   const reFilter = () => {
  329.     const tPage = location.pathname === "/thread.php";
  330.     const pPage = location.pathname === "/read.php";
  331.     const uPage = location.pathname === "/nuke.php";
  332.  
  333.     if (tPage) {
  334.       const tData = n.topicArg.data;
  335.  
  336.       Object.values(tData).forEach((item) => {
  337.         if (item.containerC) return;
  338.  
  339.         const uid =
  340.           item[2].search.match(/uid=(\S+)/) &&
  341.           item[2].search.match(/uid=(\S+)/)[1];
  342.  
  343.         const user = data.users[uid];
  344.  
  345.         const tags = user ? user.tags.map((tag) => data.tags[tag]) : [];
  346.  
  347.         // 过滤方式，优先程度 用户 > 标记 > 全局
  348.         const filterMode = (() => {
  349.           if (user) {
  350.             if (user.filterMode !== FILTER_MODE[0]) {
  351.               return user.filterMode;
  352.             }
  353.  
  354.             const tagsFilterMode = (() => {
  355.               if (tags.some((tag) => tag.filterMode !== "显示")) {
  356.                 return tags
  357.                   .filter((tag) => tag.filterMode !== "显示")
  358.                   .map((tag) => FILTER_MODE.indexOf(tag.filterMode) || 0)
  359.                   .sort((a, b) => b - a)[0];
  360.               }
  361.  
  362.               return FILTER_MODE.indexOf("显示");
  363.             })();
  364.  
  365.             if (tagsFilterMode > 0) {
  366.               return FILTER_MODE[tagsFilterMode];
  367.             }
  368.  
  369.             return data.options.filterMode;
  370.           }
  371.  
  372.           if (
  373.             data.options.keyword.length &&
  374.             item[1].innerText.search(data.options.keyword) >= 0
  375.           ) {
  376.             return data.options.filterMode;
  377.           }
  378.         })();
  379.  
  380.         item.contentC = item[1];
  381.  
  382.         item.contentB = item.contentB || item.contentC.innerHTML;
  383.  
  384.         item.containerC =
  385.           item.containerC || item.contentC.parentNode.parentNode;
  386.  
  387.         item.containerC.style = "";
  388.         item.contentC.style = "";
  389.         item[1].className = item[1].className.replace(" filter-mask", "");
  390.         item[2].className = item[2].className.replace(" filter-mask", "");
  391.  
  392.         if (filterMode === "标记") {
  393.           item.contentC.style = "text-decoration: line-through;";
  394.         } else if (filterMode === "遮罩") {
  395.           item[1].className += " filter-mask";
  396.           item[2].className += " filter-mask";
  397.         } else if (filterMode === "隐藏") {
  398.           item.containerC.style = "display: none;";
  399.         }
  400.       });
  401.     } else if (pPage) {
  402.       const pData = n.postArg.data;
  403.  
  404.       Object.values(pData).forEach((item) => {
  405.         if (~~item.pAid === self) return;
  406.         if (item.containerC) return;
  407.  
  408.         if (typeof item.i === "number") {
  409.           item.actionC =
  410.             item.actionC ||
  411.             (() => {
  412.               const ele = item.uInfoC.querySelector('[name="uid"]');
  413.  
  414.               ele.onclick = null;
  415.  
  416.               return ele;
  417.             })();
  418.  
  419.           item.tagC =
  420.             item.tagC ||
  421.             (() => {
  422.               const tc = document.createElement("div");
  423.  
  424.               tc.className = "filter-tags";
  425.  
  426.               item.uInfoC.appendChild(tc);
  427.  
  428.               return tc;
  429.             })();
  430.         }
  431.  
  432.         item.pName =
  433.           item.pName ||
  434.           item.uInfoC.getElementsByClassName("author")[0].innerText;
  435.  
  436.         item.reFilter =
  437.           item.reFilter ||
  438.           (() => {
  439.             const user = data.users[item.pAid];
  440.  
  441.             const tags = user ? user.tags.map((tag) => data.tags[tag]) : [];
  442.  
  443.             // 过滤方式，优先程度 用户 > 标记 > 全局
  444.             const filterMode = (() => {
  445.               if (user) {
  446.                 if (user.filterMode !== FILTER_MODE[0]) {
  447.                   return user.filterMode;
  448.                 }
  449.  
  450.                 const tagsFilterMode = (() => {
  451.                   if (tags.some((tag) => tag.filterMode !== "显示")) {
  452.                     return tags
  453.                       .filter((tag) => tag.filterMode !== "显示")
  454.                       .map((tag) => FILTER_MODE.indexOf(tag.filterMode) || 0)
  455.                       .sort((a, b) => b - a)[0];
  456.                   }
  457.  
  458.                   return FILTER_MODE.indexOf("显示");
  459.                 })();
  460.                 
  461.                 if (tagsFilterMode > 0) {
  462.                   return FILTER_MODE[tagsFilterMode];
  463.                 }
  464.  
  465.                 return data.options.filterMode;
  466.               }
  467.             })();
  468.  
  469.             item.avatarC =
  470.               item.avatarC ||
  471.               (() => {
  472.                 const tc = document.createElement("div");
  473.  
  474.                 const avatar = document.getElementById(`posteravatar${item.i}`);
  475.  
  476.                 if (avatar) {
  477.                   avatar.parentNode.insertBefore(tc, avatar.nextSibling);
  478.  
  479.                   tc.appendChild(avatar);
  480.                 }
  481.  
  482.                 return tc;
  483.               })();
  484.  
  485.             item.contentB = item.contentB || item.contentC.innerHTML;
  486.  
  487.  
  488.             item.containerC =
  489.               item.containerC ||
  490.               (() => {
  491.                 let temp = item.contentC;
  492.  
  493.                 if (item.i >= 0) {
  494.                   while (temp.nodeName !== "TBODY") {
  495.                     temp = temp.parentNode;
  496.                   }
  497.                 } else {
  498.                   while (temp.nodeName !== "DIV") {
  499.                     temp = temp.parentNode;
  500.                   }
  501.                 }
  502.  
  503.                 return temp;
  504.               })();
  505.  
  506.             item.avatarC.style.display = "";
  507.             item.containerC.style.display = "";
  508.             item.contentC.innerHTML = item.contentB;
  509.           
  510.             if (item.actionC) {
  511.               item.actionC.style = "background: #aaa;";
  512.             }
  513.  
  514.             if (filterMode === "标记") {
  515.               item.avatarC.style.display = "none";
  516.               item.contentC.innerHTML = `
  517.                 <div class="lessernuke" style="background: #81C7D4; border-color: #66BAB7; ">
  518.                     <span class="crimson">Troll must die.</span>
  519.                     <a href="javascript:void(0)" onclick="[...document.getElementsByName('troll_${user.id}')].forEach(item => item.style.display = '')">点击查看</a>
  520.                     <div style="display: none;" name="troll_${user.id}">
  521.                         ${item.contentB}
  522.                     </div>
  523.                 </div>`;
  524.  
  525.               if (item.actionC) {
  526.                 item.actionC.style = "background: #cb4042;";
  527.               }
  528.             } else if (filterMode === "遮罩") {
  529.               const caption = document.createElement("CAPTION");
  530.               
  531.               if (item.i >= 0) {
  532.                 caption.className = "filter-mask filter-mask-block";
  533.               } else {
  534.                 caption.className = "filter-mask filter-mask-block left";
  535.                 caption.style = "width: 47%;";
  536.               }
  537.               
  538.               caption.innerHTML = `<span class="crimson">Troll must die.</span>`;
  539.               caption.onclick = () => {
  540.                 item.containerC.parentNode.removeChild(caption);
  541.                 item.containerC.style.display = "";
  542.               };
  543.  
  544.               item.containerC.parentNode.insertBefore(caption, item.containerC);
  545.               item.containerC.style.display = "none";
  546.               
  547.               if (item.actionC) {
  548.                 item.actionC.style = "background: #cb4042;";
  549.               }
  550.             } else if (filterMode === "隐藏") {
  551.               item.containerC.style.display = "none";
  552.             }
  553.  
  554.             if (item.tagC) {
  555.               item.tagC.style.display = tags.length ? "" : "none";
  556.               item.tagC.innerHTML = tags
  557.                 .map(
  558.                   (tag) =>
  559.                     `<b class="block_txt nobr" style="background:${tag.color}; color:#fff; margin: 0.1em 0.2em;">${tag.name}</b>`
  560.                 )
  561.                 .join("");
  562.             }
  563.           });
  564.  
  565.         if (item.actionC) {
  566.           item.actionC.onclick =
  567.             item.actionC.onclick ||
  568.             ((e) => {
  569.               if (item.pAid < 0) return;
  570.  
  571.               const user = data.users[item.pAid];
  572.  
  573.               if (e.ctrlKey === false) {
  574.                 editUser(item.pAid, item.pName, item.reFilter);
  575.               } else {
  576.                 if (user) {
  577.                   delete data.users[user.id];
  578.                 } else {
  579.                   addUser(item.pAid, item.pName);
  580.                 }
  581.  
  582.                 saveData();
  583.                 item.reFilter();
  584.               }
  585.             });
  586.         }
  587.  
  588.         item.reFilter();
  589.       });
  590.     } else if (uPage) {
  591.       const container = document.getElementById("ucp_block");
  592.  
  593.       if (container.firstChild) {
  594.         const uid = container.innerText.match(/用户ID\s*:\s*(\S+)/)[1];
  595.  
  596.         const name = container.innerText.match(/用户名\s*:\s*(\S+)/)[1];
  597.  
  598.         container.tagC =
  599.           container.tagC ||
  600.           (() => {
  601.             const c = document.createElement("span");
  602.  
  603.             c.innerHTML = `
  604.                     <h2 class="catetitle">:: ${name} 的标记 ::</h2>
  605.                     <div class="cateblock" style="text-align: left; line-height: 1.8em;">
  606.                         <div class="contentBlock" style="padding: 5px 10px;">
  607.                             <span>
  608.                                 <ul class="actions" style="padding: 0px; margin: 0px;">
  609.                                     <li style="padding-right: 5px;">
  610.                                         <span>
  611.                                             <a href="javascript: void(0);">[编辑 ${name} 的标记]</a>
  612.                                         </span>
  613.                                     </li>
  614.                                     <div class="clear"></div>
  615.                                 </ul>
  616.                             </span>
  617.                             <div class="filter-tags"></div>
  618.                             <div class="clear"></div>
  619.                         </div>
  620.                     </div>
  621.                 `;
  622.  
  623.             c.getElementsByTagName("a")[0].onclick = () => {
  624.               editUser(uid, name, container.refresh);
  625.             };
  626.  
  627.             container.firstChild.insertBefore(
  628.               c,
  629.               container.firstChild.childNodes[1]
  630.             );
  631.  
  632.             return c.getElementsByClassName("filter-tags")[0];
  633.           })();
  634.  
  635.         container.refresh = () => {
  636.           container.tagC.innerHTML = data.users[uid].tags
  637.             .map(
  638.               (tag) =>
  639.                 `<b class="block_txt nobr" style="background:${data.tags[tag].color}; color:#fff; margin: 0.1em 0.2em;">${data.tags[tag].name}</b>`
  640.             )
  641.             .join("");
  642.         };
  643.  
  644.         container.refresh();
  645.       }
  646.     }
  647.   };
  648.  
  649.   // STYLE
  650.   GM_addStyle(`
  651.     .filter-table-wrapper {
  652.         max-height: 80vh;
  653.         overflow-y: auto;
  654.     }
  655.     .filter-table {
  656.         margin: 0;
  657.     }
  658.     .filter-table th,
  659.     .filter-table td {
  660.         position: relative;
  661.         white-space: nowrap;
  662.     }
  663.     .filter-table th {
  664.         position: sticky;
  665.         top: 2px;
  666.         z-index: 1;
  667.     }
  668.     .filter-table input:not([type]), .filter-table input[type="text"] {
  669.         margin: 0;
  670.         box-sizing: border-box;
  671.         height: 100%;
  672.         width: 100%;
  673.     }
  674.     .filter-input-wrapper {
  675.         position: absolute;
  676.         top: 6px;
  677.         right: 6px;
  678.         bottom: 6px;
  679.         left: 6px;
  680.     }
  681.     .filter-text-ellipsis {
  682.         display: flex;
  683.     }
  684.     .filter-text-ellipsis > * {
  685.         flex: 1;
  686.         width: 1px;
  687.         overflow: hidden;
  688.         text-overflow: ellipsis;
  689.     }
  690.     .filter-button-group {
  691.         margin: -.1em -.2em;
  692.     }
  693.     .filter-tags {
  694.         margin: 2px -0.2em 0;
  695.         text-align: left;
  696.     }
  697.     .filter-mask {
  698.         margin: 1px; 
  699.         color: #81C7D4;
  700.         background: #81C7D4;
  701.     }
  702.     .filter-mask-block {
  703.         display: block;
  704.         border: 1px solid #66BAB7;
  705.         text-align: center !important;
  706.     }
  707.   `);
  708.  
  709.   // UI
  710.   const u = (() => {
  711.     const modules = {};
  712.  
  713.     const tabContainer = (() => {
  714.       const c = document.createElement("div");
  715.  
  716.       c.className = "w100";
  717.       c.innerHTML = `
  718.           <div class="right_" style="margin-bottom: 5px;">
  719.               <table class="stdbtn" cellspacing="0">
  720.                   <tbody>
  721.                       <tr></tr>
  722.                   </tbody>
  723.               </table>
  724.           </div>
  725.           <div class="clear"></div>
  726.           `;
  727.  
  728.       return c;
  729.     })();
  730.  
  731.     const tabPanelContainer = (() => {
  732.       const c = document.createElement("div");
  733.  
  734.       c.style = "width: 80vw;";
  735.  
  736.       return c;
  737.     })();
  738.  
  739.     const content = (() => {
  740.       const c = document.createElement("div");
  741.  
  742.       c.append(tabContainer);
  743.       c.append(tabPanelContainer);
  744.  
  745.       return c;
  746.     })();
  747.  
  748.     const addModule = (() => {
  749.       const tc = tabContainer.getElementsByTagName("tr")[0];
  750.       const cc = tabPanelContainer;
  751.  
  752.       return (module) => {
  753.         const tabBox = document.createElement("td");
  754.  
  755.         tabBox.innerHTML = `<a href="javascript:void(0)" class="nobr silver">${module.name}</a>`;
  756.  
  757.         const tab = tabBox.childNodes[0];
  758.  
  759.         const toggle = () => {
  760.           Object.values(modules).forEach((item) => {
  761.             if (item.tab === tab) {
  762.               item.tab.className = "nobr";
  763.               item.content.style = "display: block";
  764.               item.refresh();
  765.             } else {
  766.               item.tab.className = "nobr silver";
  767.               item.content.style = "display: none";
  768.             }
  769.           });
  770.         };
  771.  
  772.         tc.append(tabBox);
  773.         cc.append(module.content);
  774.  
  775.         tab.onclick = toggle;
  776.  
  777.         modules[module.name] = {
  778.           ...module,
  779.           tab,
  780.           toggle,
  781.         };
  782.  
  783.         return modules[module.name];
  784.       };
  785.     })();
  786.  
  787.     return {
  788.       content,
  789.       modules,
  790.       addModule,
  791.     };
  792.   })();
  793.  
  794.   // 屏蔽列表
  795.   const blockModule = (() => {
  796.     const content = (() => {
  797.       const c = document.createElement("div");
  798.  
  799.       c.style = "display: none";
  800.       c.innerHTML = `
  801.         <div class="filter-table-wrapper">
  802.           <table class="filter-table forumbox">
  803.             <thead>
  804.               <tr class="block_txt_c0">
  805.                 <th class="c1" width="1">昵称</th>
  806.                 <th class="c2">标记</th>
  807.                 <th class="c3" width="1">过滤方式</th>
  808.                 <th class="c4" width="1">操作</th>
  809.               </tr>
  810.             </thead>
  811.             <tbody></tbody>
  812.           </table>
  813.         </div>
  814.       `;
  815.  
  816.       return c;
  817.     })();
  818.  
  819.     const refresh = (() => {
  820.       const container = content.getElementsByTagName("tbody")[0];
  821.  
  822.       const func = () => {
  823.         container.innerHTML = "";
  824.  
  825.         Object.values(data.users).forEach((item) => {
  826.           const tc = document.createElement("tr");
  827.  
  828.           tc.className = `row${
  829.             (container.querySelectorAll("TR").length % 2) + 1
  830.           }`;
  831.  
  832.           tc.refresh = () => {
  833.             if (data.users[item.id]) {
  834.               tc.innerHTML = `
  835.                 <td class="c1">
  836.                     <a href="/nuke.php?func=ucp&uid=${
  837.                       item.id
  838.                     }" class="b nobr">[${
  839.                 item.name ? "@" + item.name : "#" + item.id
  840.               }]</a>
  841.                 </td>
  842.                 <td class="c2">
  843.                     ${item.tags
  844.                       .map((tag) => {
  845.                         if (data.tags[tag]) {
  846.                           return `<b class="block_txt nobr" style="background:${data.tags[tag].color}; color:#fff; margin: 0.1em 0.2em;">${data.tags[tag].name}</b>`;
  847.                         }
  848.                       })
  849.                       .join("")}
  850.                 </td>
  851.                 <td class="c3">
  852.                     <div class="filter-table-button-group">
  853.                       <button>${item.filterMode || FILTER_MODE[0]}</button>
  854.                     </div>
  855.                 </td>
  856.                 <td class="c4">
  857.                     <div class="filter-table-button-group">
  858.                       <button>编辑</button>
  859.                       <button>删除</button>
  860.                     </div>
  861.                 </td>
  862.               `;
  863.  
  864.               const actions = tc.getElementsByTagName("button");
  865.  
  866.               actions[0].onclick = () => {
  867.                 data.users[item.id].filterMode = switchFilterMode(
  868.                   data.users[item.id].filterMode || FILTER_MODE[0]
  869.                 );
  870.  
  871.                 actions[0].innerHTML = data.users[item.id].filterMode;
  872.  
  873.                 saveData();
  874.                 reFilter();
  875.               };
  876.  
  877.               actions[1].onclick = () => {
  878.                 editUser(item.id, item.name, tc.refresh);
  879.               };
  880.  
  881.               actions[2].onclick = () => {
  882.                 if (confirm("是否确认?")) {
  883.                   delete data.users[item.id];
  884.                   container.removeChild(tc);
  885.  
  886.                   saveData();
  887.                   reFilter();
  888.                 }
  889.               };
  890.             } else {
  891.               tc.remove();
  892.             }
  893.           };
  894.  
  895.           tc.refresh();
  896.  
  897.           container.appendChild(tc);
  898.         });
  899.       };
  900.  
  901.       return func;
  902.     })();
  903.  
  904.     return {
  905.       name: "屏蔽列表",
  906.       content,
  907.       refresh,
  908.     };
  909.   })();
  910.  
  911.   // 标记设置
  912.   const tagModule = (() => {
  913.     const content = (() => {
  914.       const c = document.createElement("div");
  915.  
  916.       c.style = "display: none";
  917.       c.innerHTML = `
  918.         <div class="filter-table-wrapper">
  919.           <table class="filter-table forumbox">
  920.             <thead>
  921.               <tr class="block_txt_c0">
  922.                 <th class="c1" width="1">标记</th>
  923.                 <th class="c2">列表</th>
  924.                 <th class="c3" width="1">过滤方式</th>
  925.                 <th class="c4" width="1">操作</th>
  926.               </tr>
  927.             </thead>
  928.             <tbody></tbody>
  929.           </table>
  930.         </div>
  931.       `;
  932.  
  933.       return c;
  934.     })();
  935.  
  936.     const refresh = (() => {
  937.       const container = content.getElementsByTagName("tbody")[0];
  938.  
  939.       const func = () => {
  940.         container.innerHTML = "";
  941.  
  942.         Object.values(data.tags).forEach((item) => {
  943.           const tc = document.createElement("tr");
  944.  
  945.           tc.className = `row${
  946.             (container.querySelectorAll("TR").length % 2) + 1
  947.           }`;
  948.  
  949.           tc.innerHTML = `
  950.             <td class="c1">
  951.                 <b class="block_txt nobr" style="background:${
  952.                   item.color
  953.                 }; color:#fff; margin: 0.1em 0.2em;">${item.name}</b>
  954.             </td>
  955.             <td class="c2">
  956.                 <button>${
  957.                   Object.values(data.users).filter((user) =>
  958.                     user.tags.find((tag) => tag === item.id)
  959.                   ).length
  960.                 }
  961.                 </button>
  962.                 <div style="white-space: normal; display: none;">
  963.                     ${Object.values(data.users)
  964.                       .filter((user) =>
  965.                         user.tags.find((tag) => tag === item.id)
  966.                       )
  967.                       .map(
  968.                         (user) =>
  969.                           `<a href="/nuke.php?func=ucp&uid=${
  970.                             user.id
  971.                           }" class="b nobr">[${
  972.                             user.name ? "@" + user.name : "#" + user.id
  973.                           }]</a>`
  974.                       )
  975.                       .join("")}
  976.                 </div>
  977.             </td>
  978.             <td class="c3">
  979.                 <div class="filter-table-button-group">
  980.                   <button>${item.filterMode || FILTER_MODE[0]}</button>
  981.                 </div>
  982.             </td>
  983.             <td class="c3">
  984.                 <div class="filter-table-button-group">
  985.                   <button>删除</button>
  986.                 </div>
  987.             </td>
  988.           `;
  989.  
  990.           const actions = tc.getElementsByTagName("button");
  991.  
  992.           actions[0].onclick = (() => {
  993.             let hide = true;
  994.             return () => {
  995.               hide = !hide;
  996.               actions[0].nextElementSibling.style.display = hide
  997.                 ? "none"
  998.                 : "block";
  999.             };
  1000.           })();
  1001.  
  1002.           actions[1].onclick = () => {
  1003.             data.tags[item.id].filterMode = switchFilterMode(
  1004.               data.tags[item.id].filterMode || FILTER_MODE[0]
  1005.             );
  1006.  
  1007.             actions[1].innerHTML = data.tags[item.id].filterMode;
  1008.  
  1009.             saveData();
  1010.             reFilter();
  1011.           };
  1012.  
  1013.           actions[2].onclick = () => {
  1014.             if (confirm("是否确认?")) {
  1015.               delete data.tags[item.id];
  1016.  
  1017.               Object.values(data.users).forEach((user) => {
  1018.                 const index = user.tags.findIndex((tag) => tag === item.id);
  1019.                 if (index >= 0) {
  1020.                   user.tags.splice(index, 1);
  1021.                 }
  1022.               });
  1023.  
  1024.               container.removeChild(tc);
  1025.  
  1026.               saveData();
  1027.               reFilter();
  1028.             }
  1029.           };
  1030.  
  1031.           container.appendChild(tc);
  1032.         });
  1033.       };
  1034.  
  1035.       return func;
  1036.     })();
  1037.  
  1038.     return {
  1039.       name: "标记设置",
  1040.       content,
  1041.       refresh,
  1042.     };
  1043.   })();
  1044.  
  1045.   // 通用设置
  1046.   const commonModule = (() => {
  1047.     const content = (() => {
  1048.       const c = document.createElement("div");
  1049.  
  1050.       c.style = "display: none";
  1051.  
  1052.       return c;
  1053.     })();
  1054.  
  1055.     const refresh = (() => {
  1056.       const container = content;
  1057.  
  1058.       const func = () => {
  1059.         container.innerHTML = "";
  1060.  
  1061.         // 屏蔽关键词
  1062.         {
  1063.           const tc = document.createElement("div");
  1064.  
  1065.           tc.innerHTML += `
  1066.             <div>过滤关键词，用"|"隔开</div>
  1067.             <div>
  1068.                 <textarea rows="3" style="box-sizing: border-box; width: 100%;">${data.options.keyword}</textarea>
  1069.                 <button>确认</button>
  1070.             </div>
  1071.           `;
  1072.  
  1073.           const actions = tc.getElementsByTagName("button");
  1074.  
  1075.           actions[0].onclick = () => {
  1076.             const v = actions[0].previousElementSibling.value;
  1077.  
  1078.             data.options.keyword = v;
  1079.  
  1080.             saveData();
  1081.             reFilter();
  1082.           };
  1083.  
  1084.           container.appendChild(tc);
  1085.         }
  1086.  
  1087.         // 全局过滤方式
  1088.         {
  1089.           const tc = document.createElement("div");
  1090.  
  1091.           tc.innerHTML += `
  1092.             <br/>
  1093.             <div>全局过滤方式</div>
  1094.             <div></div>
  1095.             <div class="silver" style="margin-top: 5px;">过滤优先级：用户 &gt; 标记 &gt; 全局</div>
  1096.           `;
  1097.  
  1098.           ["标记", "遮罩", "隐藏"].forEach((item, index) => {
  1099.             const ele = document.createElement("SPAN");
  1100.  
  1101.             ele.innerHTML += `
  1102.             <input id="s-fm-${index}" type="radio" name="filterType" ${
  1103.               data.options.filterMode === item && "checked"
  1104.             }>
  1105.             <label for="s-fm-${index}" style="cursor: pointer;">${item}</label>
  1106.             `;
  1107.  
  1108.             const inp = ele.querySelector("input");
  1109.  
  1110.             inp.onchange = () => {
  1111.               if (inp.checked) {
  1112.                 data.options.filterMode = item;
  1113.                 saveData();
  1114.                 reFilter();
  1115.               }
  1116.             };
  1117.  
  1118.             tc.querySelectorAll("div")[1].append(ele);
  1119.           });
  1120.  
  1121.           container.appendChild(tc);
  1122.         }
  1123.  
  1124.         // 删除没有标记的用户
  1125.         {
  1126.           const tc = document.createElement("div");
  1127.  
  1128.           tc.innerHTML += `
  1129.             <br/>
  1130.             <div>
  1131.                 <button>删除没有标记的用户</button>
  1132.             </div>
  1133.           `;
  1134.  
  1135.           const actions = tc.getElementsByTagName("button");
  1136.  
  1137.           actions[0].onclick = () => {
  1138.             if (confirm("是否确认?")) {
  1139.               Object.values(data.users).forEach((item) => {
  1140.                 if (item.tags.length === 0) {
  1141.                   delete data.users[item.id];
  1142.                 }
  1143.               });
  1144.  
  1145.               saveData();
  1146.               reFilter();
  1147.             }
  1148.           };
  1149.  
  1150.           container.appendChild(tc);
  1151.         }
  1152.  
  1153.         // 删除没有用户的标记
  1154.         {
  1155.           const tc = document.createElement("div");
  1156.  
  1157.           tc.innerHTML += `
  1158.             <br/>
  1159.             <div>
  1160.                 <button>删除没有用户的标记</button>
  1161.             </div>
  1162.           `;
  1163.  
  1164.           const actions = tc.getElementsByTagName("button");
  1165.  
  1166.           actions[0].onclick = () => {
  1167.             if (confirm("是否确认?")) {
  1168.               Object.values(data.tags).forEach((item) => {
  1169.                 if (
  1170.                   Object.values(data.users).filter((user) =>
  1171.                     user.tags.find((tag) => tag === item.id)
  1172.                   ).length === 0
  1173.                 ) {
  1174.                   delete data.tags[item.id];
  1175.                 }
  1176.               });
  1177.  
  1178.               saveData();
  1179.               reFilter();
  1180.             }
  1181.           };
  1182.  
  1183.           container.appendChild(tc);
  1184.         }
  1185.       };
  1186.  
  1187.       return func;
  1188.     })();
  1189.  
  1190.     return {
  1191.       name: "通用设置",
  1192.       content,
  1193.       refresh,
  1194.     };
  1195.   })();
  1196.  
  1197.   u.addModule(blockModule).toggle();
  1198.   u.addModule(tagModule);
  1199.   u.addModule(commonModule);
  1200.  
  1201.   // 增加菜单项
  1202.   (() => {
  1203.     const title = "屏蔽/标记";
  1204.     let window;
  1205.  
  1206.     n.mainMenu.addItemOnTheFly(title, null, () => {
  1207.       if (window === undefined) {
  1208.         window = n.createCommmonWindow();
  1209.       }
  1210.  
  1211.       window._.addContent(null);
  1212.       window._.addTitle(title);
  1213.       window._.addContent(u.content);
  1214.       window._.show();
  1215.     });
  1216.   })();
  1217.  
  1218.   // 执行过滤
  1219.   (() => {
  1220.     const hookFunction = (object, functionName, callback) => {
  1221.       ((originalFunction) => {
  1222.         object[functionName] = function () {
  1223.           const returnValue = originalFunction.apply(this, arguments);
  1224.  
  1225.           callback.apply(this, [returnValue, originalFunction, arguments]);
  1226.  
  1227.           return returnValue;
  1228.         };
  1229.       })(object[functionName]);
  1230.     };
  1231.  
  1232.     const initialized = {
  1233.       topicArg: false,
  1234.       postArg: false,
  1235.     };
  1236.  
  1237.     hookFunction(n, "eval", () => {
  1238.       if (Object.values(initialized).findIndex((item) => item === false) < 0) {
  1239.         return;
  1240.       }
  1241.  
  1242.       if (n.topicArg && initialized.topicArg === false) {
  1243.         hookFunction(
  1244.           n.topicArg,
  1245.           "add",
  1246.           (returnValue, originalFunction, arguments) => reFilter()
  1247.         );
  1248.  
  1249.         initialized.topicArg = true;
  1250.       }
  1251.  
  1252.       if (n.postArg && initialized.postArg === false) {
  1253.         hookFunction(
  1254.           n.postArg,
  1255.           "proc",
  1256.           (returnValue, originalFunction, arguments) => reFilter()
  1257.         );
  1258.  
  1259.         initialized.postArg = true;
  1260.       }
  1261.     });
  1262.  
  1263.     if (n.ucp) {
  1264.       hookFunction(n.ucp, "_echo", (returnValue, originalFunction, arguments) =>
  1265.         reFilter()
  1266.       );
  1267.     }
  1268.  
  1269.     reFilter();
  1270.   })();
  1271. })(commonui, __CURRENT_UID);