Update index.js

Signed-off-by: Grouvex <168425996+Grouvex@users.noreply.github.com>

Author: Grouvex

index.js

@@ -271,3 +271,106 @@ function googleTranslateElementInit() {
         console.error("Google Translate API no está disponible.");
     }
 }
+
+ // ============================================
+ // Código para insignias de usuarios
+ // ============================================
+ 
+ const usuarios = {
+     "Grouvex Studios": {
+         principales: ["verified-team", "owner", "vvadmin", "vdeveloper", "vbughunter","gsmember"],
+         GSRecording: [],
+         GSAnimation: [],
+         GSDesign: []
+     },
+     "Grouvex Phoenix": {
+         principales: ["verified-team", "vvadmin", "vdeveloper", "vbughunter", "verified"],
+         GSRecording: ["owner-recording", "artista", "verified"],
+         GSAnimation: ["verified"],
+         GSDesign: ["diseñador", "verified"]
+     },
+     "Tarlight Etherall": {
+         principales: ["verified-team", "admin", "artista"],
+         GSRecording: ["vvadmin", "artista", "gsmember", "verified"],
+         GSAnimation: [],
+         GSDesign: ["owner-designs", "diseñador", "verified"]
+     },
+     "Maiki Dran": {
+         principales: ["gsmember", "verified"],
+         GSRecording: ["artista", "verified"],
+         GSAnimation: [],
+         GSDesign: []
+     },
+     "Clara Langa": {
+         principales: ["gsmember", "verified"],
+         GSRecording: ["artista", "verified"],
+         GSAnimation: [],
+         GSDesign: []
+     },
+     "Joshuatdepedro": {
+         principales: ["verified"],
+         GSRecording: ["artista"],
+         GSAnimation: [],
+         GSDesign: []
+     }
+ };
+ 
+ function mostrarUsuarioYInsignias(nombreUsuario, elements) {
+     elements.forEach(element => {
+         // Mostrar nombre de usuario
+         const spanNombre = document.createElement("span");
+         spanNombre.textContent = nombreUsuario;
+         element.appendChild(spanNombre);
+ 
+         // Mostrar insignias principales
+         const divPrincipales = document.createElement("div");        usuarios[nombreUsuario].principales.forEach(insignia => {
+             if (insignia) { // Solo agregar si la insignia no está vacía
+                 const spanInsignia = document.createElement("span");
+                 spanInsignia.classList.add("insignia", insignia);
+                 divPrincipales.appendChild(spanInsignia);
+             }
+         });
+         element.appendChild(divPrincipales);
+ 
+         function crearDetallesInsignias(titulo, categoria) {
+             if (usuarios[nombreUsuario][categoria] && usuarios[nombreUsuario][categoria].length > 0 && usuarios[nombreUsuario][categoria][0] !== "") {
+                 const details = document.createElement("details");
+                 const summary = document.createElement("summary");
+                 summary.textContent = titulo;
+                 summary.style.fontSize = "10px";
+ 
+                 details.appendChild(summary);
+                 const divInsignias = document.createElement("div");
+                 usuarios[nombreUsuario][categoria].forEach(insignia => {
+                     if (insignia) {
+                         const spanInsignia = document.createElement("span");
+                         spanInsignia.classList.add("insignia", insignia);
+                         divInsignias.appendChild(spanInsignia);
+                     }
+                 });
+                 details.appendChild(divInsignias);
+                 return details;
+             }
+             return null;
+         }
+ 
+         const gsRecordingDetails = crearDetallesInsignias("GSRecording", "GSRecording");
+         if (gsRecordingDetails) element.appendChild(gsRecordingDetails);
+ 
+         const gsAnimationDetails = crearDetallesInsignias("GSAnimation", "GSAnimation");
+         if (gsAnimationDetails) element.appendChild(gsAnimationDetails);
+ 
+         const gsDesignDetails = crearDetallesInsignias("GSDesign", "GSDesign");
+         if (gsDesignDetails) element.appendChild(gsDesignDetails);
+     });
+ }
+ 
+ // Esperar a que el DOM esté completamente cargado
+ document.addEventListener("DOMContentLoaded", () => {
+     Object.keys(usuarios).forEach(usuario => {
+         const elements = document.querySelectorAll(`.${usuario.replace(/\s+/g, '-')}`);
+         if (elements.length > 0) {
+             mostrarUsuarioYInsignias(usuario, elements);
+         }
+     });
+ });