// ==UserScript==
// @name        keylol表情包插件
// @namespace   http://tampermonkey.net/
// @version     0.09
// @description Keylol论坛的外挂表情包插件
// @require     http://cdn.staticfile.org/jquery/3.1.1/jquery.min.js
// @include     http*://*keylol.com/*
// @author      FoxTaillll
// @run-at      document-end
// @downloadURL none
// ==/UserScript==

"use strict";

/** 一个表情集合的类.初始化方式:
 *  name表示表情集合的名字,是一个字符串;
 *  srcList是图片链接列表;
 *  $Parent是一个$对象,表示该表情集应该显示在什么地方,一般是个div
 *  showDebug是一个布尔值,true的话显示大量debug信息.
 */
class FaceSet{

  /* 构造方法 */
  constructor(name,srcList,$Parent,showDebug){
    // 复制初始数据
    this._name = name;
    this._srcList = srcList.slice(0); // 复制
    this._$Parent = $Parent;
    this._showDebug = showDebug;

    // 生成_$Element对象需要的html字符串
    this._html = this._createHtml();
    // 生成的$对象,一个div,用于显示图片集合,初值为null,第一次调用时才生成
    this._$Element = null;
  }

  /* 显示debug用信息,参数可以多个,像console.log一样使用 */
  debugMsg(){
    if(this._showDebug) {
      console.log(...arguments);
    }
  }

  /* 获取名字 */
  getName(){
    return this._name;
  }

  /* 生成html用 */
  _createHtml(){
    var html = "<div>";
    for(var i = 0;i < this._srcList.length;i++){
      var src = this._srcList[i];
      html += `<img src=${src} style=height:50px></img>`;
    }
    html += "</div>";
    this.debugMsg(html);
    return html;
  }

  /* 在jaParent中显示图像. */
  show(){
    // 若尚未生成,先生成
    if(!this._$Element){
      this._$Element = $(this._html);
      this._$Parent.append(this._$Element);
    }
    // 显示
    this._$Element.css({'display':'block'});
  }

  /* 隐藏 */
  hide(){
     this._$Element.css({'display':'none'});
  }

}

/** setycyas自制的表情插件类.用于在任意textarea上方添加表情插件.初始化方法:
 * $textarea:需要使用插件的textarea,$对象;
 * faceTable:一个{},key为表情分类字符串,value是一个列表,列表内容为图片链接;
 * showDebug:布尔值,设定是否显示debug信息.
 * 构造方法不会加入表情包,必须执行main().
 */
class SetycyasFacePlugin {

  constructor($textarea,faceTable,showDebug) {
    //复制初始变量
    this._$textarea = $textarea;
    this._faceTable = faceTable;
    this._showDebug = showDebug;

    //设置菜单
    this._$menu = $("<div id=faceMenu></div>");
    this._$menu.css({
      "line-height":"30px",
    });
      if (location.href.indexOf('keylol.com') != -1) {
          $("#fastpostreturn").before(this._$menu);
      } else {
          this._$textarea.before(this._$menu);
      }
    //设置显示图片用的div
    this._$faceDiv = $("</div><div id=faceContent style=clear:both></div>");
    this._$faceDiv.css({
      "border":"1px solid rgb(131,148,150)",
      "margin-top":"5px",
      "padding":"10px"
    });
    this._$menu.after(this._$faceDiv);
    //FaceSet对象的表,key是FaceSet的name,同时也是this._$menu显示的内容;
    //value则是对应的FaceSet对象
    this._faceSetTable = {};
    //当前显示的表情集合
    this._curFaceSet = null;
  }

   /* 显示debug用信息,参数可以多个,像console.log一样使用 */
  debugMsg(){
    if(this._showDebug) {
      console.log(...arguments);
    }
  }

  //往textarea插入文本
  _insertText(textInsert){
    //用数组选择方法把$对象变成一般document对象,访问其光标选择位置
    var pos = this._$textarea[0].selectionEnd;
    // 原文本
    var oldText = this._$textarea.val();
    // 插入完成后的新文本
    var newText = oldText.substr(0,pos)+textInsert+oldText.substr(pos)
    // 插入
    this._$textarea.val(newText);
  }

