Skip to content

S
SkuciSe
Commit bfb6dfa3 by Milovan Samardzic
Options

izmenaStyleNoviOglas

parent 07fc9181
Showing with 114 additions and 112 deletions
SkuciSe/src/main/resources/templates/login.html
......@@ -85,7 +85,7 @@
</div>
</nav>
<div class="form-body pozadinaSVG">
<div class="form-body d-flex justify-content-center align-items-center pozadinaSVG" style="height: 800px;">
<div class="row">
<div class="form-holder">
<div class="form-content">
......
SkuciSe/src/main/resources/templates/novi-oglas-form.html
......@@ -93,143 +93,145 @@
<div class="row">
<div class="form-holder">
<div class="form-content">
<div class="form-items">
<h3>Novi oglas</h3>
<p>Popunite podatke ispod.</p>
<form class="requires-validation d-flex flex-wrap justify-content-center align-items-center"
<div class="form-items w-75">
<div class="row">
<h3>Novi oglas</h3>
<p>Popunite podatke ispod.</p>
</div>
<form class="requires-validation row"
novalidate th:object="${newOglas}" method="POST"
th:action="@{/novi-oglas/save}" enctype="multipart/form-data">
<div>
<div class="col-md-12">
<input th:field="${newOglas.naslov}" class="form-control" type="text"
placeholder="Ime" required>
<div class="invalid-feedback">Naslov ne sme biti prazan!</div>
</div>
<div class="col-md-12">
<select th:field="${newOglas.lokacijaId}">
<option th:each="lokacija: ${lokacije}" th:value="${lokacija.getLokacijaId()}"
th:text="${lokacija.getNaziv()}">
</option>
</select>
</div>
<div class="col-md-12">
<input th:field="${newOglas.lokacija}" class="form-control" type="text"
placeholder="Naselje" required>
<div class="invalid-feedback">Naselje ne sme biti prazno!</div>
</div>
<div class="col-md-12">
<label class="form-check-label">
Kvadratura
</label>
<input th:field="${newOglas.kvadratura}" class="form-control" type="number"
placeholder="Kvadratura" required>
<div class="invalid-feedback">Kvadratura ne sme biti prazna!</div>
</div>
<div class="row">
<div class="col">
<div class="row">
<label class="form-check-label">
Naslov
</label>
<input th:field="${newOglas.naslov}" class="form-control m-0" type="text"
placeholder="Naslov" required>
<div class="invalid-feedback">Naslov ne sme biti prazan!</div>
</div>
<div class="col-md-12">
<label class="form-check-label" id="prodajaLabel">
Cena po m2
</label>
<input th:field="${newOglas.cena}" class="form-control" type="number"
placeholder="Cena po m2" required>
<div class="invalid-feedback">Cena ne sme biti prazan!</div>
</div>
<div class="row">
<label class="form-check-label">
Grad
</label>
<select th:field="${newOglas.lokacijaId}" class="m-0">
<option th:each="lokacija: ${lokacije}" th:value="${lokacija.getLokacijaId()}"
th:text="${lokacija.getNaziv()}">
</option>
</select>
</div>
<div class="col-md-12">
<label class="form-check-label">
Broj soba
</label>
<input th:field="${newOglas.brojSoba}" class="form-control" type="number"
placeholder="Broj soba" required>
<div class="invalid-feedback">Broj soba ne sme biti prazan!</div>
<div class="row">
<label class="form-check-label">
Naselje
</label>
<input th:field="${newOglas.lokacija}" class="form-control m-0" type="text"
placeholder="Naselje" required>
<div class="invalid-feedback">Naselje ne sme biti prazno!</div>
</div>
</div>
</div>
<div class="row justify-content-between align-items-center flex-column mt-4">
<div class="d-flex flex-row justify-content-center align-items-center w-100">
<div class="col-4 d-flex flex-row justify-content-between align-items-center">
<div class="row">
<div class="col-3">
<input th:field="${newOglas.lift}" class="form-check-input" type="checkbox"
value="">
</div>
<div class="col-9">
<label class="ml-2">
Lift
</label>
</div>
</div>
<div class="col ml-4">
<div class="row">
<label class="form-check-label">
Kvadratura
</label>
<input th:field="${newOglas.kvadratura}" class="form-control" type="number"
placeholder="Kvadratura" required>
<div class="invalid-feedback">Kvadratura ne sme biti prazna!</div>
</div>
<div class="col-4 d-flex flex-row justify-content-between align-items-center">
<div class="row">
<div class="col-3">
<input th:field="${newOglas.namesten}" class="form-check-input" type="checkbox"
value="">
</div>
<div class="col-9">
<label class="ml-2">
Namesten
</label>
</div>
</div>
<div class="row">
<label class="form-check-label" id="prodajaLabel">
Cena po m2
</label>
<input th:field="${newOglas.cena}" class="form-control" type="number"
placeholder="Cena po m2" required>
<div class="invalid-feedback">Cena ne sme biti prazan!</div>
</div>
<div class="col-4 d-flex flex-row justify-content-between align-items-center">
<div class="row">
<div class="col-3">
<input th:field="${newOglas.grejanje}" class="form-check-input" type="checkbox"
value="">
</div>
<div class="col-9">
<label class="ml-2">
Grejanje
</label>
</div>
</div>
<div class="row">
<label class="form-check-label">
Broj soba
</label>
<input th:field="${newOglas.brojSoba}" class="form-control" type="number"
placeholder="Broj soba" required>
<div class="invalid-feedback">Broj soba ne sme biti prazan!</div>
</div>
</div>
<div class="col-md-12 d-flex justify-content-between align-items-center flex-row">
<div style="margin-left: 1.4rem">
</div>
<div class="row mt-3 mb-3">
<div class="col-6 d-flex justify-content-between align-items-center">
<div class="col-6">
<input checked class="form-check-input" type="radio" name="flexRadioDefault"
id="flexRadioDefault1" value="1" th:field="${newOglas.vrstaOglasaId}" onclick="promenaProdaja(this)">
id="flexRadioDefault1" value="1" th:field="${newOglas.vrstaOglasaId}"
onclick="promenaProdaja(this)" style="position:static">
<label class="form-check-label" for="flexRadioDefault1">
Prodaja
</label>
</div>
<div>
<div class="col-6">
<input class="form-check-input" type="radio" name="flexRadioDefault"
id="flexRadioDefault2" value="2" th:field="${newOglas.vrstaOglasaId}" onclick="promenaProdaja(this)">
id="flexRadioDefault2" value="2" th:field="${newOglas.vrstaOglasaId}"
onclick="promenaProdaja(this)" style="position: static">
<label class="form-check-label" for="flexRadioDefault2">
Izdavanje
</label>
</div>
</div>
<div class="col-md-12 mt-2" style="color:white;">
<input class="form-control" name="images" type="file" id="formFileMultiple" accept="image/png, image/jpeg" multiple />
<div class="col-6 d-flex justify-content-between align-items-center">
<div class="col-4">
<input th:field="${newOglas.lift}" class="form-check-input" type="checkbox"
value="">
<label class="ml-2">
Lift
</label>
</div>
<div class="col-4">
<input th:field="${newOglas.namesten}" class="form-check-input"
type="checkbox"
value="">
<label class="ml-2">
Namesten
</label>
</div>
<div class="col-4">
<input th:field="${newOglas.grejanje}" class="form-check-input"
type="checkbox"
value="">
<label class="ml-2">
Grejanje
</label>
</div>
</div>
</div>
<div class="row p-0">
<div class="col-6">
<label for="formFileMultiple" class="form-label">Slike stana</label>
<input class="form-control" name="images" type="file" id="formFileMultiple"
accept="image/png, image/jpeg" multiple/>
<div class="invalid-feedback">Unesite sliku!</div>
</div>
<div class="row">
<div class="form-check m-3">
<input class="form-check-input" type="checkbox" value="" id="invalidCheck"
required>
<label class="form-check-label">Potvrdjujem da su svi podaci tacni</label>
<div class="invalid-feedback">Molim vas da potvrdite da su svi podaci tacni!
</div>
</div>
<div class="col-md-12">
<textarea th:field="${newOglas.opis}" class="form-control" placeholder="Opis"
required></textarea>
<div class="invalid-feedback">Opis ne sme biti prazan!</div>
</div>
<div class="form-check ml-3">
<input class="form-check-input" type="checkbox" value="" id="invalidCheck" required>
<label class="form-check-label">Potvrdjujem da su svi podaci tacni</label>
<div class="invalid-feedback">Molim vas da potvrdite da su svi podaci tacni!</div>
<div class="form-button mt-3">
<button id="submit" type="submit" class="btn btn-primary">Postavi novi oglas
</button>
</div>
</div>
</div>
<div class="form-button mt-3">
<button id="submit" type="submit" class="btn btn-primary">Postavi novi oglas</button>
<div class="col-6">
<textarea th:field="${newOglas.opis}" class="form-control h-100" placeholder="Opis"
required style="font-size: 22px"></textarea>
<div class="invalid-feedback">Opis ne sme biti prazan!</div>
</div>
</div>
</form>
......
SkuciSe/src/main/resources/templates/register.html
......@@ -85,7 +85,7 @@
</div>
</nav>
<div class="form-body d-flex justify-content-center">
<div class="form-body d-flex justify-content-center align-items-center pozadinaSVG" style="height: 800px;">
<div class="row">
<div class="form-holder">
<div class="form-content">
......
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