tul/tultemplategen
3
0
Fork 0
Code Issues 4 Pull Requests Actions Packages Projects Releases Wiki Activity

Text inputs now actually remember their state

Browse Source
This commit is contained in:
Michal Procházka
2025-10-06 20:21:57 +02:00
parent 1e03405ebc
commit 4d40632db0
2 changed files with 86 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
ui.js
View File

@@ -44,20 +44,12 @@ async function thesis_layout(content, result) {
}
async function thesis_title_layout(content, result) {
let cs_name = new ElementBuilder("input")
.type("text")
content.appendChild(new TextInputBuilder(result, "cs")
.placeholder("Název práce (v češtině)")
.on_input((e) => result.cs = e.target.value)
.finish();
let en_name = new ElementBuilder("input")
.type("text")
.finish());
content.appendChild(new TextInputBuilder(result, "en")
.placeholder("Název práce (v angličtině)")
.on_input((e) => result.en = e.target.value)
.finish();
content.appendChild(cs_name);
content.appendChild(en_name);
.finish());
content.appendChild(new ElementBuilder("div.vertical-spacer").finish());
content.appendChild(new ElementBuilder("div.hint")
.text("Pokud si zatím nejste jisti, můžete tato pole ponechat prázdná.")
@@ -65,12 +57,6 @@ async function thesis_title_layout(content, result) {
}
async function author_info_layout(content, result) {
let author_name = new ElementBuilder("input")
.type("text")
.placeholder("Vaše jméno (vč. titulů), příp. jména všech autorů")
.on_input((e) => result.name = e.target.value)
.finish();
if(!Object.keys(pronounss).includes(result.pronouns)) {
document.querySelector("#next-button").disabled = true;
}
@@ -84,7 +70,9 @@ async function author_info_layout(content, result) {
})
.finish();
content.appendChild(author_name);
content.appendChild(new TextInputBuilder(result, "name")
.placeholder("Vaše jméno (vč. titulů), příp. jména všech autorů")
.finish());
content.appendChild(new ElementBuilder("div.hint")
.text("Pokud si zatím nejste jisti, můžete ponechat toto pole prázdné.")
.finish());
@@ -98,53 +86,23 @@ async function author_info_layout(content, result) {
}
async function collaborators_layout(content, result) {
let supervisor_name = new ElementBuilder("input")
.type("text")
let supervisor_name = new TextInputBuilder(result, "supervisor_name")
.placeholder("Jméno vedoucího práce (vč. titulů), příp. vedoucích")
.on_input((e) => result.supervisor_name = e.target.value)
.finish();
let consultant_name = new ElementBuilder("input")
.type("text")
let consultant_name = new TextInputBuilder(result, "consultant_name")
.placeholder("Jméno konzultanta práce (vč. titulů), příp. konzultantů")
.on_input((e) => result.consultant_name = e.target.value)
.finish();
let has_supervisor = new ElementBuilder("input#has-supervisor")
.type("checkbox")
.checked(result.has_supervisor)
.on_click(() => update())
.finish();
let has_consultant = new ElementBuilder("input#has-consultant")
.type("checkbox")
.checked(result.has_consultant)
.on_click(() => update())
.finish();
function update() {
supervisor_name.disabled = !has_supervisor.checked;
consultant_name.disabled = !has_consultant.checked;
result.has_supervisor = has_supervisor.checked;
result.has_consultant = has_consultant.checked;
}
update();
content.appendChild(new ElementBuilder("div.horizontal-list")
.append(has_supervisor)
.append(new ElementBuilder("label")
.for("has-supervisor")
.text("Práce má vedoucího"))
content.appendChild(new BinaryInputBuilder(result, "has_supervisor")
.label("Práce má vedoucího")
.on_update(val => supervisor_name.disabled = !val)
.finish());
content.appendChild(supervisor_name);
content.appendChild(new ElementBuilder("div.vertical-spacer").finish());
content.appendChild(new ElementBuilder("div.horizontal-list")
.append(has_consultant)
.append(new ElementBuilder("label")
.for("has-consultant")
.text("Práce má konzultanta"))
content.appendChild(new BinaryInputBuilder(result, "has_consultant")
.label("Práce má konzultanta")
.on_update(val => consultant_name.disabled = !val)
.finish());
content.appendChild(consultant_name);
content.appendChild(new ElementBuilder("div.vertical-spacer").finish());