Skip to content

S
SkuciSe
Commit 1b9ee90d by Nikola Markovic
Options

Filtriranje liste oglasa - FRONT

parent c087ab60
Showing with 87 additions and 25 deletions
SkuciSe/src/main/java/com/example/SkuciSe/controller/OglasController.java
......@@ -75,6 +75,7 @@ public class OglasController
list.add(kRepo.findCity(o.getLokacijaId()));
}
model.addAttribute("gradovi",list);
model.addAttribute("lokacije", lRepo.findAll());
return "/lista-oglasa";
}
......
SkuciSe/src/main/resources/static/css/style.css
......@@ -511,10 +511,4 @@ img {
hsl(0, 0%, 68.5%) 91.9%,
hsl(0, 0%, 68%) 100%
);
}
#index-vrsta-smestaja {
display: flex;
justify-content: space-between;
align-items: center;
}
}
\ No newline at end of file
SkuciSe/src/main/resources/templates/lista-oglasa.html
<!DOCTYPE html>
<html lang="en">
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
......@@ -88,7 +88,8 @@
</ul>
</div>
</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="col-3">
<div class="card mt-2" style="min-width: 130px">
......@@ -101,11 +102,11 @@
<div class="form-row">
<div class="form-group col-md-6">
<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 class="form-group col-md-6 text-right">
<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> <!-- card-body.// -->
......@@ -113,36 +114,101 @@
</article> <!-- card-group-item.// -->
<article class="card-group-item">
<header class="card-header">
<h6 class="title">Selection </h6>
<h6 class="title">Vrsta oglasa </h6>
</header>
<div class="filter-content">
<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>
<input type="checkbox" class="custom-control-input" id="Check1">
<label class="custom-control-label" for="Check1">Samsung</label>
<input type="radio" class="custom-control-input" name="vrstaOglasaId" value="2" id="radio-izdavanje">
<label class="custom-control-label" for="radio-izdavanje">Izdavanje</label>
</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>
<input type="checkbox" class="custom-control-input" id="Check2">
<label class="custom-control-label" for="Check2">Black berry</label>
<input type="radio" class="custom-control-input" name="vrstaOglasaId" value="1" id="radio-prodaja">
<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 class="custom-control custom-checkbox">
<span class="float-right badge badge-light round">17</span>
<input type="checkbox" class="custom-control-input" id="Check3">
<label class="custom-control-label" for="Check3">Samsung</label>
<span class="float-right badge badge-light round">132</span>
<input type="checkbox" class="custom-control-input" name="grejanje" id="check-grejanje">
<label class="custom-control-label" for="check-grejanje">Grejanje</label>
</div> <!-- form-check.// -->
<div class="custom-control custom-checkbox">
<span class="float-right badge badge-light round">7</span>
<input type="checkbox" class="custom-control-input" id="Check4">
<label class="custom-control-label" for="Check4">Other Brand</label>
<span class="float-right badge badge-light round">17</span>
<input type="checkbox" class="custom-control-input" name="namesten" id="check-namesten">
<label class="custom-control-label" for="check-namesten">Namesten</label>
</div> <!-- form-check.// -->
</div> <!-- card-body.// -->
</div>
</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>
<div class="col-8">
......@@ -253,7 +319,7 @@
</div>
</div>
</div>
</div>
</form>
<div class="container-fluid pb-0 mb-0 justify-content-center text-light ">
<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