diff --git a/src/controller/batch_certs/BatchCerts.template.ts b/src/controller/batch_certs/BatchCerts.template.ts index 8b23cdf..a3b1bd8 100644 --- a/src/controller/batch_certs/BatchCerts.template.ts +++ b/src/controller/batch_certs/BatchCerts.template.ts @@ -9,6 +9,7 @@ export function template(ssr: string): string { + Registrar certificados - EEGSAC + >([]); + onMount(ensureColors); + return (

diff --git a/src/views/components/NewRegister/SearchableSelect.tsx b/src/views/components/NewRegister/SearchableSelect.tsx index 5a26b1a..9cc7301 100644 --- a/src/views/components/NewRegister/SearchableSelect.tsx +++ b/src/views/components/NewRegister/SearchableSelect.tsx @@ -15,7 +15,14 @@ export function SearchableSelect(props: { const inputEl = ev.target as HTMLInputElement; // Clear current selection setSelected(null); - setFilter(inputEl.value.toLowerCase()); + + let filter: string = inputEl.value.toLowerCase(); + filter = filter.replace("á", "a"); + filter = filter.replace("é", "e"); + filter = filter.replace("í", "i"); + filter = filter.replace("ó", "o"); + filter = filter.replace("ú", "u"); + setFilter(filter); }; createEffect(() => { @@ -58,6 +65,21 @@ export function SearchableSelect(props: { }); } + const filteredOptions = () => { + const filterText = filter(); + + return props.subjects.filter((subject) => { + let subjectText = subject.nombre.toLowerCase(); + subjectText = subjectText.replace("á", "a"); + subjectText = subjectText.replace("é", "e"); + subjectText = subjectText.replace("í", "i"); + subjectText = subjectText.replace("ó", "o"); + subjectText = subjectText.replace("ú", "u"); + + return selected() === null && subjectText.indexOf(filterText) !== -1; + }); + }; + return ( <> {inputElement} @@ -65,15 +87,14 @@ export function SearchableSelect(props: {
- + {(s) => (