dzeio/FormManager
1
0
Fork 0
mirror of https://github.com/dzeiocom/FormManager.git synced 2025-04-23 19:32:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

Added data-datalist to select input

Browse Source 
Signed-off-by: Florian Bouillon <florian.bouillon@delta-wings.net>
This commit is contained in:
Florian Bouillon 2020-07-22 17:12:47 +02:00
parent a2edf678e6
commit 8646cd43df
2 changed files with 20 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/modules/RepeatInput.ts
View File

@ -129,7 +129,7 @@ export default class RepeatInput extends DefaultInput {
if (this.element.querySelectorAll(".fmr-element").length <= index) { if (this.element.querySelectorAll(".fmr-element").length <= index) {
//add element //add element
if ((el as any) == "") continue if (!el) continue
this.addLine(el) this.addLine(el)
continue continue
} }
@ -160,6 +160,10 @@ export default class RepeatInput extends DefaultInput {
} }
public verify(): boolean { public verify(): boolean {
console.log(this.elements.length)
if (this.element.hasAttribute('required') && this.elements.length === 0) {
return false
}
for (const el of this.elements) { for (const el of this.elements) {
for (const i of el) { for (const i of el) {
if (!i.verify()) return false if (!i.verify()) return false

14
src/modules/SelectInput.ts
View File

@ -7,6 +7,20 @@ export default class SelectInput extends DefaultInput {
public constructor(element: HTMLSelectElement, form: FormManager) { public constructor(element: HTMLSelectElement, form: FormManager) {
super(element, form) super(element, form)
if (element.hasAttribute('data-datalist')) {
const datalist = document.querySelector(`#${element.dataset.datalist}`)
if (!datalist) {
console.warn('Error, Datalist does not exist')
} else {
for (const child of element.children) {
!(child as HTMLElement).hasAttribute('disabled') && child.remove()
}
for (const child of datalist.children) {
// console.log(child.value)
element.appendChild(child.cloneNode(true))
}
}
}
if (element.dataset.filterElement) { if (element.dataset.filterElement) {
const options = element.querySelectorAll('option') const options = element.querySelectorAll('option')
const el = form.form.querySelector<HTMLInputElement>(`[name="${element.dataset.filterElement}"]`) const el = form.form.querySelector<HTMLInputElement>(`[name="${element.dataset.filterElement}"]`)