// ==UserScript==
// @name         B站视频封面查看
// @namespace    limgmk/bilibili-cover
// @version      0.0.6
// @description  在播放窗口下方添加查看封面的按钮
// @author       Limgmk
// @include     http*://www.bilibili.com/video/av*
// @include     http*://www.bilibili.com/video/BV*
// @run-at      document-end
// @downloadURL none
// ==/UserScript==

(function() {

    var head = document.evaluate('//head', document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
    var iconLink = document.createElement("link");
    iconLink.setAttribute("rel", "stylesheet");
    iconLink.setAttribute("type", "text/css");
    iconLink.setAttribute("href", "https://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
    head.insertBefore(iconLink, null);

    addNode();

    function addNode(){
        var share = document.evaluate('//span[@title="分享"]', document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
        var ops = document.evaluate('//div[@class="ops"]', document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
        if(share.innerText != "分享" && share.innerText != "--" && ops){

            var showCover = document.createElement("span");
            showCover.setAttribute("id", "showCoverByLimgmk");
            showCover.setAttribute("style", "color: #505050;");

            var text = `<i class="fa fa-picture-o" style="font-size: 24px; padding-top: 1px"></i>封面`
            showCover.innerHTML = text;

            showCover.addEventListener('click',function(e){
                var cover = document.evaluate('//meta[@itemprop="image" and @data-vue-meta="true"]', document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue
                if(cover){
                    var coverURL = cover.getAttribute("content");
                    coverURL = coverURL.replace(/http[s]?\:/,'');
                    window.open(coverURL, '_blank');
                }else{
                    alert("不好意思, 找不到封面链接 (ﾟ´Д｀ﾟ)ﾟ");
                }
            });

            showCover.addEventListener('mouseover',function(e){
                showCover.setAttribute("style", "color: #00A1D6;");
            });

            showCover.addEventListener('mouseout',function(e){
                showCover.setAttribute("style", "color: #505050;");
            });

            share.setAttribute("style", "width: 92px;");

            ops.insertBefore(showCover, null);
        }else{
            setTimeout(addNode, 100);
        }
    }
})();