// ==UserScript==
// @name         卡特自訂首頁&收藏文章&黑名單
// @namespace    http://tampermonkey.net/
// @version      0.1.01
// @description  RT
// @author       SmallYue1
// @match        https://kater.me*
// @match        https://kater.me/*
// @require      https://code.jquery.com/jquery-3.4.1.min.js
// @require      https://greasyfork.org/scripts/14208-datejs/code/Datejs.js?version=89671
// @grant        GM_getValue
// @grant        GM_setValue
// @downloadURL none
// ==/UserScript==

var BlackList,BlockList,FavoriteList;

function 新增功能(ul)
{
    收藏文章(ul);
    自訂首頁(ul);
}

function 覆寫樓層(Li_User)
{
    if(Li_User.parentNode.lastElementChild.className !== "TextEditor-toolbar")
    {
        var Li_BlackList = document.createElement('li');
        var Btn_BlackList = document.createElement('button');
        var Icon_BlackList = document.createElement('i');
        var href = Li_User.parentNode.firstElementChild.firstElementChild.firstElementChild.firstElementChild.href;
        Li_BlackList.setAttribute("class","TextEditor-toolbar");
        Btn_BlackList.setAttribute("class","Button Button--icon Button--link hasIcon");
        if(BlackList.indexOf(href) === -1)
        {
            Icon_BlackList.setAttribute("class","icon far fa-eye Button-icon");
            Li_User.parentNode.parentNode.parentNode.childNodes[2].setAttribute("style","");
        }
        else if(BlackList.indexOf(href) !== -1)
        {
            Icon_BlackList.setAttribute("class","icon far fa-eye-slash Button-icon");
            Li_User.parentNode.parentNode.parentNode.childNodes[2].setAttribute("style","display:none;");
        }
        Li_User.parentNode.appendChild(Li_BlackList);
        Li_BlackList.appendChild(Btn_BlackList);
        Btn_BlackList.appendChild(Icon_BlackList);
        Li_BlackList.addEventListener("click",function(e) {
            var icon = this.firstElementChild.firstElementChild;
            var href = this.parentNode.firstElementChild.firstElementChild.firstElementChild.firstElementChild.href;
            if(icon.getAttribute("class") !== "icon far fa-eye-slash Button-icon")
            {
                //新增黑名單
                if(BlackList.indexOf(href) === -1)
                {
                    BlackList.push(href)
                    GM_setValue("Kater_BlackList", BlackList);
                    this.parentNode.parentNode.parentNode.childNodes[2].setAttribute("style","display:none;");
                }
                icon.setAttribute("class","icon far fa-eye-slash Button-icon");
            }
            else
            {
                //解除黑名單
                if(BlackList.indexOf(href) !== -1)
                {
                    BlackList.splice(BlackList.indexOf(href), 1);
                    GM_setValue("Kater_BlackList", BlackList);
                    this.parentNode.parentNode.parentNode.childNodes[2].setAttribute("style","");
                }
                icon.setAttribute("class","icon far fa-eye Button-icon");
            }
        },false);
    }
}

function 覆寫Ul(Ul,Data_Id)
{
    var Li = document.createElement('li');
    Li.innerHTML = `<button class=" hasIcon" type="button" title="收藏"><i></i><span class="Button-label">收藏</span></button>`;
    Li.setAttribute("class","item-subscription");
    Li.setAttribute("data-id",Data_Id);
    if(FavoriteList.indexOf(Data_Id) === -1)
    {
        Li.firstElementChild.firstElementChild.setAttribute("class","icon far fa-star Button-icon");
    }
    else if(FavoriteList.indexOf(Data_Id) !== -1)
    {
        Li.firstElementChild.firstElementChild.setAttribute("class","icon fas fa-star Button-icon");
    }
    Ul.insertBefore(Li,Ul.firstElementChild);
    Li.addEventListener("click",function(){
        var Data_Id = this.getAttribute("data-id");
        if(FavoriteList.indexOf(Data_Id) === -1)
        {
            //新增收藏
            FavoriteList.push(Data_Id)
            GM_setValue("Kater_FavoriteList", FavoriteList);
            this.firstElementChild.firstElementChild.setAttribute("class","icon fas fa-star Button-icon");
        }
        else if(FavoriteList.indexOf(Data_Id) !== -1)
        {
            //解除收藏
            FavoriteList.splice(FavoriteList.indexOf(Data_Id), 1);
            GM_setValue("Kater_FavoriteList", FavoriteList);
            this.firstElementChild.firstElementChild.setAttribute("class","icon far fa-star Button-icon");
        }
    },false);
}

