Merge pull request #763 from technologic-technologic/feature/760

fix: ensure fallback image is available in the view model -> Issue #760

Author: josdem

src/main/java/com/josdem/vetlog/controller/AdoptionController.java

@@ -50,6 +50,9 @@ public class AdoptionController {
     @Value("${imageBucket}")
     private String imageBucket;
 
+    @Value("${defaultImage}")
+    private String defaultImage;
+
     @InitBinder("adoptionCommand")
     private void initBinder(WebDataBinder binder) {
         binder.addValidators(adoptionValidator);
@@ -74,6 +77,7 @@ public ModelAndView save(@Valid AdoptionCommand adoptionCommand, BindingResult b
         var modelAndView = new ModelAndView("pet/listForAdoption");
         modelAndView.addObject("pets", pets);
         modelAndView.addObject("gcpImageUrl", gcpUrl + imageBucket + "/");
+        modelAndView.addObject("defaultImage", defaultImage);
         return modelAndView;
     }
 

src/main/resources/templates/pet/listForAdoption.html

@@ -60,6 +60,9 @@
                             </a>
                         </div>
                     </div>
+                    <div th:if="${pet.images.isEmpty()}" align="center">
+                        <img style="width:320px;height:300px;" th:attr="src=@{${gcpImageUrl} + ${defaultImage}}"/>
+                    </div>
                     <div th:data-testid="adoptionContainer" class="caption">
                         <h3 th:data-testid="petName" th:text="${pet.name}"></h3>
                         <p th:data-testid="petBirhdate" th:text="${@dateFormatter.formatToDate(pet.birthDate, #locale)}"/>