Widget:Test4: mudanças entre as edições

Ir para navegação Ir para pesquisar

Widget:Test4 (ver código-fonte)

Edição das 01h28min de 20 de março de 2025

15 bytes removidos ,  20 março
Desfeita a edição 98374 de Renee (Discussão)
Sem resumo de edição
Etiqueta: Revertido
(Desfeita a edição 98374 de Renee (Discussão))
Etiqueta: Desfazer
Linha 326: Linha 326:
             });
             });


// Seleciona o toggle
  // URLs das imagens para os estados "Ativado" e "Desativado"
const toggleNeutro = document.getElementById("toggleNeutro");
const toggleNeutroIcon = document.getElementById("toggleNeutroIcon");
 
// Verifica se os elementos existem
if (!toggleNeutro || !toggleNeutroIcon) {
    console.error("Elementos do toggle não encontrados!");
    return;
}
 
// URLs das imagens para os estados "Ativado" e "Desativado"
const neutroIconAtivado = "https://wiki.pokexgames.com/images/7/73/Vetor_Toggle_Wiki_On.png";
const neutroIconAtivado = "https://wiki.pokexgames.com/images/7/73/Vetor_Toggle_Wiki_On.png";
const neutroIconDesativado = "https://wiki.pokexgames.com/images/2/27/Vetor_Toggle_Wiki_Off.png";
const neutroIconDesativado = "https://wiki.pokexgames.com/images/2/27/Vetor_Toggle_Wiki_Off.png";


let showNeutro = false; // Variável compartilhada
// Toggle para Hunts Neutras
 
// Adiciona o evento de clique ao toggle
toggleNeutro.addEventListener("click", () => {
toggleNeutro.addEventListener("click", () => {
    console.log("Toggle clicado!"); // Debug
     showNeutro = !showNeutro;
     showNeutro = !showNeutro;
     toggleNeutro.classList.toggle("active");
     toggleNeutro.classList.toggle("active");


     // Altera a imagem com base no estado
     // Altera o texto e a imagem com base no estado
     if (showNeutro) {
     if (showNeutro) {  
         toggleNeutroIcon.src = neutroIconAtivado; // Imagem para estado "Ativado"
         toggleNeutroIcon.src = neutroIconAtivado; // Imagem para estado "Ativado"
     } else {
     } else {  
         toggleNeutroIcon.src = neutroIconDesativado; // Imagem para estado "Desativado"
         toggleNeutroIcon.src = neutroIconDesativado; // Imagem para estado "Desativado"
     }
     }


    // Filtra as hunts
     filterHunts();
     filterHunts();
});
});
Linha 381: Linha 367:


             // Filtra as hunts com base nos critérios selecionados
             // Filtra as hunts com base nos critérios selecionados
function filterHunts() {
            function filterHunts() {
    const selectedMap = mapTypeSelect.value;
                const selectedMap = mapTypeSelect.value;
    const selectedDifficulty = difficultySelect.value;
                const selectedDifficulty = difficultySelect.value;
    const searchTerm = searchInput.value.toLowerCase();
                const searchTerm = searchInput.value.toLowerCase();
    imageContainer.innerHTML = "";
                imageContainer.innerHTML = "";


    if (!selectedMap) return;
                if (!selectedMap) return;


    const huntList = hunts[selectedMap];
                const huntList = hunts[selectedMap];
    huntList.forEach(hunt => {
                huntList.forEach(hunt => {
        const matchesTags = selectedTags.length === 0 || selectedTags.some(tag => hunt.classes.includes(tag));
                    const matchesTags = selectedTags.length === 0 || selectedTags.some(tag => hunt.classes.includes(tag));
        const matchesTypes = selectedTypes.length === 0 || selectedTypes.some(type => hunt.huntTypes.includes(type));
                    const matchesTypes = selectedTypes.length === 0 || selectedTypes.some(type => hunt.huntTypes.includes(type));
        const matchesDifficulty = selectedDifficulty === "" || hunt.difficulty === selectedDifficulty;
                    const matchesDifficulty = selectedDifficulty === "" || hunt.difficulty === selectedDifficulty;
        const isNeutro = hunt.huntTipo === "Neutro";
                    const isNeutro = hunt.huntTipo === "Neutro";
        const matchesSearch = hunt.name.toLowerCase().includes(searchTerm) || hunt.altName.toLowerCase().includes(searchTerm);
                    const matchesSearch = hunt.name.toLowerCase().includes(searchTerm) || hunt.altName.toLowerCase().includes(searchTerm);


        // Filtra as hunts com base no estado do toggle
                    if (matchesTags && matchesTypes && matchesDifficulty && (!isNeutro || (isNeutro && showNeutro)) && matchesSearch) {
        if (matchesTags && matchesTypes && matchesDifficulty && (!isNeutro || (isNeutro && showNeutro)) && matchesSearch) {
                        const imageItem = document.createElement("div");
            const imageItem = document.createElement("div");
                        imageItem.className = "image-item";
            imageItem.className = "image-item";
                        imageItem.innerHTML = `
            imageItem.innerHTML = `
                            <div class="image-content">
                <div class="image-content">
                                <a href="${hunt.link}" target="_blank">
                    <a href="${hunt.link}" target="_blank">
                                    <img src="${hunt.imageUrl}" alt="${hunt.name}">
                        <img src="${hunt.imageUrl}" alt="${hunt.name}">
                                </a>
                    </a>
                                <div class="image-info">
                    <div class="image-info">
                                    <p><b>Nome do Local:</b> ${hunt.name}</p>  
                        <p><b>Nome do Local:</b> ${hunt.name}</p>  
                                    <p><b>Localização:</b> ${hunt.local.join(", ")}</p>
                        <p><b>Localização:</b> ${hunt.local.join(", ")}</p>
                                    <p><b>Dificuldade:</b> ${hunt.difficulty}</p>
                        <p><b>Dificuldade:</b> ${hunt.difficulty}</p>
                                    <p><b>Dano da Hunt:</b> ${hunt.huntTypes.join(", ")}</p>
                        <p><b>Dano da Hunt:</b> ${hunt.huntTypes.join(", ")}</p>
                                    <div class="class-container">
                        <div class="class-container">
                                        <p><b>Clãs:</b></p>
                            <p><b>Clãs:</b></p>
                                        <div class="class-icons">
                            <div class="class-icons">
                                            ${hunt.classes.map(cls => `<img src="${classIcons[cls]}" alt="${cls}" class="class-icon">`).join("")}
                                ${hunt.classes.map(cls => `<img src="${classIcons[cls]}" alt="${cls}" class="class-icon">`).join("")}
                                        </div>
                                    </div>
                                </div>
                             </div>
                             </div>
                         </div>
                         `;
                    </div>
                        imageContainer.appendChild(imageItem);
                </div>
                    }
            `;
                });
            imageContainer.appendChild(imageItem);
            }
        }
    });
}


             // Event listeners para os dropdowns
             // Event listeners para os dropdowns
Renee
Administradores
7 752

edições

Disponível em “https://wiki.pokexgames.com/index.php/Especial:MobileDiff/98375”

Menu de navegação