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

De PokeXGames
Ir para navegação Ir para pesquisar
Sem resumo de edição
Etiqueta: Reversão manual
Sem resumo de edição
 
(102 revisões intermediárias pelo mesmo usuário não estão sendo mostradas)
Linha 1: Linha 1:
<!DOCTYPE html>
<script>
<html lang="pt-BR">
document.addEventListener('DOMContentLoaded', function () {
<head>
  Date.prototype.getWeekNumber = function () {
    <meta charset="UTF-8">
     let d = new Date(Date.UTC(this.getFullYear(), this.getMonth(), this.getDate()));
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    let dayNum = d.getUTCDay() || 7; // Garante que domingo (0) seja o último dia da semana
    <title>Filtro de Mapas</title>
     let yearStart = new Date(Date.UTC(d.getUTCFullYear(), 0, 1));
    <style>
     return Math.ceil((((d - yearStart) / 86400000) + 1) / 7); // Calcula o número da semana
        .hidden { display: none; }
  };
        .image-item { margin: 10px 0; }
        .image-info { margin-top: 5px; }
    </style>
</head>
<body>
     <div>
        <label for="mapType">Tipo de Mapa:</label>
        <select id="mapType">
            <option value="">Selecione o Tipo de Mapa</option>
            <option value="1">Mapa Vermelho</option>
            <option value="2">Mapa Verde</option>
            <option value="3">Mapa Roxo</option>
        </select>
     </div>
    <div>
        <label for="specificOption">Local do X:</label>
        <select id="specificOption">
            <!-- Opções serão preenchidas dinamicamente -->
        </select>
    </div>
    <div>
        <input type="checkbox" id="enableFilter">
        <label for="enableFilter">Ativar Filtro</label>
    </div>
    <div id="filterSection" class="hidden">
        <label for="filterOption">Filtrar por:</label>
        <select id="filterOption">
            <option value="number">Número</option>
            <option value="tag">Tag</option>
        </select>
        <input type="text" id="searchIds" placeholder="Digite os números separados por vírgula">
        <button id="filterButton">Filtrar</button>
    </div>
    <div id="imageContainer"></div>


    <script>
  const url = window.location.origin;
        const specificOptions = {
  const dzCard = document.getElementById('dz-card');
            1: {
  const today = new Date();
                'Areia': [
  let actualWeekNumber = today.getWeekNumber();
                    { id: '101', local: 'Green Island', coordinates: '3780, 3326, 7', tags: ['Areia', 'Água', 'Grama', 'Árvore'], imageUrl: 'https://wiki.pokexgames.com/images/4/4c/Mapas_de_ADV_VERMELHO_-_3780%2C_3326%2C_7.webp' },
                    { id: '102', local: 'Wildwind Island', coordinates: '3969, 3300, 7', tags: ['Areia', 'Terra', 'Árvore'], imageUrl: 'https://wiki.pokexgames.com/images/5/58/Mapas_de_ADV_VERMELHO_-_3969%2C_3300%2C_7.webp' },
                    { id: '103', local: 'Wildwind Island', coordinates: '4002, 3320, 7', tags: ['Areia', 'Árvore', 'Pedra'], imageUrl: 'https://wiki.pokexgames.com/images/0/07/Mapas_de_ADV_VERMELHO_-_4002%2C_3320%2C_7.webp' },
                    { id: '104', local: 'Saffron', coordinates: '4009, 3601, 7', tags: ['Areia', 'Árvore', 'Terra', 'Água'], imageUrl: 'https://wiki.pokexgames.com/images/f/f5/Mapas_de_ADV_VERMELHO_-_4009%2C_3601%2C_7.webp' },
                    { id: '105', local: 'Hurricane Island', coordinates: '4166, 3302, 7', tags: ['Areia', 'Pedra', 'Árvore'], imageUrl: 'https://wiki.pokexgames.com/images/a/ab/Mapas_de_ADV_VERMELHO_-_4166%2C_3302%2C_7.webp' },
                ],
                'Gelo': [
                    { id: '201', local: 'Frost Peak', coordinates: '4600, 3000, 7', tags: ['Gelo', 'Árvore', 'Pedra'], imageUrl: 'https://wiki.pokexgames.com/images/3/3e/Mapas_de_ADV_VERDE_-_4600%2C_3000%2C_7.webp' },
                    { id: '202', local: 'Ice Fields', coordinates: '4700, 3100, 7', tags: ['Gelo', 'Pedra', 'Árvore'], imageUrl: 'https://wiki.pokexgames.com/images/1/1e/Mapas_de_ADV_VERDE_-_4700%2C_3100%2C_7.webp' },
                ],
                'Grama': [
                    { id: '301', local: 'Green Meadow', coordinates: '5000, 3400, 7', tags: ['Grama', 'Árvore', 'Pedra'], imageUrl: 'https://wiki.pokexgames.com/images/7/76/Mapas_de_ADV_VERDE_-_5000%2C_3400%2C_7.webp' },
                    { id: '302', local: 'Forest Glade', coordinates: '5100, 3500, 7', tags: ['Grama', 'Árvore', 'Água'], imageUrl: 'https://wiki.pokexgames.com/images/8/89/Mapas_de_ADV_VERDE_-_5100%2C_3500%2C_7.webp' },
                ],
            },
            2: {
                // Dados para Mapas Verdes
            },
            3: {
                // Dados para Mapas Roxos
            },
        };


        document.getElementById('mapType').addEventListener('change', updateSpecificOptions);
  // Verificar se é sexta-feira (dia 5) e se passou das 7 da manhã
        document.getElementById('filterOption').addEventListener('change', toggleSearchInput);
  const isFridayAfter7AM = today.getDay() === 5 && today.getHours() >= 7;
        document.getElementById('enableFilter').addEventListener('change', toggleFilterSection);
        document.getElementById('filterButton').addEventListener('click', filterImages);


        function updateSpecificOptions() {
  // Se for sexta-feira depois das 7 da manhã, incrementa o número da semana
            const mapType = document.getElementById('mapType').value;
  if (isFridayAfter7AM) {
            const specificOption = document.getElementById('specificOption');
    actualWeekNumber++;
  }


            specificOption.innerHTML = '<option value="">Selecione uma opção</option>';
  const dzWeeks = [
    { name: 'Décima segunda semana', image: '/images/1/11/Card_DZ_D%C3%A9cima-Segunda-Semana.png' },
    { name: 'Primeira semana', image: '/images/b/b2/Card_DZ_Primeira-Semana.png' },
    { name: 'Segunda semana', image: '/images/9/97/Card_DZ_Segunda-Semana.png' },
    { name: 'Terceira semana', image: '/images/f/fd/Card_DZ_Terceira-Semana.png' },
    { name: 'Quarta semana', image: '/images/1/17/Card_DZ_Quarta-Semana.png' },
    { name: 'Quinta semana', image: '/images/4/40/Card_DZ_Quinta-Semana.png' },
    { name: 'Sexta semana', image: '/images/2/23/Card_DZ_Sexta-Semana.png' },
    { name: 'Sétima semana', image: '/images/f/f2/Card_DZ_S%C3%A9tima-Semana.png' },
    { name: 'Oitava semana', image: '/images/9/97/Card_DZ_Oitava-Semana.png' },
    { name: 'Nona semana', image: '/images/b/b3/Card_DZ_Nona-Semana.png' },
    { name: 'Décima semana', image: '/images/3/30/Card_DZ_D%C3%A9cima-Semana.png' },
    { name: 'Décima primeira semana', image: '/images/4/49/Card_DZ_D%C3%A9cima-Primeira-Semana.png' },
  ];


            if (mapType) {
  // Ajuste para garantir que a "Décima segunda semana" seja a primeira exibida
                const options = Object.keys(specificOptions[mapType] || {});
  let weekIndex = actualWeekNumber % 12;
                options.forEach(option => {
                    specificOption.innerHTML += `<option value="${option}">${option}</option>`;
                });
            }
        }


        function toggleSearchInput() {
  // Exibir a imagem correspondente à semana
            const filterOption = document.getElementById('filterOption').value;
  dzCard.src = url + dzWeeks[weekIndex].image;
            const searchInput = document.getElementById('searchIds');
  dzCard.alt = dzWeeks[weekIndex].name;
            searchInput.placeholder = filterOption === 'number' ? 'Digite os números separados por vírgula' : 'Digite as tags separadas por vírgula';
});
        }
</script>
 
        function toggleFilterSection() {
            const filterSection = document.getElementById('filterSection');
            filterSection.classList.toggle('hidden', !document.getElementById('enableFilter').checked);
        }
 
        function filterImages() {
            const searchIds = document.getElementById('searchIds').value.split(',').map(id => id.trim().toLowerCase());
            const filterOption = document.getElementById('filterOption').value;
            const selectedMapType = document.getElementById('mapType').value;
            const selectedSpecificOption = document.getElementById('specificOption').value;
            const imageContainer = document.getElementById('imageContainer');
            let imagesHtml = '';
            let allImages = [];
 
            if (filterOption === 'number') {
                if (searchIds.length > 0) {
                    Object.keys(specificOptions).forEach(mapType => {
                        if (selectedMapType === '' || selectedMapType == mapType) {
                            const mapOptions = specificOptions[mapType];
                            Object.keys(mapOptions).forEach(option => {
                                const images = mapOptions[option].filter(image => searchIds.includes(image.id));
                                allImages = allImages.concat(images);
                            });
                        }
                    });
                }
            } else if (filterOption === 'tag' && selectedSpecificOption) {
                Object.keys(specificOptions).forEach(mapType => {
                    if (selectedMapType === '' || selectedMapType == mapType) {
                        const mapOptions = specificOptions[mapType];
                        Object.keys(mapOptions).forEach(option => {
                            const images = mapOptions[option].filter(image => image.tags.includes(selectedSpecificOption));
                            allImages = allImages.concat(images);
                        });
                    }
                });
            }
 
            if (allImages.length > 0) {
                allImages.sort((a, b) => a.local.localeCompare(b.local));
 
                allImages.forEach(image => {
                    imagesHtml += `
                        <div class="image-item">
                            <img src="${image.imageUrl}" alt="Imagem ID ${image.id}">
                            <div class="image-info">
                                <b>Número do Mapa</b>: ${image.id} <br>
                                <b>Local</b>: ${image.local} <br>
                                <b>Coordenada</b>: ${image.coordinates}<br>
                                <b>Tag(s)</b>: ${image.tags.join(', ') || 'Nenhuma'}
                            </div>
                        </div>
                    `;
                });
            } else {
                imagesHtml = 'Nenhuma imagem encontrada com os critérios fornecidos.';
            }
 
            imageContainer.innerHTML = imagesHtml;
            imageContainer.classList.toggle('hidden', allImages.length === 0);
        }
    </script>
