// ==UserScript==
// @name         動畫瘋·Plus
// @namespace    none
// @version      1.6.1
// @description  修改彈幕字型、分級標識自動同意、自動點擊按此跳過廣告、分級鎖定、可在全螢幕環境下發送彈幕
// @author       xu3u04u48
// @match        *://ani.gamer.com.tw/animeVideo.php?sn=*
// @grant        none
// @icon         https://i2.bahamut.com.tw/anime/baha_s.png

// @require      https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js
// @downloadURL none
// ==/UserScript==


$(document).on("mozfullscreenchange webkitfullscreenchange fullscreenchange", fullscreenChange);
function fullscreenChange(){
    var isFullScreen = document.fullScreen || document.mozFullScreen || document.webkitIsFullScreen;
    var fullScreen_bullet_send =  '<label><div class="plus_bullet-send_icon" id="plus_fullScreen-bullet-send" title="發送彈幕"><input type="button" style="display: none;" value="發送彈幕" onclick="$(\'#plus_bullet-send\').slideToggle(0);"></div></label>';

    if(isFullScreen){
        plus_bullet_control();
        plus_bullet_save();

        $(".vjs-res-button").after(fullScreen_bullet_send);
        $(".bullet-send").draggable({
            containment: "html",
            stop: function () {
                var top = $("#plus_bullet-send").css("top");
                var win_height = $(window).height();
                if(parseInt(top) > (win_height - 100)){
                    $("#plus_bullet-send").css("top",(win_height - 100));
                }
                var top_save = $("#plus_bullet-send").css("top");
                var left_save = $("#plus_bullet-send").css("left");
                localStorage.setItem('top_save',top_save);
                localStorage.setItem('left_save',left_save);
            }
        });

        $("input[type='button']").click(function(){
            $("#plus_bullet-control").css("display","none");
        });

    }else{
        $("#plus_bullet-send").remove();
        $("#plus_bullet-control").remove();
        $(".bullet-control").css("display","none");
        $("#plus_fullScreen-bullet-send").remove();
    }
}

function plus_bullet_control(){
    var bullet_send =  '<div class ="bullet-send" id="plus_bullet-send" style="display:none; box-shadow: rgba(0, 0, 0, 0.19) 0px 0px 3px 1px;">'+$(".bullet-send").html()+'</div>';
    var bullet_control =  '<div class ="bullet-control" id="plus_bullet-control" style="display: none;">'+$(".bullet-control").html()+'</div>';
    $("video").after(bullet_send);
    $("video").after(bullet_control);
    $("#plus_bullet-send").addClass("plus_bullet-send");
    $("#plus_bullet-control").addClass("plus_bullet-control");
}


function  plus_bullet_save(){

    var top_save = localStorage.getItem('top_save');
    var left_save = localStorage.getItem('left_save');
    if(top_save == null || left_save == null ){
        $("#plus_bullet-send").css("top","538px");
        $("#plus_bullet-send").css("left","805px");
        var top_setup = "538px";
        var left_setup = "805px";
        localStorage.setItem('top_save',top_setup);
        localStorage.setItem('left_save',left_setup);
    }else{
        $("#plus_bullet-send").css("top",top_save);
        $("#plus_bullet-send").css("left",left_save);
    }
}

$('head').append(`
<style>
.plus_bullet-send {
padding:0 5px 0 5px;
width:20%;
z-index:1;
border-radius:5px;
cursor:all-scroll;
}
.plus_bullet-control {
left:unset;
right:0;
z-index:1;
height:100%;
}

.plus_bullet-send_icon {
    width: 42px;
    height: 40px;
    float: right;
    padding: 6px 8px;
}

.plus_bullet-send_icon:before {
    content: "textsms";
}

.plus_bullet-send_icon:before {
    font-size: 26px;
    direction: ltr;
    display: inline-block;
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
}
</style>
`);




