☰

wsmud_Trigger

武神传说 MUD

目前为 2019-03-04 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name            wsmud_Trigger
  3. // @namespace       cqv3
  4. // @version         0.0.4
  5. // @date            03/03/2019
  6. // @modified        04/03/2019
  7. // @homepage        https://greasyfork.org/zh-CN/scripts/378984
  8. // @description     武神传说 MUD
  9. // @author          Bob.cn
  10. // @match           http://game.wsmud.com/*
  11. // @match           http://www.wsmud.com/*
  12. // @run-at          document-end
  13. // @require         https://cdn.staticfile.org/vue/2.2.2/vue.min.js
  14. // @grant           unsafeWindow
  15. // @grant           GM_getValue
  16. // @grant           GM_setValue
  17. // @grant           GM_deleteValue
  18. // @grant           GM_listValues
  19. // @grant           GM_setClipboard
  20. // ==/UserScript==
  21.  
  22. (function () {
  23.     'use strict';
  24.  
  25.     function CopyObject(obj) {
  26.         return JSON.parse(JSON.stringify(obj));
  27.     }
  28.  
  29.     /***********************************************************************************\
  30.         Notification Center
  31.     \***********************************************************************************/
  32.  
  33.     class Notification {
  34.         constructor(name, params) {
  35.             this.name = name;
  36.             this.params = params;
  37.         }
  38.     }
  39.  
  40.     class NotificationObserver {
  41.         constructor(targetName, action) {
  42.             this.targetName = targetName;
  43.             this.action = action;
  44.         }
  45.     }
  46.  
  47.     const NotificationCenter = {
  48.         observe: function(notificationName, action) {
  49.             const index = this._getOberverIndex();
  50.             const observer = new NotificationObserver(notificationName, action);
  51.             this._observers[index] = observer;
  52.             return index;
  53.         },
  54.         removeOberver: function(index) {
  55.             delete this._observers[index];
  56.         },
  57.         /**
  58.          * @param {Notification} notification 
  59.          */
  60.         post: function(notification) {
  61.             for (const key in this._observers) {
  62.                 if (!this._observers.hasOwnProperty(key)) continue;
  63.                 const observer = this._observers[key];
  64.                 if (observer.targetName != notification.name) continue;
  65.                 observer.action(notification.params);
  66.             }
  67.         },
  68.  
  69.         _observerCounter: 0,
  70.         _observers: {},
  71.         _getOberverIndex: function() {
  72.             const index = this._observerCounter;
  73.             this._observerCounter += 1;
  74.             return index;
  75.         }
  76.     };
  77.  
  78.     /***********************************************************************************\
  79.         Monitor Center
  80.     \***********************************************************************************/
  81.  
  82.     class Monitor {
  83.         constructor(run) {
  84.             this.run = run;
  85.         }
  86.     }
  87.  
  88.     const MonitorCenter = {
  89.         addMonitor: function(monitor) {
  90.             this._monitors.push(monitor);
  91.         },
  92.         run: function() {
  93.             for (const monitor of this._monitors) {
  94.                 monitor.run();
  95.             }
  96.         },
  97.  
  98.         _monitors: []
  99.     };
  100.  
  101.     /***********************************************************************************\
  102.         Trigger Template And Trigger
  103.     \***********************************************************************************/
  104.  
  105.     //---------------------------------------------------------------------------
  106.     //  Trigger Template
  107.     //---------------------------------------------------------------------------
  108.  
  109.     const EqualAssert = function(lh, rh) {
  110.         return lh == rh;
  111.     };
  112.  
  113.     const ContainAssert = function(lh, rh) {
  114.         const list = lh.split("|");
  115.         return list.indexOf(rh) != -1;
  116.     };
  117.  
  118.     const KeyAssert = function(lh, rh) {
  119.         const list = lh.split("|");
  120.         for (const key of list) {
  121.             if (rh.indexOf(key) != -1) return true;
  122.         }
  123.         return false;
  124.     };
  125.  
  126.     class Filter {
  127.         constructor(name, type, defaultValue, assert) {
  128.             this.name = name;
  129.             this.type = type;
  130.             this.defaultValue = defaultValue;
  131.             this.assert = assert == null ? EqualAssert : assert;
  132.         }
  133.     }
  134.  
  135.     class SelectFilter extends Filter {
  136.         constructor(name, options, defaultNumber, assert) {
  137.             const defaultValue = options[defaultNumber];
  138.             super(name, "select", defaultValue, assert);
  139.             this.options = options;
  140.         }
  141.     }
  142.  
  143.     const InputFilterFormat = {
  144.         number: "数字",
  145.         text: "文本"
  146.     };
  147.  
  148.     class InputFilter extends Filter {
  149.         /**
  150.          * @param {String} name
  151.          * @param {InputFilterFormat} format 
  152.          * @param {*} defaultValue
  153.          */
  154.         constructor(name, format, defaultValue, assert) {
  155.             super(name, "input", defaultValue, assert);
  156.             this.format = format;
  157.         }
  158.     }
  159.  
  160.     class TriggerTemplate {
  161.         constructor(event, filters, introdution) {
  162.             this.event = event;
  163.             this.filters = filters;
  164.             this.introdution = `${introdution}\n// 如需更多信息，可以到论坛触发器版块发帖。`;
  165.         }
  166.         getFilter(name) {
  167.             for (const filter of this.filters) {
  168.                 if (filter.name == name) return filter;
  169.             }
  170.             return null;
  171.         }
  172.     }
  173.  
  174.     const TriggerTemplateCenter = {
  175.         add: function(template) {
  176.             this._templates[template.event] = template;
  177.         },
  178.         getAll: function() {
  179.             return Object.values(this._templates);
  180.         },
  181.         get: function(event) {
  182.             return this._templates[event];
  183.         },
  184.  
  185.         _templates: {},
  186.     };
  187.  
  188.     //---------------------------------------------------------------------------
  189.     //  Trigger
  190.     //---------------------------------------------------------------------------
  191.  
  192.     class Trigger {
  193.         constructor(name, template, conditions, source) {
  194.             this.name = name;
  195.             this.template = template;
  196.             this.conditions = conditions;
  197.             this.source = source;
  198.             this._action = function(params) {
  199.                 let realParams = CopyObject(params);
  200.                 for (const key in conditions) {
  201.                     if (!conditions.hasOwnProperty(key)) continue;
  202.                     const filter = template.getFilter(key);
  203.                     const fromUser = conditions[key];
  204.                     const fromGame = params[key];
  205.                     if (!filter.assert(fromUser, fromGame)) return;
  206.                     delete realParams[key];
  207.                 }
  208.                 let realSource = source;
  209.                 for (const key in realParams) {
  210.                     realSource = `($${key}) = ${realParams[key]}\n${realSource}`;
  211.                 }
  212.                 realSource = `@print 💡<hio>触发=>${name}</hio>\n${realSource}`;
  213.                 ToRaid.perform(realSource, name, false);
  214.             };
  215.             this._observerIndex = null;
  216.         }
  217.  
  218.         event() { return this.template.event; }
  219.         active() { return this._observerIndex != null; }
  220.  
  221.         _activate() {
  222.             if (this._observerIndex != null) return;
  223.             this._observerIndex = NotificationCenter.observe(this.template.event, this._action);
  224.         }
  225.         _deactivate() {
  226.             if (this._observerIndex == null) return;
  227.             NotificationCenter.removeOberver(this._observerIndex);
  228.             this._observerIndex = null;
  229.         }
  230.     }
  231.  
  232.     class TriggerData {
  233.         constructor(name, event, conditions, source, active) {
  234.             this.name = name;
  235.             this.event = event;
  236.             this.conditions = conditions;
  237.             this.source = source;
  238.             this.active = active;
  239.         }
  240.     }
  241.  
  242.     const TriggerCenter = {
  243.         run: function() {
  244.             const allData = GM_getValue(this._saveKey(), {});
  245.             for (const name in allData) {
  246.                 this._loadTrigger(name);
  247.             }
  248.         },
  249.  
  250.         getAll: function() {
  251.             return Object.values(this._triggers);
  252.         },
  253.         create: function(name, event, conditions, source) {
  254.             const checkResult = this._checkName(name);
  255.             if (checkResult != true) return checkResult;
  256.  
  257.             const data = new TriggerData(name, event, conditions, source, false);
  258.             this._updateData(data);
  259.  
  260.             this._loadTrigger(name);
  261.             return true;
  262.         },
  263.         modify: function(originalName, name, conditions, source) {
  264.             const trigger = this._triggers[originalName];
  265.             if (trigger == null) return "修改不存在的触发器？";
  266.             
  267.             const event = trigger.event();
  268.             if (originalName == name) {
  269.                 const data = new TriggerData(name, event, conditions, source, trigger.active());
  270.                 this._updateData(data);
  271.                 this._reloadTrigger(name);
  272.                 return true;
  273.             }
  274.  
  275.             const result = this.create(name, event, conditions, source);
  276.             if (result == true) {
  277.                 this.remove(originalName);
  278.                 this._loadTrigger(name);
  279.             } else {
  280.                 return result;
  281.             }
  282.         },
  283.         remove: function(name) {
  284.             const trigger = this._triggers[name];
  285.             if (trigger == null) return;
  286.  
  287.             trigger._deactivate();
  288.             delete this._triggers[name];
  289.             let allData = GM_getValue(this._saveKey(), {});
  290.             delete allData[name];
  291.             GM_setValue(this._saveKey(), allData);
  292.         },
  293.  
  294.         activate: function(name) {
  295.             const trigger = this._triggers[name];
  296.             if (trigger == null) return;
  297.             if (trigger.active()) return;
  298.             trigger._activate();
  299.             let data = this._getData(name);
  300.             data.active = true;
  301.             this._updateData(data);
  302.         },
  303.         deactivate: function(name) {
  304.             const trigger = this._triggers[name];
  305.             if (trigger == null) return;
  306.             if (!trigger.active()) return;
  307.             trigger._deactivate();
  308.             let data = this._getData(name);
  309.             data.active = false;
  310.             this._updateData(data);
  311.         },
  312.  
  313.         _triggers: {},
  314.  
  315.         _saveKey: function() {
  316.             return `${Role.id}@triggers`;
  317.         },
  318.         _reloadTrigger: function(name) {
  319.             const oldTrigger = this._triggers[name];
  320.             if (oldTrigger != null) {
  321.                 oldTrigger._deactivate();
  322.             }
  323.             this._loadTrigger(name);
  324.         },
  325.         _loadTrigger: function(name) {
  326.             const data = this._getData(name);
  327.             if (data == null) return;
  328.             const trigger = this._toTrigger(data);
  329.             this._triggers[name] = trigger;
  330.             if (data.active) {
  331.                 trigger._activate();
  332.             }
  333.         },
  334.         _getData: function(name) {
  335.             let allData = GM_getValue(this._saveKey(), {});
  336.             const data = allData[name];
  337.             return data;
  338.         },
  339.         _updateData: function(data) {
  340.             let allData = GM_getValue(this._saveKey(), {});
  341.             allData[data.name] = data;
  342.             GM_setValue(this._saveKey(), allData);
  343.         },
  344.         _toTrigger: function(data) {
  345.             const template = TriggerTemplateCenter.get(data.event);
  346.             const trigger = new Trigger(data.name, template, data.conditions, data.source);
  347.             return trigger;
  348.         },
  349.         _checkName: function(name) {
  350.             if (this._triggers[name] != null) return "无法修改名称，已经存在同名触发器！";
  351.             if (!/\S+/.test(name)) return "触发器的名称不能为空。";
  352.             if (!/^[_a-zA-Z0-9\u4e00-\u9fa5]+$/.test(name)) return "触发器的名称只能使用中文、英文和数字字符。";
  353.             return true;
  354.         }
  355.     };
  356.  
  357.     /***********************************************************************************\
  358.         WSMUD
  359.     \***********************************************************************************/
  360.  
  361.     var WG = null;
  362.     var messageAppend = null;
  363.     var messageClear = null;
  364.  
  365.     //---------------------------------------------------------------------------
  366.     //  status
  367.     //---------------------------------------------------------------------------
  368.  
  369.     (function() {
  370.         const type = new SelectFilter("改变类型", ["新增", "移除", "层数刷新"], 0);
  371.         const value = new InputFilter("BuffId", InputFilterFormat.text, "weapon", ContainAssert);
  372.         const target = new SelectFilter("触发对象", ["自己", "他人"], 0);
  373.         let filters = [type, value, target];
  374.         const intro = `
  375. // 触发对象id：(id)
  376. // buff的sid：(sid)
  377. // buff层数：(count)`;
  378.         const t = new TriggerTemplate("Buff状态改变", filters, intro);
  379.         TriggerTemplateCenter.add(t);
  380.  
  381.         const run = function() {
  382.             WG.add_hook("status", data => {
  383.                 if (data.action == null || data.id == null || data.sid == null) return;
  384.                 const types = {
  385.                     "add": "新增",
  386.                     "remove": "移除",
  387.                     "refresh": "层数刷新"
  388.                 };
  389.                 const type = types[data.action];
  390.                 if (type == null) return;
  391.                 let params = {
  392.                     "改变类型": type,
  393.                     "BuffId": data.sid,
  394.                     "触发对象": data.id == Role.id ? "自己" : "他人"
  395.                 };
  396.                 params["id"] = data.id;
  397.                 params["sid"] = data.sid;
  398.                 params["count"] = 0;
  399.                 if (data.count != null) params["count"] = data.count;
  400.                 const n = new Notification("Buff状态改变", params);
  401.                 NotificationCenter.post(n);
  402.             });
  403.         };
  404.         const monitor = new Monitor(run);
  405.         MonitorCenter.addMonitor(monitor);
  406.     })();
  407.  
  408.     //---------------------------------------------------------------------------
  409.     //  msg
  410.     //---------------------------------------------------------------------------
  411.  
  412.     (function() {
  413.         const chanel = new SelectFilter(
  414.             "频道", 
  415.             ["全部", "世界", "队伍", "门派", "全区", "帮派", "谣言", "系统"],
  416.             0, 
  417.             function(fromUser, fromGame) {
  418.                 if (fromUser == "全部") return true;
  419.                 return fromUser == fromGame;
  420.             }
  421.         );
  422.         const talker = new InputFilter("发言人", InputFilterFormat.text, "", ContainAssert);
  423.         const key = new InputFilter("关键字", InputFilterFormat.text, "", KeyAssert);
  424.         let filters = [chanel, talker, key];
  425.         const intro = `
  426. // 聊天信息内容：(content)
  427. // 发言人：(name)`;
  428.         const t = new TriggerTemplate("新聊天信息", filters, intro);
  429.         TriggerTemplateCenter.add(t);
  430.  
  431.         const run = function() {
  432.             WG.add_hook("msg", data => {
  433.                 if (data.ch == null || data.name == null || data.content == null) return;
  434.                 const types = {
  435.                     "chat": "世界",
  436.                     "tm": "队伍",
  437.                     "fam": "门派",
  438.                     "es": "全区",
  439.                     "pty": "帮派",
  440.                     "rumor": "谣言",
  441.                     "sys": "系统"
  442.                 };
  443.                 const chanel = types[data.ch];
  444.                 if (chanel == null) return;
  445.                 let params = {
  446.                     "频道": chanel,
  447.                     "发言人": data.name,
  448.                     "关键字": data.content
  449.                 };
  450.                 params["content"] = data.content;
  451.                 params["name"] = data.name;
  452.                 const n = new Notification("新聊天信息", params);
  453.                 NotificationCenter.post(n);
  454.             });
  455.         };
  456.         const monitor = new Monitor(run);
  457.         MonitorCenter.addMonitor(monitor);
  458.     })();
  459.  
  460.     //---------------------------------------------------------------------------
  461.     //  item add
  462.     //---------------------------------------------------------------------------
  463.  
  464.     (function() {
  465.         const name = new InputFilter("人物名称", InputFilterFormat.text, "", ContainAssert);
  466.         let filters = [name];
  467.         const intro = `
  468. // 刷新人物id：(id)
  469. // 刷新人物名称：(name)`;
  470.         const t = new TriggerTemplate("人物刷新", filters, intro);
  471.         TriggerTemplateCenter.add(t);
  472.  
  473.         const run = function() {
  474.             WG.add_hook("itemadd", data => {
  475.                 if (data.name == null || data.id == null) return;
  476.                 let params = {
  477.                     "人物名称": data.name,
  478.                 };
  479.                 params["id"] = data.id;
  480.                 params["name"] = data.name;
  481.                 const n = new Notification("人物刷新", params);
  482.                 NotificationCenter.post(n);
  483.             });
  484.         };
  485.         const monitor = new Monitor(run);
  486.         MonitorCenter.addMonitor(monitor);
  487.     })();
  488.  
  489.     //---------------------------------------------------------------------------
  490.     //  dialog pack
  491.     //---------------------------------------------------------------------------
  492.  
  493.     (function() {
  494.         const name = new InputFilter("名称关键字", InputFilterFormat.text, "", KeyAssert);
  495.         let filters = [name];
  496.         const intro = `
  497. // 拾取物品id：(id)
  498. // 拾取物品名称：(name)
  499. // 拾取物品数量：(count)
  500. // 物品品质：(quality)  值：白、绿、蓝、黄、紫、橙、红、未知`;
  501.         const t = new TriggerTemplate("物品拾取", filters, intro);
  502.         TriggerTemplateCenter.add(t);
  503.  
  504.         const run = function() {
  505.             WG.add_hook("dialog", function(data) {
  506.                 if (data.dialog != "pack" || data.id == null || data.name == null || data.count == null || data.remove != null) return;
  507.                 let params = {
  508.                     "名称关键字": data.name,
  509.                 };
  510.                 params["id"] = data.id;
  511.                 params["name"] = data.name;
  512.                 params["name"] = data.count;
  513.                 let quality = "未知";
  514.                 const tag = /<\w{3}>/.exec(data.name)[0];
  515.                 const tagMap = {
  516.                     "<wht>": "白",
  517.                     "<hig>": "绿",
  518.                     "<hic>": "蓝",
  519.                     "<hiy>": "黄",
  520.                     "<hiz>": "紫",
  521.                     "<hio>": "橙",
  522.                     "<ord>": "红"
  523.                 }
  524.                 quality = tagMap[tag];
  525.                 params["quality"] = quality;
  526.                 const n = new Notification("物品拾取", params);
  527.                 NotificationCenter.post(n);
  528.             });
  529.         };
  530.         const monitor = new Monitor(run);
  531.         MonitorCenter.addMonitor(monitor);
  532.     })();
  533.  
  534.     //---------------------------------------------------------------------------
  535.     //  text
  536.     //---------------------------------------------------------------------------
  537.  
  538.     (function() {
  539.         const name = new InputFilter("关键字", InputFilterFormat.text, "", KeyAssert);
  540.         let filters = [name];
  541.         const intro = `
  542. // 提示信息：(text)`;
  543.         const t = new TriggerTemplate("新提示信息", filters, intro);
  544.         TriggerTemplateCenter.add(t);
  545.  
  546.         const run = function() {
  547.             WG.add_hook("text", data => {
  548.                 if (data.msg == null) return;
  549.                 let params = {
  550.                     "关键字": data.msg,
  551.                 };
  552.                 params["text"] = data.msg;
  553.                 const n = new Notification("新提示信息", params);
  554.                 NotificationCenter.post(n);
  555.             });
  556.         };
  557.         const monitor = new Monitor(run);
  558.         MonitorCenter.addMonitor(monitor);
  559.     })();
  560.  
  561.     //---------------------------------------------------------------------------
  562.     //  combat
  563.     //---------------------------------------------------------------------------
  564.  
  565.     (function() {
  566.         const type = new SelectFilter("类型", ["进入战斗", "脱离战斗"], 0);
  567.         let filters = [type];
  568.         const intro = "";
  569.         const t = new TriggerTemplate("战斗状态切换", filters, intro);
  570.         TriggerTemplateCenter.add(t);
  571.  
  572.         const run = function() {
  573.             WG.add_hook("combat", data => {
  574.                 let params = null;
  575.                 if (data.start != null && data.start == 1) {
  576.                     params = { "类型": "进入战斗" };
  577.                 } else if (data.end != null && data.end == 1) {
  578.                     params = { "类型": "脱离战斗" };
  579.                 }
  580.                 const n = new Notification("战斗状态切换", params);
  581.                 NotificationCenter.post(n);
  582.             });
  583.         };
  584.         const monitor = new Monitor(run);
  585.         MonitorCenter.addMonitor(monitor);
  586.     })();
  587.  
  588.     //---------------------------------------------------------------------------
  589.     //  combat
  590.     //---------------------------------------------------------------------------
  591.  
  592.     (function() {
  593.         const type = new SelectFilter("类型", ["已经死亡", "已经复活"], 0);
  594.         let filters = [type];
  595.         const intro = "";
  596.         const t = new TriggerTemplate("死亡状态改变", filters, intro);
  597.         TriggerTemplateCenter.add(t);
  598.  
  599.         const run = function() {
  600.             WG.add_hook("die", data => {
  601.                 const value = data.relive == null ? "已经复活" : "已经死亡";
  602.                 let params = {
  603.                     "类型": value
  604.                 };
  605.                 const n = new Notification("死亡状态改变", params);
  606.                 NotificationCenter.post(n);
  607.             });
  608.         };
  609.         const monitor = new Monitor(run);
  610.         MonitorCenter.addMonitor(monitor);
  611.     })();
  612.  
  613.     //---------------------------------------------------------------------------
  614.     //  time
  615.     //---------------------------------------------------------------------------
  616.  
  617.     (function() {
  618.         const hours = [
  619.             0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 
  620.             10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 
  621.             20, 21, 22, 23
  622.         ];
  623.         const minutes = [
  624.             0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 
  625.             10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 
  626.             20, 21, 22, 23, 24, 25, 26, 27, 28, 29,
  627.             30, 31, 32, 33, 34, 35, 36, 37, 38, 39,
  628.             40, 41, 42, 43, 44, 45, 46, 47, 48, 49,
  629.             50, 51, 52, 53, 54, 55, 56, 57, 58, 59
  630.         ];
  631.         const hour = new SelectFilter("时", hours, 0, EqualAssert);
  632.         const minute = new SelectFilter("分", minutes, 0, EqualAssert);
  633.         const second = new SelectFilter("秒", minutes, 0, EqualAssert);
  634.         let filters = [hour, minute, second];
  635.         const intro = "";
  636.         const t = new TriggerTemplate("时辰已到", filters, intro);
  637.         TriggerTemplateCenter.add(t);
  638.  
  639.         const run = function() {
  640.             setInterval(_ => {
  641.                 const date = new Date();
  642.                 const params = {
  643.                     "时": date.getHours(),
  644.                     "分": date.getMinutes(),
  645.                     "秒": date.getSeconds()
  646.                 };
  647.                 const n = new Notification("时辰已到", params);
  648.                 NotificationCenter.post(n);
  649.             }, 1000);
  650.         };
  651.         const monitor = new Monitor(run);
  652.         MonitorCenter.addMonitor(monitor);
  653.     })();
  654.  
  655.     /***********************************************************************************\
  656.         UI
  657.     \***********************************************************************************/
  658.  
  659.     const Message = {
  660.         append: function(msg) {
  661.             messageAppend(msg);
  662.         },
  663.         clean: function() {
  664.             messageClear();
  665.         },
  666.     };
  667.  
  668.     const UI = {
  669.         triggerHome: function() {
  670.             const content = `
  671.             <style>.breakText {word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}</style>
  672.             <span class="zdy-item" style="width:120px" v-for="t in triggers" :style="activeStyle(t)">
  673.                 <div style="width: 30px; float: left; background-color: rgba(255, 255, 255, 0.31); border-radius: 4px;" v-on:click="editTrigger(t)">⚙</div>
  674.                 <div class="breakText" style="width: 85px; float: right;" v-on:click="switchStatus(t)">{{ t.name }}</div>
  675.             </span>
  676.             `;
  677.             const rightText = "<span v-on:click='createTrigger()'><wht>新建</wht></span>";
  678.             UI._appendHtml("<hio>触发器</hio>", content, rightText);
  679.             new Vue({
  680.                 el: '#app',
  681.                 data: {
  682.                     triggers: TriggerCenter.getAll()
  683.                 },
  684.                 methods: {
  685.                     switchStatus: function(t) {
  686.                         if (t.active()) {
  687.                             TriggerCenter.deactivate(t.name);
  688.                         } else {
  689.                             TriggerCenter.activate(t.name);
  690.                         }
  691.                         UI.triggerHome();
  692.                     },
  693.                     editTrigger: UI.editTrigger,
  694.                     activeStyle: function(t) {
  695.                         if (t.active()) {
  696.                             return { 
  697.                                 "background-color": "#a0e6e0",
  698.                                 "border": "1px solid #7284ff",
  699.                                 "color": "#001bff"
  700.                             };
  701.                         } else {
  702.                             return { "background-color": "none" };
  703.                         }
  704.                     },
  705.                     createTrigger: UI.selectTriggerTemplate
  706.                 }
  707.             });
  708.         },
  709.         selectTriggerTemplate: function() {
  710.             const content = `
  711.             <span class="zdy-item" style="width:120px" v-for="t in templates" v-on:click="select(t)">{{ t.event }}</span>
  712.             `;
  713.             const leftText = "<span v-on:click='back()'>< 返回</span>";
  714.             UI._appendHtml("<wht>选择触发器类型</wht>", content, null, leftText);
  715.             new Vue({
  716.                 el: '#app',
  717.                 data: {
  718.                     templates: TriggerTemplateCenter.getAll()
  719.                 },
  720.                 methods: {
  721.                     select: UI.createTrigger,
  722.                     back: UI.triggerHome
  723.                 }
  724.             });
  725.         },
  726.         createTrigger: function(template) {
  727.             UI._updateTrigger(template);
  728.         },
  729.         editTrigger: function(trigger) {
  730.             UI._updateTrigger(trigger.template, trigger);
  731.         },
  732.         _updateTrigger: function(template, trigger) {
  733.             const content = `
  734.             <div style="margin:0 2em 0 2em">
  735.                 <div style="float:left;width:120px">
  736.                     <span class="zdy-item" style="width:90px" v-for="f in filters">
  737.                     <p style="margin:0"><wht>{{ f.name }}</wht></p>
  738.                     <input v-if="f.type=='input'" style="width:80%" v-model="conditions[f.name]">
  739.                     <select v-if="f.type=='select'" v-model="conditions[f.name]">
  740.                         <option v-for="opt in f.options" :value="opt">{{ opt }}</option>
  741.                     </select>
  742.                     </span>
  743.                 </div>
  744.                 <div style="float:right;width:calc(100% - 125px)">
  745.                     <textarea class = "settingbox hide" style = "height:10rem;display:inline-block;font-size:0.8em;width:100%" v-model="source"></textarea>
  746.                 </div>
  747.             </div>
  748.             `;
  749.             const title = `<input style='width:110px' type="text" placeholder="输入触发器名称" v-model="name">`;
  750.             let rightText = "<span v-on:click='save'><wht>保存</wht></span>";
  751.             if (trigger) {
  752.                 rightText = "<span v-on:click='remove'>删除</span>"
  753.             }
  754.             let leftText = "<span v-on:click='back'>< 返回</span>";
  755.             if (trigger) {
  756.                 leftText = "<span v-on:click='saveback'>< 保存&返回</span>"
  757.             }
  758.             UI._appendHtml(title, content, rightText, leftText);
  759.             let conditions = {};
  760.             if (trigger != null) {
  761.                 conditions = trigger.conditions;
  762.             } else {
  763.                 for (const f of template.filters) {
  764.                     conditions[f.name] = f.defaultValue;
  765.                 }
  766.             }
  767.             let source = template.introdution;
  768.             if (trigger != null) source = trigger.source;
  769.             new Vue({
  770.                 el: '#app',
  771.                 data: {
  772.                     filters: template.filters,
  773.                     name: trigger ? trigger.name : "",
  774.                     conditions: conditions,
  775.                     source: source
  776.                 },
  777.                 methods: {
  778.                     save: function() {
  779.                         const result = TriggerCenter.create(this.name, template.event, this.conditions, this.source);
  780.                         if (result == true) {
  781.                             UI.triggerHome();
  782.                         } else {
  783.                             alert(result);
  784.                         }
  785.                     },
  786.                     remove: function() {
  787.                         const verify = confirm("确认删除此触发器吗？");
  788.                         if (verify) {
  789.                             TriggerCenter.remove(trigger.name);
  790.                             UI.triggerHome();
  791.                         }
  792.                     },
  793.                     back: function() {
  794.                         UI.selectTriggerTemplate();
  795.                     },
  796.                     saveback: function() {
  797.                         const result = TriggerCenter.modify(trigger.name, this.name, this.conditions, this.source);
  798.                         if (result == true) {
  799.                             UI.triggerHome();
  800.                         } else {
  801.                             alert(result);
  802.                         }
  803.                     }
  804.                 }
  805.             })
  806.         },
  807.  
  808.         _appendHtml: function(title, content, rightText, leftText) {
  809.             var realLeftText = leftText == null ? "" : leftText;
  810.             var realRightText = rightText == null ? "" : rightText;
  811.             var html = `
  812.             <div class = "item-commands" style="text-align:center" id="app">
  813.                 <div style="margin-top:0.5em">
  814.                     <div style="width:8em;float:left;text-align:left;padding:0px 0px 0px 2em;height:1.23em" id="wsmud_raid_left">${realLeftText}</div>
  815.                     <div style="width:calc(100% - 16em);float:left;height:1.23em">${title}</div>
  816.                     <div style="width:8em;float:left;text-align:right;padding:0px 2em 0px 0px;height:1.23em" id="wsmud_raid_right">${realRightText}</div>
  817.                 </div>
  818.                 <br><br>
  819.                 ${content}
  820.             </div>`;
  821.             Message.clean();
  822.             Message.append(html);
  823.         },
  824.     };
  825.  
  826.     /***********************************************************************************\
  827.         Ready
  828.     \***********************************************************************************/
  829.  
  830.     $(document).ready(function () {
  831.         WG = unsafeWindow.WG;
  832.         messageAppend  = unsafeWindow.messageAppend;
  833.         messageClear =  unsafeWindow.messageClear;
  834.         ToRaid = unsafeWindow.ToRaid;
  835.  
  836.         unsafeWindow.TriggerUI = UI;
  837.  
  838.         WG.add_hook("login", function(data) {
  839.             TriggerCenter.run();
  840.             MonitorCenter.run();
  841.         });
  842.     });
  843. })();