64 lines
2 KiB
JavaScript
64 lines
2 KiB
JavaScript
|
export function inputFieldMaker(Type, type, name, options) {
|
||
|
|
const inputField = document.createElement("div");
|
||
|
|
inputField.classList.add("input-field", "col", "s12");
|
||
|
|
|
||
|
|
let input;
|
||
|
|
switch (type) {
|
||
|
|
case "text":
|
||
|
|
input = document.createElement("input");
|
||
|
|
input.type = "text";
|
||
|
|
break;
|
||
|
|
case "select":
|
||
|
|
input = document.createElement("select");
|
||
|
|
for (const option of options.options) {
|
||
|
|
const opt = document.createElement("option");
|
||
|
|
opt.value = opt.innerText = option;
|
||
|
|
input.insertAdjacentElement("beforeend", opt);
|
||
|
|
}
|
||
|
|
break;
|
||
|
|
case "number":
|
||
|
|
input = document.createElement("input");
|
||
|
|
input.type = "number";
|
||
|
|
break;
|
||
|
|
case "password":
|
||
|
|
input = document.createElement("input");
|
||
|
|
input.type = "password";
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
input.id = Type + "-" + name;
|
||
|
|
input.name = name;
|
||
|
|
input.classList.add("validate");
|
||
|
|
if (options.required)
|
||
|
|
input.required = true;
|
||
|
|
if (options.value) {
|
||
|
|
input.value = options.value;
|
||
|
|
if (type === "select")
|
||
|
|
input.querySelectorAll(`option[value=${options.value}]`).forEach(o => o.selected = true);
|
||
|
|
}
|
||
|
|
|
||
|
|
inputField.insertAdjacentElement("beforeend", input);
|
||
|
|
|
||
|
|
const label = document.createElement("label");
|
||
|
|
label.for = input.id;
|
||
|
|
label.innerText = name;
|
||
|
|
inputField.insertAdjacentElement("beforeend", label);
|
||
|
|
|
||
|
|
if (options.helper) {
|
||
|
|
const helper = document.createElement("span");
|
||
|
|
helper.classList.add("helper-text");
|
||
|
|
helper.innerText = options.helper;
|
||
|
|
inputField.insertAdjacentElement("beforeend", helper);
|
||
|
|
}
|
||
|
|
|
||
|
|
return inputField;
|
||
|
|
}
|
||
|
|
|
||
|
|
export function formMaker() {
|
||
|
|
const row = document.createElement("div");
|
||
|
|
row.classList.add("row");
|
||
|
|
const form = document.createElement("form");
|
||
|
|
form.classList.add("col", "s12");
|
||
|
|
row.insertAdjacentElement("beforeend", form);
|
||
|
|
return [row, form];
|
||
|
|
}
|