$(document).on('DOMSubtreeModified',function () {

    //console.log();
    /*GM_deleteValue('password_save');
    GM_deleteValue('grading');
    GM_deleteValue('ad');
    GM_deleteValue('font');
    GM_deleteValue('grading_save');*/

    //取得先前的儲存值
    var ncc_save = localStorage.getItem("grading"); //自動同意分級標識
    var advertising_save = localStorage.getItem('ad'); //自動點擊按此跳過廣告
    var font_save = localStorage.getItem('font'); //文字
    var password_save = localStorage.getItem('password_save');//密碼
    var grading_save = localStorage.getItem('grading_save');//分級


    //如果沒有先前的儲存值，設定預設值
    if(ncc_save == null){ncc_save = localStorage.setItem('grading','false');}
    if(advertising_save == null){advertising_save = localStorage.setItem('ad','false');}
    if(font_save == null){font_save = localStorage.setItem('font','none');}
    if(grading_save == null){grading_save = localStorage.setItem('grading_save','none');}

    //載入偵測是否有password_save
    if(password_save != null  ){
        $("#plus-value").remove();
        $("#plus-value2").css("display",'');
    }

    var grading_selected = $('#grading-password').val(grading_save);//載入時預設分級選單的值
    var grading = $('#grading-password :selected').val();//載入時取分級選單的值

    if( $('#grading-password').val() != "none"){  //分級選單
        var rating_img = $(".rating > img").attr("src");//取動畫標題旁邊的圖片連結
        var rating_img_cut = rating_img.substr(30);//切割圖片連結字串
        switch (grading_save) {
            case '6':
                if(rating_img_cut == "TW-ALL.gif"){
                    $(".plus-frame").remove();
                }
                break;
            case '12':
                if(rating_img_cut == "TW-ALL.gif" || rating_img_cut == "TW-6TO12.gif"){
                    $(".plus-frame").remove();
                }
                break;
            case '15':
                if(rating_img_cut == "TW-ALL.gif" || rating_img_cut == "TW-6TO12.gif" || rating_img_cut == "TW-12TO18.gif"){
                    $(".plus-frame").remove();
                }
                break;
            case '18':
                if(rating_img_cut != "TW-18UP.gif"){
                    $(".plus-frame").remove();
                }
                break;
        }
    }else{
        $(".plus-frame").remove();
    }

    $("#grading-password").change(function(){
        grading =  $('#grading-password :selected').val();//取<select> value
        localStorage.setItem('grading_save',grading);//設定目前的儲存值
        grading_save = localStorage.getItem('grading_save');//取得目前的儲存值
    });


    var font_selected = $('#font').val(font_save);//載入時預設下拉選單的值
    var font = $('#font :selected').val();//載入時取下拉選單的值

    if( $('#font').val() != "none"){//如果<select>不是none
        $(".cmt").css("font-family",font);//修改彈幕字型
    }else{
        $(".cmt").css("font-family",'');//放棄修改
    }

    $("#font").change(function(){
        font_selected =  $('#font :selected').val();//取下拉選單的值
        localStorage.setItem('font',font_selected);//設定目前的儲存值
        //font_save = localStorage.getItem('font');//取得目前的儲存值
    });

    $("#grading").click(function() {
        if($("#grading").prop("checked")) {
            localStorage.setItem('grading','true');//設定目前的儲存值
        } else {
            localStorage.setItem('grading','false');//設定目前的儲存值
        }
    });

    $("#advertising").click(function() {
        if($("#advertising").prop("checked")) {
            localStorage.setItem('ad','true');//設定目前的儲存值
        } else {
            localStorage.setItem('ad','false');//設定目前的儲存值
        }
    });


    if(ncc_save == 'true'){
        $("#grading").prop("checked",true);
        var e = $('#adult').get(0);//取得分級警告按鈕
        if(e != null && $(".plus-frame").html() == null){e.click();}//自動確認
    }

    if(advertising_save == 'true'){
        $("#advertising").prop("checked",true);
        var r = $('.enabled').get(0);//取得按此跳過廣告按鈕
        if(r != null){ r.click();}//自動確認
    }

});


//(function() {



//實體化使用者介面
$("#ani-tab-content-2").prepend(`
<div class=\"ani-setting-section\">
<h4 class=\"ani-setting-title\">動畫瘋·Plus設定(外掛插件)</h4>
<div class="ani-setting-item ani-flex">
<div class="ani-setting-label">
<span class="ani-setting-label__mian">彈幕字型</span>
</div>
<div class="ani-setting-value ani-set-flex-right">
<div class="ani-checkbox">
<select id="font" class="ani-select">
<option value ="none">默認</option>
<option value ="Microsoft JhengHei">微軟正黑體</option>
<option value ="Microsoft Yahei">微軟雅黑體</option>
<option value ="DFKai-sb">標楷體</option>
<option value ="Simsun">Simsun</option>
<option value ="sans-serif">sans-serif</option>
<option value ="STHeitiTC-Light">STHeitiTC-Light</option>
<option value ="MS Mincho">MS Mincho</option>
<option value ="Meiryo">Meiryo</option>
<option value ="Arial">Arial</option>
</select>
</div>
</div>
</div>
<div class="ani-setting-item ani-flex">
<div class="ani-setting-label">
<span class="ani-setting-label__mian">自動同意分級標識警告</span>
</div>
<div class="ani-setting-value ani-set-flex-right">
<div class="ani-checkbox">
<label class="ani-checkbox__label">
<input id="grading" type="checkbox">
<div class="ani-checkbox__button"></div>
</label>
</div>
</div>
</div>
<div class="ani-setting-item ani-flex">
<div class="ani-setting-label">
<span class="ani-setting-label__mian">自動點擊按此跳過廣告</span>
</div>
<div class="ani-setting-value ani-set-flex-right">
<div class="ani-checkbox">
<label class="ani-checkbox__label">
<input id="advertising" type="checkbox">
<div class="ani-checkbox__button"></div>
</label>
</div>
</div>
</div>
<div class="ani-setting-item ani-flex">
<div class="ani-setting-label">
<span id="plus-setting-label__mian" class="ani-setting-label__mian">分級鎖定</span>
</div>
<div id="plus-value" class="ani-setting-value ani-set-flex-right">
<div class="plus-keyword-header">
<input type="password" id="plus-password" class="plus-input ani-input--keyword" placeholder="首次使用須設定密碼">
<a id="plus-password-setup" href="#" role="button" class="plus-bluebtn" >設定</a>
</div>
</div>
<div id="plus-value2" class="ani-setting-value ani-set-flex-right" style="display:none">
<div class="plus-keyword-header">
<input type="password" id="plus-password2" class="plus-input ani-input--keyword" placeholder="輸入密碼">
<a id="plus-password-enter-setup" href="#" role="button" class="plus-bluebtn" >確定</a>
</div>
</div>
<div id="ncc-password" class="ani-setting-value ani-set-flex-right" style="display:none">
<div class="ani-checkbox">
<select id="grading-password" class="ani-select">
<option value ="none">無</option>
<option value ="6">保護級(含·以上)</option>
<option value ="12">補12級(含·以上)</option>
<option value ="15">補15級(含·以上)</option>
<option value ="18">限制級</option>
</select>
</div>
</div>
</div>
`);
$('.video').append(`
<div class="plus-frame">
<div class="plus-message">
<div class="plus-box">
<input type="password" id="plus-password3"  class="plus-input plus-input--keyword" placeholder="輸入密碼解除鎖定">
<a id="plus-password-enter" href="#" role="button" class="pluss-bluebtn" >確定</a>
</div>
</div>
</div>
`);

