992
edições
Widget:Agatha-test: mudanças entre as edições
Ir para navegação
Ir para pesquisar
Widget:Agatha-test (ver código-fonte)
Edição das 12h49min de 8 de junho de 2023
, 8 de junho de 2023sem sumário de edição
Sem resumo de edição |
Sem resumo de edição |
||
| (5 revisões intermediárias pelo mesmo usuário não estão sendo mostradas) | |||
| Linha 22: | Linha 22: | ||
</div> | </div> | ||
<div> | <div class="mt-2"> | ||
<img src="" alt="Imagem do resultado da pesquisa" id="img-select" /> | <img src="" class="margin-center d-none" style="border-radius: 6px" alt="Imagem do resultado da pesquisa" id="img-select" /> | ||
<p id="obs-select"></p> | <p class="text-center" id="obs-select"></p> | ||
</div> | </div> | ||
| Linha 43: | Linha 43: | ||
option.phrases.map(phrase => { | option.phrases.map(phrase => { | ||
let li = `<li onclick="updateName('${option.group}')"> ${phrase} </li>`; | let li = `<li onclick="updateName('${option.group}', '${option.img}', '${option.obs}')"> ${phrase} </li>`; | ||
options.insertAdjacentHTML("beforeend", li); | options.insertAdjacentHTML("beforeend", li); | ||
}); | }); | ||
| Linha 55: | Linha 55: | ||
addOptions(selectedValue); | addOptions(selectedValue); | ||
wrapper.classList.remove("active"); | wrapper.classList.remove("active"); | ||
document.querySelector('#img-select').src = img; | document.querySelector('#img-select').src = window.location.origin + img; | ||
document.querySelector('#img-select').classList.remove('d-none'); | |||
document.querySelector('#img-select').classList.add('d-block'); | |||
document.querySelector('#obs-select').innerHTML = obs; | document.querySelector('#obs-select').innerHTML = obs; | ||
selectBtn.firstElementChild.innerText = selectedValue; | selectBtn.firstElementChild.innerText = selectedValue; | ||
| Linha 71: | Linha 73: | ||
html += `<li class="groupTitle ${isSelected}"> ${option.group} </li>`; | html += `<li class="groupTitle ${isSelected}"> ${option.group} </li>`; | ||
option.phrases.filter(curr => curr.toLowerCase().startsWith(searchWord)).map(phrase => { | option.phrases.filter(curr => curr.toLowerCase().startsWith(searchWord)).map(phrase => { | ||
html += `<li onclick="updateName('${option.group}', '${option.img}', '${option.obs}')"> ${phrase} </li>`; | html += `<li onclick="updateName('${option.group}', '${option.img}', '${option.obs}')"> ${phrase} </li>`; | ||