Skip to content

S
SkuciSe
Commit 806c145d by Nikola Markovic
Options

korisnik - oglasi/ocene front

parent 6e31cddb
Showing with 37 additions and 10 deletions
SkuciSe/src/main/resources/static/js/main.js
...@@ -110,3 +110,17 @@ function promenaProdaja(radio){ ...@@ -110,3 +110,17 @@ function promenaProdaja(radio){
$(document).ready(function() { $(document).ready(function() {
$('#rateMe1').mdbRate(); $('#rateMe1').mdbRate();
}); });
function prikaziOglase(){
document.getElementById("div-oglasi").style.display = "block";
document.getElementById("div-ocene").style.display = "none";
document.getElementById("dugme-oglasi").style = "text-decoration:none; border-bottom: 3px solid grey; width:100px; text-align:center;padding-bottom:5px;";
document.getElementById("dugme-ocene").style = "";
}
function prikaziOcene(){
document.getElementById("div-oglasi").style.display = "none";
document.getElementById("div-ocene").style.display = "block";
document.getElementById("dugme-ocene").style = "text-decoration:none; border-bottom: 3px solid grey; width:100px; text-align:center;padding-bottom:5px;";
document.getElementById("dugme-oglasi").style = "";
}
\ No newline at end of file
SkuciSe/src/main/resources/templates/korisnik.html
...@@ -103,6 +103,7 @@ ...@@ -103,6 +103,7 @@
<article class="card-group-item"> <article class="card-group-item">
<div class="profilepic"> <div class="profilepic">
<img class="photo profilepic__image" id="slikaProfil" <img class="photo profilepic__image" id="slikaProfil"
style="width: 100px;height:100px;border-radius:50%"
th:src="@{'data:image/png;charset=utf-8;base64,'+${korisnik.getSlika()}}" th:src="@{'data:image/png;charset=utf-8;base64,'+${korisnik.getSlika()}}"
alt="slika korisnika"> alt="slika korisnika">
</div> </div>
...@@ -114,6 +115,15 @@ ...@@ -114,6 +115,15 @@
</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> <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>
</div>
<div class="col d-flex justify-content-center">
<h4 id="dugme-ocene" class="link-secondary" style="text-decoration: none" onclick="prikaziOcene()">Ocene</h4>
</div>
</div>
<div id="div-oglasi">
<div class="row w-100 box " th:each="i : ${#numbers.sequence(0, oglasi.size()-1,3)}"> <div class="row w-100 box " th:each="i : ${#numbers.sequence(0, oglasi.size()-1,3)}">
<div class="col-lg-4 p-2" data-aos="zoom-in" th:if="${oglasi[i].naslov != null}"> <div class="col-lg-4 p-2" data-aos="zoom-in" th:if="${oglasi[i].naslov != null}">
<div class="section border bg-white rounded p-2"> <div class="section border bg-white rounded p-2">
...@@ -231,12 +241,10 @@ ...@@ -231,12 +241,10 @@
</div> </div>
</div> </div>
</div> </div>
</div> <div id="div-ocene" style="display: none" class="row w-100">
</form>
<div class="col-5">
<div class="container"> <div class="container">
<div class="row" th:object="${korisniciKomentari}"> <div class="row w-100" th:object="${korisniciKomentari}">
<div class="col-md-8" th:each="komentar:${komentari}"> <div class="row" 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 g-width-50 g-height-50 rounded-circle g-mt-3 g-mr-15" <img class="d-flex g-width-50 g-height-50 rounded-circle g-mt-3 g-mr-15"
...@@ -266,7 +274,11 @@ ...@@ -266,7 +274,11 @@
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div>
</div>
</form>
<div class="container-fluid pb-0 mb-0 justify-content-center text-light "> <div class="container-fluid pb-0 mb-0 justify-content-center text-light ">
<footer> <footer>
<div class="row my-5 justify-content-center py-5"> <div class="row my-5 justify-content-center py-5">
......
SkuciSe/src/main/resources/templates/oglas.html
...@@ -226,7 +226,7 @@ ...@@ -226,7 +226,7 @@
<img class="d-flex rounded-circle" style="width: 30%;" <img class="d-flex rounded-circle" style="width: 30%;"
th:src="@{'data:image/png;charset=utf-8;base64,'+${korisniciKomentari[komentarStat.index].slika}}" alt="Image Description"> th:src="@{'data:image/png;charset=utf-8;base64,'+${korisniciKomentari[komentarStat.index].slika}}" alt="Image Description">
<div class="g-mb-15"> <div class="g-mb-15">
<a th:href="@{/korisnik/{korisnikId}(korisnikId=${vlasnik.korisnikId})}" th:text="${korisniciKomentari[komentarStat.index].ime + ' '+ korisniciKomentari[komentarStat.index].prezime}" class="text-right w-50" style="color:#495056;text-decoration: none"></a> <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>
<br> <br>
<span class="g-color-gray-dark-v4 g-font-size-12" th:text="${komentar.vreme + ' ' + komentar.datum}"></span> <span class="g-color-gray-dark-v4 g-font-size-12" th:text="${komentar.vreme + ' ' + komentar.datum}"></span>
</div> </div>
......
SkuciSe/src/main/resources/templates/onama.html
...@@ -98,7 +98,7 @@ ...@@ -98,7 +98,7 @@
</div> </div>
</nav> </nav>
<div class="bg-image" style="background-image: url('/images/ehl-real-estate-building.jpg'); <div class="bg-image" style="background-image: url('/images/ehl-real-estate-building.jpg');
height: 70vh;background-size: cover"> min-height: 70vh;background-size: cover">
<div class="w-100"> <div class="w-100">
<div class="row h-100 justify-content-end align-items-left px-5"> <div class="row h-100 justify-content-end align-items-left px-5">
<div class="col-lg-5 my-10"> <div class="col-lg-5 my-10">
......
SkuciSe/src/main/resources/templates/portfolio.html
...@@ -111,7 +111,7 @@ ...@@ -111,7 +111,7 @@
<div class="row text-center"> <div class="row text-center">
<!-- Team item--> <!-- Team item-->
<div class="col-xl-3 col-sm-6 mb-5"> <div class="col-xl-3 col-sm-6 mb-5">
<div class="bg-white rounded shadow-sm py-5 px-4 h-100"><img src="/images/milovan.png" alt="" width="100" class="img-fluid rounded-circle mb-3 img-thumbnail shadow-sm"> <div class="bg-white rounded shadow-sm py-5 px-3 h-100"><img src="/images/milovan.png" alt="" width="100" class="img-fluid rounded-circle mb-3 img-thumbnail shadow-sm">
<h5 class="mb-0">Milovan Samardzić </h5><span class="small text-uppercase text-muted row pt-2 justify-content-center mb-3">Front-End Developer </span> <h5 class="mb-0">Milovan Samardzić </h5><span class="small text-uppercase text-muted row pt-2 justify-content-center mb-3">Front-End Developer </span>
<ul class="social mb-0 list-inline pt-3"> <ul class="social mb-0 list-inline pt-3">
<li class="list-inline-item"><a href="https://facebook.com" class="social-link"><i class="fa fa-facebook-f"></i></a></li> <li class="list-inline-item"><a href="https://facebook.com" class="social-link"><i class="fa fa-facebook-f"></i></a></li>
...@@ -139,7 +139,7 @@ ...@@ -139,7 +139,7 @@
<!-- Team item--> <!-- Team item-->
<div class="col-xl-3 col-sm-6 mb-5"> <div class="col-xl-3 col-sm-6 mb-5">
<div class="bg-white rounded shadow-sm py-5 px-4 h-100"><img src="/images/nikola.png" alt="" width="100" class="img-fluid rounded-circle mb-3 img-thumbnail shadow-sm"> <div class="bg-white rounded shadow-sm py-5 px-3 h-100"><img src="/images/nikola.png" alt="" width="100" class="img-fluid rounded-circle mb-3 img-thumbnail shadow-sm">
<h5 class="mb-0">Nikola Marković</h5><span class="small text-uppercase text-muted row pt-2 justify-content-center mb-3">Front-End Developer</span> <h5 class="mb-0">Nikola Marković</h5><span class="small text-uppercase text-muted row pt-2 justify-content-center mb-3">Front-End Developer</span>
<ul class="social mb-0 list-inline pt-3"> <ul class="social mb-0 list-inline pt-3">
<li class="list-inline-item"><a href="https://facebook.com" class="social-link"><i class="fa fa-facebook-f"></i></a></li> <li class="list-inline-item"><a href="https://facebook.com" class="social-link"><i class="fa fa-facebook-f"></i></a></li>
......
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