$('head').append(`
<style>
.ani-select {
display: inline-block;
padding: 0 8px;
height: 30px;
border: 1px solid #ddd;
box-sizing: border-box;
border-radius: 4px;
font-size: 16px;
vertical-align: middle;
}
.plus-keyword-header {
display: flex;

}
.plus-keyword-header .plus-bluebtn {
flex: 0 0 auto;
position: relative;
display: inline-block;
padding: 6px 12px;
font-size: 13px;
border-radius: 4px;
vertical-align: middle;
}
.plus-bluebtn {
border-radius: 10px;
padding: 12px;
text-align: center;
text-decoration: none;
color: #fff;
background: #00B4D8;
display: inline-block;
font-size: 1.3em;
}
.plus-input {
display: inline-block;
margin: 0 8px 0 0;
padding: 0 8px;
height: 30px;
border: 1px solid #ddd;
box-sizing: border-box;
border-radius: 4px;
font-size: 16px;
vertical-align: middle;
width: 165px;
}
.plus-message {
z-index: 1000;
top: 310px;
width: 100%;
height: 538px;
padding: 10px;
background: #000000cf;
box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.2);
left: 0px !important;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.plus-frame {
position: relative;
z-index: 72;
}
.pluss-bluebtn{
width: 55px;
height: 30px;
padding: 10px 12px;
font-size: 13px;
border-radius: 4px;
vertical-align: middle;
text-align: center;
text-decoration: none;
color: #fff;
background: #00B4D8;
}
.plus-box {
height: 100px;
background: #fff;
width: 415px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 4px;
}

.plus-input.plus-input--keyword {
max-width: 300px;
margin: 0px 8px 0px 8px;
}

</style>
`);
//})();

$('#setting-danmu > a').text('設定');


//首次設定密碼
$('#plus-password-setup').on('click', function() {
    var first_time_password = $("#plus-password").val();
    var password_save = localStorage.getItem('password_save');
    if(password_save != null ){
        $("#plus-value").remove();
        $("#plus-value2").css("display",'unset');
    }else if(!first_time_password){
        alert("請輸入密碼");
    }else{
        localStorage.setItem('password_save',btoa(first_time_password));
    }
});

//輸入密碼設定
$('#plus-password-enter-setup').on('click', function() {
    var enter_password_setting = $("#plus-password2").val();
    if(!enter_password_setting){
        alert("請輸入密碼");
    }else {
        var password_save = localStorage.getItem('password_save');
        if(password_save == btoa(enter_password_setting)){
            $("#plus-value2").remove();
            $("#ncc-password").css("display",'unset');
        }else{
            alert("密碼錯誤");
        }
    }
});

//輸入密碼解除
$('#plus-password-enter').on('click', function() {
    var enter_the_password = $("#plus-password3").val();
    var password_save = localStorage.getItem('password_save');
    if(!enter_the_password){
        alert("請輸入密碼");
    }else if(password_save == btoa(enter_the_password)){
        $(".plus-frame").remove();
    }else{
        alert("密碼錯誤");
    }
});

//添加分級圖片
var rating_img1 = $(".rating > img").attr("src");
$('.plus-box').prepend(`
<img src="`+rating_img1+`">
`);