☰

かんたんコメントプラス

かんたんコメントをカスタム

// ==UserScript==
// @name         かんたんコメントプラス
// @namespace    http://tanbatu.github.io/
// @version      2.2
// @description  かんたんコメントをカスタム
// @author       You
// @match        *://www.nicovideo.jp/watch/*
// @match        *://www.nicovideo.jp/easycomment/setting
// @match        *://www.nicovideo.jp/my*
// @require http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js
// @grant        none
// ==/UserScript==
const url = location.href
if(url.match('.nicovideo.jp/watch/sm')){
    one()
}else if(url.match("jp/my")){
    document.getElementsByClassName('MainMenuContainer-right')[0].insertAdjacentHTML('beforebegin', '<a id="kankome" class="MainMenuItem" href="/my/mylist?EasyComment">かんコメ</a>')
}

function one() {
    document.getElementsByClassName('ControllerBoxCommentAreaContainer-commentPostAndLikeArea')[0].insertAdjacentHTML('afterend', `
    <div class="EasyCommentContainer-inner_Plus">
        <div class="PlusComment" style="transform: translateX(0px);text-align: center;padding-top: 5px;">
        </div>
    </div>
    <style>
    .Ecom{
        position: relative;
        min-width: 44px;
        height: 24px;
        margin-left:5px;
        padding: 0 6px;
        border: 2px solid #ddd;
        border-radius: 4px;
        background-color: #fff;
        color: #686868;
        font-size: 12px;
        font-weight: 600;
        text-align: center;
    }
    .Ecom:hover{
        background-color:#cffcff;
    }
    </style>   `)

    //タグを取得
    let tag = []
    let find_tag

    let comment_Div = document.getElementsByClassName('PlusComment')[0]
    let TagElem = document.getElementsByClassName('Link TagItem-name')
    for (let i = 0; i < TagElem.length; i++) {
        tag.push(TagElem[i].textContent.toLowerCase())

    }
    tag.push('すべて')
    console.log(tag)

    let m= []
    let str = localStorage.getItem('EasyComment')
    let comment_List = JSON.parse(str.replace(/\\/g, ""))
    console.log(comment_List)

    for (let i = 0; i < comment_List.length; i++) {
        find_tag = tag.indexOf(comment_List[i].tag)
        console.log(tag)
        if (find_tag != -1) {
            console.log(i+'タグがあります' + tag[find_tag])
            console.log(Number(comment_List[i].comment.length))
            for(let d = 0;d<Number(comment_List[i].comment.length);d++){
                m.push(comment_List[i].comment[d])
            }

        } else {
            console.log('見つかりませんでした')
        }
    }
    addElement(m)


    function addElement(tagNum) {
        console.log(tagNum)
        for (i = 0; i < tagNum.length; i++) {
            comment_Div.insertAdjacentHTML('beforeend', '<button type="button" class="Ecom" id=' + i + '>' + tagNum[i] + '</button>')
        }
    }

    comment_Div.insertAdjacentHTML('beforeend','<a href="https://www.nicovideo.jp/my/mylist?EasyComment">設定</a>')
    let CommentInput = document.getElementsByClassName('CommentInput-textarea')[0]
    let PostButton = document.getElementsByClassName('ActionButton CommentPostButton')[0]


    function come(elements_text, text) {
        Object.getOwnPropertyDescriptor(HTMLTextAreaElement.prototype, "value").set.call(elements_text, text), elements_text.dispatchEvent(new Event("input", {
            bubbles: !0
        }))
        PostButton.click()
    }
    let Comment_Buttons = document.querySelectorAll('.Ecom')
    for (i = 0; i < Comment_Buttons.length; i++) {
        Comment_Buttons[i].addEventListener("click", function () {
            console.log(this.id)
            come(CommentInput, m[this.id])
        })
    }

}

let List_Num = 1

