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

sem sumário de edição
Sem resumo de edição
Sem resumo de edição
 
(7 revisões intermediárias pelo mesmo usuário não estão sendo mostradas)
Linha 12: Linha 12:
function filterData(data) {
function filterData(data) {
     const temp = data.filter((item) => {
     const temp = data.filter((item) => {
         if (Number(contentLevel.value) < Number(item.level) && Number(contentLevel.value) - 100 <= Number(item.level)) return false
         if (Number(contentLevel.value) < Number(item.level) || !(Number(contentLevel.value) - 50 <= Number(item.level))) return false;


         if (
         if (
Linha 31: Linha 31:
function createCard(cardData) {
function createCard(cardData) {
     const icons = cardData.icons.map((icon) => (
     const icons = cardData.icons.map((icon) => (
         `<img src="${icon.image}" alt="Icone ${icon.title}">`
         `<img src="${icon.image}" title="${icon.title}" alt="Icone ${icon.title}">`
     ));
     ));


Linha 37: Linha 37:
         <a href="${cardData.link}" class="card">
         <a href="${cardData.link}" class="card">
             <main>
             <main>
                <header class="icon-container">
                    ${icons.join("")}                   
                </header>
                 <h2>
                 <h2>
                     ${cardData.title} <br /> <span class="level"> Level: ${cardData.level} </span>
                     ${cardData.title} <br /> <span class="level"> Level: ${cardData.level} </span>
Linha 46: Linha 42:


                 <div class="description-container">
                 <div class="description-container">
                     <p class="description">
                     <p class="description" title="${cardData.description}">
                       ${cardData.description}
                       ${cardData.description}
                     </p>
                     </p>
                 </div>
                 </div>
               
                <footer class="icon-container">
                    ${icons.join("")}                   
                </footer>
             </main>
             </main>


Linha 67: Linha 67:
         container.innerHTML += (createCard(data));
         container.innerHTML += (createCard(data));
     });
     });
})
});
</script>
</script>