Offre la possibilité d'ajouter un avatar animé (GIF) dans les paramètres de profil JVC (Fonctionne aussi avec des images fixes)
目前為
// ==UserScript==
// @name Risibank Avatar
// @namespace http://tampermonkey.net/
// @version 2024-09.v0.0.4
// @description Offre la possibilité d'ajouter un avatar animé (GIF) dans les paramètres de profil JVC (Fonctionne aussi avec des images fixes)
// @author Treflou
// @match https://www.jeuxvideo.com/forums/*
// @match https://www.jeuxvideo.com/messages-prives/*
// @match https://www.jeuxvideo.com/profil/*?mode=infos
// @match https://www.jeuxvideo.com/profil/*?mode=historique_forum
// @match https://www.jeuxvideo.com/sso/infos_pseudo.php?id=*
// @icon https://risibank.fr/logo.png
// @grant none
// ==/UserScript==
(function() {
'use strict';
if (window.location.href.includes("https://www.jeuxvideo.com/sso/infos_pseudo.php?id=")) //Paramètres du profil -> Ajout de la ligne "Ajouter un avatar animé :" avec prévisualisation
{
let InfosTable = document.getElementsByTagName("tbody")[0]
let Ligne = InfosTable.insertRow(12);
let Case = Ligne.insertCell(0);
let Valider = Ligne.insertCell(1)
Valider.className += "cell-droit"
Case.className += "cell-description p-inline-block"
let Text = document.createElement('div');
Text.className += "libelle"
Text.appendChild(document.createTextNode("Ajouter un avatar animé : "));
Case.append(Text)
let Url = document.createElement('div');
Url.className += "valeur"
Case.appendChild(Url);
let UrlInput = document.createElement('input');
UrlInput.placeholder = "https://risibank.fr/cache/medias...";
Url.append(UrlInput);
const InputStyle = {
margin: "0.4rem 0",
"background-color": "#ffffff",
color : "#000000",
}
Object.assign(UrlInput.style, InputStyle);
let Visuel = document.createElement('span');
let Img = document.createElement('img');
Img.style.height = '50px';
Img.style.width = '50px';
Img.style.borderColor = "#4a4c4f"
Img.style.margin = "10px";
Img.style.objectFit = "scale-down";
Visuel.appendChild(Img);
Case.appendChild(Visuel)
let VisuelCercle = document.createElement('span');
let ImgCercle = document.createElement('img');
ImgCercle.style.height = '50px'; //Style répétitif
ImgCercle.style.width = '50px';
ImgCercle.style.borderColor = "#4a4c4f"
ImgCercle.style.borderRadius = "50%";
ImgCercle.style.margin = "10px";
ImgCercle.style.objectFit = "cover";
VisuelCercle.appendChild(ImgCercle);
Case.appendChild(VisuelCercle)
let NewSignature = document.querySelector("#signature")
let NewSignatureText = NewSignature.textContent
let NewTag = ""
let TagEnd = 0
let TagStart = 0
let BoutonValidation = document.createElement('button');
BoutonValidation.innerText = "Valider"
Valider.appendChild(BoutonValidation)
Url.addEventListener("paste", (event) => {
let paste = (event.clipboardData || window.clipboardData).getData("text");
Img.setAttribute("src", paste); //Prévisualisation "Carré"
ImgCercle.setAttribute("src", paste); //Prévisualisation "Cercle"
NewTag = paste
let FormatLetter = NewTag.at(NewTag.lastIndexOf(".") + 1)
TagEnd = NewTag.lastIndexOf("/")
TagStart = NewTag.lastIndexOf("/", TagEnd - 2)
NewTag = NewTag.substring(TagStart + 1,TagEnd) + FormatLetter
});
Url.addEventListener("keydown", ({key}) => { //Validation du sticker si touche entrer - Sécurité
if (key === "Enter") {
Validation()
}
})
BoutonValidation.addEventListener("click", () => { //Validation du sticker si bouton "Valider"
Validation()
})
document.getElementsByClassName("valider-modif-profil")[0].addEventListener("click", () => { //Validation du sticker si validation du formulaire
Validation()
})
function Validation() {
if (NewSignatureText.indexOf("{") != -1) //Vérifie la présence d'un Tag débutant par {
{
let Accolade1 = NewSignatureText.indexOf("{");
let Accolade2 = NewSignatureText.indexOf("}", Accolade1 + 1);
if (Accolade2 != -1) //Vérifie la présence d'une seconde } (= fin du tag)
{
NewSignature.innerHTML = NewSignatureText.replace(NewSignatureText.substring(Accolade1 + 1, Accolade2), NewTag) //Scan les chiffres entre les {} et les remplace avec le nouveau Tag
}
}
else // = Premier avatar custom
{
NewSignature.innerHTML = NewSignatureText + " {"+NewTag+"}"
}
}
}
if (window.location.href.includes("profil")) { //Page Profil
try {
let ProfilSignatureElement = document.getElementsByClassName("bloc-signature-desc");
let ProfilSignature = ProfilSignatureElement[0].textContent;
let ProfilTag = getTag(ProfilSignature);
if (ProfilTag != "") {
let NewProfilAvatarURL = tagToURL(ProfilTag);
let ProfilAvatar = document.querySelector("#header-profil > div.content-img-avatar > img");
ProfilAvatar.setAttribute("src", NewProfilAvatarURL);
ProfilAvatar.setAttribute("data-src", ""); // Corrige le lazy load
}
} catch (error) {
console.error("Pas de Valeur PP signature");
}
}
let SignatureList = document.querySelectorAll("div.signature-msg"); //Liste des signatures de la page
SignatureList.forEach(function(valeur){
let Signature = valeur.textContent; //Récupère le texte de la signature
let Tag = getTag(Signature);
if (Tag != "")
{
let NewAvatarURL = tagToURL(Tag);
let Avatar = valeur.closest("div.conteneur-message").children[0].children[0].children[0];
Avatar.setAttribute("src", NewAvatarURL);
Avatar.setAttribute("data-src", ""); //Corrige le lazy load
let TagRemoved = valeur.innerHTML.replace("{"+Tag+"}","") //Enlève Tag de la signature
valeur.innerHTML = TagRemoved
}
});
function getTag(SignatureString)
{
let Tag = "";
if (SignatureString.indexOf("{") != -1) //Vérifie la présence d'un Tag débutant par {
{
let PremièreAccolade = SignatureString.indexOf("{");
let DeuxièmeAccolade = SignatureString.indexOf("}", PremièreAccolade + 1);
if (DeuxièmeAccolade != -1) //Vérifie la présence d'une seconde } (= fin du tag)
{
Tag = SignatureString.substring(PremièreAccolade + 1, DeuxièmeAccolade); //Scan les chiffres entre les {}
}
}
return Tag;
}
function tagToURL(TagString) //Permet d'obtenir le lien de l'image desirée à partir de son tag
{
let Tag = TagString;
let URL = "/full."; //fin de l'URL avant format
let Format = Tag.slice(-1).toLowerCase(); //Dernier caractère ( p pour PNG, j pour JPEG, g pour GIF,s pour SVG, b pour BMP, t pour TIFF) -> ajoute le format de l'image en fin d'URL
let Length = Tag.length - 1;
switch (Format) {
case 'p':
URL = URL + "png";
break;
case 'j':
URL = URL + "jpeg";
break;
case 'g':
URL = URL + "gif";
break;
case 's':
URL = URL + "svg";
break;
case 'b':
URL = URL + "bpm";
break;
case 't':
URL = URL + "tiff";
break;
default:
URL = URL + "gif";
Length = Length + 1;
}
Tag = Tag.slice(0, Length); //enlève le dernier caractère du type de format
URL = Tag + URL;
for (var k = 1; k < 4; k++) //Reproduit la génération des URL de Risibank en partant du Tag (De droite vers la gauche) /!\ Pourrait devenir obsolète si les URL Risibank venaient à changer de https://risibank.fr/cache/medias/0/2/239/23942/full.png à https://risibank.fr/cache/medias/0/0/2/239/23942/full.png
{
Length = Length - 2;
if (Length > 0)
{
URL = Tag.slice(0,Length) +"/"+ URL;
}
else{URL = "0/" + URL;}
}
URL = "https://risibank.fr/cache/medias/" + URL; //Début de l'URL
return URL;
}
})();