add catalog price form: render field errors

Author: php-coder

src/main/java/ru/mystamps/web/feature/series/HtmxSeriesController.java

@@ -143,6 +143,7 @@ public String addCatalogPrice(
 		@Valid AddCatalogPriceForm form,
 		BindingResult result,
 		@AuthenticationPrincipal CustomUserDetails currentUser,
+		Model model,
 		HttpServletResponse response
 	) throws IOException {
 
@@ -158,8 +159,9 @@ public String addCatalogPrice(
 
 		if (result.hasErrors()) {
 			response.setStatus(HttpStatus.UNPROCESSABLE_ENTITY.value());
-			// XXX: implement
-			return null;
+			model.addAttribute("isHtmx", true);
+			model.addAttribute("seriesId", seriesId);
+			return "series/info :: AddCatalogPriceForm";
 		}
 
 		Integer currentUserId = currentUser.getUserId();

src/main/webapp/WEB-INF/views/series/info.html

@@ -410,17 +410,19 @@ <h5 th:text="#{t_hidden_images}">Hidden images</h5>
 							<div id="add-release-year" sec:authorize="hasAuthority('CREATE_SERIES')" th:if="${series.releaseYear == null}"></div>
 
 							<div id="add-catalog-price" sec:authorize="hasAuthority('CREATE_SERIES')">
-								<div class="col-sm-12 form-group">
+								<div class="col-sm-12 form-group" th:fragment="AddCatalogPriceForm">
 									<form id="add-catalog-price-form"
 										class="form-horizontal"
+										th:object="${addCatalogPriceForm}"
 										hx-target="#add-catalog-price"
 										hx-disabled-elt="#add-catalog-price-btn"
 										th:hx-patch="@{${INFO_SERIES_PAGE}(id=${seriesId})}">
 										<div class="alert alert-danger text-center col-sm-8 col-sm-offset-3 hidden server-error-msg"
 											th:text="#{t_server_error}">
 											Server error
 										</div>
-										<div class="form-group form-group-sm">
+										<div class="form-group form-group-sm"
+											th:classappend="${isHtmx and #fields.hasErrors('catalogName') ? 'has-error' : ''}">
 											<label for="price-catalog-name" class="control-label col-sm-3" th:text="#{t_catalog}">
 												Catalog
 											</label>
@@ -433,9 +435,19 @@ <h5 th:text="#{t_hidden_images}">Hidden images</h5>
 													<option value="SOLOVYOV" th:text="#{t_solovyov}">Solovyov</option>
 													<option value="ZAGORSKI" th:text="#{t_zagorski}">Zagorski</option>
 												</select>
+												<!--/*/
+												<th:block th:if="${isHtmx}">
+													<span id="price-catalog-name.errors"
+														class="help-block"
+														th:if="${#fields.hasErrors('catalogName')}"
+														th:each="error : ${#fields.errors('catalogName')}" th:text="${error}">
+													</span>
+												</th:block>
+												/*/-->
 											</div>
 										</div>
-										<div class="form-group form-group-sm">
+										<div class="form-group form-group-sm"
+											th:classappend="${isHtmx and #fields.hasErrors('price') ? 'has-error' : ''}">
 											<label for="catalog-price" class="control-label col-sm-3 required-field" th:text="#{t_price}">
 												Price
 											</label>
@@ -454,6 +466,17 @@ <h5 th:text="#{t_hidden_images}">Hidden images</h5>
 														required="required" />
 												</div>
 											</div>
+											<div class="col-sm-offset-3 col-sm-6">
+												<!--/*/
+												<th:block th:if="${isHtmx}">
+													<span id="price.errors"
+														class="help-block"
+														th:if="${#fields.hasErrors('price')}"
+														th:each="error : ${#fields.errors('price')}" th:text="${error}">
+													</span>
+												</th:block>
+												/*/-->
+											</div>
 										</div>
 										<div class="col-sm-offset-3 col-sm-4">
 											<button id="add-catalog-price-btn"