rarbg 列表显示种子的截图，可显示小图和大图，参考了本站的其它rarbg js脚本完善了一下
// ==UserScript==
// @name rarbg 列表缩略图
// @namespace waka
// @version 0.2
// @description rarbg 列表显示种子的截图，可显示小图和大图，参考了本站的其它rarbg js脚本完善了一下
// @author waka
// @match https://rarbgunblocked.org/torrents.php?*
// @match https://proxyrarbg.org/torrents.php*
// @match https://rarbgmirror.com/torrents.php*
// @icon https://www.google.com/s2/favicons?sz=64&domain=tampermonkey.net
// @require https://code.jquery.com/jquery-3.6.0.min.js
// @grant none
// @license MIT
// ==/UserScript==
/* eslint-disable */
(function() {
'use strict';
// @link https://blog.csdn.net/pangji0417/article/details/94029462
var style = document.createElement("style");
style.type = "text/css";
var text = document.createTextNode(".rarbg_list_item{box-shadow: 0px 0px 5px 1px #969d99;} .rarbg_list_item:hover{box-shadow: 1px 2px 5px 1px #969d99;}");
style.appendChild(text);
var head = document.getElementsByTagName("head")[0];
head.appendChild(style);
var plginName = "_rarbg_list_helper";
var settingTypeKey = plginName+"_display_style";
var settingHeadKey = plginName+"_heads";
var settingImageKey = plginName+"_imgsize";
//list
var listHtml2 = '<div id="rarbg_lists" style="display: none;flex-wrap: wrap;justify-content: space-between;">';
var listHtml2End = '</div>';
//list item template
var listItem = '<div style="display: flex;flex-direction: column;width:30%;overflow:hidden;padding:10px;margin:10px 0px;border-radius: 20px;" class="rarbg_list_item"><a href="detail_link" target="_blank"><div class="thumb_img" ><img style="max-width:100%" src="img_src"/></div><div class="thubm_title" style="margin-top:10px;"><a href="detail_link">detail_title</a></div></a></div>';
var listBodyClassName = '.lista2t';
var settingHtml = '<div id="rarbg_setting1"><div style="display: flex;align-items: center;">Display: <input type="radio" name="display_type" value="table" checked/>Table<input type="radio" name="display_type" value="list"/>List</div><div style="display: flex;align-items: center;">imageSize: <input type="radio" name="imageSize" value="thumb" checked/>Thumb<input type="radio" name="imageSize" value="priview"/>Priview</div><div id="tableHeaderDisplay" style="display: flex;align-items: center;justify-content: flex-start;align-content: center;flex-wrap: nowrap;">Table Header:</div></div>';
var displayType = "table"; //display style
var showHeader = [];
var imageSize = "thumb";
function getHeadSetting(){
var tempHeader = [];
$("input[name='show_head[]']").each(function(index,item){
var checked = $(item).prop("checked");
tempHeader.push(checked?1:0);
});
showHeader = tempHeader;
window.localStorage.setItem(settingHeadKey,JSON.stringify(showHeader));
}
// table Headr show
function showHeaderTds(){
var headeLen = showHeader.length;
$(listBodyClassName + ' > tbody tr').each(function(index,item){
var itemObj = $(item);
var trObj = itemObj.find("td");
for(var i = 0;i < headeLen;i++){
var tempVal = showHeader[i];
console.log(tempVal);
if(tempVal <= 0){
trObj.eq(i).hide();
}else{
trObj.eq(i).show();
}
}
});
}
$(function(){
//get val
var initStyle = window.localStorage.getItem(settingTypeKey);
console.log(initStyle,"initStyle");
if(initStyle){
displayType = initStyle;
}
var initHead = window.localStorage.getItem(settingHeadKey);
console.log(initHead,"initHead");
if(initHead != null){
showHeader = JSON.parse(initHead);
}
var initImageSize = window.localStorage.getItem(settingImageKey);
if(initImageSize){
imageSize = initImageSize;
}
//append target div
var targetDiv = $("#pager_links");
var settingTargetDiv = $("#divadvsearch");
settingTargetDiv.after(settingHtml);
var tableHeaderDisplay = $("#tableHeaderDisplay");
var headSetHtml = "Head:";
//thumb td html
$(listBodyClassName + ' > tbody tr:eq(0) td:eq(0)').before('<td align="center" class="header6 header40">Thumb</td>');
var showHeaderLen = showHeader.length;
$(listBodyClassName + ' > tbody tr:eq(0) td').each(function(index,item){
var tempTitle = $(item).text();
var tempChecked = "";
if(showHeaderLen <= 0){
tempChecked = 'checked';
showHeader.push(tempChecked != ""?1:0);
}else{
tempChecked = showHeader[index]? "checked":"";
}
headSetHtml += '<input type="checkbox" name="show_head[]" value="'+(index)+'" '+tempChecked+'/> '+ tempTitle;
});
console.log(showHeader,"showHeader");
tableHeaderDisplay.html(headSetHtml);
$(listBodyClassName + ' > tbody tr:gt(0)').each(function(index,item){
var itemObj = $(item);
var trObj = itemObj.find("td");
var tempHtml = '';
var imgReg = /https?:\/\/[0-9a-zA-Z./]+/ig;
var htmlA = trObj.eq(1).find("a");
//htmlA.prop("target","_blank");
var imgHtml = htmlA.attr("onmouseover");
var imgResult = imgReg.exec(imgHtml);
var imgUrl = imgResult[0];
var parts = imgUrl.split("/");
if(imageSize != 'thumb'){
imgUrl = imgUrl.replace("static/over","posters2/"+parts[5].substr(0, 1));
}
var detailLink = htmlA.attr("href");
var detailTitle = htmlA.text();
var tempItem = listItem.replace("img_src",imgUrl).replace("detail_link",detailLink).replace("detail_link",detailLink).replace("detail_title",detailTitle);
//console.log(index,tempItem);
listHtml2 +=tempItem;
// append thumb html
trObj.eq(0).before('<td><img src="'+imgUrl+'"/></td>');
});
//foreach end
targetDiv.after(listHtml2);
$(document).on("click","input[name='display_type']",function(){
var obj = $(this);
var val = obj.val();
if(val == "list"){
$("#rarbg_lists").css("display","flex");
$("table.lista2t").hide();
}else{
$("#rarbg_lists").css("display","none");
$("table.lista2t").show();
}
window.localStorage.setItem(settingTypeKey,val);
console.log(obj.val(),"click");
});
if(displayType == "list"){
$("input[name='display_type']").eq(1).trigger("click");
}
$(document).on("click","input[name='show_head[]']",function(){
getHeadSetting();
console.log(showHeader);
showHeaderTds();
});
if(showHeaderLen > 0){
showHeaderTds();
}
$(document).on("click","input[name='imageSize']",function(){
var obj = $(this);
var val = obj.val();
window.localStorage.setItem(settingImageKey,val);
console.log(obj.val(),"click");
});
});
// Your code here...
})();