function 新增腳本工具列按鈕()
{
    if($("#Script_Btn").length === 0)
    {
        var Ul = $("ul.Header-controls")[1];
        var Li_Setting = document.createElement('li');
        Li_Setting.innerHTML = `<div class="ButtonGroup Dropdown dropdown SessionDropdown itemCount2"><button class=\"Dropdown-toggle Button Button--flat\" data-toggle=\"dropdown\"><i class=\"icon fas fa-cogs Button-icon\"></i><span>腳本設定</span></button><ul class="Dropdown-menu dropdown-menu Dropdown-menu--right"></ul></div>`;
        Ul.appendChild(Li_Setting);
        新增功能(Li_Setting.firstElementChild.lastElementChild);
        Li_Setting.setAttribute("id","Script_Btn");
        Li_Setting.setAttribute("class","item-session");
    }
}

function 自訂首頁(Ul)
{
    var Li = document.createElement('li');
    Ul.appendChild(Li);
    Li.innerHTML = `<button class=" hasIcon" type="button" title="自訂首頁"><i class="icon fas fa-cog Button-icon"></i><span class="Button-label">自訂首頁</span></button>`;
    Li.setAttribute("class","item-profile");
    Li.addEventListener("click",() => {取得Tag資料()});
}

function 收藏文章(Ul)
{
    var Li = document.createElement('li');
    Ul.appendChild(Li);
    Li.innerHTML = `<button class=" hasIcon" type="button" title="收藏文章"><i class="icon fas fa-star Button-icon"></i><span class="Button-label">收藏文章</span></button>`;
    Li.setAttribute("class","item-profile");
    Li.addEventListener("click",() => {建立收藏頁面()});
}

function 取得Tag資料() {
    var datas = [],datas_has_parent = [];
    var settings = {
        "url":"https://kater.me/api/tags",
        "method":"GET",
        "headers":{
            "X-CSRF-TOKEN":app.data.session.csrfToken
        },
        success:function(e){
            for(var data of e.data)
            {
                try{
                    if(data.relationships.parent.data.id !== "")
                    {
                        var Tempt2 = {
                            "id":data.id,
                            "position":data.attributes.position,
                            "name":data.attributes.name,
                            "icon":data.attributes.icon,
                            "color":data.attributes.color,
                            "parent_id":data.relationships.parent.data.id
                        };
                        datas_has_parent.push(Tempt2);
                    }
                }
                catch(d)
                {
                    var Tempt = {
                        "id":data.id,
                        "position":data.attributes.position,
                        "name":data.attributes.name,
                        "icon":data.attributes.icon,
                        "color":data.attributes.color,
                        "parent_id":""
                    };
                    datas.push(Tempt);
                }
            }
            建立設定頁面(datas,datas_has_parent);
        },
        error:function(e){
            console.log(e);
        }
    }
    try{
        $.ajax(settings);
    }
    catch(e)
    {

    }
}