let syutokunum=0
let befo
if (location.href == "https://www.nicovideo.jp/my/mylist?EasyComment") {
let Strage_List

let getitem;
    document.querySelector('.UserPage-main').insertAdjacentHTML('beforebegin', `<div id="back" style="
    position: absolute;
    z-index:1000;
    background-color: #fafafa;
    width: 100%;
    height: 100%;
    text-align:center;"><div class="lds-facebook"><div></div><div></div><div></div></div></div>
<style>
.lds-facebook {
  display: inline-block;

  position: relative;
  width: 80px;
  height: 80px;
}
.lds-facebook div {
  display: inline-block;
  position: absolute;
  left: 8px;
  width: 16px;
  background: gray;
  animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.lds-facebook div:nth-child(1) {
  left: 8px;
  animation-delay: -0.24s;
}
.lds-facebook div:nth-child(2) {
  left: 32px;
  animation-delay: -0.12s;
}
.lds-facebook div:nth-child(3) {
  left: 56px;
  animation-delay: 0;
}
@keyframes lds-facebook {
  0% {
    top: 8px;
    height: 64px;
  }
  50%, 100% {
    top: 24px;
    height: 32px;
  }
}
</style>`)

    document.getElementsByClassName('MainMenuItem MainMenuItem-active')[0].className = "MainMenuItem"
    window.onload = function () {
        let del_Button
        document.getElementById('kankome').className = "MainMenuItem MainMenuItem-active"
        let Active_Bar = document.getElementsByClassName('MainMenuItem MainMenuItem-active')[0].offsetLeft
        document.getElementsByClassName('MainMenuContainer-activeBorder')[0].style.transform = "translateX(" + Active_Bar + "px)"
        document.getElementsByClassName('SubMenuHeader MylistPageSubMenuHeader MylistPageSubMenu-header')[0].innerText = "かんたんコメント＋"
        document.getElementsByClassName('MylistPageSubMenu-action')[0].remove()
        document.getElementsByClassName('SubMenuLink')[0].remove()
        document.getElementById('back').remove()
        let mems = document.getElementsByClassName('SubMenuLink')
        mems[mems.length - 1].remove()
        getitem = localStorage.getItem('EasyComment')
        console.log(getitem)
        let jsonparse = [{comment: [], tag: "すべて"}]
        if(getitem==null || getitem=="[]"){
        localStorage.setItem('EasyComment',JSON.stringify(jsonparse))
        getitem = localStorage.getItem('EasyComment')}
        Strage_List = JSON.parse(getitem.replace(/\\/g, ""));

        document.getElementsByClassName('SubMenuLinkList MylistPageSubMenu-menu')[0].innerHTML = ""

        function addmenu() {
            document.getElementsByClassName('SubMenuLinkList MylistPageSubMenu-menu')[0].innerHTML = ""
            for (let i = 0; i < Strage_List.length; i++) {
                document.getElementsByClassName('SubMenuLinkList MylistPageSubMenu-menu')[0].insertAdjacentHTML('beforeend', `<li class="SubMenuLink MylistPageSubMenu-menuItem" title="` + Strage_List[i].tag + `"><a class="SubMenuLink-link SubMenuLink-link_internal " id="` + i + `"><span class="SubMenuLink-label">` + Strage_List[i].tag + ` </span></a></li>`)
            }
            document.getElementsByClassName('SubMenuLinkList MylistPageSubMenu-menu')[0].insertAdjacentHTML('beforeend', "<button class='ModalActionButton MylistsContainer-actionItem'>+新規作成</button>")
            document.getElementsByClassName('ModalActionButton MylistsContainer-actionItem')[0].addEventListener('click', function () {
            let new_ = window.prompt('適用するタグを入力してください。')
            Strage_List.push({ comment: [], tag: new_.toLowerCase() })
            localStorage.setItem('EasyComment', JSON.stringify(Strage_List))
            getitem = localStorage.getItem('EasyComment')
            Strage_List = JSON.parse(getitem.replace(/\\/g, ""));
            addmenu()
            loadcommentList(Strage_List.length - 1)
        })
            let list_Button = document.getElementsByClassName('SubMenuLink MylistPageSubMenu-menuItem')
            for (let i = 0; i < list_Button.length; i++) {
                list_Button[i].addEventListener('click', function () {
                    console.log(this.childNodes[0].id)
                    let id_ = this.childNodes[0].id
                    loadcommentList(id_)

                })
            }
        }
        addmenu()



        function loadcommentList(List_Num) {
            let d = document.getElementsByClassName('MylistPage-content')[0].innerHTML = ""
            document.getElementsByClassName('MylistPage-content')[0].insertAdjacentHTML('beforeend', `
<a id="deletekey" href="javascript:console.log('削除確認中...')">削除する</a>
<p><span style="font-size:30px;">`+ Strage_List[List_Num].tag + `
</span>タグに適用されるかんたんコメント</p>
<div id="input_block" style="
    display: flex;
"><input id="taginput" placeholder="ここにタグを入力"><button id="addbutton" class="ModalActionButton SubMenuButton MylistPageSubMenu-actionButton" style="
    border-radius: 0px;
    height: 99%;
    background-color: gray;
    color: white;
"><svg viewBox="0 0 10 10" class="AddIcon"><path d="M4.2 8.9V5.8h-3a.8.8 0 110-1.6h3v-3a.8.8 0 111.6 0v3h3a.8.8 0 110 1.6h-3v3a.8.8 0 11-1.6 0z" fill="#fff"></path></svg></button></div>
<style>
#input_block{
 border: 1px solid gray;
  border-radius:2px;
  width:70%;
  height:30px;
}
#taginput{
width:98%;
  height:94%;
  border-width:0px;
  border-radius:3px;

}
#taginput:focus {
  outline:none;
}
</style>
    `)
             function add(){

                        let value = document.getElementById('taginput').value
                         document.getElementById('taginput').value=""
                 if(value!=""){
                document.getElementsByClassName('MylistPage-content')[0].insertAdjacentHTML('beforeend', `
    <div style="display:flex;padding-top:5px"><div style="
    box-shadow: 0 0 4px 0 rgba(0,0,0,.2);
    border-radius: 2px;
    color: #252525;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    cursor: pointer;
    width: 70%;
    margin-top: 5px;
    background-color: white;
    font-size: 150%;
"><p style="
margin:0px;
    padding: 5px;
    color: #3e3e3e;
">`+ value + `</p></div></div>`
                )
                Strage_List[List_Num].comment.push(value)
                localStorage.setItem('EasyComment', JSON.stringify(Strage_List))
                 }
    }

$("#taginput").keypress(function(event){
    var keycode = (event.keyCode ? event.keyCode : event.which);
    if(keycode == '13'){
        add()
    }

});



            document.getElementById('deletekey').addEventListener('click', function () {
                let del = window.confirm('本当に削除してよろしいですか？')
                if (del == true) {
                    Strage_List.splice(List_Num, 1);
                    localStorage.setItem('EasyComment', JSON.stringify(Strage_List))
                    loadcommentList(0)
                    addmenu()
                }
            })
            let add_Button = document.getElementById('addbutton')
            add_Button.addEventListener('click', function () {
                add()
            })
            for (let i = 0; i < Strage_List[List_Num].comment.length; i++) {
                document.getElementsByClassName('MylistPage-content')[0].insertAdjacentHTML('beforeend', `
    <div style="display:flex;padding-top:5px"><div style="
    box-shadow: 0 0 4px 0 rgba(0,0,0,.2);
    border-radius: 2px;
    color: #252525;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    cursor: pointer;
    width: 70%;
    margin-top: 5px;
    background-color: white;
    font-size: 150%;
"><p style="
    margin:0px;
    padding: 5px;
    color: #3e3e3e;
">`+ Strage_List[List_Num].comment[i] + `</p></div><p  class="del_button">×</p></div>`)
            }
$('.del_button').on('click', function(){
  var index = $('.del_button').index(this);
  console.log(index + 'th item clicked!');
  this.parentNode.remove()
  Strage_List[List_Num].comment.splice(index,1)
    localStorage.setItem('EasyComment', JSON.stringify(Strage_List))
});
        }
        loadcommentList(0)


    }
}