1.1 --- a/src/main/webapp/WEB-INF/jsp/component-form.jsp Wed Aug 18 15:04:59 2021 +0200
1.2 +++ b/src/main/webapp/WEB-INF/jsp/component-form.jsp Wed Aug 18 15:30:49 2021 +0200
1.3 @@ -47,21 +47,21 @@
1.4 </td>
1.5 </tr>
1.6 <tr>
1.7 - <th><fmt:message key="component"/></th>
1.8 - <td><input name="name" type="text" maxlength="20" required value="<c:out value="${component.name}"/>" /></td>
1.9 + <th><label for="component-name"><fmt:message key="component"/></label></th>
1.10 + <td><input id="component-name" name="name" type="text" maxlength="20" required value="<c:out value="${component.name}"/>" /></td>
1.11 </tr>
1.12 <tr title="<fmt:message key="node.tooltip"/>">
1.13 - <th><fmt:message key="node"/></th>
1.14 - <td><input name="node" type="text" maxlength="20" value="<c:out value="${component.node}"/>" /></td>
1.15 + <th><label for="component-node"><fmt:message key="node"/></label></th>
1.16 + <td><input id="component-node" ame="node" type="text" maxlength="20" value="<c:out value="${component.node}"/>" /></td>
1.17 </tr>
1.18 <tr>
1.19 - <th><fmt:message key="component.color"/></th>
1.20 - <td><input name="color" type="color" required value="${component.color}" /></td>
1.21 + <th><label for="component-color"><fmt:message key="component.color"/></label></th>
1.22 + <td><input id="component-color" name="color" type="color" required value="${component.color}" /></td>
1.23 </tr>
1.24 <tr>
1.25 - <th><fmt:message key="component.lead"/></th>
1.26 + <th><label for="component-lead"><fmt:message key="component.lead"/></label></th>
1.27 <td>
1.28 - <select name="lead">
1.29 + <select id="component-lead" name="lead">
1.30 <option value="-1"><fmt:message key="placeholder.null-lead"/></option>
1.31 <c:forEach var="user" items="${viewmodel.users}">
1.32 <option
1.33 @@ -72,15 +72,21 @@
1.34 </td>
1.35 </tr>
1.36 <tr title="<fmt:message key="ordinal.tooltip" />">
1.37 - <th><fmt:message key="ordinal"/></th>
1.38 + <th><label for="component-ordinal"><fmt:message key="ordinal"/></label></th>
1.39 <td>
1.40 - <input name="ordinal" type="number" value="${component.ordinal}"/>
1.41 + <input id="component-ordinal" name="ordinal" type="number" value="${component.ordinal}"/>
1.42 </td>
1.43 </tr>
1.44 <tr>
1.45 - <th class="vtop"><fmt:message key="description"/></th>
1.46 + <th class="vtop"><label for="component-description"><fmt:message key="description"/></label></th>
1.47 <td>
1.48 - <textarea name="description" rows="5"><c:out value="${component.description}"/></textarea>
1.49 + <textarea id="component-description" name="description" rows="5"><c:out value="${component.description}"/></textarea>
1.50 + </td>
1.51 + </tr>
1.52 + <tr>
1.53 + <th><label for="component-active"><fmt:message key="component.active"/></label></th>
1.54 + <td>
1.55 + <input type="checkbox" id="component-active" name="active" <c:if test="${component.active}">checked</c:if> >
1.56 </td>
1.57 </tr>
1.58 </tbody>
