// ==UserScript==
// @name         慕课小助手
// @namespace    https://github.com/maomao1996/tampermonkey-scripts
// @version      0.3.1
// @description  慕课网问答区快速查看问答详情、自动播放下一节视频
// @author       maomao1996
// @include      *://coding.imooc.com/learn/qa/*
// @include      *://coding.imooc.com/lesson/*
// @grant        none
// @require		   https://cdn.jsdelivr.net/npm/jquery@v1.11.3
// @downloadURL none
// ==/UserScript==
;
(function () {
    'use strict';
    // 问答区样式
    var STYLE_MAP = {
        'learn/qa': ".mm-modal {\n      position: fixed;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      z-index: 1996;\n      display: none;\n      overflow-y: auto;\n    }\n    .mm-mask {\n      position: fixed;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      z-index: 1;\n      background-color: rgba(0, 0, 0, 0.5);\n    }\n    .mm-modal-x {\n      position: absolute;\n      left: 50%;\n      top: 15%;\n      z-index: 2;\n      margin-bottom: 15%;\n      border-radius: 20px;\n      padding: 25px;\n      width: 800px;\n      background: #fff;\n      transform: translateX(-50%);\n    }\n    .wrap,\n    #new_header .new-header,\n    .wenda-top-intro-box .wenda-top-intro-wrap {\n      width: 100%!important;\n    }\n    .layout .col-aside.wenda-col-aside,\n    .mm-model .elevator,\n    .mm-modal #footer {\n      display: none!important;\n    }\n    .mm-modal .layout {\n      padding: 0;\n    }\n    .mm-modal pre {\n      white-space: pre-line;\n    }",
        lesson: "#chapter-scrollbar { overflow-y: auto; }"
    };
    function addStyle(type) {
        var rules = STYLE_MAP[type];
        if (!rules) {
            return;
        }
        $('head').append("<style>" + rules + "</style>");
    }
    /**
     * 问答区
     */
    // 获取按钮 html
    function getBntHtml(id) {
        return ('<a class="mm-btn" href="javascript:void(0)" data-id="' +
            id +
            '">查看详情</a>');
    }
    // 插入弹窗 dom
    function appendModal() {
        var modalHtml = "<div class=\"mm-modal\" id=\"mm-modal\"><div class=\"mm-mask\"></div><div class=\"mm-modal-x\" id=\"mm-content\"></div></div>";
        $('body').append(modalHtml);
    }
    // 点击事件
    function handleClick() {
        var id = $(this).data('id');
        $.ajax({
            type: 'get',
            url: "//coding.imooc.com/learn/questiondetail/" + id + ".html",
            dataType: 'html',
            success: function (html) {
                $('#mm-modal')
                    .show()
                    .scrollTop(0);
                $('#mm-content').html(html);
            }
        });
    }
    // 问答区初始化
    function qaInit() {
        $('.qa-item-title').each(function () {
            var id = $(this)
                .find('a')
                .attr('href')
                .replace(/\D/g, '');
            $(this).append(getBntHtml(id));
        });
        appendModal();
        $(document).on('click', '.mm-mask', function () {
            $('#mm-modal').hide();
        });
        $('#qa-list').on('click', '.mm-btn', handleClick);
    }
    /**
     * 视频详情
     */
    // 初始化
    function videoInit() {
        setTimeout(function () {
            $('video').on('ended', function () {
                var _a;
                console.log('当前视频播放完毕，即将播放下一节');
                (_a = $('.next-btn.js-next-media')[0]) === null || _a === void 0 ? void 0 : _a.click();
            });
        }, 2e3);
    }
    // 初始化操作
    window.onload = function () {
        var pathname = location.pathname;
        var TYPE = pathname.substr(1, pathname.lastIndexOf('/') - 1);
        // 重置样式
        addStyle(TYPE);
        switch (TYPE) {
            // 问答区
            case 'learn/qa':
                console.log('问答区');
                qaInit();
                break;
            // 视频详情
            case 'lesson':
                console.log('视频详情');
                videoInit();
                $(window).on('hashchange', videoInit);
                break;
            default:
                break;
        }
    };
})();