Skip to content

S
SkuciSe
Commit bfb6dfa3 by Milovan Samardzic
Options

izmenaStyleNoviOglas

parent 07fc9181
Showing with 76 additions and 74 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,34 +93,47 @@ ...@@ -93,34 +93,47 @@
<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">
<div class="row">
<h3>Novi oglas</h3> <h3>Novi oglas</h3>
<p>Popunite podatke ispod.</p> <p>Popunite podatke ispod.</p>
<form class="requires-validation d-flex flex-wrap justify-content-center align-items-center" </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">
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 class="invalid-feedback">Naslov ne sme biti prazan!</div>
</div> </div>
<div class="col-md-12"> <div class="row">
<select th:field="${newOglas.lokacijaId}"> <label class="form-check-label">
Grad
</label>
<select th:field="${newOglas.lokacijaId}" class="m-0">
<option th:each="lokacija: ${lokacije}" th:value="${lokacija.getLokacijaId()}" <option th:each="lokacija: ${lokacije}" th:value="${lokacija.getLokacijaId()}"
th:text="${lokacija.getNaziv()}"> th:text="${lokacija.getNaziv()}">
</option> </option>
</select> </select>
</div> </div>
<div class="col-md-12"> <div class="row">
<input th:field="${newOglas.lokacija}" class="form-control" type="text" <label class="form-check-label">
Naselje
</label>
<input th:field="${newOglas.lokacija}" class="form-control m-0" type="text"
placeholder="Naselje" required> placeholder="Naselje" required>
<div class="invalid-feedback">Naselje ne sme biti prazno!</div> <div class="invalid-feedback">Naselje ne sme biti prazno!</div>
</div> </div>
</div>
<div class="col-md-12"> <div class="col ml-4">
<div class="row">
<label class="form-check-label"> <label class="form-check-label">
Kvadratura Kvadratura
</label> </label>
...@@ -129,7 +142,7 @@ ...@@ -129,7 +142,7 @@
<div class="invalid-feedback">Kvadratura ne sme biti prazna!</div> <div class="invalid-feedback">Kvadratura ne sme biti prazna!</div>
</div> </div>
<div class="col-md-12"> <div class="row">
<label class="form-check-label" id="prodajaLabel"> <label class="form-check-label" id="prodajaLabel">
Cena po m2 Cena po m2
</label> </label>
...@@ -138,7 +151,7 @@ ...@@ -138,7 +151,7 @@
<div class="invalid-feedback">Cena ne sme biti prazan!</div> <div class="invalid-feedback">Cena ne sme biti prazan!</div>
</div> </div>
<div class="col-md-12"> <div class="row">
<label class="form-check-label"> <label class="form-check-label">
Broj soba Broj soba
</label> </label>
...@@ -147,89 +160,78 @@ ...@@ -147,89 +160,78 @@
<div class="invalid-feedback">Broj soba ne sme biti prazan!</div> <div class="invalid-feedback">Broj soba ne sme biti prazan!</div>
</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>
<div class="col-9"> <div class="row mt-3 mb-3">
<label class="ml-2"> <div class="col-6 d-flex justify-content-between align-items-center">
Lift <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)" style="position:static">
<label class="form-check-label" for="flexRadioDefault1">
Prodaja
</label> </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)" style="position: static">
<label class="form-check-label" for="flexRadioDefault2">
Izdavanje
</label>
</div> </div>
</div> </div>
<div class="col-6 d-flex justify-content-between align-items-center">
<div class="col-4 d-flex flex-row justify-content-between align-items-center"> <div class="col-4">
<div class="row"> <input th:field="${newOglas.lift}" class="form-check-input" type="checkbox"
<div class="col-3">
<input th:field="${newOglas.namesten}" class="form-check-input" type="checkbox"
value=""> value="">
<label class="ml-2">
Lift
</label>
</div> </div>
<div class="col-9"> <div class="col-4">
<input th:field="${newOglas.namesten}" class="form-check-input"
type="checkbox"
value="">
<label class="ml-2"> <label class="ml-2">
Namesten Namesten
</label> </label>
</div> </div>
</div> <div class="col-4">
</div> <input th:field="${newOglas.grejanje}" class="form-check-input"
type="checkbox"
<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=""> value="">
</div>
<div class="col-9">
<label class="ml-2"> <label class="ml-2">
Grejanje Grejanje
</label> </label>
</div> </div>
</div> </div>
</div> </div>
<div class="row p-0">
</div> <div class="col-6">
<div class="col-md-12 d-flex justify-content-between align-items-center flex-row">
<div style="margin-left: 1.4rem">
<input checked class="form-check-input" type="radio" name="flexRadioDefault"
id="flexRadioDefault1" value="1" th:field="${newOglas.vrstaOglasaId}" onclick="promenaProdaja(this)">
<label class="form-check-label" for="flexRadioDefault1">
Prodaja
</label>
</div>
<div>
<input class="form-check-input" type="radio" name="flexRadioDefault"
id="flexRadioDefault2" value="2" th:field="${newOglas.vrstaOglasaId}" onclick="promenaProdaja(this)">
<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 />
<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">
<div class="col-md-12"> <input class="form-check-input" type="checkbox" value="" id="invalidCheck"
<textarea th:field="${newOglas.opis}" class="form-control" placeholder="Opis" required>
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> <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="invalid-feedback">Molim vas da potvrdite da su svi podaci tacni!
</div>
</div> </div>
<div class="form-button mt-3"> <div class="form-button mt-3">
<button id="submit" type="submit" class="btn btn-primary">Postavi novi oglas</button> <button id="submit" type="submit" class="btn btn-primary">Postavi novi oglas
</button>
</div>
</div>
</div>
<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>
</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