  //初始化菜单与表情table
  _initMenuAndFaces(){
    //再写入菜单需要的html,记录表情集合对象
    var menuHtml = "";
    for(var menuKey in this._faceTable){
      var srcList = this._faceTable[menuKey];
      var objFs = new FaceSet(menuKey,srcList,this._$faceDiv,this._showDebug);
      menuHtml += `<div class=faceSetDiv><a class=faceSet>${menuKey}</a></div>`;
      this._faceSetTable[menuKey] = objFs;
    }
    this._$menu.html(menuHtml);
    $('.faceSet').css({
       "font-size":"12px","margin":"20px","color":"#f2f2f2","cursor":"pointer"
    });
    $('.faceSetDiv').hover(
      function(event){
        if(event.target.className != 'faceSetDiv') return;
        $(event.target).css({"background-color":"rgb(64,166,228)"});
      },
      function(event){
        if(event.target.className != 'faceSetDiv') return;
        $(event.target).css({"background-color":"rgb(64,166,228)"});
      }
    );
    $('.faceSetDiv').css({
      "min-width":"40px","float":"left","background-color":"rgb(64,166,228)"
    });
  }

  /* 绑定所有事件,需要冒泡执行 */
  _addEvents(){
    //添加事件时,需要传入自己,所以要记住自己
    var obj = this;
    //点击菜单,只有点击了'faceSet'class才生效
    var menu = this._$menu[0];
    menu.addEventListener('click',function(e){
      var target = e.target;
      if(target.className != 'faceSet'){
        return;
      }
      //点击的文字
      var faceTag = target.textContent;
      //如果当前没有已显示图像集,显示;
      if(!obj._curFaceSet){
        obj._curFaceSet = obj._faceSetTable[faceTag];
        obj._curFaceSet.show();
      }else{
      //若点击的文字不是当前显示的表情集合,把原来的表情集隐藏,显示点击的;
      //否则隐藏当前表情集合.
        if(obj._curFaceSet.getName() == faceTag){
          obj._curFaceSet.hide();
          obj._curFaceSet = null;
        }else{
          obj._curFaceSet.hide();
          obj._curFaceSet = obj._faceSetTable[faceTag];
          obj._curFaceSet.show();
        }
      }
    });
    //点击图片
    var faceDiv = this._$faceDiv[0];
    faceDiv.addEventListener('click',function(e){
      var target = e.target;
      // 点击的不是'img',忽略
      if(target.tagName.toLowerCase() != 'img'){
        return;
      }
      var src = target.src;
      var textInsert = `[img]${src}[/img]`;
      obj._insertText(textInsert);
    });
  }

  main(){
    //生成menu与表情集合的具体内容
    this._initMenuAndFaces();
    //绑定事件
    this._addEvents();
  }
}

/** 执行代码,如无必要,不要修改FaceSet与SetycyasPlugin两个类.
 * 在这里修改执行代码,应该足够对应不同论坛的设定以及自定义表情.
 */

