src/main/webapp/WEB-INF/jsp/component-form.jsp

changeset 227
f0ede8046b59
parent 184
e8eecee6aadf
child 276
2a169e4d1d13
--- a/src/main/webapp/WEB-INF/jsp/component-form.jsp	Wed Aug 18 15:04:59 2021 +0200
+++ b/src/main/webapp/WEB-INF/jsp/component-form.jsp	Wed Aug 18 15:30:49 2021 +0200
@@ -47,21 +47,21 @@
             </td>
         </tr>
         <tr>
-            <th><fmt:message key="component"/></th>
-            <td><input name="name" type="text" maxlength="20" required value="<c:out value="${component.name}"/>" /></td>
+            <th><label for="component-name"><fmt:message key="component"/></label></th>
+            <td><input id="component-name" name="name" type="text" maxlength="20" required value="<c:out value="${component.name}"/>" /></td>
         </tr>
         <tr title="<fmt:message key="node.tooltip"/>">
-            <th><fmt:message key="node"/></th>
-            <td><input name="node" type="text" maxlength="20" value="<c:out value="${component.node}"/>" /></td>
+            <th><label for="component-node"><fmt:message key="node"/></label></th>
+            <td><input id="component-node" ame="node" type="text" maxlength="20" value="<c:out value="${component.node}"/>" /></td>
         </tr>
         <tr>
-            <th><fmt:message key="component.color"/></th>
-            <td><input name="color" type="color" required value="${component.color}" /></td>
+            <th><label for="component-color"><fmt:message key="component.color"/></label></th>
+            <td><input id="component-color" name="color" type="color" required value="${component.color}" /></td>
         </tr>
         <tr>
-            <th><fmt:message key="component.lead"/></th>
+            <th><label for="component-lead"><fmt:message key="component.lead"/></label></th>
             <td>
-                <select name="lead">
+                <select id="component-lead" name="lead">
                     <option value="-1"><fmt:message key="placeholder.null-lead"/></option>
                     <c:forEach var="user" items="${viewmodel.users}">
                         <option
@@ -72,15 +72,21 @@
             </td>
         </tr>
         <tr title="<fmt:message key="ordinal.tooltip" />">
-            <th><fmt:message key="ordinal"/></th>
+            <th><label for="component-ordinal"><fmt:message key="ordinal"/></label></th>
             <td>
-                <input name="ordinal" type="number" value="${component.ordinal}"/>
+                <input id="component-ordinal" name="ordinal" type="number" value="${component.ordinal}"/>
             </td>
         </tr>
         <tr>
-            <th class="vtop"><fmt:message key="description"/></th>
+            <th class="vtop"><label for="component-description"><fmt:message key="description"/></label></th>
             <td>
-                <textarea name="description" rows="5"><c:out value="${component.description}"/></textarea>
+                <textarea id="component-description" name="description" rows="5"><c:out value="${component.description}"/></textarea>
+            </td>
+        </tr>
+        <tr>
+            <th><label for="component-active"><fmt:message key="component.active"/></label></th>
+            <td>
+                <input type="checkbox" id="component-active" name="active" <c:if test="${component.active}">checked</c:if> >
             </td>
         </tr>
         </tbody>

mercurial