function 建立設定頁面(datas,datas_has_parent)
{
    document.body.innerHTML = "<body></body>";
    var Div = document.createElement('div');
    var Tags = document.createElement('ul');
    var Text_Color,Icon_Color;
    Div.setAttribute("style","max-width:100%;height:100%;");
    Tags.setAttribute("class","Dropdown-menu dropdown-menu");
    Tags.setAttribute("style","width:;display:block;position:static;");
    datas.sort(function (a, b) {
        return a.position < b.position ? -1 : 1;
    });
    datas_has_parent.sort(function (a, b) {
        return a.position < b.position ? -1 : 1;
    });
    for(var data of datas)
    {
        var Tag_Iteam = document.createElement('li');
        if(BlockList.indexOf(data.name) === -1)
        {
            Icon_Color = data.color;
            Text_Color = "#111";
        }
        else if(BlockList.indexOf(data.name) !== -1)
        {

            Icon_Color = "#b7b7b7";
            Text_Color = "#b7b7b7";
        }
        Tag_Iteam.innerHTML = `<a class="TagLinkButton hasIcon" style="text-align:center;width:100%;color:${Text_Color};"><i class="icon ${data.icon} Button-icon" style="float:initial;color:${Icon_Color};"></i>${data.name}</a>`;
        Tag_Iteam.setAttribute("id",data.id);
        Tag_Iteam.setAttribute("name",data.name);
        Tag_Iteam.setAttribute("color",data.color);
        Tag_Iteam.setAttribute("style","max-width:100%;height:100%;");
        Tag_Iteam.addEventListener("click",(e) => {Tag_Iteam_Onclick_Event(e);},false);
        Tags.appendChild(Tag_Iteam);
    }
    document.body.appendChild(Div);
    Div.appendChild(Tags);
    for(data of datas_has_parent)
    {
        var Parent_Tag_Iteam = document.getElementById(data.parent_id);
        Tag_Iteam = document.createElement('li');
        if(BlockList.indexOf(data.name) === -1)
        {
            Icon_Color = data.color;
            Text_Color = "#111";
        }
        else if(BlockList.indexOf(data.name) !== -1)
        {

            Icon_Color = "#b7b7b7";
            Text_Color = "#b7b7b7";
        }
        Tag_Iteam.innerHTML = `<a class="TagLinkButton hasIcon child" style = "text-align:center;width:100%;color:${Text_Color};max-width:100%;box-sizing:border-box;padding-left:50px;margin-left:0px;"><i class="icon ${data.icon} Button-icon" style="float:initial;color:${Icon_Color};"></i>${data.name}</a>`;
        Tag_Iteam.setAttribute("id",data.id);
        Tag_Iteam.setAttribute("name",data.name);
        Tag_Iteam.setAttribute("color",data.color);
        Tag_Iteam.setAttribute("style","max-width:100%;height:100%;");
        Tag_Iteam.addEventListener("click",(e) => {Tag_Iteam_Onclick_Event(e);},false);
        insertAfter(Tag_Iteam,Parent_Tag_Iteam);
    }
    var Back_To_Kater = document.createElement('div');
    Back_To_Kater.setAttribute("style","text-align:center;width:100%;height:100%;");
    Back_To_Kater.innerHTML = `<div style="margin:0 auto;"><a href="https://kater.me/"><button class="Button Button--primary IndexPage-newDiscussion hasIcon" itemclassname="App-primaryControl" type="button" title="回到卡特"><i class="icon fas fa-edit Button-icon"></i><span class="Button-label">回到卡特</span></button></a></div>`;
    document.body.appendChild(Back_To_Kater);
}

function Tag_Iteam_Onclick_Event(e) {
    var Target = $(e.target).parents("li")[0];
    var Block_Text = Target.getAttribute("name");
    var Text_Color,Icon_Color;
    if(BlockList.indexOf(Block_Text) === -1)
    {
        //新增屏蔽
        BlockList.push(Block_Text)
        GM_setValue("Kater_BlockList", BlockList);
        Icon_Color = "#b7b7b7";
        Text_Color = "#b7b7b7";
    }
    else if(BlockList.indexOf(Block_Text) !== -1)
    {
        //解除屏蔽
        BlockList.splice(BlockList.indexOf(Block_Text), 1);
        GM_setValue("Kater_BlockList", BlockList);
        Icon_Color = Target.getAttribute("color");
        Text_Color = "#111";
    }
    Target.firstElementChild.setAttribute("style",`text-align:center;width:100%;color:${Text_Color};`);
    Target.firstElementChild.firstElementChild.setAttribute("style",`float:initial;color:${Icon_Color};`);
}

