Skip to content

S
SkuciSe
Commit 79c2eee2 by Nikola Markovic
Options

Oglas: izmena izgleda opisa oglasa

parent 2b1266fb
Showing with 23 additions and 18 deletions
SkuciSe/src/main/resources/static/css/oglasiStyle.css
...@@ -322,4 +322,17 @@ h3{ ...@@ -322,4 +322,17 @@ h3{
.media-comment { .media-comment {
margin-top:20px margin-top:20px
}
.oglas-naslov {
font-family: arial;
font-weight: bold;
}
.border-bottom-grey {
border-bottom: 1px solid #c0c4c8;
}
.gradient-bg {
background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(251,251,251,1) 10%, rgba(251,251,251,1) 91%, rgba(255,255,255,1) 100%);
} }
\ No newline at end of file
SkuciSe/src/main/resources/templates/oglas.html
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head> <head>
<meta charset="utf-8"/> <meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
...@@ -147,24 +147,16 @@ ...@@ -147,24 +147,16 @@
</div> </div>
</div> </div>
<div class="col-lg-5 col-md-5 col-sm-5"> <div class="col-lg-5 col-md-5 col-sm-5">
<div class="row"> <div class="col d-flex flex-column justify-content-center align-items-center border-bottom-grey gradient-bg">
<div class="col d-flex justify-content-center align-items-center">
<div class="row">
<div class="row"> <div class="row">
<h1 th:text="${oglas.naslov}"></h1> <h1 th:text="${oglas.naslov}" class="oglas-naslov"></h1>
</div> </div>
<div class="row"> <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>
</div> <h4 th:text="${oglas.lokacija} + ', '+${grad}"></h4>
<div class="row">
<h4 th:text="${oglas.kvadratura + ' m2 ' + oglas.brojSoba + ' soba '+ oglas.cena + '$'}"></h4>
</div> </div>
<div class="row">
<h4 th:text="${oglas.lokacija} + ', '+${grad}"></h4>
</div>
</div>
</div> </div>
<div class="col"> <div class="col border-bottom-grey">
<div class="row mt-5"> <div class="row mt-5">
<div class="col"> <div class="col">
<div class="row" th:if="${oglas.vrstaOglasaId == 1}"><p>Cena:</p></div> <div class="row" th:if="${oglas.vrstaOglasaId == 1}"><p>Cena:</p></div>
...@@ -188,12 +180,11 @@ ...@@ -188,12 +180,11 @@
</div> </div>
</div> </div>
</div> </div>
<div class="row mt-3"> <div class="row mt-3 pl-3 pr-3">
<div class="col"> <div class="col">
<p class="text-wrap" th:text="${'Opis: ' + oglas.opis}"></p> <p class="text-wrap" th:text="${'Opis: ' + oglas.opis}" style="text-align: justify;"></p>
</div> </div>
</div> </div>
</div>
<div class="row" <div class="row"
th:if="${(loggedUser !=null) && (oglas.korisnikId != loggedUser.getKorisnik().korisnikId)}"> th:if="${(loggedUser !=null) && (oglas.korisnikId != loggedUser.getKorisnik().korisnikId)}">
<button type="button" class="btn btn-primary" id="zahtevDugme">Zakazite obilazak</button> <button type="button" class="btn btn-primary" id="zahtevDugme">Zakazite obilazak</button>
......
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