From 9cb9460c87b8e48088139cc36c6b47ad03ff95a4 Mon Sep 17 00:00:00 2001
From: William Harrington <kb0iic@berzerkula.org>
Date: Tue, 18 Feb 2025 20:11:33 -0600
Subject: Use explicit label with for and id attributes connected to an input
 or textarea.

---
 src/main/resources/templates/pkgs/add.html  | 38 ++++++++++++++---------------
 src/main/resources/templates/pkgs/edit.html | 38 ++++++++++++++---------------
 2 files changed, 38 insertions(+), 38 deletions(-)

(limited to 'src/main/resources/templates/pkgs')

diff --git a/src/main/resources/templates/pkgs/add.html b/src/main/resources/templates/pkgs/add.html
index 42dde04..32a1396 100644
--- a/src/main/resources/templates/pkgs/add.html
+++ b/src/main/resources/templates/pkgs/add.html
@@ -21,74 +21,74 @@
       <input type="hidden" th:name="${_csrf.parameterName}" th:value="${_csrf.token}" />
 
       <div class="row mb-3">
-        <label class="col-sm-4 col-form-label">Sequence</label>
+        <label for="sequence" class="col-sm-4 col-form-label">Sequence</label>
         <div class="col-sm-8">
-          <input class="form-control" th:field="${pkgDto.sequence}" />
+          <input id="sequence" class="form-control" th:field="${pkgDto.sequence}" />
           <p th:if="${#fields.hasErrors('sequence')}" th:errorclass="text-danger" th:errors="${pkgDto.sequence}"></p>
         </div>
       </div>
 
       <div class="row mb-3">
-        <label class="col-sm-4 col-form-label">Name</label>
+        <label for="name" class="col-sm-4 col-form-label">Name</label>
         <div class="col-sm-8">
-          <input class="form-control" th:field="${pkgDto.name}" />
+          <input id="name" class="form-control" th:field="${pkgDto.name}" />
           <p th:if="${#fields.hasErrors('name')}" th:errorclass="text-danger" th:errors="${pkgDto.name}"></p>
         </div>
       </div>
 
       <div class="row mb-3">
-        <label class="col-sm-4 col-form-label">Version</label>
+        <label for="version" class="col-sm-4 col-form-label">Version</label>
         <div class="col-sm-8">
-          <input class="form-control" th:field="${pkgDto.version}" />
+          <input id="version" class="form-control" th:field="${pkgDto.version}" />
           <p th:if="${#fields.hasErrors('version')}" th:errorclass="text-danger" th:errors="${pkgDto.version}"></p>
         </div>
       </div>
 
       <div class="row mb-3">
-        <label class="col-sm-4 col-form-label">Configure</label>
+        <label for="configure" class="col-sm-4 col-form-label">Configure</label>
         <div class="col-sm-8">
-          <textarea class="form-control" th:field="${pkgDto.configure}" />
+          <textarea id="configure" class="form-control" th:field="${pkgDto.configure}" />
           <p th:if="${#fields.hasErrors('configure')}" th:errorclass="text-danger" th:errors="${pkgDto.configure}"></p>
         </div>
       </div>
 
       <div class="row mb-3">
-        <label class="col-sm-4 col-form-label">Build</label>
+        <label for="build" class="col-sm-4 col-form-label">Build</label>
         <div class="col-sm-8">
-          <textarea class="form-control" th:field="${pkgDto.build}" />
+          <textarea id="build" class="form-control" th:field="${pkgDto.build}" />
           <p th:if="${#fields.hasErrors('build')}" th:errorclass="text-danger" th:errors="${pkgDto.build}"></p>
         </div>
       </div>
 
       <div class="row mb-3">
-        <label class="col-sm-4 col-form-label">Install</label>
+        <label for="install" class="col-sm-4 col-form-label">Install</label>
         <div class="col-sm-8">
-          <textarea class="form-control" th:field="${pkgDto.install}" />
+          <textarea id="install" class="form-control" th:field="${pkgDto.install}" />
           <p th:if="${#fields.hasErrors('install')}" th:errorclass="text-danger" th:errors="${pkgDto.install}"></p>
         </div>
       </div>
 
       <div class="row mb-3">
-        <label class="col-sm-4 col-form-label">Setup</label>
+        <label for="setup" class="col-sm-4 col-form-label">Setup</label>
         <div class="col-sm-8">
-          <textarea class="form-control" th:field="${pkgDto.setup}" />
+          <textarea id="setup" class="form-control" th:field="${pkgDto.setup}" />
           <p th:if="${#fields.hasErrors('setup')}" th:errorclass="text-danger" th:errors="${pkgDto.setup}"></p>
         </div>
       </div>
 
       <div class="row mb-3">
-        <label class="col-sm-4 col-form-label">Notes</label>
+        <label for="notes" class="col-sm-4 col-form-label">Notes</label>
         <div class="col-sm-8">
-          <textarea class="form-control" th:field="${pkgDto.notes}" />
+          <textarea id="notes" class="form-control" th:field="${pkgDto.notes}" />
           <p th:if="${#fields.hasErrors('notes')}" th:errorclass="text-danger" th:errors="${pkgDto.notes}"></p>
         </div>
       </div>
 
       <div class="row mb-3">
-        <label class="col-sm-4 col-form-label">Url</label>
+        <label for="url" class="col-sm-4 col-form-label">url</label>
         <div class="col-sm-8">
-          <textarea class="form-control" th:field="${pkgDto.url}" />
-          <p th:if="${#fields.hasErrors('Url')}" th:errorclass="text-danger" th:errors="${pkgDto.url}"></p>
+          <textarea id="url" class="form-control" th:field="${pkgDto.url}" />
+          <p th:if="${#fields.hasErrors('url')}" th:errorclass="text-danger" th:errors="${pkgDto.url}"></p>
         </div>
       </div>
 
