Bunpro: Buttons Bar

Adds an easy way to add buttons to the bunpro review page.

目前為 2020-01-31 提交的版本，檢視最新版本。

此腳本不應該直接安裝，它是一個供其他腳本使用的函式庫。欲使用本函式庫，請在腳本 metadata 寫上： // @require https://update.gf.qytechs.cn/scripts/370219/768990/Bunpro%3A%20Buttons%20Bar.js

發表問題、評論、或檢舉該腳本。

換行

var buttonsBar = function () {
    //add the button
    function addButton(ID, name, onclick) {
        //add the bar if there is none
        if (!$('#buttonsBar').length) addBar();
        //append the button
        var button = $('<div class="barButton"><input id="'+ID+'" type="button" value="'+name+'"></div>');
        button.on('click', onclick);
    }

    //adds the bar with buttons
    function addBar() {
        var bg = "";
        var cls = $('body')[0].className;
        if (cls.includes("modern-dark")) bg = "#424242";
        else if (cls.includes("modern")) bg = "#f5f5f6";
        else if (cls.includes("light")) bg = "#e6e6e6";
        else bg = "rgba(25,34,49,0.8)";
        $('.progress-bars-holder').before('<div id="buttonsBar"><div class="flexWrapper"</div></div>');
        $('head').append('<style id="ButtonBarStyle">'+
                         '@media (max-width: 480px) {'+
                         '#buttonsBar .barButton {'+
                         'height: 30px;'+
                         'font-size: 12px;'+
                         '}'+
                         '}'+
                         '#buttonsBar {'+
                         'margin-top: 2.5px;'+
                         '}'+
                         '#buttonsBar .flexWrapper {'+
                         'height: 40px;'+
                         'display: flex;'+
                         'flex-wrap: wrap;'+
                         'margin: 0 -2.5px;'+
                         'width: calc(100% + 5px);'+
                         '}'+
                         '#buttonsBar .barButton {'+
                         'flex: 1;'+
                         'margin: 2.5px;'+
                         '}'+
                         '#buttonsBar .barButton input {'+
                         'background: ' + bg + ';'+
                         'height: 100% !important;'+
                         'color: white;'+
                         'border: 0;'+
                         '}'+
                         '#buttonsBar .barButton input:hover {'+
                         'color: rgb(103, 114, 124);'+
                         '}'+
                         '</style>');
    }
    return {addButton: addButton}
}();

欢迎访问Greasy Fork镜像