oglas: profilna slika u oglasu i komentaru

SkuciSe/src/main/resources/templates/korisnik.html

@@ -114,7 +114,6 @@
             </div>
         </div>
         <div class="col-9" th:object="${slikeOglasa}">
-            <h1 th:if="${oglasi.size() == 0}" class="text-center">Nema oglasa!</h1>
             <div class="row w-100 box " style="/*! border: 1px solid red; */">
                 <div class="col d-flex justify-content-center">
                     <h4 id="dugme-oglasi" class="link-secondary" style="text-decoration:none; border-bottom: 3px solid grey; width:100px; text-align:center;padding-bottom:5px;" onclick="prikaziOglase()">Oglasi</h4>

SkuciSe/src/main/resources/templates/novi-oglas-form.html

@@ -217,7 +217,7 @@
                             <div class="col-6">
                                 <label for="formFileMultiple" class="form-label">Slike stana</label>
                                 <input class="form-control" name="images" type="file" id="formFileMultiple"
-                                       accept="image/png, image/jpeg" multiple/>
+                                       accept="image/png, image/jpeg" multiple required/>
                                 <div class="invalid-feedback">Unesite sliku!</div>
                                 <div class="row">
                                     <div class="form-check m-3">

SkuciSe/src/main/resources/templates/oglas.html

@@ -147,9 +147,11 @@
                         </div>
                         <div class="row w-100 border-bottom-grey my-3 flex-row justify-content-end align-items-center pb-3">
                             <a th:href="@{/korisnik/{korisnikId}(korisnikId=${vlasnik.korisnikId})}" th:text="${vlasnik.ime + ' '+ vlasnik.prezime}" class="text-right w-50" style="color:#495056;text-decoration: none"></a>
-                            <img class="d-flex rounded-circle" style="width: 13%;"
+                            <div style="width:50px; height:50px;">
+                                <img class="d-flex rounded-circle" style="width: 50px; height:50px;"
                                      th:src="@{'data:image/png;charset=utf-8;base64,'+${vlasnik.getSlika()}}" alt="Image Description">
                             </div>
+                        </div>
                         <div class="col d-flex justify-content-evenly" style="color: #777;">
                                 <h4 th:text="${oglas.cena*oglas.kvadratura} + '$'"></h4>
                                 <h4 th:text="${oglas.lokacija} + ', '+${grad}"></h4>
@@ -223,14 +225,18 @@
                     <div class="col-md-8" th:each="komentar:${komentari}">
                         <div class="media g-mb-30 media-comment">
                             <div class="media-body u-shadow-v18 g-bg-secondary g-pa-30">
-                                <img class="d-flex rounded-circle" style="width: 30%;"
+                                <div class="row">
+                                    <div class="col">
+                                        <img class="d-flex rounded-circle" style="height:100px; width:100px;"
                                              th:src="@{'data:image/png;charset=utf-8;base64,'+${korisniciKomentari[komentarStat.index].slika}}" alt="Image Description">
-                                <div class="g-mb-15">
-                                    <a th:href="@{/korisnik/{korisnikId}(korisnikId=${korisniciKomentari[komentarStat.index].korisnikId})}" th:text="${korisniciKomentari[komentarStat.index].ime + ' '+ korisniciKomentari[komentarStat.index].prezime}" class="text-right w-50" style="color:#495056;text-decoration: none"></a>
+                                    </div>
+                                    <div class="col d-flex flex-column justify-content-center align-items-end">
+                                        <a th:href="@{/korisnik/{korisnikId}(korisnikId=${korisniciKomentari[komentarStat.index].korisnikId})}" th:text="${korisniciKomentari[komentarStat.index].ime + ' '+ korisniciKomentari[komentarStat.index].prezime}" class="text-right w-100" style="color:#495056;text-decoration: none"></a>
                                         <br>
                                         <span class="g-color-gray-dark-v4 g-font-size-12" th:text="${komentar.vreme + ' ' + komentar.datum}"></span>
                                     </div>
-                                <p th:text="${komentar.komentar}"></p>
+                                </div>
+                                <p class="pt-3" th:text="${komentar.komentar}"></p>
 
                                 <div class="starrating risingstar d-flex justify-content-end flex-row-reverse">
                                     <img src th:onload="postaviZvezdice([[${komentar.ocena}]])">