diff --git a/src/main/resources/templates/pkgs/edit.html b/src/main/resources/templates/pkgs/edit.html
index 26d9d0e..f1df17b 100644
--- a/src/main/resources/templates/pkgs/edit.html
+++ b/src/main/resources/templates/pkgs/edit.html
@@ -21,74 +21,74 @@
             <input type="hidden" th:name="${_csrf.parameterName}" th:value="${_csrf.token}" />
 
             <div class="row mb-3">
-                <label class="col-sm-4 col-form-label">Sequence</label>
+                <label for="sequence" class="col-sm-4 col-form-label">Sequence</label>
                 <div class="col-sm-8">
-                    <input class="form-control" th:field="${pkgDto.sequence}" />
+                    <input id="sequence" lass="form-control" th:field="${pkgDto.sequence}" />
                     <p th:if="${#fields.hasErrors('sequence')}" th:errorclass="text-danger" th:errors="${pkgDto.sequence}"></p>
                 </div>
             </div>
 
             <div class="row mb-3">
-                <label class="col-sm-4 col-form-label">Name</label>
+                <label for="name" class="col-sm-4 col-form-label">Name</label>
                 <div class="col-sm-8">
-                    <input class="form-control" th:field="${pkgDto.name}" />
+                    <input id="name" class="form-control" th:field="${pkgDto.name}" />
                     <p th:if="${#fields.hasErrors('name')}" th:errorclass="text-danger" th:errors="${pkgDto.name}"></p>
                 </div>
             </div>
 
             <div class="row mb-3">
-                <label class="col-sm-4 col-form-label">Version</label>
+                <label for="version" class="col-sm-4 col-form-label">Version</label>
                 <div class="col-sm-8">
-                    <input class="form-control" th:field="${pkgDto.version}" />
+                    <input id="version" class="form-control" th:field="${pkgDto.version}" />
                     <p th:if="${#fields.hasErrors('version')}" th:errorclass="text-danger" th:errors="${pkgDto.version}"></p>
                 </div>
             </div>
 
             <div class="row mb-3">
-                <label class="col-sm-4 col-form-label">Configure</label>
+                <label for="configure" class="col-sm-4 col-form-label">Configure</label>
                 <div class="col-sm-8">
-                    <textarea class="form-control" th:field="${pkgDto.configure}" />
+                    <textarea id="configure" class="form-control" th:field="${pkgDto.configure}" />
                     <p th:if="${#fields.hasErrors('configure')}" th:errorclass="text-danger" th:errors="${pkgDto.configure}"></p>
                 </div>
             </div>
 
             <div class="row mb-3">
-                <label class="col-sm-4 col-form-label">Build</label>
+                <label for="build" class="col-sm-4 col-form-label">Build</label>
                 <div class="col-sm-8">
-                    <textarea class="form-control" th:field="${pkgDto.build}" />
+                    <textarea id="build" class="form-control" th:field="${pkgDto.build}" />
                     <p th:if="${#fields.hasErrors('build')}" th:errorclass="text-danger" th:errors="${pkgDto.build}"></p>
                 </div>
             </div>
 
             <div class="row mb-3">
-                <label class="col-sm-4 col-form-label">Install</label>
+                <label for="install" class="col-sm-4 col-form-label">Install</label>
                 <div class="col-sm-8">
-                    <textarea class="form-control" th:field="${pkgDto.install}" />
+                    <textarea id="install" class="form-control" th:field="${pkgDto.install}" />
                     <p th:if="${#fields.hasErrors('install')}" th:errorclass="text-danger" th:errors="${pkgDto.install}"></p>
                 </div>
             </div>
 
             <div class="row mb-3">
-                <label class="col-sm-4 col-form-label">Setup</label>
+                <label for="setup" class="col-sm-4 col-form-label">Setup</label>
                 <div class="col-sm-8">
-                    <textarea class="form-control" th:field="${pkgDto.setup}" />
+                    <textarea id="setup" class="form-control" th:field="${pkgDto.setup}" />
                     <p th:if="${#fields.hasErrors('setup')}" th:errorclass="text-danger" th:errors="${pkgDto.setup}"></p>
                 </div>
             </div>
 
             <div class="row mb-3">
-                <label class="col-sm-4 col-form-label">Notes</label>
+                <label for="notes" class="col-sm-4 col-form-label">Notes</label>
                 <div class="col-sm-8">
-                    <textarea class="form-control" th:field="${pkgDto.notes}" />
+                    <textarea id="notes" class="form-control" th:field="${pkgDto.notes}" />
                     <p th:if="${#fields.hasErrors('notes')}" th:errorclass="text-danger" th:errors="${pkgDto.notes}"></p>
                 </div>
             </div>
 
             <div class="row mb-3">
-                <label class="col-sm-4 col-form-label">Url</label>
+                <label for="url" class="col-sm-4 col-form-label">url</label>
                 <div class="col-sm-8">
-                    <textarea class="form-control" th:field="${pkgDto.url}" />
-                    <p th:if="${#fields.hasErrors('Url')}" th:errorclass="text-danger" th:errors="${pkgDto.url}"></p>
+                    <textarea id="url" class="form-control" th:field="${pkgDto.url}" />
+                    <p th:if="${#fields.hasErrors('url')}" th:errorclass="text-danger" th:errors="${pkgDto.url}"></p>
                 </div>
             </div>
 
-- 
cgit v1.2.3-54-g00ecf