From 90f8d7c07ec73e2b32537b2698fe7ab4c6081519 Mon Sep 17 00:00:00 2001 From: RaffaelW Date: Thu, 19 Dec 2024 17:26:05 +0100 Subject: [PATCH] added class to form and added section to prepare next commit --- data/index.html | 294 ++++++++++++++++++++------------------- data/input-visibility.js | 2 +- data/load-data.js | 2 +- data/loading-screen.js | 6 +- data/reset.js | 2 +- data/submit.js | 2 +- 6 files changed, 157 insertions(+), 151 deletions(-) diff --git a/data/index.html b/data/index.html index 748d193..3868839 100644 --- a/data/index.html +++ b/data/index.html @@ -11,6 +11,7 @@ +
@@ -29,159 +30,164 @@ - + +
diff --git a/data/input-visibility.js b/data/input-visibility.js index d22615f..32445a0 100644 --- a/data/input-visibility.js +++ b/data/input-visibility.js @@ -1,4 +1,4 @@ -const form = document.querySelector("form"); +const form = document.querySelector("form.config"); const dynamicInputs = form.querySelectorAll("[data-field][data-values]"); document.addEventListener("change", updateVisibility); diff --git a/data/load-data.js b/data/load-data.js index 1ec35a7..ed15d2a 100644 --- a/data/load-data.js +++ b/data/load-data.js @@ -4,7 +4,7 @@ import { hideLoadingScreen, } from "./loading-screen.js"; -const form = document.querySelector("form"); +const form = document.querySelector("form.config"); export async function loadData(timeout = null) { const req = await fetch("/config", { diff --git a/data/loading-screen.js b/data/loading-screen.js index 4b04769..322c479 100644 --- a/data/loading-screen.js +++ b/data/loading-screen.js @@ -1,11 +1,11 @@ -const form = document.querySelector("form"); +const content = document.querySelector("section.content"); const loadingScreen = document.querySelector(".loading-screen"); const loadingMsg = loadingScreen.querySelector("h2"); const spinner = loadingScreen.querySelector(".spinner"); const reloadBtn = loadingScreen.querySelector(".reload"); export function showLoadingScreen(msg) { - hide(form, reloadBtn); + hide(content, reloadBtn); show(loadingScreen, spinner); loadingMsg.classList.remove("error"); loadingMsg.textContent = msg; @@ -22,7 +22,7 @@ export function showError(msg) { export function hideLoadingScreen() { hide(loadingScreen, reloadBtn); - show(form); + show(content); loadingMsg.classList.remove("error"); loadingMsg.textContent = ""; } diff --git a/data/reset.js b/data/reset.js index c34c41f..ecf29ec 100644 --- a/data/reset.js +++ b/data/reset.js @@ -1,6 +1,6 @@ import { updateConfig } from "/submit.js"; -const form = document.querySelector("form"); +const form = document.querySelector("form.config"); form.addEventListener("reset", async (event) => { event.preventDefault(); diff --git a/data/submit.js b/data/submit.js index 0fdbda8..cc1404b 100644 --- a/data/submit.js +++ b/data/submit.js @@ -5,7 +5,7 @@ import { showError, } from "./loading-screen.js"; -const form = document.querySelector("form"); +const form = document.querySelector("form.config"); function parseValue(input) { if (input.type === "checkbox") {