Skip to content

S
SkuciSe
Commit f044fe2e by Milovan Samardzic
Options

listaOglasaIzmena

parent 193c42f1
Showing with 43 additions and 14 deletions
SkuciSe/src/main/resources/static/css/oglasiStyle.css
...@@ -219,3 +219,25 @@ h3{ ...@@ -219,3 +219,25 @@ 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
...@@ -47,3 +47,4 @@ function validateForm() { ...@@ -47,3 +47,4 @@ function validateForm() {
return true; return true;
} }
document.getElementById("flexRadioDefault1").setAttribute("checked","checked") document.getElementById("flexRadioDefault1").setAttribute("checked","checked")
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,9 +145,10 @@ ...@@ -143,9 +145,10 @@
</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="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">
<div class="row"> <div class="row">
<div class="col-lg-12 img-section"> <div class="col-lg-12 img-section">
...@@ -171,7 +174,7 @@ ...@@ -171,7 +174,7 @@
<span class="badge badge-info p-2" th:text="${oglasi[i].cena + '$'}"></span> <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-6 pb-2 d-flex justify-content-end">
<a th:href="@{/lista-oglasa/{oglasid}(oglasid=${oglasi[i+2].getOglasId()})}" <a th:href="@{/lista-oglasa/{oglasid}(oglasid=${oglasi[i].getOglasId()})}"
class="btn btn-danger">Pogledajte oglas</a> class="btn btn-danger">Pogledajte oglas</a>
</div> </div>
</div> </div>
...@@ -179,7 +182,7 @@ ...@@ -179,7 +182,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-lg-4 p-2" th:if="${oglasi[i+1].naslov != null}"> <div class="col-lg-4 p-2" data-aos="zoom-in" 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">
...@@ -213,7 +216,7 @@ ...@@ -213,7 +216,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-lg-4 p-2" th:if="${oglasi[i+2].naslov != null}"> <div class="col-lg-4 p-2" data-aos="zoom-in" 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">
...@@ -249,6 +252,7 @@ ...@@ -249,6 +252,7 @@
</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