// ==UserScript==
// @name         粉笔课堂显示暂停遮罩
// @namespace    http://tampermonkey.net/
// @version      0.6
// @description  暂停时显示遮罩，可点击的图标在鼠标悬停时变为手形，在我的课程中未看完课程显示为红色背景
// @author       AN drew
// @match        https://pc.fenbi.com/webclass/class/*
// @match        https://www.fenbi.com/spa/webclass/class/*
// @match        https://www.fenbi.com/spa/pwa/episodes/*
// @require      http://libs.baidu.com/jquery/2.0.0/jquery.min.js
// @require      http://cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.min.js
// @grant        GM_addStyle
// @downloadURL none
// ==/UserScript==

(function() {
    'use strict';

    if($.cookie("maskon")==undefined)
        $.cookie('maskon', "1", { expires: 365, path: "/", domain: "fenbi.com" });

    var maskon = $.cookie("maskon")

    var styles=".switcher {"+
        "	width:160px;"+
        " user-select:none;"+
        " cursor:pointer;"+
        "}"+
        ".btn_fath {"+
        "	margin-top:12px;"+
        "	position:relative;"+
        "	border-radius:16px;"+
        " margin-top:15px;"+
        "	float:left;"+
        "}"+
        ".tip{"+
        "	float:left;"+
        " font-size:14px;"+
        "	line-height: 50px;"+
        "}"+
        ".btn1 {"+
        "	float:left;"+
        "}"+
        ".btn2 {"+
        "	float:right;"+
        "}"+
        ".btnSwitch {"+
        "	height:20px;"+
        "	width:25px;"+
        "	border:none;"+
        "	color:#fff;"+
        "	line-height:20px;"+
        "	font-size:12px;"+
        "	text-align:center;"+
        "	z-index:1;"+
        "}"+
        ".move {"+
        "	z-index:100;"+
        "	width:18px;"+
        "	border-radius:18px;"+
        "	height:18px;"+
        "	position:absolute;"+
        "	cursor:pointer;"+
        "	border:1px solid #828282;"+
        "	background-color:#f1eff0;"+
        "	box-shadow:1px 2px 2px 1px #fff inset,0 0 5px 1px #999;"+
        "}"+
        ".on .move {"+
        "	left:30px;"+
        "}"+
        ".on.btn_fath {"+
        "	background-color:#44b549;"+
        "	height:20px"+
        "}"+
        ".off.btn_fath {"+
        "	background-color:#828282;"+
        "	height:20px"+
        "}"+
        ".toolbtn.speed{color:black!important}"+
        ".toolbtn.speed:hover{color:white!important}"+
        ".progress-bg{z-index:5000}"+
        "#breviary{z-index:5000}"+
        ".wrap.push{z-index:5000}"+
        ".wrap.pull{z-index:5000}"+
        "#rightBlock{z-index:5000}"+
        ".breviary-bottom-panel{height:17px!important;margin-top:-4px!important}"+
        ".toolbtn-big{cursor:pointer}"+
        ".keynote-btn{cursor:pointer}"+
        ".toolbtn{cursor:pointer}"+
        ".pull{cursor:pointer}"+
        ".push{cursor:pointer}"+
        ".nav-link{cursor:pointer}"+
        "#playBtn{cursor:pointer}"+
        ".header-wrapper h3{color:black!important}"+
        "p.ng-star-inserted, .clock.ng-star-inserted{color:black!important}"+
        ".keynote-btn.pre+span{color:black!important}"+
        ".like, .toolbar .content-wrapper .unlike:hover{cursor:pointer;background:url(https://nodestatic.fbstatic.cn/weblts_spa_online/webclass/static/star.00c51cc376f8088c8f23.svg)!important; zoom:1.1; height:20px!important; width:20px!important}"+
        ".toolbar .content-wrapper .unlike{cursor:pointer;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjJweCIgaGVpZ2h0PSIyMnB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+DQogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA0Ni4yICg0NDQ5NikgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+DQogICAgPHRpdGxlPuaYn+e6py3ngrnkuq5AMXg8L3RpdGxlPg0KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPg0KICAgIDxkZWZzPjwvZGVmcz4NCiAgICA8ZyBpZD0i5a2m55Sf56uvIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4NCiAgICAgICAgPGcgaWQ9IuaIkeeahOivvueoiy3or77lkI7or4TliIbngrnkuq4iIHRyYW5zZm9ybT0idHJhbnNsYXRlKC03ODIuMDAwMDAwLCAtMjM0LjAwMDAwMCkiPg0KICAgICAgICAgICAgPGcgaWQ9IuivhOWIhiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTMwLjAwMDAwMCwgMTI5LjAwMDAwMCkiPg0KICAgICAgICAgICAgICAgIDxnIGlkPSLmmJ/nuqct54K55LquIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNTEuMDAwMDAwLCAxMDQuMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJTaGFwZSIgcG9pbnRzPSIwIDAgMjQgMCAyNCAyNCAwIDI0Ij48L3BvbHlnb24+DQogICAgICAgICAgICAgICAgICAgIDxwYXRoICBkPSJNMTEuOTUxMzA2LDIuNCBDMTEuNzc2NTE2MywyLjQgMTEuNDI2NDU2OSwyLjUzNDkzNzM1IDEwLjk2OTc5NSwzLjM5NjQyMzQ4IEM5Ljg3MTExNzQ3LDUuMjY5MjE5NDIgOC4xMzY2NjY2OSw4LjMyNjE5ODYzIDguMTM2NjY2NjksOC4zMjYxOTg2MyBDOC4xMzY2NjY2OSw4LjMyNjE5ODYzIDUuNTA0NzM4NDYsOC45MTQ5Mjg4NCAzLjQ1ODY0MzU2LDkuMjg1MTY2MiBDMi40NTU1MjQwNSw5LjQ0MjY3MzE0IDIuMTI4MDMzNjIsMTAuMjk3NDM2NCAyLjYzNzAzNjM0LDEwLjg5ODE3MTcgQzQuMDc3MTI5ODksMTIuNTUzNDM1MiA2LjA4Mjg4ODcyLDE1LjI4NTc5NjUgNi4wODI4ODg3MiwxNS4yODU3OTY1IEM2LjA4Mjg4ODcyLDE1LjI4NTc5NjUgNS42NjcwNDMxLDE4LjI4NzA3MiA1LjQzMzE4OTk3LDIwLjMzNjEwMjggQzUuMzU2ODM5NTYsMjEuMTIzMTU3MyA1Ljc5MDkzMjQ1LDIxLjU3MzU4ODggNi4zOTY0NTM2MSwyMS41NzM1ODg4IEM2LjU5NDI5MjQsMjEuNTczNTg4OCA2LjgxMDM3ODQ2LDIxLjUyNTA4ODIgNy4wMzI3MDcwMSwyMS40MjUyMDU3IEM4Ljc0OTM5MDcyLDIwLjYxMDc3OTYgMTEuMzYwNjcwNywxOS4zNjgwMTE0IDExLjk1MjI2NjMsMTkuMDg2NjExOCBDMTIuNTMzMjk3NywxOS4zNzA0MTI0IDE1LjExOTEyNzYsMjAuNjM0Nzg5OCAxNi44MTc1NjQsMjEuNDUxMTM2NyBDMTcuMDM3MDExNCwyMS41NTE0OTk0IDE3LjI1MTE3NjcsMjEuNiAxNy40NDY2MTQ2LDIxLjYgQzE4LjA0NDQ1MjcsMjEuNiAxOC40NzM3NDM3LDIxLjE0OTA4ODQgMTguMzk4MzUzNiwyMC4zNjA1OTMzIEMxOC4xNjY5MDE0LDE4LjMwODY4MTIgMTcuNzU1ODU3NywxNS4zMDM1NjQgMTcuNzU1ODU3NywxNS4zMDM1NjQgQzE3Ljc1NTg1NzcsMTUuMzAzNTY0IDE5Ljk0MjY0ODcsMTIuNTY3MzYxMSAyMS4zNjU5MzU1LDEwLjkwOTY5NjYgQzIxLjg2ODY5NTgsMTAuMzA4NDgxMSAyMS41NDUwNDY5LDkuNDUyMjc3MjIgMjAuNTUzNDUxOSw5LjI5NDI5MDA3IEMxOC41MzEzNjY2LDguOTI0MDUyNzIgMTUuNzI2NTY5NSw4LjMzNDM2MjEgMTUuNzI2NTY5NSw4LjMzNDM2MjEgQzE1LjcyNjU2OTUsOC4zMzQzNjIxIDE0LjAxMjI4NjgsNS4yNzMwNjEwNSAxMi45MjY1NzQ0LDMuMzk3ODY0MDkgQzEyLjU0MjkwMTYsMi43MDU0MDk4IDEyLjI0OTUwNDcsMi40ODMwNzUzMSAxMi4wNjMxOTA1LDIuNDIyMDg5MzkgQzEyLjA0NTkwMzYsMi40MTM5MjU5MiAxMi4wMDc0ODgzLDIuNCAxMS45NTEzMDYsMi40IEwxMS45NTEzMDYsMi40IEwxMS45NTEzMDYsMi40IFoiIGlkPSJTaGFwZSIgc3Ryb2tlPSIjQTRBRkI4IiBzdHJva2Utd2lkdGg9IjIiPjwvcGF0aD4NCiAgICAgICAgICAgICAgICA8L2c+DQogICAgICAgICAgICA8L2c+DQogICAgICAgIDwvZz4NCiAgICA8L2c+DQo8L3N2Zz4=)!important; zoom:1.1; height:20px!important; width:20px!important}"+
        ".icon-close{cursor:pointer}"


    $("head").append("<style>"+styles+"</style>")

    $('p.ng-star-inserted').get(0).childNodes[1].textContent=" / ";

    var $switcher = $('<div class="switcher">'+
                      '    <span class="tip">显示暂停遮罩&nbsp;</span>'+
                      '    <div class="btn_fath on">'+
                      '        <div class="move" data-state="on"></div>'+
                      '        <div class="btnSwitch btn1">开</div>'+
                      '        <div class="btnSwitch btn2">关</div>'+
                      '    </div>'+
                      '</div>')


    if($.cookie("maskon")=="0")
    {
        $switcher.find(".btn_fath").removeClass("on").addClass("off");
        $switcher.find(".move").attr("data-state", "off");
    }

    $switcher.click(function(){
        var ele = $(this).find(".move");
        var fath = $(this).find(".btn_fath");
        if (ele.attr("data-state") == "on") {
            ele.animate({
                left: "0"
            }, 100, function() {
                ele.attr("data-state", "off");
            });
            fath.removeClass("on").addClass("off");
            $.cookie('maskon', "0", { expires: 365, path: "/", domain: "fenbi.com" });
        } else if (ele.attr("data-state") == "off") {
            ele.animate({
                left: '30px'
            }, 100, function() {
                ele.attr("data-state", "on");
            });
            fath.removeClass("off").addClass("on");
            $.cookie('maskon', "1", { expires: 365, path: "/", domain: "fenbi.com" });
        }
    })

    setInterval(function(){
        if($(".switcher").length==0)
            $(".jubao").before($switcher);
    })

    $(".progress-bg").click(function(){
        $(".toolbtn-big").removeClass("play")
    })

    $(".canvas_container").click(function(){
        $(".toolbtn-big").get(0).click()
    })
    $(".mask").click(function(){
        $(".toolbtn-big").get(0).click()
    })
    $(".toolbtn-big").click(function(){
        if($(".toolbtn-big").hasClass("play") && $.cookie("maskon")=="1")
            $("#playWrap").show()
        else
            $("#playWrap").hide()
    })

    $(".toolbtn.fullScreen").click(function(e){
        var el = e.srcElement || e.target; //target兼容Firefox
        var isFullscreen = document.fullScreen || document.mozFullScreen || document.webkitIsFullScreen;
        if (!isFullscreen) { //进入全屏,多重短路表达式
            (el.requestFullscreen && el.requestFullscreen()) ||
                (el.mozRequestFullScreen && el.mozRequestFullScreen()) ||
                (el.webkitRequestFullscreen && el.webkitRequestFullscreen()) || (el.msRequestFullscreen && el.msRequestFullscreen());

        } else { //退出全屏,三目运算符
            document.exitFullscreen ? document.exitFullscreen() :
            document.mozCancelFullScreen ? document.mozCancelFullScreen() :
            document.webkitExitFullscreen ? document.webkitExitFullscreen() : '';
        }
    })


    setInterval(function(){

        if($(".nav-item:nth-of-type(1)").find(".nav-link").hasClass("active"))
            $(".nav-item:nth-of-type(1)").find("span").css({"color":"black"})
        else
            $(".nav-item:nth-of-type(1)").find("span").css({"color":"#999"})

        if($(".toolbtn-big").hasClass("play") && $.cookie("maskon")=="1")
            $("#playWrap").show()
        else
            $("#playWrap").hide()

        if($('.toolbtn-big.ng-star-inserted').hasClass('play'))
        {
            if($('title').text().indexOf('【暂停中】')==-1)
                $('title').text($('title').text()+'【暂停中】');
        }
        else
        {
            if($('title').text().indexOf('【暂停中】') > -1)
                $('title').text($('title').text().replace('【暂停中】',''));
        }

        $(".pull").click();

        $(".toolbtn.volume").parent().css({"z-index":"6000"})
        $(".toolbtn.speed").parent().css({"z-index":"6000"})
    },100)


    GM_addStyle(`.episode-wrapper.red{background:#ff00003b}`)

    let t=setInterval(function(){
        if($('.episode-item').length>0)
        {
            $('.episode-item').each(function(){
                let progress=$(this).find('.progress').text();
                console.log(progress)
                if(progress!="观看进度100%" && progress!="观看进度99%" && !$(this).find('.episode-wrapper').hasClass('red'))
                {
                    $(this).find('.episode-wrapper').addClass('red');
                }
            })
        }
    },1000);

})();