Greasy Fork pagina colorata
目前為
// ==UserScript==
// @name Greasy Fork Theme figuccio
// @namespace https://greasyfork.org/users/237458
// @description Greasy Fork pagina colorata
// @match https://greasyfork.org/*
// @match https://sleazyfork.org/*
// @match *://greasyfork.org/*/users/*
// @require https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js
// @grant GM_setClipboard
// @version 10.1
// @noframes
// @author figuccio
// @grant GM_addStyle
// @grant GM_setValue
// @grant GM_getValue
// @grant GM_registerMenuCommand
// @run-at document-end
// @grant GM_xmlhttpRequest
// @icon https://www.google.com/s2/favicons?domain=greasyfork.org
// @require http://code.jquery.com/jquery-latest.js
// @require https://code.jquery.com/ui/1.13.2/jquery-ui.js
// @license MIT
// ==/UserScript==
(function() {
'use strict';
// Aggiungi la funzione per il trascinamento limitato allo schermo
function makeDraggableLimited(element) {
element.draggable({
containment: "window",
stop: function(event, ui) {
// Memorizza la posizione dopo il trascinamento
GM_setValue('boxPosition', JSON.stringify(ui.position));//importante
}
});
}
const $ = window.jQuery.noConflict();//$ evita triangolo giallo
const body = document.body;
const style = "position:fixed;top:9px;left:870px;z-index:99999;";
const box = document.createElement("div");
box.id = "mytema";
box.style = style;
body.append(box);
// Ripristina la posizione salvata se presente
const savedPosition = GM_getValue('boxPosition');
if (savedPosition) {
const parsedPosition = JSON.parse(savedPosition);
$(box).css({ top: parsedPosition.top, left: parsedPosition.left });
}
////////////////////////////////////////////marzo 2024
// Rendi l'elemento trascinabile con limitazioni di schermo
makeDraggableLimited($(box));
////////////////////////////
// Mostra/Nascondi con animazione
function provagf() {
var box = document.getElementById('mytema');
$(box).fadeToggle(3000); // Animazione per mostrare/nascondere
}
GM_registerMenuCommand("nascondi/mostra box", provagf);
// Dati per la conservazione
const userdata = { color: 'theme' };
var mycolor = GM_getValue(userdata.color, "#980000"); // Valore predefinito
setInterval(myTimer,90);
function myTimer() {
var d = new Date();
var t = d.toLocaleTimeString();
var mm = d.getMilliseconds();//millisecondi ottobre 2023
////////////////short long
var dateString = new Date().toLocaleString('it', {'weekday': 'short', 'month': '2-digit', 'day': '2-digit','year':'numeric'});
var greasy = document.getElementById("greasy");
if (greasy) {
greasy.innerHTML = dateString + " " + t + ":" + mm;
// Add styling to the element
greasy.setAttribute("style", `font-size:14px!important;display:inline-block;cursor:pointer;background:#3b3b3b;color:lime;border:1px solid yellow;border-radius:5px;margin:9px;text-align:center;width:max-content;
`);
} else {
console.error("Element with id 'greasy' not found.");
}
}
// Elemento HTML nel div
box.innerHTML = `
<fieldset style="background:#3b3b3b;border:2px solid red;color:lime;border-radius:7px;text-align:center;width:413px;height:43px;">
<legend>Time</legend>
<div id=setui style="width:auto;height:25px;margin-top:-10px;margin-left:0px;margin-right:0px;margin-bottom:0px;">
<button id="colorspan" title="Hex value" style="font-size:14px;cursor:pointer;margin-left:1px;margin-bottom:-19px;color:lime;background-color:brown;border:1px solid yellow;">${mycolor}</button>
<input type="color" title="Color picker" list="colors" id="colorinput" style="cursor:pointer;height:20px;margin-left:4px;margin-top:-10px;background-color:#3b3b3b;color:red;border:1px solid yellow;border-radius:5px;"value="${mycolor}">
<div id="greasy" title="Data-ora"></div>
<span class="button" title="Chiudi" id='close' style="background:chocolate;color:lime;border:1px solid yellow;border-radius:50%;cursor:pointer;font-size:14px;padding:3px 6px;display:inline-block;line-height:16px;margin-top:-19px;margin-left:-5px;">X</span>
</fieldset>
`;
// Aggiunta funzione per chiudere il box
var colorinputsetMenuClose = document.querySelector('#close');
colorinputsetMenuClose.addEventListener('click', provagf, false);
var colorinput = document.querySelector('#colorinput');
var colorspan = document.querySelector('#colorspan');
// Evento della tavolozza dei colori
colorinput.addEventListener('input', function(event) { colorChange(event); }, false);
$('body').css("background-color", mycolor);
function colorChange(e) {
mycolor = e.target.value;
colorspan.innerHTML = e.target.value;
$('body').css("background-color", mycolor);
GM_setValue(userdata.color, mycolor);
}
////////////////////////////////////////////////
function execCopy() {
var code='';
if($(".prettyprint li").length>0)
{
$(".prettyprint li").each(function(){
code += $(this).text()+'\n';
});
}
else {code = $(".prettyprint").text();}
code = encodeURI(code)
code = code.replace(/%C2%A0/g,'%20');
code = decodeURI(code);
GM_setClipboard(code, 'text');
alert("copiato con successo")
return true;
}
//Il collegamento al codice sorgente viene visualizzato dopo il collegamento allo script
$(".script-list h2 a").each(function(){
if(!$(this).next().hasClass("code-link"))
{let short_link = $(this).attr("href");
let $code_link = $('<a target="_blank" a href=\"'+short_link+'/code\" class=\"code-link\">codice</a>');//apre in nuova scheda
$(this).after($code_link);
}
})
//////////////////////////////////////////////////////////
GM_addStyle('.source{'+
'display: inline-block;'+
'background-color:lime;'+
'padding: 0.5em 1em;'+
'color: white;'+
'text-decoration: none;'+
'cursor:pointer}'+
'.code-link'+
'{'+
' margin-left:10px; '+
' padding-left:2px;'+
' padding-right:2px; '+
' font-size:12px; '+
' background:red; '+
' color:white!important; '+
' text-decoration: none;'+
'}');
//////////////////
if(window.location.href.indexOf("/code")!= -1) //code
{var source_btn = $("<a></a>")
source_btn.addClass("source");
source_btn.text("copiare il codice sorgente");
source_btn.click(function(){
execCopy();
});
$("#install-area").after(source_btn);
}
//////////////////////
//passa alla pagina successiva richiede jquery anche sulla pagina degli autori marzo 2024
$(window).scroll(function() {
if($(window).scrollTop() + $(window).height() == $(document).height()) {
document.querySelector("#user-script-list-section > div > a.next_page,body > div.width-constraint > div > div.sidebarred-main-content > div.pagination > a.next_page").click();
}
});
//apre i link in nuova scheda maggio 2023
function modifyLinks() {
let links =document.querySelectorAll('#browse-script-list a');
for (let i = 0; i < links.length; i++) {
links[i].setAttribute('target', '_blank');
}
}
modifyLinks();
//////////////////////////////////////////////////////////////////////////
//mostra risultati in tutte le lingue
GM_addStyle('a:hover {color: ;background-color: #876b9a;padding: 5px 10px;border-radius: 5px;}');
//scritta greasy fork
GM_addStyle('#main-header {background-color:#5d3e72; background-image: linear-gradient(#412451, #009981); box-shadow: 0 0 15px 2px #000000a1;padding: .25em 0; }');
//menu ordina per colorato
GM_addStyle('.list-option-group ul {background-color:#1eb19c!important;}');
//colore paginazione
GM_addStyle('.pagination > *, .script-list + .pagination > *, .user-list + .pagination > *{background-color:#564062;!important;}');
GM_addStyle('body > div > div > div.sidebarred-main-content > div.pagination > em{background-color:green!important;}');//colore num pag current
GM_addStyle('.pagination{border: 2px solid peru !important;background: linear-gradient(to bottom, rgba(19, 19, 19, 1) 0%, rgba(51, 51, 51, 1) 0%, rgba(17, 17, 17, 1) 169%, rgba(0, 0, 0, 1) 98%) repeat scroll 0 0 rgba(0, 0, 0, 0); border-radius: 3px 3px 0 0 !important;}');
GM_addStyle('.width-constraint .pagination {border-radius:10px!important;}');
//input casella ricerca script rossa
GM_addStyle('.sidebar-search input{background-color:red!important;}');
//colore parte centrale
GM_addStyle('.script-list{background-color:#d4c515d1!important;}');
//////////////////codice sorgente colorato//////////////////////////////////////////////////////////////
GM_addStyle('pre.prettyprint {background-color:#92ad92!important;border: 2px solid red!important;}');//1 stesso colore
GM_addStyle('li.L1, li.L3, li.L5, li.L7, li.L9 {background-color:#92ad92!important;}');//2 stesso colore
/////////////////////////////////////////////////////////////////////////////////////////////////////////
//parte superiore codice sorgente colorata
GM_addStyle('#script-info {border: 2px solid blue!important;background-color:#1f504f!important;}');
//////////////////////mostra numero 1,2,3ecc accanto agli script
//Funzione 1: Stile ed evidenziazione degli script utente
function applyStylesAndHighlight() {
const page = +new URLSearchParams(document.location.search).get('page') || 1;
const q = `<style>
#browse-script-list{counter-reset: section ${(page-1)*50};}
.ad-entry{height:0;overflow:hidden;}
#browse-script-list li{position:relative}
.Finn{background:gold;}
.ad-entry{display:none}
#browse-script-list li:after{
counter-increment: section;
content:counter(section);
font:bold 20px/30px Arial;
background:red;
color:green;
position:absolute;
bottom:8px;
right:15px
}
</style>`;
document.documentElement.insertAdjacentHTML('afterbegin', q);
const a = document.querySelector(".user-profile-link a")?.href; // Utilizzare il concatenamento facoltativo
if (a) { // Procedere solo se a è definito
document.querySelectorAll("#browse-script-list li").forEach(function(i) {
const b = i.querySelector("dd.script-list-author a");
if (b && b.href === a) {
i.className = 'Finn';
}
});
}
}
//Funzione 2: Aggiungere la numerazione all'elenco degli script utente nelle pagine utente
function addNumberingToUserScripts() {
if (window.location.href.includes("/users/")) {
const scriptList = document.querySelectorAll('.script-list > li');
if (scriptList) {
scriptList.forEach((script, index) => {
const numberSpan = document.createElement('span');
numberSpan.style.marginRight = '5px';
numberSpan.style.fontWeight = 'bold';
numberSpan.style.background = 'red';
numberSpan.style.color = 'green';
numberSpan.textContent = `${index + 1}`;
script.insertBefore(numberSpan, script.firstChild);
});
}
}
}
// Chiama entrambe le funzioni
applyStylesAndHighlight();
addNumberingToUserScripts();
//autoclick casella editor checkbox
const checkbox = document.querySelector("#enable-source-editor-code")
if (checkbox.checked === false) {
checkbox.click();
}
})();