Skip to content

S
SkuciSe
Commit 3796df36 by Milovan Samardzic
Options

frontIzmenaSve

parent 35bdd449
Showing with 250 additions and 215 deletions
SkuciSe/src/main/java/com/example/SkuciSe/controller/AppController.java
...@@ -58,7 +58,6 @@ public class AppController ...@@ -58,7 +58,6 @@ public class AppController
@PostMapping("/register-proccess") @PostMapping("/register-proccess")
public String postRegisterProccess(@ModelAttribute Korisnik korisnik, @RequestParam("image") MultipartFile multipartFile, Model model) public String postRegisterProccess(@ModelAttribute Korisnik korisnik, @RequestParam("image") MultipartFile multipartFile, Model model)
{ {
System.out.println(korisnik);
try { try {
kRepo.insert( korisnik, multipartFile); kRepo.insert( korisnik, multipartFile);
return("redirect:/login"); return("redirect:/login");
......
SkuciSe/src/main/resources/templates/index.html
...@@ -105,22 +105,22 @@ ...@@ -105,22 +105,22 @@
<h1 class="mb-5" style="color:white">Pretrazite oglase</h1> <h1 class="mb-5" style="color:white">Pretrazite oglase</h1>
<form class="form-subscribe" method="GET" th:action="@{/lista-oglasa}"> <form class="form-subscribe" method="GET" th:action="@{/lista-oglasa}">
<div class="row"> <div class="row">
<div class="col-3"> <div class="col-lg-3 col-md-12 col-sm-12 col-xs-12">
<select class="form-select" name="lokacijaId" id="lokacijeopt"> <select class="form-select" name="lokacijaId" id="lokacijeopt">
<option value="" selected>Sve lokacije</option> <option value="" selected>Sve lokacije</option>
<option th:each="lokacija: ${lokacije}" th:value="${lokacija.getLokacijaId()}" <option th:each="lokacija: ${lokacije}" th:value="${lokacija.getLokacijaId()}"
th:text="${lokacija.getNaziv()}"></option> th:text="${lokacija.getNaziv()}"></option>
</select> </select>
</div> </div>
<div class="col-3"> <div class="col-lg-3 col-md-12 col-sm-12 col-xs-12">
<input type="radio" name="vrstaOglasaId" id="radiodugme1" value="1"> <input type="radio" name="vrstaOglasaId" id="radiodugme1" value="1">
<label for="radiodugme1" style="color:white">Prodaja</label> <label for="radiodugme1" style="color:white">Prodaja</label>
</div> </div>
<div class="col-3"> <div class="col-lg-3 col-md-12 col-sm-12 col-xs-12">
<input type="radio" name="vrstaOglasaId" id="radiodugme2" value="2"> <input type="radio" name="vrstaOglasaId" id="radiodugme2" value="2">
<label for="radiodugme2" style="color:white">Iznajmljivanje</label> <label for="radiodugme2" style="color:white">Iznajmljivanje</label>
</div> </div>
<div class="col-3"> <div class="col-lg-3 col-md-12 col-sm-12 col-xs-12">
<button class="btn btn-secondary btn-lg" id="submitButton" type="submit">Pretrazi <button class="btn btn-secondary btn-lg" id="submitButton" type="submit">Pretrazi
</button> </button>
</div> </div>
......
SkuciSe/src/main/resources/templates/korisnik.html
...@@ -222,6 +222,7 @@ ...@@ -222,6 +222,7 @@
<div id="div-ocene" style="display: none" class="row w-100"> <div id="div-ocene" style="display: none" class="row w-100">
<div class="container"> <div class="container">
<div class="row w-100" th:object="${korisniciKomentari}"> <div class="row w-100" th:object="${korisniciKomentari}">
<h4 th:if="${korisniciKomentari.size() == 0}" class="text-center">Nema ocena za ovog korisnika</h4>
<div class="row" th:each="komentar:${komentari}"> <div class="row" th:each="komentar:${komentari}">
<div class="media g-mb-30 media-comment"> <div class="media g-mb-30 media-comment">
<div class="media-body u-shadow-v18 g-bg-secondary g-pa-30"> <div class="media-body u-shadow-v18 g-bg-secondary g-pa-30">
......
SkuciSe/src/main/resources/templates/lista-korisnika.html
...@@ -93,8 +93,9 @@ ...@@ -93,8 +93,9 @@
</div> </div>
</nav> </nav>
<div class="container container-main d-flex align-items-center justify-content-center flex-column"> <div class="container container-main d-flex align-items-center justify-content-center flex-column h-100" style="min-height:600px;">
<h1>Spisak korisnika</h1> <h1>Spisak korisnika</h1>
<h4 th:if="${korisnici.size() == 0}">Nema drugih korisnika!</h4>
<div class="alert alert-info" th:object="${deleted}" th:if="${deleted == true}"> <div class="alert alert-info" th:object="${deleted}" th:if="${deleted == true}">
<strong>Uspesno!</strong> Uspesno ste obrisali korisnika! <strong>Uspesno!</strong> Uspesno ste obrisali korisnika!
<button type="button" class="btn-close" data-dismiss="alert"></button> <button type="button" class="btn-close" data-dismiss="alert"></button>
......
SkuciSe/src/main/resources/templates/lista-oglasa.html
...@@ -99,7 +99,7 @@ ...@@ -99,7 +99,7 @@
<form 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}" id="filter"> method="GET" th:action="@{/lista-oglasa}" id="filter">
<div class="row w-100"> <div class="row w-100">
<div class="col-3"> <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
<div class="card mt-2" style="min-width: 130px"> <div class="card mt-2" style="min-width: 130px">
<article class="card-group-item"> <article class="card-group-item">
<header class="card-header"> <header class="card-header">
...@@ -147,16 +147,16 @@ ...@@ -147,16 +147,16 @@
<input type="radio" class="custom-control-input" name="vrstaOglasaId" value="2" <input type="radio" class="custom-control-input" name="vrstaOglasaId" value="2"
id="radio-izdavanje"> id="radio-izdavanje">
<label class="custom-control-label" for="radio-izdavanje">Izdavanje</label> <label class="custom-control-label" for="radio-izdavanje">Izdavanje</label>
</div> <!-- form-check.// --> </div>
<div class="custom-control custom-radio"> <div class="custom-control custom-radio">
<input type="radio" class="custom-control-input" name="vrstaOglasaId" value="1" <input type="radio" class="custom-control-input" name="vrstaOglasaId" value="1"
id="radio-prodaja"> id="radio-prodaja">
<label class="custom-control-label" for="radio-prodaja">Prodaja</label> <label class="custom-control-label" for="radio-prodaja">Prodaja</label>
</div> <!-- form-check.// --> </div>
</div> <!-- card-body.// --> </div>
</div> </div>
</article> <!-- card-group-item.// --> </article>
<article class="card-group-item"> <article class="card-group-item">
<header class="card-header"> <header class="card-header">
<h6 class="title">Lokacija</h6> <h6 class="title">Lokacija</h6>
...@@ -168,7 +168,7 @@ ...@@ -168,7 +168,7 @@
<option th:each="lokacija: ${lokacije}" th:value="${lokacija.getLokacijaId()}" <option th:each="lokacija: ${lokacije}" th:value="${lokacija.getLokacijaId()}"
th:text="${lokacija.getNaziv()}"></option> th:text="${lokacija.getNaziv()}"></option>
</select> </select>
</div> <!-- card-body.// --> </div>
</div> </div>
</article> </article>
<article class="card-group-item"> <article class="card-group-item">
...@@ -203,7 +203,7 @@ ...@@ -203,7 +203,7 @@
<input type="number" class="form-control" name="brojSoba" id="broj-soba" placeholder="0" <input type="number" class="form-control" name="brojSoba" id="broj-soba" placeholder="0"
min="0"> min="0">
</div> </div>
</div> <!-- card-body.// --> </div>
</div> </div>
</article> </article>
<article class="card-group-item"> <article class="card-group-item">
...@@ -215,31 +215,31 @@ ...@@ -215,31 +215,31 @@
<div class="custom-control custom-checkbox"> <div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" name="lift" id="check-lift"> <input type="checkbox" class="custom-control-input" name="lift" id="check-lift">
<label class="custom-control-label" for="check-lift">Lift</label> <label class="custom-control-label" for="check-lift">Lift</label>
</div> <!-- form-check.// --> </div>
<div class="custom-control custom-checkbox"> <div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" name="grejanje" id="check-grejanje"> <input type="checkbox" class="custom-control-input" name="grejanje" id="check-grejanje">
<label class="custom-control-label" for="check-grejanje">Grejanje</label> <label class="custom-control-label" for="check-grejanje">Grejanje</label>
</div> <!-- form-check.// --> </div>
<div class="custom-control custom-checkbox"> <div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" name="namesten" id="check-namesten"> <input type="checkbox" class="custom-control-input" name="namesten" id="check-namesten">
<label class="custom-control-label" for="check-namesten">Namesten</label> <label class="custom-control-label" for="check-namesten">Namesten</label>
</div> <!-- form-check.// --> </div>
</div> <!-- card-body.// --> </div>
</div> </div>
</article> <!-- card-group-item.// --> </article>
<article class="card-group-item"> <article class="card-group-item">
<div class="card-header d-flex justify-content-between"> <div class="card-header d-flex justify-content-between flex-wrap">
<a th:href="@{/lista-oglasa}"> <a th:href="@{/lista-oglasa}">
<button type="button" class="btn btn-primary">Resetuj filtere</button> <button type="button" class="btn btn-primary mb-2">Resetuj filtere</button>
</a> </a>
<button type="submit" class="btn btn-primary">Primeni filtere</button> <button type="submit" class="btn btn-primary mb-2">Primeni filtere</button>
</div> </div>
</article> </article>
</div> </div>
</div> </div>
<div class="col-9" th:object="${slikeOglasa}"> <div class="col-lg-9 col-md-9 col-sm-9 col-xs-9" th:object="${slikeOglasa}">
<h1 th:if="${oglasi.size() == 0}" class="text-center">Nema oglasa!</h1> <h1 th:if="${oglasi.size() == 0}" class="text-center">Nema oglasa!</h1>
<div class="row w-100 box " th:each="i : ${#numbers.sequence(0, oglasi.size()-1,3)}"> <div class="row w-100 box " th:each="i : ${#numbers.sequence(0, oglasi.size()-1,3)}">
<div class="col-lg-4 p-2" data-aos="zoom-in" th:if="${oglasi[i].naslov != null}"> <div class="col-lg-4 p-2" data-aos="zoom-in" th:if="${oglasi[i].naslov != null}">
......
SkuciSe/src/main/resources/templates/moji-zahtevi.html
...@@ -14,7 +14,7 @@ ...@@ -14,7 +14,7 @@
integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous"> integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">
<link href="/css/oglasiStyle.css" rel="stylesheet"/> <link href="/css/oglasiStyle.css" rel="stylesheet"/>
</head> </head>
<body th:object="${loggedUser}" class="pozadinaSVG"> <body th:object="${loggedUser}">
<nav class="navbar navbar-icon-top navbar-expand-lg p-3"> <nav class="navbar navbar-icon-top navbar-expand-lg p-3">
<a class="navbar-brand" href="#"> </a> <a class="navbar-brand" href="#"> </a>
...@@ -96,16 +96,18 @@ ...@@ -96,16 +96,18 @@
<div class="container container-main d-flex align-items-center justify-content-center flex-column" <div class="container container-main d-flex align-items-center justify-content-center flex-column"
th:object="${zahtevi}" style="min-height: 600px"> th:object="${zahtevi}" style="min-height: 600px">
<h1>Spisak zahteva za obilazak</h1> <div class="row w-100 justify-content center">
<h1 class="text-center">Spisak zahteva za obilazak</h1>
</div>
<div class="row w-100 h-50" style="margin-top:50px;"> <div class="row w-100 h-50" style="margin-top:50px;">
<div class="row"> <div class="row">
<h2 th:if="${oglasi.size() == 0}" class="text-center">Jos niste poslali nijedan zahtev!</h2> <h2 th:if="${oglasi.size() == 0}" class="text-center ml-3">Jos niste poslali nijedan zahtev!</h2>
<div class="card mb-3" th:each="oglas: ${oglasi}" style="background: transparent" th:if="${!zahtevi[oglasStat.index].korisnikKom}"> <div class="card mb-3" th:each="oglas: ${oglasi}" style="background: transparent" th:if="${!zahtevi[oglasStat.index].korisnikKom}">
<div class="row"> <div class="row">
<div class="col-lg-2 col-md-12 col-sm-12 col-xs-12 d-flex justify-content-center align-items-center"> <div class="col-lg-2 col-md-12 col-sm-12 col-xs-12 d-flex justify-content-center align-items-center">
<img <img
style="width: 120px;height: 120px;border-radius: 50%;object-fit: cover;" style="width: 120px;height: 120px;border-radius: 50%;object-fit: cover;"
th:src="@{'data:image/png;charset=utf-8;base64,'+${vlasnici[oglasStat.index].getSlika()}}" th:src="@{'data:image/png;charset=utf-8;base64,'+${slike[oglasStat.index].slikaCode}}"
alt="slika korisnika" alt="slika korisnika"
th:styleappend="${zahtevi[oglasStat.index].status.toString() == 'POTVRDJEN' ? 'border: green 3px solid' th:styleappend="${zahtevi[oglasStat.index].status.toString() == 'POTVRDJEN' ? 'border: green 3px solid'
: zahtevi[oglasStat.index].status.toString() == 'CEKANJE' ? 'border: yellow 3px solid' : zahtevi[oglasStat.index].status.toString() == 'CEKANJE' ? 'border: yellow 3px solid'
......
SkuciSe/src/main/resources/templates/novi-oglas-form.html
...@@ -109,7 +109,7 @@ ...@@ -109,7 +109,7 @@
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 class="row"> <div class="row">
<div class="col"> <div class="col-lg col-md-12 col-sm-12 col-xs-12">
<div class="row"> <div class="row">
<label class="form-check-label"> <label class="form-check-label">
Naslov Naslov
...@@ -139,13 +139,13 @@ ...@@ -139,13 +139,13 @@
<div class="invalid-feedback">Naselje ne sme biti prazno!</div> <div class="invalid-feedback">Naselje ne sme biti prazno!</div>
</div> </div>
</div> </div>
<div class="col ml-4"> <div class="col-lg col-md-12 col-sm-12 col-xs-12 ml-lg-4">
<div class="row"> <div class="row">
<label class="form-check-label"> <label class="form-check-label">
Kvadratura Kvadratura
</label> </label>
<input th:field="${newOglas.kvadratura}" class="form-control" type="number" <input th:field="${newOglas.kvadratura}" class="form-control" type="number"
placeholder="Kvadratura" required> placeholder="Kvadratura" step="0.01" required>
<div class="invalid-feedback">Kvadratura ne sme biti prazna!</div> <div class="invalid-feedback">Kvadratura ne sme biti prazna!</div>
</div> </div>
...@@ -154,7 +154,7 @@ ...@@ -154,7 +154,7 @@
Cena po m2 Cena po m2
</label> </label>
<input th:field="${newOglas.cena}" class="form-control" type="number" <input th:field="${newOglas.cena}" class="form-control" type="number"
placeholder="Cena po m2" required> step="0.01" placeholder="Cena po m2" required>
<div class="invalid-feedback">Cena ne sme biti prazan!</div> <div class="invalid-feedback">Cena ne sme biti prazan!</div>
</div> </div>
...@@ -169,7 +169,7 @@ ...@@ -169,7 +169,7 @@
</div> </div>
</div> </div>
<div class="row mt-3 mb-3"> <div class="row mt-3 mb-3">
<div class="col-6 d-flex justify-content-between align-items-center flex-wrap"> <div class="col-lg-6 col-md-12 col-sm-12 col-xs-12 d-flex justify-content-between align-items-center flex-wrap">
<div class="col-lg-6 col-md-6 col-sm-6"> <div class="col-lg-6 col-md-6 col-sm-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}" id="flexRadioDefault1" value="1" th:field="${newOglas.vrstaOglasaId}"
......
SkuciSe/src/main/resources/templates/oglas.html
...@@ -248,7 +248,7 @@ ...@@ -248,7 +248,7 @@
<div class="container"> <div class="container">
<h1>Komentari</h1> <h1>Komentari</h1>
<div class="row" th:object="${korisniciKomentari}"> <div class="row" th:object="${korisniciKomentari}">
<h4 th:if="${komentari.size() == 0}">Nema komentara na ovom oglasu</h4> <h4 th:if="${komentari.size() == 0}" class="mb-5">Nema komentara na ovom oglasu</h4>
<div class="col-12" th:each="komentar:${komentari}"> <div class="col-12" th:each="komentar:${komentari}">
<div class="media g-mb-30 media-comment"> <div class="media g-mb-30 media-comment">
<div class="media-body u-shadow-v18 g-bg-secondary g-pa-30"> <div class="media-body u-shadow-v18 g-bg-secondary g-pa-30">
......
SkuciSe/src/main/resources/templates/portfolio.html
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html" xmlns:th="http://www.w3.org/1999/xhtml"> <html lang="en" xmlns="http://www.w3.org/1999/html" 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"/>
<meta name="description" content=""/> <meta name="description" content=""/>
<meta name="author" content=""/> <meta name="author" content=""/>
<title>SkuciSe</title> <title>SkuciSe</title>
<link rel="shortcut icon" type="image/x-icon" href="/images/logo.ico"/> <link rel="shortcut icon" type="image/x-icon" href="/images/logo.ico"/>
<link href='https://fonts.googleapis.com/css?family=Jost' rel='stylesheet'> <link href='https://fonts.googleapis.com/css?family=Jost' rel='stylesheet'>
<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<link <link
rel="stylesheet" rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
/> />
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet" <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous"> integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">
<link href="/css/style.css" rel="stylesheet"/> <link href="/css/style.css" rel="stylesheet"/>
</head> </head>
<body th:object="${loggedUser}"> <body th:object="${loggedUser}">
<nav class="navbar navbar-icon-top navbar-expand-lg p-3"> <nav class="navbar navbar-icon-top navbar-expand-lg p-3">
<a class="navbar-brand" href="#"> </a> <a class="navbar-brand" href="#"> </a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>
</button> </button>
<div class="collapse navbar-collapse" id="navbarSupportedContent"> <div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto"> <ul class="navbar-nav mr-auto">
<li class="nav-item active"> <li class="nav-item active">
<a class="nav-link" th:href="@{/index}"> <a class="nav-link" th:href="@{/index}">
<i class="fa fa-home"></i> <i class="fa fa-home"></i>
Pocetna Pocetna
<span class="sr-only">(current)</span> <span class="sr-only">(current)</span>
</a> </a>
</li> </li>
<li class="nav-item active"> <li class="nav-item active">
<a class="nav-link" href="/lista-oglasa"> <a class="nav-link" href="/lista-oglasa">
<i class="fa fa-poll-h"></i> <i class="fa fa-poll-h"></i>
Lista oglasa Lista oglasa
<span class="sr-only">(current)</span> <span class="sr-only">(current)</span>
</a> </a>
</li> </li>
<li class="nav-item active"> <li class="nav-item active">
<a class="nav-link" th:href="@{/onama}"> <a class="nav-link" th:href="@{/onama}">
<i class="fa-sharp fa-solid fa-address-card"></i> <i class="fa-sharp fa-solid fa-address-card"></i>
<p>O nama</p> <p>O nama</p>
<span class="sr-only">(current)</span> <span class="sr-only">(current)</span>
</a> </a>
</li> </li>
<li class="nav-item active"> <li class="nav-item active">
<a class="nav-link" th:href="@{/portfolio}"> <a class="nav-link" th:href="@{/portfolio}">
<i class="fa-solid fa-briefcase"></i> <i class="fa-solid fa-briefcase"></i>
<p>Portfolio</p> <p>Portfolio</p>
<span class="sr-only">(current)</span> <span class="sr-only">(current)</span>
</a> </a>
</li> </li>
</ul> </ul>
<form class="form-inline my-2 my-lg-0" th:if="${loggedUser != null}"> <form class="form-inline my-2 my-lg-0" th:if="${loggedUser != null}">
<a th:href="@{/novi-oglas}"> <a th:href="@{/novi-oglas}">
<button type="button" class="btn btn-primary btn-md mr-2"><i class="fa-solid fa-plus"></i> Postavite <button type="button" class="btn btn-primary btn-md mr-2"><i class="fa-solid fa-plus"></i> Postavite
novi oglas novi oglas
</button> </button>
</a> </a>
</form> </form>
<ul class="navbar-nav"> <ul class="navbar-nav">
<li class="nav-item" th:if="${loggedUser == null}"> <li class="nav-item" th:if="${loggedUser == null}">
<a th:href="@{/login}"><i class="fas fa-sign-in-alt" style="color:#495056"></i><span <a th:href="@{/login}"><i class="fas fa-sign-in-alt" style="color:#495056"></i><span
style="padding:10px;color:#495056">Prijavi se</span></a> style="padding:10px;color:#495056">Prijavi se</span></a>
</li> </li>
<li class="nav-item" th:if="${loggedUser == null}"> <li class="nav-item" th:if="${loggedUser == null}">
<a th:href="@{/register}"><i class="fa-solid fa-circle-user" style="color:#495056"></i><span <a th:href="@{/register}"><i class="fa-solid fa-circle-user" style="color:#495056"></i><span
style="padding:10px;color:#495056">Registruj se</span></a> style="padding:10px;color:#495056">Registruj se</span></a>
</li> </li>
<li th:if="${loggedUser != null}"> <li th:if="${loggedUser != null}">
<div class="dropdown mr-4"> <div class="dropdown mr-4">
<button class="btn btn-secondary dropdown-toggle round" type="button" id="dropdownMenuButton" <button class="btn btn-secondary dropdown-toggle round" type="button" id="dropdownMenuButton"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fa-solid fa-circle-user"></i><span style="padding:10px;" <i class="fa-solid fa-circle-user"></i><span style="padding:10px;"
th:text="${loggedUser.getKorisnik().getIme()}"></span> th:text="${loggedUser.getKorisnik().getIme()}"></span>
</button> </button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton"> <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<a class="dropdown-item" th:href="@{/profile}">Moj Profil</a> <a class="dropdown-item" th:href="@{/profile}">Moj Profil</a>
<a class="dropdown-item" th:href="@{/profile/moji-oglasi}">Moji Oglasi</a> <a class="dropdown-item" th:href="@{/profile/moji-oglasi}">Moji Oglasi</a>
<a class="dropdown-item" th:href="@{/profile/moji-zahtevi}">Moji Zahtevi</a> <a class="dropdown-item" th:href="@{/profile/moji-zahtevi}">Moji Zahtevi</a>
<a th:if="${loggedUser.getKorisnik().getTipId() == 2}" class="dropdown-item" <a th:if="${loggedUser.getKorisnik().getTipId() == 2}" class="dropdown-item"
th:href="@{/lista-korisnika}">Lista Profila</a> th:href="@{/lista-korisnika}">Lista Profila</a>
<form th:action="@{/logout}" method="post" id="my_form" class="dropdown-item"> <form th:action="@{/logout}" method="post" id="my_form" class="dropdown-item">
<a href="#" onclick="document.getElementById('my_form').submit(); return false;"><i <a href="#" onclick="document.getElementById('my_form').submit(); return false;"><i
class="fas fa-sign-in-alt"></i><span style="padding:5px;">Odjavi se</span></a> class="fas fa-sign-in-alt"></i><span style="padding:5px;">Odjavi se</span></a>
</form> </form>
</div> </div>
</div> </div>
</li> </li>
</ul> </ul>
</div> </div>
</nav> </nav>
<div class="bg-light py-5"> <div class="bg-light py-5">
<div class="container py-5 h-auto"> <div class="container py-5 h-auto">
<div class="row mb-4"> <div class="row mb-4">
<div class="col-lg-6"> <div class="col-lg-6">
<h2 class="display-4 font-weight-light">Upoznajte naš tim</h2> <h2 class="display-4 font-weight-light">Upoznajte naš tim</h2>
<p class="font-italic text-muted">Profili ljudi koji su zaslužni za kreiranje ove platfmorme.</p> <p class="font-italic text-muted">Profili ljudi koji su zaslužni za kreiranje ove platfmorme.</p>
</div> </div>
</div>
<div class="row text-center">
<!-- Team item-->
<div class="col-xl-3 col-sm-6 mb-5">
<div class="bg-white rounded shadow-sm py-5 px-3 h-100"><img src="/images/milovan.png" alt="" width="100" class="img-fluid rounded-circle mb-3 img-thumbnail shadow-sm">
<h5 class="mb-0">Milovan Samardzić </h5><span class="small text-uppercase text-muted row pt-2 justify-content-center mb-3">Front-End Developer </span>
<ul class="social mb-0 list-inline pt-3">
<li class="list-inline-item"><a href="https://facebook.com" class="social-link"><i class="fa fa-facebook-f"></i></a></li>
<li class="list-inline-item"><a href="https://twitter.com" class="social-link "><i class="fa fa-twitter"></i></a></li>
<li class="list-inline-item"><a href="https://www.instagram.com" class="social-link"><i class="fa fa-instagram"></i></a></li>
<li class="list-inline-item"><a href="https://www.linkedin.com" class="social-link"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
</div>
<!-- End-->
<!-- Team item-->
<div class="col-xl-3 col-sm-6 mb-5">
<div class="bg-white rounded shadow-sm py-5 px-4 h-100"><img src="/images/bogdan.png" alt="" width="100" class="img-fluid rounded-circle mb-3 img-thumbnail shadow-sm">
<h5 class="mb-0">Bogdan Anđelković</h5><span class="small text-uppercase text-muted row pt-2 justify-content-center mb-3">Back-End Developer</span>
<ul class="social mb-0 list-inline pt-3">
<li class="list-inline-item"><a href="https://facebook.com" class="social-link"><i class="fa fa-facebook-f"></i></a></li>
<li class="list-inline-item"><a href="https://twitter.com" class="social-link"><i class="fa fa-twitter"></i></a></li>
<li class="list-inline-item"><a href="https://www.instagram.com" class="social-link"><i class="fa fa-instagram"></i></a></li>
<li class="list-inline-item"><a href="https://www.linkedin.com" class="social-link"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div> </div>
</div> <div class="row text-center">
<!-- End--> <div class="col-xl-3 col-sm-6 mb-5">
<div class="bg-white rounded shadow-sm py-5 px-3 h-100"><img src="/images/milovan.png" alt=""
<!-- Team item--> width="100"
<div class="col-xl-3 col-sm-6 mb-5"> class="img-fluid rounded-circle mb-3 img-thumbnail shadow-sm">
<div class="bg-white rounded shadow-sm py-5 px-3 h-100"><img src="/images/nikola.png" alt="" width="100" class="img-fluid rounded-circle mb-3 img-thumbnail shadow-sm"> <h5 class="mb-0">Milovan Samardzić </h5><span
<h5 class="mb-0">Nikola Marković</h5><span class="small text-uppercase text-muted row pt-2 justify-content-center mb-3">Front-End Developer</span> class="small text-uppercase text-muted row pt-2 justify-content-center mb-3">Front-End Developer </span>
<ul class="social mb-0 list-inline pt-3"> <ul class="social mb-0 list-inline pt-3">
<li class="list-inline-item"><a href="https://facebook.com" class="social-link"><i class="fa fa-facebook-f"></i></a></li> <li class="list-inline-item"><a href="https://facebook.com" class="social-link"><i
<li class="list-inline-item"><a href="https://twitter.com" class="social-link"><i class="fa fa-twitter"></i></a></li> class="fa fa-facebook-f"></i></a></li>
<li class="list-inline-item"><a href="https://www.instagram.com" class="social-link"><i class="fa fa-instagram"></i></a></li> <li class="list-inline-item"><a href="https://twitter.com" class="social-link "><i
<li class="list-inline-item"><a href="https://www.linkedin.com" class="social-link"><i class="fa fa-linkedin"></i></a></li> class="fa fa-twitter"></i></a></li>
</ul> <li class="list-inline-item"><a href="https://www.instagram.com" class="social-link"><i
class="fa fa-instagram"></i></a></li>
<li class="list-inline-item"><a href="https://www.linkedin.com" class="social-link"><i
class="fa fa-linkedin"></i></a></li>
</ul>
</div>
</div>
<div class="col-xl-3 col-sm-6 mb-5">
<div class="bg-white rounded shadow-sm py-5 px-4 h-100"><img src="/images/bogdan.png" alt="" width="100"
class="img-fluid rounded-circle mb-3 img-thumbnail shadow-sm">
<h5 class="mb-0">Bogdan Anđelković</h5><span
class="small text-uppercase text-muted row pt-2 justify-content-center mb-3">Back-End Developer</span>
<ul class="social mb-0 list-inline pt-3">
<li class="list-inline-item"><a href="https://facebook.com" class="social-link"><i
class="fa fa-facebook-f"></i></a></li>
<li class="list-inline-item"><a href="https://twitter.com" class="social-link"><i
class="fa fa-twitter"></i></a></li>
<li class="list-inline-item"><a href="https://www.instagram.com" class="social-link"><i
class="fa fa-instagram"></i></a></li>
<li class="list-inline-item"><a href="https://www.linkedin.com" class="social-link"><i
class="fa fa-linkedin"></i></a></li>
</ul>
</div>
</div>
<div class="col-xl-3 col-sm-6 mb-5">
<div class="bg-white rounded shadow-sm py-5 px-3 h-100"><img src="/images/nikola.png" alt="" width="100"
class="img-fluid rounded-circle mb-3 img-thumbnail shadow-sm">
<h5 class="mb-0">Nikola Marković</h5><span
class="small text-uppercase text-muted row pt-2 justify-content-center mb-3">Front-End Developer</span>
<ul class="social mb-0 list-inline pt-3">
<li class="list-inline-item"><a href="https://facebook.com" class="social-link"><i
class="fa fa-facebook-f"></i></a></li>
<li class="list-inline-item"><a href="https://twitter.com" class="social-link"><i
class="fa fa-twitter"></i></a></li>
<li class="list-inline-item"><a href="https://www.instagram.com" class="social-link"><i
class="fa fa-instagram"></i></a></li>
<li class="list-inline-item"><a href="https://www.linkedin.com" class="social-link"><i
class="fa fa-linkedin"></i></a></li>
</ul>
</div>
</div>
<div class="col-xl-3 col-sm-6 mb-5">
<div class="bg-white rounded shadow-sm py-5 px-4 h-100"><img src="/images/mihailo.png" alt=""
width="100"
class="img-fluid rounded-circle mb-3 img-thumbnail shadow-sm">
<h5 class="mb-0">Mihailo Šebek</h5><span
class="small text-uppercase text-muted row pt-2 justify-content-center mb-3">Back-End Developer</span>
<ul class="social mb-0 list-inline pt-3">
<li class="list-inline-item"><a href="https://facebook.com" class="social-link"><i
class="fa fa-facebook-f"></i></a></li>
<li class="list-inline-item"><a href="https://twitter.com" class="social-link"><i
class="fa fa-twitter"></i></a></li>
<li class="list-inline-item"><a href="https://www.instagram.com" class="social-link"><i
class="fa fa-instagram"></i></a></li>
<li class="list-inline-item"><a href="https://www.linkedin.com" class="social-link"><i
class="fa fa-linkedin"></i></a></li>
</ul>
</div>
</div>
</div> </div>
</div>
<!-- End-->
<!-- Team item-->
<div class="col-xl-3 col-sm-6 mb-5">
<div class="bg-white rounded shadow-sm py-5 px-4 h-100"><img src="/images/mihailo.png" alt="" width="100" class="img-fluid rounded-circle mb-3 img-thumbnail shadow-sm">
<h5 class="mb-0">Mihailo Šebek</h5><span class="small text-uppercase text-muted row pt-2 justify-content-center mb-3">Back-End Developer</span>
<ul class="social mb-0 list-inline pt-3">
<li class="list-inline-item"><a href="https://facebook.com" class="social-link"><i class="fa fa-facebook-f"></i></a></li>
<li class="list-inline-item"><a href="https://twitter.com" class="social-link"><i class="fa fa-twitter"></i></a></li>
<li class="list-inline-item"><a href="https://www.instagram.com" class="social-link"><i class="fa fa-instagram"></i></a></li>
<li class="list-inline-item"><a href="https://www.linkedin.com" class="social-link"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
</div>
</div> </div>
</div>
</div> </div>
<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>
<div class="row my-5 justify-content-center py-5"> <div class="row my-5 justify-content-center py-5">
<div class="col-11"> <div class="col-11">
<div class="row "> <div class="row ">
<div class="col-xl-8 col-md-4 col-sm-4 col-12 my-auto mx-auto a"><h3 <div class="col-xl-8 col-md-4 col-sm-4 col-12 my-auto mx-auto a"><h3
class="text-muted mb-md-0 mb-5 bold-text">SkuciSe</h3></div> class="text-muted mb-md-0 mb-5 bold-text">SkuciSe</h3></div>
<div class="col-xl-2 col-md-4 col-sm-4 col-12"><h6 class="mb-3 mb-lg-4 bold-text "><b>MENI </b><i class="fa-solid fa-bars"></i></h6> <div class="col-xl-2 col-md-4 col-sm-4 col-12"><h6 class="mb-3 mb-lg-4 bold-text "><b>MENI </b><i
<ul class="list-unstyled"> class="fa-solid fa-bars"></i></h6>
<li><a href="/index" style="text-decoration: none;color:#627482;" onmouseover="this.style.color='#989c9e'" onMouseOut="this.style.color='#627482'">Pocetna</a></li> <ul class="list-unstyled">
<li><a th:href="@{/onama}" style="text-decoration: none;color:#627482;" onmouseover="this.style.color='#989c9e'" onMouseOut="this.style.color='#627482'">O nama</a></li> <li><a href="/index" style="text-decoration: none;color:#627482;"
<li><a href="/portfolio" style="text-decoration: none;color:#627482;" onmouseover="this.style.color='#989c9e'" onMouseOut="this.style.color='#627482'">Portfolio</a></li> onmouseover="this.style.color='#989c9e'" onMouseOut="this.style.color='#627482'">Pocetna</a>
</ul> </li>
</div> <li><a th:href="@{/onama}" style="text-decoration: none;color:#627482;"
<div class="col-xl-2 col-md-4 col-sm-4 col-12"><h6 onmouseover="this.style.color='#989c9e'" onMouseOut="this.style.color='#627482'">O
class="mb-3 mb-lg-4 text-muted bold-text mt-sm-0 mt-5"><b>ADRESA </b><i class="fa-solid fa-map-pin"></i></h6> nama</a></li>
<p><a href="http://maps.google.com/maps?daddr=Radoja Domanovića 12 Kragujevac&amp;" style="text-decoration: none;color:#627482;" onmouseover="this.style.color='#989c9e'" onMouseOut="this.style.color='#627482'">Radoja Domanovića 12 Kragujevac 34000</a></p> <li><a href="/portfolio" style="text-decoration: none;color:#627482;"
</div> onmouseover="this.style.color='#989c9e'" onMouseOut="this.style.color='#627482'">Portfolio</a>
<div class="row "> </li>
<div class="col-xl-8 col-md-4 col-sm-4 col-auto my-md-0 mt-5 order-sm-1 order-3 align-self-end"><p </ul>
class="social text-muted mb-0 pb-0 bold-text"><span class="mx-2"><i class="fa fa-facebook" </div>
aria-hidden="true"></i></span> <div class="col-xl-2 col-md-4 col-sm-4 col-12"><h6
<span class="mx-2"><i class="fa fa-linkedin-square" aria-hidden="true"></i></span> <span class="mb-3 mb-lg-4 text-muted bold-text mt-sm-0 mt-5"><b>ADRESA </b><i
class="mx-2"><i class="fa fa-twitter" aria-hidden="true"></i></span> <span class="mx-2"><i class="fa-solid fa-map-pin"></i></h6>
class="fa fa-instagram" aria-hidden="true"></i></span></p><small class="rights"><span>&#174;</span> <p><a href="http://maps.google.com/maps?daddr=Radoja Domanovića 12 Kragujevac&amp;"
SkuciSe. Sva prava zadrzana.</small></div> style="text-decoration: none;color:#627482;" onmouseover="this.style.color='#989c9e'"
<div class="col-xl-2 col-md-4 col-sm-4 col-auto order-1 align-self-end "><h6 onMouseOut="this.style.color='#627482'">Radoja Domanovića 12 Kragujevac 34000</a></p>
class="mt-55 mt-2 text-muted bold-text"><b>Korisnicki centar </b><i class="fa-solid fa-phone"></i></h6><small> <span><i </div>
class="fa fa-envelope" aria-hidden="true"></i></span><a href="mailto:someone@yoursite.com" style="text-decoration: none;color:#627482;" onmouseover="this.style.color='#989c9e'" onMouseOut="this.style.color='#627482'"> skucise@gmail.com</a> </small></div> <div class="row ">
</div> <div class="col-xl-8 col-md-4 col-sm-4 col-auto my-md-0 mt-5 order-sm-1 order-3 align-self-end">
<p
class="social text-muted mb-0 pb-0 bold-text"><span class="mx-2"><i
class="fa fa-facebook"
aria-hidden="true"></i></span>
<span class="mx-2"><i class="fa fa-linkedin-square" aria-hidden="true"></i></span> <span
class="mx-2"><i class="fa fa-twitter" aria-hidden="true"></i></span> <span
class="mx-2"><i
class="fa fa-instagram" aria-hidden="true"></i></span></p><small class="rights"><span>&#174;</span>
SkuciSe. Sva prava zadrzana.</small></div>
<div class="col-xl-2 col-md-4 col-sm-4 col-auto order-1 align-self-end "><h6
class="mt-55 mt-2 text-muted bold-text"><b>Korisnicki centar </b><i
class="fa-solid fa-phone"></i></h6><small> <span><i
class="fa fa-envelope" aria-hidden="true"></i></span><a
href="mailto:someone@yoursite.com" style="text-decoration: none;color:#627482;"
onmouseover="this.style.color='#989c9e'" onMouseOut="this.style.color='#627482'">
skucise@gmail.com</a> </small></div>
</div>
</div>
</div>
</div> </div>
</div> </footer>
</div>
</footer>
</div> </div>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
......
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