</body>
</html>

Edição atual tal como às 15h45min de 7 de setembro de 2024

<script> document.addEventListener('DOMContentLoaded', function () { 

 Date.prototype.getWeekNumber = function () {
   let d = new Date(Date.UTC(this.getFullYear(), this.getMonth(), this.getDate()));
   let dayNum = d.getUTCDay() || 7; // Garante que domingo (0) seja o último dia da semana
   let yearStart = new Date(Date.UTC(d.getUTCFullYear(), 0, 1));
   return Math.ceil((((d - yearStart) / 86400000) + 1) / 7); // Calcula o número da semana
 };

 const url = window.location.origin;
 const dzCard = document.getElementById('dz-card');
 const today = new Date();
 let actualWeekNumber = today.getWeekNumber();

 // Verificar se é sexta-feira (dia 5) e se passou das 7 da manhã
 const isFridayAfter7AM = today.getDay() === 5 && today.getHours() >= 7;

 // Se for sexta-feira depois das 7 da manhã, incrementa o número da semana
 if (isFridayAfter7AM) {
   actualWeekNumber++;
 }

 const dzWeeks = [
   { name: 'Décima segunda semana', image: '/images/1/11/Card_DZ_D%C3%A9cima-Segunda-Semana.png' },
   { name: 'Primeira semana', image: '/images/b/b2/Card_DZ_Primeira-Semana.png' },
   { name: 'Segunda semana', image: '/images/9/97/Card_DZ_Segunda-Semana.png' },
   { name: 'Terceira semana', image: '/images/f/fd/Card_DZ_Terceira-Semana.png' },
   { name: 'Quarta semana', image: '/images/1/17/Card_DZ_Quarta-Semana.png' },
   { name: 'Quinta semana', image: '/images/4/40/Card_DZ_Quinta-Semana.png' },
   { name: 'Sexta semana', image: '/images/2/23/Card_DZ_Sexta-Semana.png' },
   { name: 'Sétima semana', image: '/images/f/f2/Card_DZ_S%C3%A9tima-Semana.png' },
   { name: 'Oitava semana', image: '/images/9/97/Card_DZ_Oitava-Semana.png' },
   { name: 'Nona semana', image: '/images/b/b3/Card_DZ_Nona-Semana.png' },
   { name: 'Décima semana', image: '/images/3/30/Card_DZ_D%C3%A9cima-Semana.png' },
   { name: 'Décima primeira semana', image: '/images/4/49/Card_DZ_D%C3%A9cima-Primeira-Semana.png' },
 ];

 // Ajuste para garantir que a "Décima segunda semana" seja a primeira exibida
 let weekIndex = actualWeekNumber % 12;

 // Exibir a imagem correspondente à semana
 dzCard.src = url + dzWeeks[weekIndex].image;
 dzCard.alt = dzWeeks[weekIndex].name;

}); </script>

Disponível em “https://wiki.pokexgames.com/index.php?title=Widget:Test3&oldid=86839”