(function(){
  //这一句指定文本框,应对不同论坛请修改这里
  var $textarea = $("form[name=FORM] textarea[name=atc_content]");
  if ($textarea.length == 0) {
      $textarea = $("#fastpostmessage");
  }
  if ($textarea.length == 0) {
      return;
  }

  //这一句自定义表情包,注意有些图片可能省略了域名
  var faceTable = {
    "阿鲁":[
      'https://blob.keylol.com/forum/202005/10/193004ododeoeb74ooaw5a.png',
      'https://blob.keylol.com/forum/202005/10/194135dbljt3q0m3ulluxk.png',
      'https://blob.keylol.com/forum/202005/11/084043p1w2crnzvrsbrsv1.png',
      'https://blob.keylol.com/forum/202005/11/084043tpf44v69vuu39od9.png',
      'https://blob.keylol.com/forum/202005/11/084043nz3olularkx6aaao.png',
      'https://blob.keylol.com/forum/202005/11/084044ju4ocm4focsquizi.png',
      'https://blob.keylol.com/forum/202005/11/084044zastta6az30qc00q.png',
      'https://blob.keylol.com/forum/202005/11/084043zbnbor28nan6rvob.png',
      'https://blob.keylol.com/forum/202005/11/084043wl1zaf10lfpyvr0a.png',
      'https://blob.keylol.com/forum/202005/12/070831vs9zcv09ue8ahbyn.png',
      'https://blob.keylol.com/forum/202005/12/091146c4snkyannuu5cm4k.png',
      'https://blob.keylol.com/forum/202005/26/002419fi65hrvzfgim7cl6.png',
      'https://blob.keylol.com/forum/202005/10/201612mndzkzo9zebikeko.png',
      'https://blob.keylol.com/forum/202005/10/194351hizk85m602z6f8zf.png',
      'https://blob.keylol.com/forum/202005/10/205215y2twi2w3sfooi3i1.png',
      'https://blob.keylol.com/forum/202005/10/202306x370d0gii0xzz2d9.png',
      'https://blob.keylol.com/forum/202005/26/011934sdnlq814y70a0cu3.png',
      'https://blob.keylol.com/forum/202006/05/064734dfk6fdksmo3fn0cf.png',
      'https://blob.keylol.com/forum/202006/05/061448atijaoifwwrarewa.png',
      'https://blob.keylol.com/forum/202006/05/061448gspchccqxc5juj5r.png',
      'https://blob.keylol.com/forum/201905/22/183522vojrd4mrd77bb7g4.png',
      'https://blob.keylol.com/forum/202006/05/060154aqxr6vvseydrj0gx.png',
      'https://blob.keylol.com/forum/202006/05/060153beaakbeo4ozb6ybz.png',
      'https://blob.keylol.com/forum/202006/05/060154ad8pd5v84zamggl1.png',
      'https://blob.keylol.com/forum/202006/05/060155f03s42s4guphg1q3.png',
      'https://blob.keylol.com/forum/202006/05/060154dgn4geq1dnzxenpr.png',
      'https://blob.keylol.com/forum/202006/05/060155ue3ncffdyn3yeelt.png',
      'https://blob.keylol.com/forum/202006/05/060155f11ulzokfvtrybru.png',
      'https://blob.keylol.com/forum/202006/05/060154qrioi1dwc99nndno.png',
      'https://blob.keylol.com/forum/202006/05/060154cb52r2o4kf7hpkrr.png',
    ],
    "阿鲁动图":[
      'https://blob.keylol.com/forum/202005/12/083257r2b1qbx96q463qee.gif',
      'https://blob.keylol.com/forum/202005/12/084847baa8zclm36288dmd.gif',
      'https://blob.keylol.com/forum/202005/12/085528vcdmiucvnwe1usig.gif'
    ],
    "鲁家拳法👊":[
      'https://blob.keylol.com/forum/202005/25/213106ezdy91o4vdlaov24.gif',
      'https://blob.keylol.com/forum/202005/25/213135kgwvv4gi4i62r2r4.gif',
      'https://blob.keylol.com/forum/202005/25/213106rzjyjy7zvcjokk7b.gif',
      'https://blob.keylol.com/forum/202005/25/213109ub20e07yg81utxjt.gif',
      'https://blob.keylol.com/forum/202006/05/213911vxmm0d0zz831dux1.gif',
      'https://blob.keylol.com/forum/202006/05/213914ympuapzaktup7hbt.gif',
    ],
    "鲁家剑法🗡":[
      'https://blob.keylol.com/forum/202005/25/224154e8rzq66kselrzqaq.gif',
      'https://blob.keylol.com/forum/202006/03/062937pgzj6b8hug85pdgj.gif',
      'https://blob.keylol.com/forum/202005/25/234755sohreyea435eze5e.gif',
      'https://blob.keylol.com/forum/202006/03/062937vvvszz5mstxmm7sm.gif',
      'https://blob.keylol.com/forum/202006/07/075622njydyj0knd0ow31z.gif',
    ],
    "奇怪的嗷大喵🐱":[
      'https://blob.keylol.com/forum/202006/03/051752x9kv99v6jhpeuekd.gif',
      'https://blob.keylol.com/forum/202006/03/051752h6mq9lb8qqnd6cbx.gif',
      'https://blob.keylol.com/forum/202006/03/051752z9mxb5jcjvjcfpia.gif',
      'https://blob.keylol.com/forum/201603/29/193843bhkdkssbwdbwghow.gif',
      'https://blob.keylol.com/forum/202006/07/075623dernnzotekz245o5.gif',
      'https://blob.keylol.com/forum/201603/31/140216frq3mujgm7sm314g.gif',
      'https://blob.keylol.com/forum/201603/31/145148s1stbelg5bhbh0sw.gif',
      'https://blob.keylol.com/forum/202006/03/052001risv43insg3wnvj4.gif',
      'https://blob.keylol.com/forum/202006/03/062938t48zqg6jaiji2c3e.gif',
      'https://blob.keylol.com/forum/201802/25/161019d93ivxzqjk44cyj5.gif',
      'https://blob.keylol.com/forum/201802/25/161020f0w6q565hw252wv5.gif',
      'https://blob.keylol.com/forum/201802/25/164423wcmgx33fmgs33qgp.gif',
      'https://blob.keylol.com/forum/202006/03/062938d4ak64u4xooryuk4.gif',
      'https://blob.keylol.com/forum/201802/25/161019bfvor15hd1v3c3co.gif',
      'https://blob.keylol.com/forum/201802/25/164423wzwkddg8rlgj40ze.gif',
    ],
    "小黄鸡🐤":[
      'https://blob.keylol.com/forum/202006/05/204312nohjgiiqqsia7ieh.jpg',
      'https://blob.keylol.com/forum/202006/05/204313hji67i1gmm1p6utv.jpg',
      'https://blob.keylol.com/forum/202006/05/204313z809tbgukxdmu0ur.jpg',
      'https://blob.keylol.com/forum/202006/05/204314ro4oiw7zlpdixvlv.jpg',
      'https://blob.keylol.com/forum/202006/05/204314s0gn6g6ohq36on9h.jpg',
      'https://blob.keylol.com/forum/202006/05/204314kpm4oqx2vuejxejd.jpg',
      'https://blob.keylol.com/forum/202006/05/204314vbhgkk4ntqrit0qs.jpg',
      'https://blob.keylol.com/forum/202006/05/204314slttirstlxths8lh.jpg',
      'https://blob.keylol.com/forum/202006/05/204315egj3dtmwhjtkkoaj.jpg',
      'https://blob.keylol.com/forum/202006/05/204315qwbfhbttb0vflcwp.jpg',
      'https://blob.keylol.com/forum/202006/05/204316q1h2dwj1urm5vhvu.jpg',
      'https://blob.keylol.com/forum/202006/05/204316prkrhr1ifbpvrf20.jpg',
      'https://blob.keylol.com/forum/202006/05/204316eu35u88pdpi4vw0w.jpg',
      'https://blob.keylol.com/forum/202006/05/204316l0tw9jj7k77e78cz.jpg',
      'https://blob.keylol.com/forum/202006/05/204316e3lui1zzqf9zu3lx.jpg',
      'https://blob.keylol.com/forum/202006/05/204317bddaa1kbqidaaii8.jpg',
      'https://blob.keylol.com/forum/202006/05/204317upchc0idvzv0jqv5.jpg',
      'https://blob.keylol.com/forum/202006/05/204317wf0zx6se31triz6s.jpg',
      'https://blob.keylol.com/forum/202006/07/081031xmtmn42zl9k28tx4.jpg',
      'https://blob.keylol.com/forum/202006/05/204317y0mejjvdmfkuy5g5.jpg',
      'https://blob.keylol.com/forum/202006/07/081030qv1ishg6vgv60ugv.jpg',
      'https://blob.keylol.com/forum/202006/07/081030yuuur9urz0j3asu9.jpg',
      'https://blob.keylol.com/forum/202006/05/204318cydsepryyppeh3nn.jpg',
      'https://blob.keylol.com/forum/202006/07/081031o1ta47erlkkrftlt.jpg',
      'https://blob.keylol.com/forum/202006/07/081030xaab4vuc1ye07kob.jpg',
      'https://blob.keylol.com/forum/202006/05/204318i9p8dwdko6745f5w.jpg',
      'https://blob.keylol.com/forum/202006/05/204318djo3oqqhsy0hb0ae.jpg',
      'https://blob.keylol.com/forum/202006/05/204318lqx39fhjo8xmeb9z.jpg',
      'https://blob.keylol.com/forum/202006/05/204318qgglslsggzpsa77d.jpg',
      'https://blob.keylol.com/forum/202006/05/204319r322hpzp6ky0pv63.jpg',
      'https://blob.keylol.com/forum/202006/05/204319xnfjsssfrn961luz.jpg',
      'https://blob.keylol.com/forum/202006/05/204319w1sq1ytqq83lq5mq.jpg',
      'https://blob.keylol.com/forum/202006/05/204319x443ikz68oc4n63d.jpg',
      'https://blob.keylol.com/forum/202006/05/204319kf8uw6zi471u6ufi.jpg',
      'https://blob.keylol.com/forum/202006/05/204320qfqvrw897qi67ogp.jpg',
      'https://blob.keylol.com/forum/202006/05/204320anfjxenxeehr74nf.jpg',
      'https://blob.keylol.com/forum/202006/05/204320ocz3j3m33vt83s87.jpg',
      'https://blob.keylol.com/forum/202006/05/204320a6ot8r5ty8fsijxu.jpg',
      'https://blob.keylol.com/forum/202006/05/204321gl0plg5v8pqze854.jpg',
      'https://blob.keylol.com/forum/202006/05/204321whyq7908ihmwea4h.jpg',
      'https://blob.keylol.com/forum/202006/07/081030igjgqafag66fk9tj.jpg',
      'https://blob.keylol.com/forum/202006/07/081031pj3ua1683bk3jzzl.jpg',
      'https://blob.keylol.com/forum/202006/05/204321jd10vvkwk72hwwuv.jpg',
      'https://blob.keylol.com/forum/202006/05/204321dl401melow17p0en.jpg',
      'https://blob.keylol.com/forum/202006/05/204321oylg0k2bkmlkz7ll.jpg',
      'https://blob.keylol.com/forum/202006/05/204321t9jmicfceajhomcs.jpg',
      'https://blob.keylol.com/forum/202006/05/204322qqw93sw3ov8q5jv8.jpg',
      'https://blob.keylol.com/forum/202006/05/204322dqy573dri3630rqz.jpg',
      'https://blob.keylol.com/forum/202006/05/204322viadauds9laiddux.jpg',
      'https://blob.keylol.com/forum/202006/05/204322rdaew5uexlj5t5tj.jpg',
      'https://blob.keylol.com/forum/202006/05/204322eoyaoza9sjzsvz59.jpg',
      'https://blob.keylol.com/forum/202006/05/204323cgylz2wp26fm2bbp.jpg',
      'https://blob.keylol.com/forum/202006/05/204323dcggxlsngnx3s36l.jpg',
      'https://blob.keylol.com/forum/202006/05/204323sxgl0rl0ggdaawkr.jpg',
      'https://blob.keylol.com/forum/202006/05/204323usb85st95vt6x9xo.jpg',
      'https://blob.keylol.com/forum/202006/05/204323m134fi141u13diz3.jpg',
      'https://blob.keylol.com/forum/202006/05/204323o2anda24cvdo4nqn.jpg',
      'https://blob.keylol.com/forum/202006/05/204323t2qzd3aqod3xma3z.jpg',
      'https://blob.keylol.com/forum/202006/05/204324exydh447ksb6eeb5.jpg',
      'https://blob.keylol.com/forum/202006/05/204324tksxua03oxzuoaag.jpg',
      'https://blob.keylol.com/forum/202006/05/204315hjbvvj7nxlg3gjjn.jpg',
      'https://blob.keylol.com/forum/202006/05/204324xt92gv9fiku4gq0f.jpg',
      'https://blob.keylol.com/forum/202006/07/081031l4fnvfggmgk4o8mf.jpg',
      'https://blob.keylol.com/forum/202006/07/081031hpphqhmq76f7mpky.jpg',
      'https://blob.keylol.com/forum/202006/07/081031lgnb72c2wnd1rr0k.jpg',
      'https://blob.keylol.com/forum/202006/07/081031wbbhhu2thhccc4cd.jpg',
      'https://blob.keylol.com/forum/202006/05/204324i8z8shyjvyovejzf.jpg',
      'https://blob.keylol.com/forum/202006/05/204324rr8vvlglvmvrubqu.jpg',
      'https://blob.keylol.com/forum/202006/05/204324guchra9xu9c3o4bt.jpg',
      'https://blob.keylol.com/forum/202006/05/204325a0qzoi8h88s98en4.jpg',
      'https://blob.keylol.com/forum/202006/05/204325ntw7uwf3wrfddr37.jpg',
    ],
    "小黄鸡动图🐤":[
      'https://blob.keylol.com/forum/202006/05/201141excz6cd1bmbzjyem.gif',
      'https://blob.keylol.com/forum/202006/05/201142qvv08vtv6nw6rjv1.gif',
      'https://blob.keylol.com/forum/202006/05/201142em0ncwkxhaoknqv5.gif',
      'https://blob.keylol.com/forum/202006/07/080057nd77eqg0mgawuwzv.gif',
      'https://blob.keylol.com/forum/202006/07/080057czf2thrfinwy9nhn.gif',
      'https://blob.keylol.com/forum/202006/07/080057sfehnsnhueu7hnhh.gif',
      'https://blob.keylol.com/forum/202006/05/202001a6f682oznfmk7ucm.gif',
      'https://blob.keylol.com/forum/202006/07/080057wejoune7hqo26z6h.gif',
      'https://blob.keylol.com/forum/202006/05/201142chta0ugawl7lmweg.gif',
      'https://blob.keylol.com/forum/202006/05/202001wikzhe7hir76ah6d.gif',
      'https://blob.keylol.com/forum/202006/05/201143xyeopaw8oxuo9bo1.gif',
      'https://blob.keylol.com/forum/202006/05/201143y26arqvuy9999g66.gif',
      'https://blob.keylol.com/forum/202006/05/201143pi5fitddl1tz85fh.gif',
      'https://blob.keylol.com/forum/202006/05/201144a9320xn2ndm213mn.gif',
      'https://blob.keylol.com/forum/202006/05/201145eu2kxtgyo0tgy6g2.gif',
      'https://blob.keylol.com/forum/202006/05/201145arubkqxcqp9ccs9x.gif',
      'https://blob.keylol.com/forum/202006/05/201145yw4pabpfaf1z1hjb.gif',
      'https://blob.keylol.com/forum/202006/05/201146wgba9uf885zza6ct.gif',
      'https://blob.keylol.com/forum/202006/05/201146a6tle7tbabm7b2kk.gif',
      'https://blob.keylol.com/forum/202006/05/201146wf2x1z4n1ln3e32g.gif',
      'https://blob.keylol.com/forum/202006/05/201142t4n9p2jdj4k3nn4m.gif',
    ],
    "肌肉鸡小老弟🐤":[
      'https://blob.keylol.com/forum/202006/05/200110yyy5mdfl5y5od6zf.gif',
      'https://blob.keylol.com/forum/202006/05/200110wbb1bi04ohp2ckbp.gif',
      'https://blob.keylol.com/forum/202006/05/200110fziirntimunxszjm.gif',
      'https://blob.keylol.com/forum/202006/05/200111mco4crb4k9j4bvti.gif',
      'https://blob.keylol.com/forum/202006/05/200111h96o169i416d6oao.gif',
      'https://blob.keylol.com/forum/202006/05/200111uepzu9vjm29ehxtp.gif',
      'https://blob.keylol.com/forum/202006/05/200111bawzuydbbi5sswul.gif',
      'https://blob.keylol.com/forum/202006/05/200111lpa2p6jarpjrpy2r.gif',
      'https://blob.keylol.com/forum/202006/05/200111p30b66110016011f.gif',
      'https://blob.keylol.com/forum/202006/05/200112zskthzzqwhfskqof.gif',
      'https://blob.keylol.com/forum/202006/05/200112u8df28n275dbvzsd.gif',
    ],
  };

  // 新建表情包插件,运行main()方法
  var showDebug = false;
  var plugin = new SetycyasFacePlugin($textarea,faceTable,showDebug);
  plugin.main();

})();