function insertAfter(newE,targetE)
{
    var parentE = targetE.parentNode;

    if(parentE.lastChild == targetE)
    {
        parentE.appendChild(newE);
    }else
    {
        parentE.insertBefore(newE,targetE.nextSibling);
    }
}


async function 建立收藏頁面(){
    var Ul,Data,Data_Id,Article_Card,Li_Display;
    document.body.innerHTML = "<body></body>";
    var Back_To_Kater = document.createElement('div');
    Back_To_Kater.setAttribute("style","text-align:center;width:100%;height:auto;position:fixed;display:block;z-index:5;");
    Back_To_Kater.innerHTML = `<div class="header-secondary" style="width:100%"><a href="https://kater.me/"><button itemclassname="App-primaryControl" type="button" title="回到卡特" style="width:100%" class="Button Button--primary IndexPage-newDiscussion hasIcon"><span class="Button-label">回到卡特</span></button></a></div>`;
    document.body.appendChild(Back_To_Kater);
    var Article_List = document.createElement('ul');
    document.body.appendChild(Article_List);
    Article_List.setAttribute("class","PostsUserPage-list");
    Article_List.setAttribute("style","width:80%;padding-top:45px;padding-bottom:45px;padding-left:20%;");
    for(var Favorite of FavoriteList)
    {
        Data = await 取得收藏資料(Favorite);
        Article_Card = document.createElement('li');
        Article_List.appendChild(Article_Card);
        Article_Card.innerHTML = `<div class="PostsUserPage-discussion">於 <a href="https://kater.me/d/${Data.discussions_id}/${Data.floor}">${Data.title}</a></div>
                                      <article class="Post  CommentPost">
                                              <div>
                                                  <header class="Post-header">
                                                      <ul>
                                                          <li class="item-user">
                                                              <div class="PostUser">
                                                                  <h3><a href="https://kater.me/u/${Data.uid}"><img class="Avatar PostUser-avatar" src="${Data.avatarUrl}"><span class="username">${Data.username}</span></a></h3>
                                                                  <ul class="badges">
                                                                  </ul>
                                                              </div>
                                                          </li>
                                                          <li class="item-meta">
                                                              <div class="Dropdown PostMeta">
                                                                  <a class="Dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
                                                                      <time pubdate="true" datetime="${Data.time}" title="${Date.parse(Data.time)}" data-humantime="true">${Date.parse(Data.time).toString("yyyy/M/d HH:mm:ss")}</time>
                                                                  </a>
                                                              </div>
                                                          </li>
                                                          <li class="TextEditor-toolbar">
                                                              <button class="Button Button--icon Button--link hasIcon">
                                                                  <i class="icon far fa-eye-slash Button-icon"></i>
                                                              </button>
                                                          </li>
                                                      </ul>
                                                  </header>
                                                  <div class="Post-body" style = "display:none;">${Data.contentHtml}</div>
                                                  <aside class="Post-actions">
                                                      <ul></ul>
                                                  </aside>
                                              </div>
                                          </article>`;
        Ul = Article_Card.lastElementChild.firstElementChild.lastElementChild.firstElementChild;
        Data_Id = Data.data_id;
        await 覆寫Ul(Ul,Data_Id);
        Ul.firstElementChild.removeAttribute("class");
        Ul.firstElementChild.firstElementChild.setAttribute("class","Dropdown-toggle Button Button--icon Button--flat");
        Ul.firstElementChild.addEventListener("click",function(){
            var Data_Id = this.getAttribute("data-id");
            $(this).parents("li")[0].setAttribute("style","display:none;");
        },false);
        Li_Display = Article_Card.lastElementChild.firstElementChild.firstElementChild.firstElementChild.lastElementChild;
        Li_Display.addEventListener("click",function() {
            var icon = this.firstElementChild.firstElementChild;
            if(icon.getAttribute("class") !== "icon far fa-eye-slash Button-icon")
            {
                this.parentNode.parentNode.parentNode.children[1].setAttribute("style","display:none;");
                icon.setAttribute("class","icon far fa-eye-slash Button-icon");
            }
            else
            {
                this.parentNode.parentNode.parentNode.children[1].setAttribute("style","");
                icon.setAttribute("class","icon far fa-eye Button-icon");
            }
        },false);
    }

}

