Skip to content

S
SkuciSe
Commit f044fe2e by Milovan Samardzic
Options

listaOglasaIzmena

parent 193c42f1
Showing with 121 additions and 93 deletions
SkuciSe/src/main/resources/static/css/oglasiStyle.css
...@@ -218,4 +218,26 @@ h3{ ...@@ -218,4 +218,26 @@ h3{
} }
.filterbar{ .filterbar{
height: 600px; height: 600px;
}
.pozadinaSVG{
background:
linear-gradient(
to bottom,
hsl(0, 0%, 100%) 0%,
hsl(0, 0%, 99.66%) 8.1%,
hsl(0, 0%, 98.69%) 15.5%,
hsl(0, 0%, 97.16%) 22.5%,
hsl(0, 0%, 95.17%) 29%,
hsl(0, 0%, 92.77%) 35.3%,
hsl(0, 0%, 90.04%) 41.2%,
hsl(0, 0%, 87.07%) 47.1%,
hsl(0, 0%, 83.93%) 52.9%,
hsl(0, 0%, 80.72%) 58.8%,
hsl(0, 0%, 77.57%) 64.7%,
hsl(0, 0%, 74.61%) 71%,
hsl(0, 0%, 71.99%) 77.5%,
hsl(0, 0%, 69.89%) 84.5%,
hsl(0, 0%, 68.5%) 91.9%,
hsl(0, 0%, 68%) 100%
);
} }
\ No newline at end of file
SkuciSe/src/main/resources/static/js/main.js
...@@ -46,4 +46,5 @@ function validateForm() { ...@@ -46,4 +46,5 @@ function validateForm() {
else else
return true; return true;
} }
document.getElementById("flexRadioDefault1").setAttribute("checked","checked") document.getElementById("flexRadioDefault1").setAttribute("checked","checked")
\ No newline at end of file
SkuciSe/src/main/resources/templates/lista-oglasa.html
...@@ -9,6 +9,7 @@ ...@@ -9,6 +9,7 @@
<link rel="shortcut icon" type="image/x-icon" href="/images/logo.ico"/> <link rel="shortcut icon" type="image/x-icon" href="/images/logo.ico"/>
<link href='https://fonts.googleapis.com/css?family=Jost' rel='stylesheet'> <link href='https://fonts.googleapis.com/css?family=Jost' rel='stylesheet'>
<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
<!-- Favicon--> <!-- Favicon-->
<link rel="icon" type="image/x-icon" href="assets/favicon.ico"/> <link rel="icon" type="image/x-icon" href="assets/favicon.ico"/>
...@@ -87,8 +88,9 @@ ...@@ -87,8 +88,9 @@
</ul> </ul>
</div> </div>
</nav> </nav>
<div class="container main-section mt-5 mb-5 d-flex flew-row ml-0"> <div class="main-section mb-5 d-flex flew-row m-4">
<div class="col-4"> <div class="row">
<div class="col-3">
<div class="card mt-2" style="min-width: 130px"> <div class="card mt-2" style="min-width: 130px">
<article class="card-group-item"> <article class="card-group-item">
<header class="card-header"> <header class="card-header">
...@@ -143,104 +145,106 @@ ...@@ -143,104 +145,106 @@
</article> <!-- card-group-item.// --> </article> <!-- card-group-item.// -->
</div> <!-- card.// --> </div> <!-- card.// -->
</div> </div>
<div class="col-12"> <div class="col-8">
<div class="row w-100" th:each="i : ${#numbers.sequence(0, oglasi.size()-1,3)}"> <h1 th:if="${oglasi.size() == 0}" class="text-center">Nema oglasa!</h1>
<div class="col-lg-4 p-2" th:if="${oglasi[i].naslov != null}"> <div class="row w-100 box " th:each="i : ${#numbers.sequence(0, oglasi.size()-1,3)}">
<div class="section border bg-white rounded p-2"> <div class="col-lg-4 p-2" data-aos="zoom-in" th:if="${oglasi[i].naslov != null}">
<div class="row"> <div class="section border bg-white rounded p-2">
<div class="col-lg-12 img-section"> <div class="row">
<img src="http://nicesnippets.com/demo/re-image6.jpg" class="p-0 m-0 res-ponsive"> <div class="col-lg-12 img-section">
<span class="badge badge-danger add-sens p-2 rounded-0" <img src="http://nicesnippets.com/demo/re-image6.jpg" class="p-0 m-0 res-ponsive">
th:text="${oglasi[i].kvadratura + 'm2'}"></span> <span class="badge badge-danger add-sens p-2 rounded-0"
</div> th:text="${oglasi[i].kvadratura + 'm2'}"></span>
<div class="col-lg-12 sectin-title d-flex alignt-items-center p-0">
<div class="col-lg-5 d-flex justify-content-start align-items-center">
<h1 class="pt-2 pb-2 text-nowrap" th:text="${oglasi[i].naslov}"></h1>
</div>
<div class="col-lg-7 d-flex justify-content-end align-items-center p-1">
<span><i class="fas fa-star"></i></span>
<span><i class="fas fa-star"></i></span>
<span><i class="fas fa-star"></i></span>
<span><i class="fas fa-star"></i></span>
<span><i class="fas fa-star-half-alt"></i></span><br>
</div> </div>
</div> <div class="col-lg-12 sectin-title d-flex alignt-items-center p-0">
<div class="col-lg-12"> <div class="col-lg-5 d-flex justify-content-start align-items-center">
<div class="row d-flex justify-content-between"> <h1 class="pt-2 pb-2 text-nowrap" th:text="${oglasi[i].naslov}"></h1>
<div class="col-lg-6 pb-2">
<span class="badge badge-info p-2" th:text="${oglasi[i].cena + '$'}"></span>
</div> </div>
<div class="col-lg-6 pb-2 d-flex justify-content-end"> <div class="col-lg-7 d-flex justify-content-end align-items-center p-1">
<a th:href="@{/lista-oglasa/{oglasid}(oglasid=${oglasi[i+2].getOglasId()})}" <span><i class="fas fa-star"></i></span>
class="btn btn-danger">Pogledajte oglas</a> <span><i class="fas fa-star"></i></span>
<span><i class="fas fa-star"></i></span>
<span><i class="fas fa-star"></i></span>
<span><i class="fas fa-star-half-alt"></i></span><br>
</div>
</div>
<div class="col-lg-12">
<div class="row d-flex justify-content-between">
<div class="col-lg-6 pb-2">
<span class="badge badge-info p-2" th:text="${oglasi[i].cena + '$'}"></span>
</div>
<div class="col-lg-6 pb-2 d-flex justify-content-end">
<a th:href="@{/lista-oglasa/{oglasid}(oglasid=${oglasi[i].getOglasId()})}"
class="btn btn-danger">Pogledajte oglas</a>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> <div class="col-lg-4 p-2" data-aos="zoom-in" th:if="${oglasi[i+1].naslov != null}">
<div class="col-lg-4 p-2" th:if="${oglasi[i+1].naslov != null}"> <div class="section border bg-white rounded p-2">
<div class="section border bg-white rounded p-2"> <div class="row">
<div class="row"> <div class="col-lg-12 img-section">
<div class="col-lg-12 img-section"> <img src="http://nicesnippets.com/demo/re-image6.jpg" class="p-0 m-0 res-ponsive">
<img src="http://nicesnippets.com/demo/re-image6.jpg" class="p-0 m-0 res-ponsive"> <span class="badge badge-danger add-sens p-2 rounded-0"
<span class="badge badge-danger add-sens p-2 rounded-0" th:text="${oglasi[i+1].kvadratura + 'm2'}"></span>
th:text="${oglasi[i+1].kvadratura + 'm2'}"></span>
</div>
<div class="col-lg-12 sectin-title d-flex alignt-items-center p-0">
<div class="col-lg-5 d-flex justify-content-start align-items-center">
<h1 class="pt-2 pb-2 text-nowrap" th:text="${oglasi[i+1].naslov}"></h1>
</div>
<div class="col-lg-7 d-flex justify-content-end align-items-center p-1">
<span><i class="fas fa-star"></i></span>
<span><i class="fas fa-star"></i></span>
<span><i class="fas fa-star"></i></span>
<span><i class="fas fa-star"></i></span>
<span><i class="fas fa-star-half-alt"></i></span><br>
</div> </div>
</div> <div class="col-lg-12 sectin-title d-flex alignt-items-center p-0">
<div class="col-lg-12"> <div class="col-lg-5 d-flex justify-content-start align-items-center">
<div class="row d-flex justify-content-between"> <h1 class="pt-2 pb-2 text-nowrap" th:text="${oglasi[i+1].naslov}"></h1>
<div class="col-lg-6 pb-2">
<span class="badge badge-info p-2" th:text="${oglasi[i+1].cena + '$'}"></span>
</div> </div>
<div class="col-lg-6 pb-2 d-flex justify-content-end"> <div class="col-lg-7 d-flex justify-content-end align-items-center p-1">
<a th:href="@{/lista-oglasa/{oglasid}(oglasid=${oglasi[i+1].getOglasId()})}" <span><i class="fas fa-star"></i></span>
class="btn btn-danger">Pogledajte oglas</a> <span><i class="fas fa-star"></i></span>
<span><i class="fas fa-star"></i></span>
<span><i class="fas fa-star"></i></span>
<span><i class="fas fa-star-half-alt"></i></span><br>
</div>
</div>
<div class="col-lg-12">
<div class="row d-flex justify-content-between">
<div class="col-lg-6 pb-2">
<span class="badge badge-info p-2" th:text="${oglasi[i+1].cena + '$'}"></span>
</div>
<div class="col-lg-6 pb-2 d-flex justify-content-end">
<a th:href="@{/lista-oglasa/{oglasid}(oglasid=${oglasi[i+1].getOglasId()})}"
class="btn btn-danger">Pogledajte oglas</a>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> <div class="col-lg-4 p-2" data-aos="zoom-in" th:if="${oglasi[i+2].naslov != null}">
<div class="col-lg-4 p-2" th:if="${oglasi[i+2].naslov != null}"> <div class="section border bg-white rounded p-2">
<div class="section border bg-white rounded p-2"> <div class="row">
<div class="row"> <div class="col-lg-12 img-section">
<div class="col-lg-12 img-section"> <img src="http://nicesnippets.com/demo/re-image6.jpg" class="p-0 m-0 res-ponsive">
<img src="http://nicesnippets.com/demo/re-image6.jpg" class="p-0 m-0 res-ponsive"> <span class="badge badge-danger add-sens p-2 rounded-0"
<span class="badge badge-danger add-sens p-2 rounded-0" th:text="${oglasi[i+2].kvadratura + 'm2'}"></span>
th:text="${oglasi[i+2].kvadratura + 'm2'}"></span>
</div>
<div class="col-lg-12 sectin-title d-flex alignt-items-center p-0">
<div class="col-lg-5 d-flex justify-content-start align-items-center">
<h1 class="pt-2 pb-2 text-nowrap" th:text="${oglasi[i+2].naslov}"></h1>
</div> </div>
<div class="col-lg-7 d-flex justify-content-end align-items-center p-1"> <div class="col-lg-12 sectin-title d-flex alignt-items-center p-0">
<span><i class="fas fa-star"></i></span> <div class="col-lg-5 d-flex justify-content-start align-items-center">
<span><i class="fas fa-star"></i></span> <h1 class="pt-2 pb-2 text-nowrap" th:text="${oglasi[i+2].naslov}"></h1>
<span><i class="fas fa-star"></i></span>
<span><i class="fas fa-star"></i></span>
<span><i class="fas fa-star-half-alt"></i></span><br>
</div>
</div>
<div class="col-lg-12">
<div class="row d-flex justify-content-between">
<div class="col-lg-6 pb-2">
<span class="badge badge-info p-2" th:text="${oglasi[i+2].cena + '$'}"></span>
</div> </div>
<div class="col-lg-6 pb-2 d-flex justify-content-end"> <div class="col-lg-7 d-flex justify-content-end align-items-center p-1">
<a th:href="@{/lista-oglasa/{oglasid}(oglasid=${oglasi[i+2].getOglasId()})}" <span><i class="fas fa-star"></i></span>
class="btn btn-danger">Pogledajte oglas</a> <span><i class="fas fa-star"></i></span>
<span><i class="fas fa-star"></i></span>
<span><i class="fas fa-star"></i></span>
<span><i class="fas fa-star-half-alt"></i></span><br>
</div>
</div>
<div class="col-lg-12">
<div class="row d-flex justify-content-between">
<div class="col-lg-6 pb-2">
<span class="badge badge-info p-2" th:text="${oglasi[i+2].cena + '$'}"></span>
</div>
<div class="col-lg-6 pb-2 d-flex justify-content-end">
<a th:href="@{/lista-oglasa/{oglasid}(oglasid=${oglasi[i+2].getOglasId()})}"
class="btn btn-danger">Pogledajte oglas</a>
</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -248,7 +252,7 @@ ...@@ -248,7 +252,7 @@
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<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 ">
...@@ -308,5 +312,9 @@ ...@@ -308,5 +312,9 @@
<script src="https://kit.fontawesome.com/51d1fadef3.js" crossorigin="anonymous"></script> <script src="https://kit.fontawesome.com/51d1fadef3.js" crossorigin="anonymous"></script>
<script src="/js/main.js"></script> <script src="/js/main.js"></script>
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script>
AOS.init();
</script>
</body> </body>
</html> </html>
SkuciSe/src/main/resources/templates/register.html
...@@ -88,13 +88,10 @@ ...@@ -88,13 +88,10 @@
<div class="form-body d-flex justify-content-center w-100 h-100"> <div class="form-body d-flex justify-content-center w-100 h-100">
<div class="row"> <div class="row">
<div class="form-holder"> <div class="form-holder">
<div class="form-content" style="bottom:50px;"> <div class="form-content" style="bottom:50px;height: auto;">
<div class="form-items"> <div class="form-items">
<h3>Registrujte se</h3>
<p>Popunite podatke ispod.</p>
<form class="requires-validation" novalidate th:object="${newUser}" method="POST" <form class="requires-validation" novalidate th:object="${newUser}" method="POST"
th:action="@{/register-proccess}" enctype="multipart/form-data"> th:action="@{/register-proccess}" enctype="multipart/form-data">
<div class="col-md-12"> <div class="col-md-12">
<input th:field="${newUser.ime}" class="form-control" type="text" name="name" <input th:field="${newUser.ime}" class="form-control" type="text" name="name"
placeholder="Ime" required> placeholder="Ime" required>
...@@ -142,7 +139,7 @@ ...@@ -142,7 +139,7 @@
<div class="col-md-12" style="color:white;margin-top:16px;"> <div class="col-md-12" style="color:white;margin-top:16px;">
<input class="form-control" name="image" type="file" id="formFileMultiple" <input class="form-control" name="image" 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> </div>
...@@ -152,7 +149,7 @@ ...@@ -152,7 +149,7 @@
<div class="invalid-feedback">Molim vas da potvrdite da su svi podaci tacni!</div> <div class="invalid-feedback">Molim vas da potvrdite da su svi podaci tacni!</div>
</div> </div>
<div th:if="${emailZauzet == true}" style="color:white">Korisnik sa tim emailom vec postoji! <br>Da li zelite da se ulogujete <a th:href="@{/login}" style="color:dimgrey;">Login</a></div>
<div class="form-button mt-3"> <div class="form-button mt-3">
<button id="submit" type="submit" class="btn btn-primary">Registruj se</button> <button id="submit" type="submit" class="btn btn-primary">Registruj se</button>
</div> </div>
......
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