// ==UserScript==
// @name         油猴中文网的自动回复以及隐藏的内容自动显示,假如跳转到最后一次自动回到第一页
// @namespace    http://tampermonkey.net/
// @version      0.6
// @description  针对油猴中文网的自动回复，自动回复的内容大家可以在脚本数组里面自行添加。给自己的帖子上面也增加了一个自动回复。内容大家可以自己进去修改
// @author       xiaofeiwu
// @match        https://bbs.tampermonkey.net.cn/*
// @icon         https://ts1.cn.mm.bing.net/th/id/R-C.2bdf17496204df0bcd780d2eebaf0176?rik=5ysJyIjupDbipg&riu=http%3a%2f%2fwww.98ps.com%2fuploads%2fallimg%2fc130509%2f13D10cK550-WX3.jpg&ehk=6Y%2b%2fswdrFX0DmfipN42UvlMQ5SwGMGaqUxpdHkg1rCQ%3d&risl=&pid=ImgRaw&r=0
// @require      https://cdn.jsdelivr.net/npm/vue@next
// @grant        unsafeWindow
// @run-at document-start
// @grant        GM_addStyle
// ==/UserScript==


unsafeWindow.Vue = Vue;
window.onload=()=>{

// 然隐藏的内容通过自动回复自动显示
setTimeout(() => {
    let flag = localStorage.getItem("flag");
    if(document.getElementsByClassName("locked")[0] !== undefined){
        document.querySelector('#fastpostmessage').value = "ggnb!!!!!!";
        document.querySelector('#fastpostrefresh').checked = true
        document.querySelector('#fastpostsubmit').click()
        localStorage.setItem("flag", "true");
        
    }
    if(document.getElementsByName("custompage").length > 0) {
        if(document.getElementsByName("custompage")[0].value !== '1' && flag === 'true'){
            // 拿到第一页的url地址
            let firstUrl = document.getElementsByClassName("pg")[0].childNodes[0].href;
            window.location.replace(firstUrl)
            localStorage.setItem("flag", "false");
        }
    }
    // 让它点击完成以后回到顶部
    document.getElementsByClassName("scrolltopa")[0].onclick() 
    
}, 2000)

let text=`<div id="app">
       <button @click="replay" class="replayBtn">自动回复</button>
       <div v-for="(item,index) in  content" :key="index" class="default" @click="getContent">{{item}}</div>
    </div>`


var divPosition = document.querySelector('.kmstt'); //搜寻元素
divPosition.insertAdjacentHTML('afterend',`${text}`);
let text1 = `<button id="sendAuthor">自动回复</button>`
var authorDiv = document.getElementsByClassName("pil cl")[0];
authorDiv.insertAdjacentHTML('afterend',`${text1}`);
document.getElementById("sendAuthor").addEventListener("click",()=>{
  document.querySelector('#fastpostmessage').value = "感觉还是很好用的";
    document.querySelector('#fastpostrefresh').checked = true
    document.querySelector('#fastpostsubmit').click()
})

      const App = {
        data() {
          return {
            content: ["ggnb666!!!","你是我的心你是我的肝你是我生命四分之三"],
            selectContent:"山东曹县牛皮666我的宝贝",
          };
        },
        methods: {
            // 这里注意一下this的指向,注意一下就行。最好直接把里面写成箭头函数
            // onload是回调函数，指向的应该是关于xhr的东西
            replay:()=>{
                document.querySelector('#fastpostmessage').value = "山东曹县牛皮666我的宝贝";
                document.querySelector('#fastpostrefresh').checked = true
                document.querySelector('#fastpostsubmit').click()
            },
            getContent:(e)=>{
                console.log(this)
               console.log(this.selectContent)
               e.target.className = "active";
                this.selectContent = e.target.innerText;
                console.log(this.selectContent)
                document.querySelector('#fastpostmessage').value = this.selectContent;
                document.querySelector('#fastpostrefresh').checked = true
                document.querySelector('#fastpostsubmit').click()
            }
        }
      };
      const app = Vue.createApp(App);
      app.mount("#app");
}

GM_addStyle(`
  #app {
     margin-top: 10px;
  }
  .replayBtn {
     background: #ff8838;
   }
  .default {
     background-color: white;
   }

   .active {
     background-color: #ff8838;
    }


`)