Skip to content

S
SkuciSe
Commit 6c871299 by Nikola Markovic
Options

oglas: profilna slika u oglasu i komentaru

parent 806c145d
Showing with 16 additions and 11 deletions
SkuciSe/src/main/resources/templates/korisnik.html
...@@ -114,7 +114,6 @@ ...@@ -114,7 +114,6 @@
</div> </div>
</div> </div>
<div class="col-9" th:object="${slikeOglasa}"> <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="row w-100 box " style="/*! border: 1px solid red; */">
<div class="col d-flex justify-content-center"> <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> <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 @@ ...@@ -217,7 +217,7 @@
<div class="col-6"> <div class="col-6">
<label for="formFileMultiple" class="form-label">Slike stana</label> <label for="formFileMultiple" class="form-label">Slike stana</label>
<input class="form-control" name="images" type="file" id="formFileMultiple" <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="invalid-feedback">Unesite sliku!</div>
<div class="row"> <div class="row">
<div class="form-check m-3"> <div class="form-check m-3">
......
SkuciSe/src/main/resources/templates/oglas.html
...@@ -147,8 +147,10 @@ ...@@ -147,8 +147,10 @@
</div> </div>
<div class="row w-100 border-bottom-grey my-3 flex-row justify-content-end align-items-center pb-3"> <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> <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;">
th:src="@{'data:image/png;charset=utf-8;base64,'+${vlasnik.getSlika()}}" alt="Image Description"> <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>
<div class="col d-flex justify-content-evenly" style="color: #777;"> <div class="col d-flex justify-content-evenly" style="color: #777;">
<h4 th:text="${oglas.cena*oglas.kvadratura} + '$'"></h4> <h4 th:text="${oglas.cena*oglas.kvadratura} + '$'"></h4>
...@@ -223,14 +225,18 @@ ...@@ -223,14 +225,18 @@
<div class="col-md-8" th:each="komentar:${komentari}"> <div class="col-md-8" th:each="komentar:${komentari}">
<div class="media g-mb-30 media-comment"> <div class="media g-mb-30 media-comment">
<div class="media-body u-shadow-v18 g-bg-secondary g-pa-30"> <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">
th:src="@{'data:image/png;charset=utf-8;base64,'+${korisniciKomentari[komentarStat.index].slika}}" alt="Image Description"> <div class="col">
<div class="g-mb-15"> <img class="d-flex rounded-circle" style="height:100px; width:100px;"
<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> th:src="@{'data:image/png;charset=utf-8;base64,'+${korisniciKomentari[komentarStat.index].slika}}" alt="Image Description">
<br> </div>
<span class="g-color-gray-dark-v4 g-font-size-12" th:text="${komentar.vreme + ' ' + komentar.datum}"></span> <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>
</div> </div>
<p th:text="${komentar.komentar}"></p> <p class="pt-3" th:text="${komentar.komentar}"></p>
<div class="starrating risingstar d-flex justify-content-end flex-row-reverse"> <div class="starrating risingstar d-flex justify-content-end flex-row-reverse">
<img src th:onload="postaviZvezdice([[${komentar.ocena}]])"> <img src th:onload="postaviZvezdice([[${komentar.ocena}]])">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment