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