Skip to content

S
SkuciSe
Commit 1b9ee90d by Nikola Markovic
Options

Filtriranje liste oglasa - FRONT

parent c087ab60
Showing with 85 additions and 24 deletions
SkuciSe/src/main/java/com/example/SkuciSe/controller/OglasController.java
...@@ -75,6 +75,7 @@ public class OglasController ...@@ -75,6 +75,7 @@ public class OglasController
list.add(kRepo.findCity(o.getLokacijaId())); list.add(kRepo.findCity(o.getLokacijaId()));
} }
model.addAttribute("gradovi",list); model.addAttribute("gradovi",list);
model.addAttribute("lokacije", lRepo.findAll());
return "/lista-oglasa"; return "/lista-oglasa";
} }
......
SkuciSe/src/main/resources/static/css/style.css
...@@ -512,9 +512,3 @@ img { ...@@ -512,9 +512,3 @@ img {
hsl(0, 0%, 68%) 100% hsl(0, 0%, 68%) 100%
); );
} }
#index-vrsta-smestaja {
display: flex;
justify-content: space-between;
align-items: center;
}
SkuciSe/src/main/resources/templates/lista-oglasa.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"/>
...@@ -88,7 +88,8 @@ ...@@ -88,7 +88,8 @@
</ul> </ul>
</div> </div>
</nav> </nav>
<div class="main-section mb-5 d-flex flew-row m-4"> <form class="main-section mb-5 d-flex flew-row m-4"
method="GET" th:action="@{/lista-oglasa}">
<div class="row"> <div class="row">
<div class="col-3"> <div class="col-3">
<div class="card mt-2" style="min-width: 130px"> <div class="card mt-2" style="min-width: 130px">
...@@ -101,11 +102,11 @@ ...@@ -101,11 +102,11 @@
<div class="form-row"> <div class="form-row">
<div class="form-group col-md-6"> <div class="form-group col-md-6">
<label>Min</label> <label>Min</label>
<input type="number" class="form-control" id="inputEmail4" placeholder="$0"> <input type="number" class="form-control" name="cenaMin" id="cena-min" placeholder="$0">
</div> </div>
<div class="form-group col-md-6 text-right"> <div class="form-group col-md-6 text-right">
<label>Max</label> <label>Max</label>
<input type="number" class="form-control" placeholder="$1,0000"> <input type="number" class="form-control" name="cenaMax" id="cena-max" placeholder="$1,0000">
</div> </div>
</div> </div>
</div> <!-- card-body.// --> </div> <!-- card-body.// -->
...@@ -113,36 +114,101 @@ ...@@ -113,36 +114,101 @@
</article> <!-- card-group-item.// --> </article> <!-- card-group-item.// -->
<article class="card-group-item"> <article class="card-group-item">
<header class="card-header"> <header class="card-header">
<h6 class="title">Selection </h6> <h6 class="title">Vrsta oglasa </h6>
</header> </header>
<div class="filter-content"> <div class="filter-content">
<div class="card-body"> <div class="card-body">
<div class="custom-control custom-checkbox"> <div class="custom-control custom-radio">
<span class="float-right badge badge-light round">52</span> <span class="float-right badge badge-light round">52</span>
<input type="checkbox" class="custom-control-input" id="Check1"> <input type="radio" class="custom-control-input" name="vrstaOglasaId" value="2" id="radio-izdavanje">
<label class="custom-control-label" for="Check1">Samsung</label> <label class="custom-control-label" for="radio-izdavanje">Izdavanje</label>
</div> <!-- form-check.// --> </div> <!-- form-check.// -->
<div class="custom-control custom-checkbox"> <div class="custom-control custom-radio">
<span class="float-right badge badge-light round">132</span> <span class="float-right badge badge-light round">132</span>
<input type="checkbox" class="custom-control-input" id="Check2"> <input type="radio" class="custom-control-input" name="vrstaOglasaId" value="1" id="radio-prodaja">
<label class="custom-control-label" for="Check2">Black berry</label> <label class="custom-control-label" for="radio-prodaja">Prodaja</label>
</div> <!-- form-check.// -->
</div> <!-- card-body.// -->
</div>
</article> <!-- card-group-item.// -->
<article class="card-group-item">
<header class="card-header">
<h6 class="title">Lokacija</h6>
</header>
<div class="filter-content">
<div class="card-body">
<select class="form-select">
<option value="0" selected>Sve lokacije</option>
<option th:each="lokacija: ${lokacije}" th:value="${lokacija.getLokacijaId()}"
th:text="${lokacija.getNaziv()}"></option>
</select>
</div> <!-- card-body.// -->
</div>
</article>
<article class="card-group-item">
<header class="card-header">
<h6 class="title">Kvadratura</h6>
</header>
<div class="filter-content">
<div class="card-body">
<div class="form-row">
<div class="form-group col-md-6">
<label>Min</label>
<input type="number" class="form-control" name="kvadraturaMin" id="kvadratura-min" placeholder="0">
</div>
<div class="form-group col-md-6 text-right">
<label>Max</label>
<input type="number" class="form-control" name="kvadraturaMax" id="kvadratura-max" placeholder="1000">
</div>
</div>
</div>
</div>
</article>
<article class="card-group-item">
<header class="card-header">
<h6 class="title">Broj soba</h6>
</header>
<div class="filter-content">
<div class="card-body">
<div class="form-group col-md-12">
<label>Broj soba</label>
<input type="number" class="form-control" name="brojSoba" id="broj-soba" placeholder="0" min="0">
</div>
</div> <!-- card-body.// -->
</div>
</article>
<article class="card-group-item">
<header class="card-header">
<h6 class="title">Dodatne karakteristike</h6>
</header>
<div class="filter-content">
<div class="card-body">
<div class="custom-control custom-checkbox">
<span class="float-right badge badge-light round">52</span>
<input type="checkbox" class="custom-control-input" name="lift" id="check-lift">
<label class="custom-control-label" for="check-lift">Lift</label>
</div> <!-- form-check.// --> </div> <!-- form-check.// -->
<div class="custom-control custom-checkbox"> <div class="custom-control custom-checkbox">
<span class="float-right badge badge-light round">17</span> <span class="float-right badge badge-light round">132</span>
<input type="checkbox" class="custom-control-input" id="Check3"> <input type="checkbox" class="custom-control-input" name="grejanje" id="check-grejanje">
<label class="custom-control-label" for="Check3">Samsung</label> <label class="custom-control-label" for="check-grejanje">Grejanje</label>
</div> <!-- form-check.// --> </div> <!-- form-check.// -->
<div class="custom-control custom-checkbox"> <div class="custom-control custom-checkbox">
<span class="float-right badge badge-light round">7</span> <span class="float-right badge badge-light round">17</span>
<input type="checkbox" class="custom-control-input" id="Check4"> <input type="checkbox" class="custom-control-input" name="namesten" id="check-namesten">
<label class="custom-control-label" for="Check4">Other Brand</label> <label class="custom-control-label" for="check-namesten">Namesten</label>
</div> <!-- form-check.// --> </div> <!-- form-check.// -->
</div> <!-- card-body.// --> </div> <!-- card-body.// -->
</div> </div>
</article> <!-- card-group-item.// --> </article> <!-- card-group-item.// -->
<article class="card-group-item">
<header class="card-header d-flex justify-content-center">
<button type="submit" class="btn btn-primary">Primeni filtere</button>
</header>
</article>
</div> <!-- card.// --> </div> <!-- card.// -->
</div> </div>
<div class="col-8"> <div class="col-8">
...@@ -253,7 +319,7 @@ ...@@ -253,7 +319,7 @@
</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>
......
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