Adds an easy way to add buttons to the bunpro review page.
目前为
此脚本不应直接安装，它是一个供其他脚本使用的外部库。如果您需要使用该库，请在脚本元属性加入：// @require https://update.greasyfork.icu/scripts/370219/981624/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);
$('#buttonsBar .flexWrapper').append(button);
}
//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};
}();