From d806cf76c4c25af25f61846d39d9b0c434e1ef0b Mon Sep 17 00:00:00 2001
From: Christoph Kluge <christoph.kluge@fau.de>
Date: Wed, 4 Jun 2025 16:23:54 +0200
Subject: [PATCH] Fix config warning and key name

---
 .../src/config/support/SupportOptions.svelte  | 32 +++++++++----------
 .../src/config/user/PlotRenderOptions.svelte  |  8 ++---
 2 files changed, 19 insertions(+), 21 deletions(-)

diff --git a/web/frontend/src/config/support/SupportOptions.svelte b/web/frontend/src/config/support/SupportOptions.svelte
index fef104b..7d2b0cd 100644
--- a/web/frontend/src/config/support/SupportOptions.svelte
+++ b/web/frontend/src/config/support/SupportOptions.svelte
@@ -42,28 +42,26 @@
 <Row cols={1} class="p-2 g-2">
   <Col>
     <Card class="h-100">
+      <!-- Svelte 'class' directive only on DOMs directly, normal 'class="xxx"' does not work, so style-array it is. -->
+      <CardTitle
+        style="margin-bottom: 1em; display: flex; align-items: center;"
+      >
+        <div>Node List Paging Type</div>
+        {#if displayMessage && message.target == "npag"}<div
+            style="margin-left: auto; font-size: 0.9em;"
+          >
+            <code style="color: {message.color};" out:fade
+              >Update: {message.msg}</code
+            >
+          </div>{/if}
+      </CardTitle>
       <form
         id="node-paging-form"
         method="post"
         action="/frontend/configuration/"
         class="card-body"
-        on:submit|preventDefault={() =>
-          handleSettingSubmit("#node-paging-form", "npag")}
-      >
-        <!-- Svelte 'class' directive only on DOMs directly, normal 'class="xxx"' does not work, so style-array it is. -->
-        <CardTitle
-          style="margin-bottom: 1em; display: flex; align-items: center;"
-        >
-          <div>Node List Paging Type</div>
-          {#if displayMessage && message.target == "npag"}<div
-              style="margin-left: auto; font-size: 0.9em;"
-            >
-              <code style="color: {message.color};" out:fade
-                >Update: {message.msg}</code
-              >
-            </div>{/if}
-        </CardTitle>
-        <input type="hidden" name="nodes-key" value="node_list_usePaging" />
+        on:submit|preventDefault={() => handleSettingSubmit("#node-paging-form", "npag")}>
+        <input type="hidden" name="key" value="node_list_usePaging" />
         <div class="mb-3">
           <div>
             {#if config?.node_list_usePaging}
diff --git a/web/frontend/src/config/user/PlotRenderOptions.svelte b/web/frontend/src/config/user/PlotRenderOptions.svelte
index 8a3a948..f2ac0aa 100644
--- a/web/frontend/src/config/user/PlotRenderOptions.svelte
+++ b/web/frontend/src/config/user/PlotRenderOptions.svelte
@@ -156,17 +156,17 @@
           <div class="mb-3">
             <div>
               {#if config.plot_general_colorBackground}
-                <input type="radio" id="true-checked" name="value" value="true" checked />
+                <input type="radio" id="colb-true-checked" name="value" value="true" checked />
               {:else}
-                <input type="radio" id="true" name="value" value="true" />
+                <input type="radio" id="colb-true" name="value" value="true" />
               {/if}
               <label for="true">Yes</label>
             </div>
             <div>
               {#if config.plot_general_colorBackground}
-                <input type="radio" id="false" name="value" value="false" />
+                <input type="radio" id="colb-false" name="value" value="false" />
               {:else}
-                <input type="radio" id="false-checked" name="value" value="false" checked />
+                <input type="radio" id="colb-false-checked" name="value" value="false" checked />
               {/if}
               <label for="false">No</label>
             </div>