async function 取得收藏資料(Favorite){
    try{
        return new Promise((resolve,reject) => {
            var settings = {
                "url":"https://kater.me/api/posts/"+Favorite,
                "method":"GET",
                "headers":{
                    "X-CSRF-TOKEN":app.data.session.csrfToken
                },
                success:function(e){
                    for(var item of e.included)
                    {
                        if(item.type === "discussions")
                        {
                            var title = item.attributes.title;
                            var discussions_id = item.id;
                        }
                    }
                    var Data = {
                        "data_id":e.data.id,
                        "floor":e.data.attributes.number,
                        "time":e.data.attributes.createdAt,
                        "contentHtml":e.data.attributes.contentHtml,
                        "username":e.included[0].attributes.username,
                        "avatarUrl":e.included[0].attributes.avatarUrl,
                        "uid":e.included[0].id,
                        "discussions_id":discussions_id,
                        "title":title
                    };
                    resolve(Data);
                },
                error:function(e){
                    console.log(e);
                    reject("Error");
                }
            }
            $.ajax(settings);
        });
    }
    catch(e)
    {

    }
}

if(!GM_getValue("Kater_BlackList"))
{
    BlackList = [];
    GM_setValue("Kater_BlackList", []);
    console.log("偵測到初次使用腳本 O_Ob");
}
else
{
    BlackList = GM_getValue("Kater_BlackList");
    console.log(BlackList);
}

if(!GM_getValue("Kater_BlockList"))
{
    BlockList = [];
    GM_setValue("Kater_BlockList", []);
    console.log("偵測到初次使用腳本 O_Ob");
}
else
{
    BlockList = GM_getValue("Kater_BlockList");
    console.log(BlockList);
}

if(!GM_getValue("Kater_FavoriteList"))
{
    FavoriteList = [];
    GM_setValue("Kater_FavoriteList", []);
    console.log("偵測到初次使用腳本 O_Ob");
}
else
{
    FavoriteList = GM_getValue("Kater_FavoriteList");
    console.log(FavoriteList);
}

var callback = function (records){
    records.map(function(record){
        if(record.addedNodes.length != 0)
        {
            setTimeout(() => {
                if(location.href.indexOf("/d/") !== -1)
                {
                    var Article = $(record.addedNodes[0]).find("article.CommentPost")[0];
                    if(Article !== undefined)
                    {
                        var Ul = Article.firstElementChild.children[2].firstElementChild.lastElementChild.firstElementChild.lastElementChild;
                        if(Ul !== undefined)
                        {
                            if(Ul.firstElementChild.className !== "item-subscription")
                            {
                                var Data_Id = Article.parentElement.getAttribute("data-id");
                                覆寫Ul(Ul,Data_Id)
                            }
                        }
                        var Li_User = Article.firstElementChild.firstElementChild.firstElementChild.firstElementChild;
                        if(Li_User !== undefined)
                        {
                            覆寫樓層(Li_User);
                        }
                    }
                }
                else
                {
                    var Div = $(record.addedNodes[0]).find("div.DiscussionListItem")[0];
                    if(Div !== undefined)
                    {
                        var Tags = Div.lastElementChild.children[2].lastElementChild.firstElementChild.firstElementChild.children;
                        for(var Tag of Tags)
                        {
                            if(BlockList.indexOf(Tag.innerText.replace(/ /g,"")) !== -1)
                            {
                                Tag.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.setAttribute("style","display:none;");
                            }
                        }
                        var User = Div.lastElementChild.firstElementChild;
                        if(BlackList.indexOf(User.href) !== -1)
                        {
                            User.parentElement.parentElement.parentElement.setAttribute("style","display:none;");
                        }
                    }

                }
            },50);
        }
    });
};

var mo = new MutationObserver(callback);

var option = {
    'childList': true,
    'subtree' : true
};

mo.observe(document.getElementById("content"), option);

$("document").ready(
    function()
    {
        'use strict';
        setTimeout(() => 新增腳本工具列按鈕(),100);
        // Your code here...
    }
);