webdizajn.ict.edu.rswebdizajn.ict.edu.rs/...primeri/...nenad_pukpsec.docx · web viewvisoka...

VISOKA ŠKOLA STRUKOVNIH STUDIJAZA INFORMACIONE I KOMUNIKACIONE TEHNOLOGIJE

INTERNET TEHNOLOGIJE

Online catshop – responsive web aplikacija u CodeIgniter-uZ a v r š n i r a d

Mentor: Student:

Dr Nenad Kojić, dipl. inž. Nenad Pukpšec 105/12

1

Beograd, 2016.

VISOKA ŠKOLA STRUKOVNIH STUDIJAZA INFORMACIONE I KOMUNIKACIONE TEHNOLOGIJE

INTERNET TEHNOLOGIJE

Predmet: Web programiranje PHP 2

Tema: Online catshop – responsive web aplikacija u CodeIgniter-u

Ocena ___ ( )

Članovi komisije:

• ______________________

• ______________________

• ______________________

2

Sadržaj:

1. UVOD.............................................................................................................................................................6

2. RADNO OKRUŽENJE................................................................................................................................7

3. ORGANIZACIJA.........................................................................................................................................8

3.1 Organizaciona šema...................................................................................................................................8

3.2 Stranice......................................................................................................................................................9

3.2.1 Početna strana....................................................................................................................................10

3.2.2 Strana za registraciju..........................................................................................................................10

3.2.3 Strana sa kategorijama proizvoda......................................................................................................11

3.2.4 Strana sa proizvodima .......................................................................................................................12

3.2.5 Strana sa zasebnim proizvodom .......................................................................................................13

3.2.6 Strana O nama ...................................................................................................................................14

3.2.7 Strana Autor ......................................................................................................................................14

3.2.8 Korpa.................................................................................................................................................15

3.2.9 Profil (naloga)....................................................................................................................................15

3.2.10 Izmena profila .................................................................................................................................16

3.2.11 Narudžbine korisnika ......................................................................................................................16

3.2.12 Admin panel.....................................................................................................................................16

3.2.13 Izmena proizvoda.............................................................................................................................17

3.2.14 Izmena akcija ..................................................................................................................................17

3.2.15 Izmena brendova .............................................................................................................................18

3.2.16 Izmena gradova ...............................................................................................................................18

3.2.17 Izmena navigacije ...........................................................................................................................19

3.2.18 Izmena slajdera ...............................................................................................................................19

3.2.19 Izmena uloga ...................................................................................................................................20

3.2.20 Izmena anketa .................................................................................................................................20

3.2.21 Izmena kategorija.............................................................................................................................21

3.2.22 Izmena podkategorija.......................................................................................................................21

4. KOD.............................................................................................................................................................22

4.1.1 views/index_content.php........................................................................................................................22

3

4.1.2 views/head.php.....................................................................................................................................24

4.1.3 views/footer.php....................................................................................................................................51

4.1.4 views/gridview.php...............................................................................................................................56

4.1.5 views/registracija.php............................................................................................................................63

4.1.6 views/kategorije.php..............................................................................................................................63

4.1.7 views/autor.php ...................................................................................................................................65

4.1.8 views/edit.php ......................................................................................................................................67

4.1.9 views/izmena.php .................................................................................................................................67

4.1.10 views/izmena_akcija.php ....................................................................................................................69

4.1.11 views/izmena_anketa.php ..................................................................................................................70

4.1.12 views/izmena_anketaodgovor.php .....................................................................................................71

4.1.13 views/izmena_brend.php ...................................................................................................................72

4.1.14 views/izmena_galerija.php .................................................................................................................72

4.1.15 views/izmena_grad.php ......................................................................................................................72

4.1.16 views/izmena_navi.php ......................................................................................................................74

4.1.17 views/izmena_podkategorije.php ......................................................................................................75

4.1.18 views/izmena_profila.php ..................................................................................................................76

4.1.19 views/izmena_proizvodi.php ..............................................................................................................81

4.1.20 views/izmena_slajder.php ..................................................................................................................83

4.1.21 views/izmena_uloga.php ....................................................................................................................84

4.1.22 views/listview.php ..............................................................................................................................85

4.1.23 views/nav.php ....................................................................................................................................92

4.1.24 views/o_nama.php .............................................................................................................................95

4.1.25 views/podaci.php ..............................................................................................................................101

4.1.26 views/podkategorije.php ..................................................................................................................103

4.1.27 views/profil.php ................................................................................................................................106

4.1.28 views/proizvod.php...........................................................................................................................113

4.1.29 views/proizvodi.php..........................................................................................................................127

4.1.30 views/proizvodiNarudzbina.php........................................................................................................129

4.1.31 views/korpa.php................................................................................................................................131

4.1.32 views/admin.php................................................................................................................................135

4.1.33 views/send_mail.php.........................................................................................................................174

4

4.1.34 views/slider.php.................................................................................................................................176

4.1.35 models/login.php..............................................................................................................................179

4.1.36 models/model1.php..........................................................................................................................179

4.1.37 models/upiti.php ..............................................................................................................................186

4.1.38 controllers/administrator.php ..........................................................................................................227

4.1.39 controllers/kupovina.php .................................................................................................................250

4.1.40 controllers/login.php ........................................................................................................................252

4.1.41 controllers/proizvodi.php .................................................................................................................254

4.1.42 controllers/stranice.php ...................................................................................................................253

4.1.43 controllers/upload.php .....................................................................................................................275

4.1.44 controllers/welecome.php ...............................................................................................................277

4.2. CSS..........................................................................................................................................................280

4.2.1 style.css..................................................................................................................................................280

4.2.2 style1.css.............................................................................................................................................286

4.2.3 autor.css..............................................................................................................................................392

4.2.4 tooplate_style.css................................................................................................................................393

4.2.5 nav.css.................................................................................................................................................431

4.2.6 mobilni.css...........................................................................................................................................432

4.2.7 tablet.css ............................................................................................................................................438

4.2.8 tabs.css ...............................................................................................................................................439

4.3. JAVA SCRIPT.......................................................................................................................................450

4.3.1 kontakt.js................................................................................................................................................450

5. BAZA PODATAKA.................................................................................................................................454

5.1 Struktura baze podataka............................................................................................................................454

6. ZAKLJUČAK...........................................................................................................................................455

7. LITERATURA..........................................................................................................................................455

5

1. UVOD

,,Cat shop” (online prodavnica) je web aplikacija pisana u PHP CodeIgniter framework-u. Ceo sadržaj sajta se prikazuje iz baze podataka. Kako bi korisnik mogao da obavlja kupovinu kao I da postavlja komentare na odredjeni proizvod potrebno je da se registruje. Proizvodi su podeljeni u svoje kategorije I podkategorije kako bi korisnici lakše našli proizvod koji im je potreban. Takođe postoje I sortiranja proizvoda po ceni i nazivu. Pored prikaza proizvoda u vidu liste postoji I prikaz u vidu blokova kako bi korisnik imao bolju preglednost I u zavisnosti od toga koji uređaj koristi. Postoji mogucnost filtriranja proizvoda po ceni,akciji, brendu, podkategoriji kao i pretraga proizvoda po nazivu.

Nakon dodavanja proizvoda u korpu korisnik može da obavi narudžbinu. Prilikom naručivanja moguće je promeniti adresu ukoliko korisnik želi da porudžbina stigne na adresu koja nije navedena prilikom registracije. Kada se poruči korisniku stiže e-mail sa proizvodima i računom na koji može da se obavi kupovina.

Na profilnoj strani korisnika korisnik može da vidi i da menja svoje podatke, takođe može da vidi sve svoje porudžbine i datum poručivanja.

Postoje dve grupe korisnika ,administrator i korisnik , gde se ove grupe mogu prosiriti u samoj aplikaciji.

,,Cat shop” web aplikacija ima responsive dizajn gde je prikaz optimizovan za sve ekrane(mobilne telefone, tablet uređaje kao I za velike I srednje ekrane).

Administrator može da manipuliše celim sadržajem sajta, što uključuje dodavanje, menjanje i brisanje sadržaja.

6

2. RADNO OKRUŽENJE

U toku izrade sajta korišćeno je razvojno okruženje:

• Notepad++

• Sublime Text 3

Programski jezici koji su korišćeni za izradu aplikacije:

• HTML5• CSS 3• PHP (CodeIgniter framework)• JavaScript• JQuery

Baza podataka:• MySql

JavaScript, jQuery biblioteke:

• jquery.easing.1.3.js

• jq.js

• bootstrap.js

• bootstrap.min.js

• jqury-1.11.3.min.js

7

3. ORGANIZACIJA

3.1 Organizaciona šema

Organizaciona šema predstavlja prikaz strukture Web aplikacije. Web aplikacija inicijalno prikazuje index_content.php stranicu, sa koje postoji mogućnost prelaska na ostale stranice. Strane koje su namenjene za editovanje sajta, dostupne su kada je korisnik logovan, zavisno od uloge.

Slika 1 – Skica organizacione šeme sajta

8

3.2 Stranice

3.2.1 PočetnaOvo je početna strana sajta. U gornjem delu se nalaze navigacija i slajder. Klikom na login izlazi forma za logovanje. Ispod opisa sa slikom nalaze se brendovi koji se prikazuju uz baze. Svaki brend je linkovan na oficijalni sajt tog brenda.

Slika 2 – Prikaz početne strane „Index“

3.2.2 RegistracijaStrana registracija.php sadrži formu za unos podataka o korisniku, koje će kasnije koristiti za naručivanje. Bitno je da korisnik unese e-mail kako bi mu obaveštenje o narudžbini stizalo na taj mail.

9

Slika 3 – Prikaz strane Registracija

3.2.3 Kategorije(Proizvodi)Na ovoj strani se nalaze kategorije proizvoda.

Slika 4 –Strana proizvodi sa kategorijama

10

3.2.4 Strana sa proizvodimaStranica sa proizvodima pruža korisniku mogućnost da pretraži željeni proizvod pomoću filtriranja, pretrage, sortiranja, straničenja.

Slika 6 –Strana sa proizvodima

3.2.5 ProizvodOva strana prikazuje zaseban proizvod. Na ovoj strain se nalaze detaljni podaci proizvoda kao što su opis, prvobitna cena I cena ukoliko je proizvod na akciji, količinu, stanje proizvoda, komentare koje su ostavili korisnici, pomoć oko naručivanja I plaćanja I česta pitanja.

11

Slika 7 –Strana zasebnog proizvoda

3.2.6 O namaNa ovoj stranici je kontakt forma kao i informacije o tome gde se nalazi Cat Shop i mesto koje se prikazuje pomoću google API-a.

12

Slika 8 –Strana o nama

3.2.7 AutorStrana sadrži sliku i kratak opis autora. Pored ovih informacija nalazi se anketa.

Slika 9 –Strana autor sa anketom

3.2.8 KorpaNa straini korpa se nalaze svi proizvodi koje je korisnik dodao kao i ukupna cena. Kada se klikne potvrdi kupovinu otvara se forma u kojoj mogu da se izmene podaci za naručivanje.

13

Slika 10 –Strana korpa

3.2.9 ProfilStrana profil prikazuje sliku i informacije korisnika.

14

Slika 11 –Strana profil

3.2.10 Izmena profilaStranica izmena profila daje mogućnost korisniku da promeni adresu kako ne bi morao da menja podatke prilikom naručivanja.

Slika 12 –Strana izmena profila

15

3.2.11 NarudžbineStranica narudžbine sadrži sve narudžbine korisnika kao i vreme kada je korisnik ovabavio kupovinu.

Slika 12 –Narudžbine korisnika

16

3.2.12 Admin PanelOvoj strain može da pristupi samo administrator. Pomoću ove strane administrator može da upravlja celokupnim sadržajem sajta.

Slika 13 –Strana Admin panel

3.2.13 Izmena proizvodaIzmena proizvoda omogućava administrator da upravlja proizvodima tj da ih briše i edituje.

17

Slika 14 –Strana izmena proizvoda

3.2.14 Izmena akcijaIzmena akcija omogućava administrator da upravlja akcijama tj da ih briše i edituje.

Slika 15 –Strana izmena akcija

3.2.15 Izmena brendovaIzmena brendova omogućava administrator da upravlja brendovima tj da ih briše i edituje.

Slika 16 –Strana izmena brendova

18

3.2.16 Izmeni gradovaIzmena gradaova omogućava administrator da upravlja gradovima tj da briše i edituje.

Slika 17 –Strana Izmena gradova

3.2.17 Izmena navigacijaIzmena navigacije omogućava administrator da upravlja navigacijom tj da briše i edituje stavke.

Slika 18 –Strana izmena navigacija

3.2.18 Izmeni slajder

19

Izmena slajder omogućava administrator da upravlja slajderom tj da briše i edituje slike I opis slika na slajderu.

Slika 19–Strana izmena slajder

3.2.19 Izmeni ulogaIzmena uloga omogućava administrator da upravlja ulogama tj da ih briše i edituje.

Slika 20 –Strana izmena uloga

3.2.20 Izmeni anketa

20

Izmena anketa omogućava administrator da upravlja anketom tj da briše i edituje.

Slika 21 –Strana izmena anketa

3.2.21 Izmeni kategorijaIzmena kategorija omogućava administrator da upravlja kategorijama tj da ih briše i edituje.

Slika 22 –Strana izmena kategorija

3.2.22 Izmeni podkategorija

21

Izmena podkategorija omogućava administrator da upravlja podkategorijama tj da ih briše i edituje.

Slika 23 –Strana izmena podkategorija

22

• 4. Kodovi4.1.1 index_content.php

<div id="tooplate_main_wrapper col-sm-12">

<div id="tooplate_main" class='pocetna_wrapper'>

<div id="content_top">

<div class="container">

<div class="col-sm-6 pocetna_opis">

<p><br /><br />U pet shopu moÅ¾ete pronaÄ‡i sve za VaÅ¡e maÄke. Kod nas� moÅ¾ete kupiti suvu hranu - granule, vlaÅ¾nu hranu

i opremu za VaÅ¡e ljubimce.

<br /><br />Savete za VaÅ¡e kuÄ‡nje ljubimce moÅ¾ete dobiti telefonom ili liÄno� kod nas u pet shopu gde je uvek prisutan jedan

od dva veterinara.

<br /><br />U ponudi imamo proizvode vodeÄ‡ih brendova: Royal Canine, Hillâ€™s, Farmina, Trixie, Whiskas, Pedigree, Friskies,

Versele Laga, Purina, Trainer, Sogeval,

Padovan, Throlls, dr. Adlerâ€™s, Chappy, Stuzzy, Eukanuba, Gimborn, Flexie, Josera,Bento Kronen, Lara, Brekkies,

Advance, Belcando ...</p><br />

<p>Ako neÅ¡to nemamo u asortimanui moÅ¾ete poruÄiti i potrudiÄ‡emo se u� Å¡to kraÄ‡em roku da Vam obezbedimo.</p><br /><br />

</div>

<div class="col-sm-6">

<a href="<?php print_r(base_url()); ?>images/cat_shop.jpg" ><img src="<?php print_r(base_url()); ?>images/cat_shop.jpg" style="width:100%;height:100%"></a><br /><br />

</div>

</div>


<?php

foreach($brendovi as $brend){

23

echo "<div class='col-md-2 col-xs-3 brendLogo' style='margin:10px 0%;padding:2%;height:120px;'><a href='http://www.".$brend->url."' target='_blank'><img style='width:100%;max-height:100%;' class='brend' src='"; print_r(base_url()); echo $brend->slika_brenda; echo "' ></a></div>";

}

?>

</div>

</div>

<script src="<?php print_r(base_url()); ?>/js/lightbox-plus-jquery.min.js"></script>

<div class="cleaner"></div>

</div> 

</div>

4.1.2 head.php

<?php date_default_timezone_set('Europe/Belgrade'); ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Cat Shop</title>

<meta name="keywords" content="cat shop, pet shop, hrana za macke" />

<meta name="description" content="" />

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

<link rel="stylesheet" type="text/css" href="<?php print_r(base_url()); ?>css/mobilni.css" media="screen and (max-width: 768px)">

24

$('#proizvodi').html(msg);

}

})

}

});

$( "#amount" ).val( "" + $( "#slider-range" ).slider( "values", 0 ) +

" - " + $( "#slider-range" ).slider( "values", 1 )+" RSD" );

} );

</script>


$.notify({

title: "<strong>Welcome:</strong> ",

message: "This plugin has been provided to you by Robert McIntosh aka <a href=\"https://twitter.com/Mouse0270\" target=\"_blank\">@mouse0270</a>"

});

</script>

29


angular.module('ui.bootstrap.demo').controller('PopoverDemoCtrl', function ($scope, $sce) {

$scope.dynamicPopover = {

content: 'Hello, World!',

templateUrl: 'myPopoverTemplate.html',

title: 'Title'

};

$scope.placement = {

options: [

'top',

'top-left',

'top-right',

'bottom',

'bottom-left',

'bottom-right',

'left',

'left-top',

'left-bottom',

'right',

'right-top',

'right-bottom'

],

selected: 'top'

};

$scope.htmlPopover = $sce.trustAsHtml('<b style="color: red">I can</b> have <div class="label label-success">HTML</div> content');

30

});

</script>

<script type="text/javascript" id="sourcecode">

$(function()

{

$('.scroll-pane').jScrollPane();

});

</script>


$(document).ready(function(){

$('.lid').click(function(){

var tip=$(this).attr('name');

$("div[name='prikaz']").each(function(){

if($(this).hasClass(tip))

{

$(this).removeClass('hidden');

31

}

else

{

if($(this).hasClass('hidden'))

{

}

else

{

$(this).addClass('hidden');

}

}

})

})

})

</script>



$('.dodajSlikuProizvoda').click(function(){

var input="<input type='file' id='file1' multiple class='slikeProizvoda'/>";

$('.fileInputi').append(input);

});

$("#anketa").submit(function(event){

event.preventDefault();

$.ajax({

type: "POST",

url: "<?php print base_url(); ?>stranice/anketa",

data: {

anketa:$('input[name=odg]:checked', '#anketa').val()

32

},

success: function(response){

$('#form_anket').html(response);

}

});

});

});

</script>


$().ready(function() {

$('.slider').kwicks({

max : 740,

spacing : 1

});

$('.btnDetaljnije').click(function(){

var idNarudzbine=$(this).attr('name');

$.ajax({

url:'<?php print base_url(); ?>stranice/narudzbine',

type:'POST',

data:{idNarudzbine:idNarudzbine},


$('.proizvodiNarudzbina').html(msg);

}

})

});

$('.profilniPodaci').click(function(){

var grad=$('.hdn_grad').val();

var broj_telefona=$('.broj_telefona').val();

var adresa=$('.adresa').val();

33

$.ajax({

url:'<?php print base_url(); ?>stranice/izmeni_podatke',

type:'POST',

data:{grad:grad,broj_telefona,adresa:adresa},


alert('Uspesno ste izmenili podatke');

window.location.replace('http://catshop.esy.es//stranice/profil');

}

});

});

$('body').on('click','.izmeniProizvod',function(){

var naziv=$('.proizvodNaziv').val();

var cena=$('.proizvodCena').val();

var id=$('.proizvodId').val();

var opis=$('.proizvodOpis').val();

var lager=$('.proizvodLager').val();

var aktivan=$('.chb_aktivan').val();

var fajlovi=document.getElementById('file1');

var ajax = new XMLHttpRequest();

var formdata=new FormData();

formdata.append("file1",fajlovi.files[0]);

formdata.append("naziv",naziv);

formdata.append("cena",cena);

formdata.append("opis",opis);

formdata.append("id",id);

formdata.append("lager",lager);

formdata.append("aktivan",aktivan);

ajax.open("POST","<?php print base_url(); ?>administrator/izmena_proizvoda");

ajax.send(formdata);

});

34

$('body').on('click','.smallImage',function(){

var slika=$(this).find('img').attr('src');

var name=$(this).attr('name');

var glavna=$('.glavnaActive').data('thumb');

var glavnaName=$('.glavnaActive').attr('name');

$(this).attr('name',glavnaName);

$(this).find('img').attr('src',glavna);

$('.glavnaSlika').removeClass('glavnaActive');

$('.glavnaSlika').addClass('hidden');

$('.glavnaSlika').each(function(){

if($(this).attr('name')==name){

$(this).addClass('glavnaActive');

$(this).removeClass('hidden');

}

});

});

$('body').on('click','.btn-order',function(){

var proizvodi=[];

var i=0;

$('.cart-sec').each(function(){

var korpa=$(this).find('.hdn_korpa').val();

var naziv=$(this).find('.hdn_naziv').val();

var cena=$(this).find('.hdn_cena').val();

var kolicina=$(this).find('.hdn_kolicina').val();

var idproizvod=$(this).find('.hdn_proizvod').val();

proizvodi[i]=[naziv,cena,kolicina,korpa,idproizvod];

i++;

});

$.ajax({

url:'<?php print base_url(); ?>proizvodi/narudzbine',

35

type:'POST',

data:{proizvodi:proizvodi}

})

var ime=$('.tb_ime').val();

var prezime=$('.tb_prezime').val();

var adresa=$('.tb_adresa').val();

var telefon=$('.tb_telefon').val();

var grad=$('.tb_grad').val();

var pos_broj=$('.tb_pos_broj').val();

var email=$('.tb_email').val();

$.ajax({

url:'<?php print base_url(); ?>proizvodi/poruci',

type:'POST',

data:{proizvodi:proizvodi,ime:ime,prezime:prezime,telefon:telefon,grad:grad,pos_broj:pos_broj,adresa:adresa,email:email},


alert(msg);

}

})

});

$('body').on('click','.dis',function(){

$('.dis').removeClass('gridActive');

$(this).addClass('gridActive');

});

$('body').on('click','.link',function(){

$('.link').removeClass('activePage');

$(this).addClass('activePage');

});

$('body').on('click','.sort',function(){

$('.sort').removeClass('sortActive');

$(this).addClass('sortActive');

36

});

$('body').on('change','.ddlChoice,.ddlLimit',function(){





var trenutnaStrana=1;





var brendovi=[];

brendovi.push(-1);




}

})

var kategorije=-1;




}

})

var akcija=-1;




}

})

$.ajax({

37

type: "POST",





}

})

});

$('body').on('click','.dis',function(){

$('.dis').removeClass('gridActive');

$(this).addClass('gridActive');

});

$('body').on('click','.sort',function(){

$('.sort').removeClass('sortActive');

$(this).addClass('sortActive');

});

$('body').on('click','.akcija',function(){

if($(this).hasClass('akcijaActive')){

$(this).removeClass('akcijaActive');

}

else{

$('.akcija').removeClass('akcijaActive');

$(this).addClass('akcijaActive');

}

});

$('body').on('click','.kategorija',function(){

if($(this).hasClass('kategorijaActive')){

$(this).removeClass('kategorijaActive');

}

38

else{

$('.kategorija').removeClass('kategorijaActive');

$(this).addClass('kategorijaActive');

}

});

$('body').on('click','.displayStyle',function(){







var brendovi=[];

brendovi.push(-1);




}

})

var akcija=-1;




}

})

var kategorije=-1;




}

})

39




$.ajax({

type: "POST",





}

})

});

$('.pretraga').keyup(function(){










var brendovi=[];

brendovi.push(-1);




}

})

var kategorije=-1;

40




}

})

var akcija=-1;




}

})

$.ajax({

type: "POST",





}

})

});

$('body').on('click','.dropdown-menu li',function(){

var text=$(this).text();

$(this).parent().prev().text(text);

var id=$(this).attr('name');

$(this).parent().prev().prev().val(id);

});

$('.li1').click(function(){

var tip=$(this).attr('name');

if($("#"+tip).hasClass('hidden'))

{

41

$("#"+tip).removeClass('hidden');

}

else

{

$("#"+tip).addClass('hidden');

}

});

$('.delete_podkategorija').click(function(){


var ovaj=$(this);

$.ajax({

url:"<?php echo base_url(); ?>administrator/brisanje/kategorije",

type:"POST",

data:{name:name},

success:function(){

$(ovaj).parent().parent().css('display','none');

}

})

})

$('.delete_akcija').click(function(){


var ovaj=$(this);

$.ajax({

url:"<?php echo base_url(); ?>administrator/brisanje/akcija",

type:"POST",

data:{name:name},

success:function(){


}

})

})

42

$('.delete_kategorija').click(function(){


var ovaj=$(this);

$.ajax({

url:"<?php echo base_url(); ?>administrator/brisanje/kategorije",

type:"POST",

data:{name:name},

success:function(){


}

})

})

$('.delete_slajder').click(function(){


var ovaj=$(this);

$.ajax({

url:"<?php echo base_url(); ?>administrator/brisanje/slajder",

type:"POST",

data:{name:name},

success:function(){


}

})

})

$('.delete_uloga').click(function(){


var ovaj=$(this);

$.ajax({

url:"<?php echo base_url(); ?>administrator/brisanje/uloga",

type:"POST",

data:{name:name},

43

success:function(){


}

})

})

$('.delete_brend').click(function(){


var ovaj=$(this);

$.ajax({

url:"<?php echo base_url(); ?>administrator/brisanje/brend",

type:"POST",

data:{name:name},

success:function(){


}

})

})

$('.delete_proizvodi').click(function(){


var ovaj=$(this);

$.ajax({

url:"<?php echo base_url(); ?>administrator/brisanje/proizvodi",

type:"POST",

data:{name:name},

success:function(){


}

})

})

44

$('.delete_nav').click(function(){


var ovaj=$(this);

$.ajax({

url:"<?php echo base_url(); ?>administrator/brisanje/navi",

type:"POST",

data:{name:name},

success:function(){


}

})

})

$('.delete_grad').click(function(){


var ovaj=$(this);

$.ajax({

url:"<?php echo base_url(); ?>administrator/brisanje/grad",

type:"POST",

data:{name:name},

success:function(){


}

})

})

$('.delete_anketa').click(function(){


var ovaj=$(this);

$.ajax({

url:"<?php echo base_url(); ?>administrator/brisanje/anketa",

type:"POST",

data:{name:name},

45

success:function(){


}

})

})

$('.delete_anketaodgovor').click(function(){


var ovaj=$(this);

$.ajax({

url:"<?php echo base_url(); ?>administrator/brisanje/anketaodgovor",

type:"POST",

data:{name:name},

success:function(){


}

})

})

$('.delete_korisnik').click(function(){


var ovaj=$(this);

$.ajax({

url:"<?php echo base_url(); ?>administrator/brisanje/korisnik",

type:"POST",

data:{name:name},

success:function(){


}

})

})

$('.delete_proizvod_korpa').click(function(){


46

}

})

})

$('body').on('click','.korpa',function(){

var lager=$(this).data('lager');

var kolicina = $('#kolicina').val();

if(kolicina>lager){

alert('nece da moze');

}

else{

var idproizvod = $(this).attr('name');

$.ajax({

url:"<?php echo base_url(); ?>stranice/korpa",

type:"POST",

data:{kolicina:kolicina,

idproizvod:idproizvod},


alert('Uspesno ste dodali proizvod u korpu');

window.location.reload();

}

})

}

})

$('.kupi').click(function(){

$.ajax({

url:"<?php echo base_url(); ?>stranice/korpa_kupovina",

type:"POST",

success:function(response){

$('.container').nextAll().remove();

$('.container').after(response);

}

49

})

})

$('.btnkomentar').click(function(){

var komentar=$('.komentar').val();

var id=$(this).attr('name');

$.ajax({

url:"<?php echo base_url(); ?>proizvodi/insert_komentar",

data:{komentar:komentar,id:id},

type:"POST",

success:function(response){

window.location.reload();

}

})

})

});

</script>


function _(el){

return document.getElementById(el);

}

function uploadFile(){

var file = _("userfile").files[0];

// alert(file.name+" | "+file.size+" | "+file.type);

var formdata = new FormData();

formdata.append("userfile", file);

var ajax = new XMLHttpRequest();

ajax.upload.addEventListener("progress", progressHandler, false);

ajax.addEventListener("load", completeHandler, false);

ajax.addEventListener("error", errorHandler, false);

ajax.addEventListener("abort", abortHandler, false);

50

ajax.open("POST", "<?php echo $_SERVER["PHP_SELF"];?>");

ajax.send(formdata);

}

function progressHandler(event){

_("loaded_n_total").innerHTML = "Uploadovano "+event.loaded+" bajta od "+event.total;

var percent = (event.loaded / event.total) * 100;

_("progressBar").value = Math.round(percent);

_("status").innerHTML = Math.round(percent)+"% uploadovano... molimo vas da saÄekate";� }

function completeHandler(event){

_("status").innerHTML = event.target.responseText;

_("progressBar").value = 0;

}

function errorHandler(event){

_("status").innerHTML = "Upload Failed";

}

function abortHandler(event){

_("status").innerHTML = "Upload Aborted";

}

</script>

</head>

<body>

4.1.3 footer.php

<div id="tooplate_footer_wrapper" class="col-sm-12">

<a href="#tooplate_header" class="goto_top"></a>

51

<footer class="footer-distributed">

<div class="footer-left">

<h3><a href="<?php print_r(base_url()); ?>"><img style="width:130px;height:60px;cursor:pointer;" src="<?php print_r(base_url()); ?>images/logo.png" /></a></h3>

<p class="footer-links">

<?php

foreach($navi as $link)

{

echo "<a style='cursor:pointer;' href='";print_r(base_url()); echo $link->putanja."' >".$link->naziv."</a> Â· ";

}

?>

</p>

<p class="footer-company-name">CAT SHOP © 2016</p>

</div>

<div class="footer-center">

<div>

<i class="fa fa-map-marker"></i>

<p><span>DjuÅ¡ina 9</span> Beograd, Palilula</p>

</div>

<div>

52

<i class="fa fa-phone"></i>

<p>+381 11 2704 25</p>

</div>

<div>

<i class="fa fa-envelope"></i>

<p><a href="mailto:[email protected]">[email protected]</a></p>

</div>

</div>

<div class="footer-right">

<p class="footer-company-about">

<span>Cilj firme</span>

Od samog poÄetka imamo jedan cilj â€“ da svim vlasnicima maÄaka obezbedimo� � kompletnu uslugu na jednom mestu.

</p>

<p><a href="<?php print_r(base_url()); echo'Dokumentacija.pdf'?>">DOKUMENTACIJA</a></p>

<div class="footer-icons">

<a href="#"><i class="fa fa-facebook"></i></a>

<a href="#"><i class="fa fa-twitter"></i></a>

<a href="#"><i class="fa fa-linkedin"></i></a>

<a href="#"><i class="fa fa-github"></i></a>

</div>

</div>

53

</footer>

<!-- <a href="#tooplate_header" class="goto_top"></a>


<h5>Kontakt informacije</h5>

<div class="rp_pp">

<h6 style="font-size:15px;color:#aa8866 !important">

tel./fax: 011/2704-25<br />

mobilni: 062/6765-79<br /><br />

Radno vreme:<br />

ponedeljak-petak od 9h-20h<br />

subota od 11h-14h<br />

e-mail: [email protected]</h6>

54

<!--</div>


<h5>Pratite nas</h5>

<ul class="twitter_post">

<a href="http://www.facebook.com"><img style="width:60%;height:60%;max-width:100px;max-height:100px; !important" src="<?php print_r(base_url()); ?>images/pawFacebook.png"></a>

</ul>

</div>

<div class="col-sm-4 no_margin_right">

<h5>About Us</h5>

<p><em>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi eros odio, rutrum quis volutpat nec, venenatis congue nulla. Praesent quis mauris purus, at pellentesque ante.</em></p>

<p>Donec convallis tortor eu nunc viverra nec euismod nunc consequat. Nunc in.</p>

<p>Copyright Â© 2048 <a href="#">Company Name</a></p>

<div class="cleaner h10"></div>

<a href="#"><img alt="facebook" src="<?php print_r(base_url()); ?>images/facebook.png" title="facebook" /></a>

<a href="#"><img alt="flickr" src="<?php print_r(base_url()); ?>images/flickr.png" title="flickr" /></a>

55

<a href="#"><img alt="twitter" src="<?php print_r(base_url()); ?>images/twitter.png" title="twitter" /></a>

<a href="#"><img alt="youtube" src="<?php print_r(base_url()); ?>images/youtube.png" title="youtube" /></a>

<a href="#"><img alt="rss" src="<?php print_r(base_url()); ?>images/feed.png" title="rss" /></a>

</div> -->


</div> 

</div> 

<script type="text/javascript" src="<?php print_r(base_url()); ?>engine1/wowslider.js"></script>

<script type="text/javascript" src="<?php print_r(base_url()); ?>engine1/script.js"></script>

</body>

</html>

4.1.4 gridview.php

<div class='col-sm-12' style='padding:0'>

<div style='border-bottom:3px solid#432121;height:auto;'>

<div class='col-sm-12 col-md-4'>

<?php

$link=trim(str_replace('-', ' ', $kategorija));

$link=str_replace('%C4%8D','Ä',$link);� $link=str_replace('%C5%A1','Å¡',$link);

$link=str_replace('%C5%BE','Å¾',$link);

?>

<h3 style='font-size:23px;'><?php echo $link." (".sizeof($pocetni); ?>) Proizvoda</h3>

56


</div>

<div class="link col-sm-12 col-md-2 stranicenjeOmot">

<?php

$poStrani=$limit;

$ukupno=sizeof($ukupno);

if($ukupno==0){

echo "<div style='float:left;padding:6px;color:#fff;' name='1' class='activePage link displayStyle'>1</div>";

}

else{

$brojStrana=ceil($ukupno/$poStrani);

$kreceOd=$trenutnaStrana-2;

$ideDo=$trenutnaStrana+2;

if($kreceOd<1){

$kreceOd=1;

$ideDo=5;

if($ideDo>$brojStrana){

$ideDo=$brojStrana;

}

}


$ideDo=$brojStrana;

$kreceOd=$brojStrana-4;

if($kreceOd<1){

$kreceOd=1;

}

}

57


$ideDo=$brojStrana;

}

if($kreceOd>1){

echo "<div style='float:left;padding:6px;' class='link displayStyle' name='1'>

<span class='glyphicon glyphicon-backward' style='font-size:12px;'></span>

</div>";

}

for($i=$kreceOd;$i<=$ideDo;$i++){

if($i==$trenutnaStrana){

echo "<div style='float:left;padding:6px;color:#fff;' name='$i' class='activePage link displayStyle'>$i</div>";

}

else{

echo "<div style='float:left;padding:6px;' class='stranicenjeLink link displayStyle' name='$i'>$i</div>";

}

}

if($ideDo<$brojStrana){

echo "<div style='float:left;padding:6px;' class='link displayStyle' name='$brojStrana'>

<span class='glyphicon glyphicon-forward' style='font-size:12px;'></span>

</div>";

}

}

?>


58

</div>

<div class="col-sm-12 col-md-6">

<div style='float:right;'>

<span name='gridview' class="glyphicon glyphicon-th dis displayStyle gridActive" style='font-size:26px;margin-right:10px;'></span>

<span name='listview' class="glyphicon glyphicon-th-list dis displayStyle" style='font-size:26px;'></span>

</div>

<div style='float:right;margin-right:20px;'>

<span name="DESC" class="glyphicon sort displayStyle glyphicon-chevron-up <?php if($sort=='DESC'){ echo "sortActive"; } ?>" style='font-size:26px;margin-right:10px;'></span>

<span name="ASC" class="glyphicon sort displayStyle glyphicon-chevron-down <?php if($sort=='ASC'){ echo "sortActive"; } ?>" style='font-size:26px;'></span>

</div>


<select class="ddlChoice">

<?php

if($sortby=='naziv'){

?>

<option value="naziv">Naziv</option>

<option value="cena">Cena</option>

<?php

}

else{

?>



<?php } ?>

59

</select>

</div>


<select class="ddlLimit">

<?php

if($limit==12){

?>

<option value="12">12</option>



<?php

}

else if($limit==16){

?>




<?php }

else{

?>




<?php } ?>

</select>

</div>

<div class='cleaner'></div>

</div>

60


</div>


</div>

<?php foreach ($pocetni as $proizvod) {

$vreme=mktime(); ?>

<div class='col-sm-2 col-xs-6 gridProizvodi' style='margin-left:8%;height:350px;margin-top:30px;padding:0px;float:left !important'>

<div style='height:50px;width:100%;'><h5 class='naslov' style='text-transform: uppercase;'><?php echo $proizvod->naziv; ?></h5>

</div>

<?php

if($vreme>$proizvod->pocetak_akcije && $vreme<$proizvod->kraj_akcije){ ?>

<div class='col-sm-12' style='padding-left:0px !important;padding-right:0px !important'>

<img class='tabletAkcija' src='<?php echo base_url(); ?><?php echo $proizvod->slika_akcije ?>' style='position:absolute;width:51px;height:50px;bottom:0px;left:34px;'>

<img class='tabletAkcijaSlika' src='<?php echo base_url(); ?>images/akcija.png' style='position:absolute;margin-left: 55%;width: 35%;height: 70px;margin-top:-5px;'>

<img class='TabletSlika' src='<?php echo base_url(); ?>uploads/<?php echo $proizvod->slika; ?>' alt='Image 01' class='img-rounded img-responsive' style='width:75%;height:140px;margin-left:12.5%;' />

</div>

<?php

}

else{

61

?>

<div class='col-sm-12' style='padding-left:0px !important;padding-right:0px !important'>

<img class='TabletSlika' src='<?php echo base_url(); echo "uploads/".$proizvod->slika; ?>' alt='Image 01' class='img-rounded img-responsive' style='width:75%;height:140px;margin-left:12.5%;' />

</div>

<?php

}

?>


<br />

<p class='opis'><?php echo $proizvod->opis; ?></p>

<div class='single-but item_add' >

<div class="proizvodButtons" style="float:left">

<a href='<?php print_r(base_url()); echo "proizvodi/proizvod/".$proizvod->id_proizvodi; ?>'>

<input type='submit' class='col-xs-6' style='width:45%;border:3px solid #635742' value='Detaljnije' />

</a>

<?php

$vreme=time();

if($vreme>$proizvod->pocetak_akcije && $vreme<$proizvod->kraj_akcije){

$cena=$proizvod->cena;

$akcija=$proizvod->procenat;

$broj = $cena-($cena*$akcija/100);

62

}

else{

$broj = $proizvod->cena;

}

?>

<input type='submit' class='col-xs-6 gridProizvodCena' style='color:#635742;background-color:#fff;width:55%;font-weight: bold;border:3px solid #635742' value='<?php echo number_format($broj,2,",","."); echo " RSD"; ?>'/>

</div>

</div>

<br />

</div>


</div>

<?php } ?>

</div>


4.1.5 registracija.php


<div id="tooplate_main">



<form method="post" action="<?php print_r(base_url()); ?>stranice/registracija_korisnika" class="forma_registracija">

<ul style="list-style-type:none !important">

63

<li><span style="color:#52493a; font-size: 18px">Korisnicko ime:</span></li><br />

<li><input type="text" name="user" class="form-control" id="usr" /></li><br />

<li><span style="color:#52493a; font-size: 18px">Lozinka:</span></li><br />

<li><input type="password" name="pass" class="form-control" id="usr" /></li><br />

<li><span style="color:#52493a; font-size: 18px">Ime:</span></li><br />

<li><input type="text" name="ime" class="form-control" id="ime" /></li><br />

<li><span style="color:#52493a; font-size: 18px">Prezime:</span></li><br />

<li><input type="text" name="prezime" class="form-control" id="prezime" /></li><br />

<li><span style="color:#52493a; font-size: 18px">E-mail:</span></li><br />

<li><input type="email" name="email" class="form-control" id="usr" /></li><br />

<li><span style="color:#52493a; font-size: 18px">Adresa:</span></li><br />

<li><input type="text" name="adresa" class="form-control" id="adresa" /></li><br />

<li><span style="color:#52493a; font-size: 18px">Broj telefona:</span></li><br />

<li><input type="text" name="broj" class="form-control" id="broj" /></li><br />

<li><span style="color:#52493a; font-size: 18px">Grad:</span></li><br />

<li>

<div class="dropdown">

64

<input type="hidden" name="id">

<button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown" name="id">Izaberite grad...

<span class="caret"></span>

</button>

<ul class="dropdown-menu" name='<?php echo $grad->id_grad; ?>' role="menu">

<?php foreach ($gradovi as $grad) { ?>

<li name="<?php echo $grad->id_grad ?>"><a href="#"><?php echo $grad->naziv; ?></a></li>

<?php } ?>

</ul>

</div>

</li><br />

<li><input type="submit" name="unos" class="btn btn-primary" style="margin:0px auto !important" value="Registruj se" /></li><br />

</ul>

</form>

</div>


</div>

</div>

4.1.6 autor.php



65


<div class="container col-sm-12">

<div class="fb-profile">

<img align="left" class="fb-image-lg" src="<?php print_r(base_url()); ?>images/cover.jpg" alt="Profile image example"/>

<img align="left" class="fb-image-profile thumbnail" src="https://scontent-fra3-1.xx.fbcdn.net/v/t1.0-9/13892072_10210444469816226_6687870739321987305_n.jpg?oh=5b358fc58253126e17aed32c7383b3f6&oe=584A819D" alt="Profile image example"/>

<div class="fb-profile-text">

<a href="https://www.facebook.com/nenad.puksec"><h1>Nenad PukÅ¡ec &nbsp<img src="<?php print_r(base_url()); ?>images/facebook1.png" style="width:40px;height:40px;margin-bottom:10px;" ></h1></a>

<p>Zovem se Nenad PukÅ¡ec. Osnovnu Å¡kolu "MiliÄ‡ RakiÄ‡ Mirko" sam zavrÅ¡io u Prokuplju.

Srednju "ZubotehniÄku Å¡kolu" sa specijalizcijom� fiksne protetike (metalo keramicki radovi) sam zavrÅ¡io u Beogradu. Trenutno sam student Visoke ICT Å kole. Broj indeksa 105/12.</p>

</div>

</div>

</div>

<div id="anketa" class="container col-sm-12" style="margin:30px;">

<?php

foreach ($anketa as $naslov) {

$naslovankete=$naslov->naslov;

}

echo'<div class="clanak col-sm-6">

<div><br /><br /><h3>'.$naslovankete.'</h3><br /></div>

<div class="sadrzaj">';

echo'<form id="form_anketa"><div class="col-sm-6" id="form_anket"><table>';

foreach ($anketa as $odgovor) {

echo'

<tr>

66

<td style="font-weight:bold;">

<input type="radio" name="odg" value="'.$odgovor->id_anketaodgovor.'" id="'.$odgovor->odgovor.' class="odgovor">

<label for="radio1">'.$odgovor->odgovor.'</label>

</td>

</tr>';

}

echo "<div>";

echo'

<tr>

<td>

<br /><div class="single-but item_add">

<input type="submit" name="anketa_glasaj" value="Glasaj"/>

</div>

</td>

</tr>';

echo "</table></form></div></div></div>";

?>

</div>

</div>



</div>

4.1.7 edit.php<div id="tooplate_main_wrapper">




67

<div class="row" style="background-color:#bcb29c;padding:0">

<div class="col-md-12" style='padding:0'>

<div class="col-sm-6" style='padding:0'>

<table class='table table-hover table-narudzbine'>

<tr style="color:#fff;background-color:#635742 !important">

<th>Vreme</th>

<th>Iznos</th>

<th>Detaljnije</th>

<tr/>

<?php

foreach($narudzbine as $narudzbina){

echo '<tr>

<td>'.date("H:i - d.M.Y ", $narudzbina->vreme).'</td>

<td>'.$narudzbina->ukupna_cena.' RSD</td>

<td><input type="button" class="btn btn-primary btnDetaljnije form-group" name="'.$narudzbina->id_narudzbine.'" value="Detaljnije"/></td>

</tr>';

}

?>

</table>

</div>

<div class="col-sm-6 proizvodiNarudzbina" style='padding:0'></div>

</div>

</div>


</div>


</div>

4.1.8 izmena.php<?php

echo "

68

<div id='tooplate_main_wrapper col-sm-12'>

<div id='tooplate_main'>

<div id='content_top'>";

if($this->uri->segment(3)=='kategorije'){

foreach ($podaci as $kategorija) {

echo "

<div class='col-sm-4'>

<form method='post' action='"; print_r(base_url()); echo "administrator/izmena_kategorije'>

<input type='text' class='form-control' name='naziv' value='".$kategorija->naziv."'><br />

<input type='submit' class='btn btn-primary' value='Izmeni'>

<input type='hidden' name='id' value='".$kategorija->id_kategorije."'>

</form>

</div>


</div>

</div>

</div>";

}

}

?>

4.1.9 izmena_akcija.php

<?php

echo "

69




if($this->uri->segment(3)=='akcija'){

foreach ($podaci as $akcija) {

echo "


<form method='post' action='"; print_r(base_url()); echo "administrator/izmena_akcija'>

<input type='date' class='form-control' name='pocetak_akcije' value='".$akcija->tip_akcije."'><br />

<input type='date' class='form-control' name='kraj_akcije' value='".$akcija->tip_akcije."'><br />

<input type='text' class='form-control' name='tip_akcije' value='".$akcija->tip_akcije."'><br />

<input type='text' class='form-control' name='procenat' value='".$akcija->procenat."'><br />

<input type='text' class='form-control' name='slika_akcije' value='".$akcija->slika_akcije."'><br />


<input type='hidden' name='id' value='".$akcija->id_akcija."'>

</form>

</div>


</div>

</div>

</div>";

}

}

?>

4.1.10 izmena_anketa.php

70

<?php

echo "




if($this->uri->segment(3)=='anketa'){

foreach ($podaci as $anketa) {

echo "


<form method='post' action='"; print_r(base_url()); echo "administrator/izmena_anketa'>

<input type='text' class='form-control' name='naslov' value='".$anketa->naslov."'><br />


<input type='hidden' name='id' value='".$anketa->id_anketa."'>

</form>

</div>


</div>

</div>

</div>";

}

}

?>

4.1.11 izmena_anketaodgovor.php

<?php

echo "

71




if($this->uri->segment(3)=='anketaodgovor'){

foreach ($podaci as $anketaodgovor) {

echo "


<form method='post' action='"; print_r(base_url()); echo "administrator/izmena_anketaodgovor'>

<input type='text' class='form-control' name='odgovor' value='".$anketaodgovor->odgovor."'><br />


<input type='hidden' name='id' value='".$anketaodgovor->id_anketaodgovor."'>

</form>

</div>


</div>

</div>

</div>";

}

}

?>

4.1.12 izmena_brend.php

<?php

72

echo "




if($this->uri->segment(3)=='brend'){

foreach ($podaci as $brend) {

echo "


<form method='post' action='"; print_r(base_url()); echo "administrator/izmena_brend'>

<input type='text' class='form-control' name='naziv_brenda' value='".$brend->naziv_brenda."'><br />

<input type='text' class='form-control' name='url' value='".$brend->url."'><br />

<input type='text' class='form-control' name='slika_brenda' value='".$brend->slika_brenda."'><br />


<input type='hidden' name='id' value='".$brend->id_brend."'>

</form>

</div>


</div>

</div>

</div>";

}

}

?>

73

4.1.13 izmena_grad.php

<?php

echo "




if($this->uri->segment(3)=='grad'){

foreach ($podaci as $grad) {

echo "


<form method='post' action='"; print_r(base_url()); echo "administrator/izmena_grad'>

<input type='text' class='form-control' name='naziv' value='".$grad->naziv."'><br />

<input type='text' class='form-control' name='pos_broj' value='".$grad->postanski_broj."'><br />


<input type='hidden' name='id' value='".$grad->id_grad."'>

</form>

</div>


</div>

</div>

</div>";

}

}

?>

4.1.14 izmena_navi.php

74

<?php

echo "




if($this->uri->segment(3)=='navi'){

foreach ($podaci as $navi) {

echo "


<form method='post' action='"; print_r(base_url()); echo "administrator/izmena_navi'>

<input type='text' class='form-control' name='naziv' value='".$navi->naziv."'><br />

<input type='text' class='form-control' name='putanja' value='".$navi->putanja."'><br />


<input type='hidden' name='id' value='".$navi->id_navi."'>

</form>

</div>


</div>

</div>

</div>";

}

}

?>

4.1.15 izmena_podkategorije.php

<?php

echo "

75




if($this->uri->segment(3)=='kategorije'){

foreach ($podaci as $podkategorija) {

echo "


<form method='post' action='"; print_r(base_url()); echo "administrator/izmena_podkategorija'>

<input type='text' class='form-control' name='naziv' value='".$podkategorija->naziv."'><br />


<input type='hidden' name='id' value='".$podkategorija->id_kategorije."'>

</form>

</div>


</div>

</div>

</div>";

}

}

?>

4.1.16 izmena_profila.php

<div id="tooplate_main_wrapper" >

<div id="tooplate_main"style='padding-top:0;'>

<div id="content_top" style='padding-top:0'>


<div class='row'></div>

76

<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 col-xs-offset-0 col-sm-offset-0 col-md-offset-3 col-lg-offset-3 toppad" style='padding:0;'>

<div class="panel panel-info" style="border:1px solid #635742 !important">

<div style="color:#fff;background-color:#635742 !important" class="panel-heading">

<div style='float:left;width:50%;' align='left'>

<h3 class="panel-title"><?php echo $this->session->userdata('prezime')." ".$this->session->userdata('ime')." (".$this->session->userdata('username').")"; ?></h3>

</div>


</div>

<div class="panel-body">

<div class="row rowTabela" style="color:#000;background-color:#fff;">

<div class="col-md-3 col-lg-3 col-xs-12" align="center" style=' margin-bottom: 5px;'> <img alt="User Pic" src="<?php print_r(base_url()); echo "uploads/users/".$this->session->userdata('slika_korisnika'); ?>" class="img-circle img-responsive"> </div>

<div class=" col-md-9 col-lg-9 col-xs-12 omotTabele">

<table class="table table-user-information">

<tbody>

<tr>

<td style="vertical-align: middle;">Datum Registracije</td>

<td><input type='text' disabled class='form-control' value="<?php echo date('d-m-Y H:i',$this->session->userdata('datum_registracije')); ?>" /></td>

</tr>

<tr>

<td style="vertical-align: middle;">Poslednja Poseta</td>

<td><input type='text' disabled class='form-control' value="<?php echo date('d-m-Y H:i',$this->session->userdata('poslednja_poseta')); ?>" /></td>

</tr>

<tr>

<td style="vertical-align: middle;">Grad</td>

77

<td>


<input type="hidden" name="id" class='hdn_grad' value='<?php echo $this->session->userdata('id_grad'); ?>'>

<button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown" name="id">

<?php echo $this->session->userdata('grad'); ?><span class="caret"></span>

</button>

<ul class="dropdown-menu" name='<?php echo $grad->id_grad; ?>' role="menu">

<?php foreach ($gradovi as $grad) { ?>

<li name="<?php echo $grad->id_grad ?>"><a href="#"><?php echo $grad->naziv; ?></a></li>

<?php } ?>

</ul>

</div>

</td>

</tr>

<tr>

<td style="vertical-align: middle;">Adresa</td>

<td><input type='text' class='form-control adresa' value="<?php echo $this->session->userdata('adresa'); ?>" /></td>

</tr>

<tr>

<td style="vertical-align: middle;">Email</td>

<td><input disabled type='text' class='form-control' value="<?php echo $this->session->userdata('email'); ?>" /></td>

</tr>

<td style="vertical-align: middle;">Broj telefona</td>

<td><input type='number' class='form-control broj_telefona' value="<?php echo $this->session->userdata('telefon'); ?>" />

</td>

78

</tr>

</tbody>

</table>



<a style="color:#fff;float:right;margin-right:5px;" class="btn btn-primary profilniPodaci" uib-popover="I fade in and out!">Sacuvaj</a>

</div>

</div>

</div>

<div class="panel-footer" style="height:75px;">



<span class="pull-right" style="padding:0px 0px 6px 0px !important;">

<a style="cursor:pointer;" href="edit" data-original-title="Edit this user" data-toggle="tooltip" type="button" class="btn btn-sm btn-warning"><i class="glyphicon glyphicon-edit"></i><p>Vase narudzbine</p></a>



</span>

</div>

</div>

</div>

</div>

79

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">

<div class="modal-dialog" role="document">

<div class="modal-content">

<div class="modal-header">

<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>

<h4 class="modal-title" id="myModalLabel">Modal title</h4>

</div>

<div class="modal-body">

...

</div>

<div class="modal-footer">

<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>

<button type="button" class="btn btn-primary" popover-animation="true" uib-popover="I fade in and out!">Save changes</button>

</div>

</div>

</div>

</div>

80

</div>



81


</div>


</div>

4.1.17 izmena_proizvodi.php

<?php

echo "




if($this->uri->segment(3)=='proizvodi'){

foreach ($podaci as $proizvodi) {

?>


<form enctype="multipart/form-data" method="post" action='<?php print_r(base_url()); echo "administrator/izmena_proizvoda"; ?>'>

<label>Naziv</label>

<input type='text' class='form-control proizvodNaziv' name='naziv' value='<?php echo $proizvodi->naziv; ?>'><br />

<label>Cena</label>

<input type='number' class='form-control proizvodCena' name='cena' value='<?php echo $proizvodi->cena; ?>'><br />

<label>Lager</label>

<input type='number' class='form-control proizvodLager' name='lager' value='<?php echo $proizvodi->lager; ?>'><br />

<label>Stanje</label><br/>

82

<?php if($proizvodi->aktivan==1){

echo "<input type='checkbox' class='chb_aktivan' name='chb_aktivan' checked/> Aktivan";

}

else{

echo "<input type='checkbox' class='chb_aktivan' name='chb_aktivan'/> Aktivan";

}

?>

<br/><br/>

<label>Opis</label>

<textarea class='form-control proizvodOpis' rows='5' id='comment' name='opis'>

<?php echo $proizvodi->opis; ?>

</textarea><br />

<label>Slika</label>

<input type='file' id='userfile' name='userfile' class='btn btn-primary' /><br/>


<input type='hidden' class='proizvodId' name='id' value='<?php echo $proizvodi->id_proizvodi; ?>'>

</form>

</div>


</div>

</div>

</div>

<?php

}

}

?>

4.1.18 izmena_slajder.php

83

<?php

echo "




if($this->uri->segment(3)=='slajder'){

foreach ($podaci as $slajder) {

echo "


<form method='post' action='"; print_r(base_url()); echo "administrator/izmena_slajder'>

<input type='text' class='form-control' name='naziv' value='".$slajder->naziv."'><br />

<input type='text' class='form-control' name='putanja' value='".$slajder->putanja."'><br />

<input type='text' class='form-control' name='opis' value='".$slajder->opis."'><br />

<input type='text' class='form-control' name='link' value='".$slajder->link."'><br />


<input type='hidden' name='id' value='".$slajder->id_slajder."'>

</form>

</div>


</div>

</div>

</div>";

}

}

?>

84

4.1.19 izmena_uloga.php

<?php

echo "




if($this->uri->segment(3)=='uloga'){

foreach ($podaci as $uloga) {

echo "


<form method='post' action='"; print_r(base_url()); echo "administrator/izmena_uloga'>

<input type='text' class='form-control' name='naziv' value='".$uloga->naziv."'><br />


<input type='hidden' name='id' value='".$uloga->id_uloga."'>

</form>

</div>


</div>

</div>

</div>";

}

}

?>

4.1.20 listview.php

85


<div style='border-bottom:3px solid#432121;height:auto;'>


<?php

$link=trim(str_replace('-', ' ', $kategorija));



?>



</div>

<div class="link col-sm-12 col-md-2 stranicenjeOmot">

<?php

$poStrani=$limit;


if($ukupno==0){

echo "<div style='float:left;padding:6px;color:#fff;' name='1' class='activePage link displayStyle'>1</div>";

}

else{


$kreceOd=$trenutnaStrana-2;

$ideDo=$trenutnaStrana+2;

if($kreceOd<1){

$kreceOd=1;

$ideDo=5;


$ideDo=$brojStrana;

}

}

86


$ideDo=$brojStrana;

$kreceOd=$brojStrana-4;

if($kreceOd<1){

$kreceOd=1;

}

}


$ideDo=$brojStrana;

}

if($kreceOd>1){

echo "<div style='float:left;padding:6px;' class='link displayStyle' name='1'>

<span class='glyphicon glyphicon-backward' style='font-size:12px;'></span>

</div>";

}

for($i=$kreceOd;$i<=$ideDo;$i++){

if($i==$trenutnaStrana){

echo "<div style='float:left;padding:6px;color:#fff;' name='$i' class='activePage link displayStyle'>$i</div>";

}

else{

echo "<div style='float:left;padding:6px;' class='stranicenjeLink link displayStyle' name='$i'>$i</div>";

}

}

if($ideDo<$brojStrana){

echo "<div style='float:left;padding:6px;' class='link displayStyle' name='$brojStrana'>

<span class='glyphicon glyphicon-forward' style='font-size:12px;'></span>

</div>";

87

}

}

?>


</div>

<div class="col-sm-12 col-md-6">


<span name='gridview' class="glyphicon glyphicon-th dis displayStyle " style='font-size:26px;margin-right:10px;'></span>

<span name='listview' class="glyphicon glyphicon-th-list dis displayStyle gridActive" style='font-size:26px;'></span>

</div>


<span name="DESC" class="glyphicon sort displayStyle glyphicon-chevron-up <?php if($sort=='DESC'){ echo "sortActive"; } ?>" style='font-size:26px;margin-right:10px;'></span>

<span name="ASC" class="glyphicon sort displayStyle glyphicon-chevron-down <?php if($sort=='ASC'){ echo "sortActive"; } ?>" style='font-size:26px;'></span>

</div>



<?php

if($sortby=='naziv'){

?>



<?php

}

else{

?>



<?php } ?>

88

</select>

</div>



<?php

if($limit==12){

?>




<?php

}

else if($limit==16){

?>




<?php }

else{

?>




<?php } ?>

</select>

</div>


</div>


</div>

89


</div>


$vreme=mktime(); ?>

<div class='col-sm-12' style='border-bottom:2px solid #635742;width:100%;height:auto;padding:0px !important'>

<?php


<div class='col-md-4 col-lg-3 col-xs-8 slikaProizvoda' style='padding-left:0px !important;padding-right:0px !important'>

<img src='<?php echo base_url(); ?><?php echo $proizvod->slika_akcije ?>' style='position:absolute;width:20%;height:55px;bottom:10px;left: 16%;'>

<img src='<?php echo base_url(); ?><?php echo "images/akcija.png"; ?>' class='akcija1' style='position:absolute;width:27%;height:85px;top:4px;left: 47.5%;'>

<img src='<?php echo base_url(); ?>uploads/<?php echo $proizvod->slika; ?>' alt='Image 01' class='img-rounded proizvodjedan' style='width:60%;height:178px;margin:10px 12.5%;float:none;' />


</div>

<?php

}

else{

?>

<div class='col-md-4 col-lg-3 col-xs-8 slikaProizvoda' style='padding-left:0px !important;padding-right:0px !important'>


</div>

<?php

}

?>

<div class='col-sm-8' style='margin-top:20px;'>

90

<div class='col-sm-10 proizvodNaslov' style='height:50px;width:100%;padding-left:0px;'>

<h5 class='naslov' style='text-transform: uppercase;text-align:left;'><?php echo $proizvod->naziv; ?></h5>

</div>

<br />

<p class='opis' style='margin-left:0px;white-space:normal;'><?php echo $proizvod->opis; ?></p>

<br/>

<div class='single-but item_add col-sm-9 col-md-5' style='margin-top:20px;'>

<div class='proizvodButtons' style='float:left'>


<input type='submit' style='width:45%;border:3px solid #635742;float:left' value='Detaljnije' />

</a>

<?php

$vreme=time();

if($vreme>$proizvod->pocetak_akcije && $vreme<$proizvod->kraj_akcije){




}

else{


}

?>

<input type='submit' style='color:#635742;float:left;background-color:#fff;width:55%;font-weight: bold;border:3px solid #635742' value='<?php echo number_format($broj,2,",","."); echo " RSD"; ?>'/>

</div>

</div>

<br />

91

</div>

<div class="cleaner"></div><br/>

</div>


<?php } ?>

</div>


4.1.21 nav.php

<nav class="navbar navbar-default navbar-inverse" role="navigation">

<div class="container-fluid">



<div class="navbar-header">

<a href="<?php print_r(base_url()); ?>"><img style="width:130px;height:60px;cursor:pointer;" src="<?php print_r(base_url()); ?>images/logo.png" /></a>

<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">

<span class="sr-only">Toggle navigation</span>

<span class="icon-bar"></span>



</button>

</div>



<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">

<ul class="nav navbar-nav navbar-left">

<?php

92

foreach($navi as $link)

{

echo "<li><a style='cursor:pointer;' href='";print_r(base_url()); echo $link->putanja."' >".$link->naziv."</a></li>";

}

?>

</ul>

<ul class="nav navbar-nav navbar-right">

<?php if($this->session->userdata('ulogovan')!=1){ ?>

<li><a style='cursor:pointer;' href="<?php print_r(base_url()); ?>stranice/registracija">Registracija</a></li>

<?php } ?>

<?php if($this->session->userdata('ulogovan')!=1) { ?>

<li class="dropdown">

<a style='cursor:pointer;' href="#" class="dropdown-toggle" data-toggle="dropdown" value="Login"><b>Login</b> <span class="caret"></span></a>



<span style="display:none">Login</span>

<ul id="login-dp" class="dropdown-menu" style="padding-top:0px !important">

<li>

<div class="row">

<div class="col-md-12">

<br />

<form class="form" id="login-nav" method="post" action="<?php print_r(base_url()); ?>login/logovanje" role="form" name="form" accept-charset="UTF-8">

<div class="form-group">

<label class="sr-only" for="exampleInputEmail2">KorisniÄko ime:</label>� <input type="text" name="tbUser" class="form-control" id="exampleInputEmail2" placeholder="KorisniÄko ime" required>� </div>


<label class="sr-only" for="exampleInputPassword2">Lozinka:</label>

93

<input type="password" name="tbPass" class="form-control" id="exampleInputPassword2" placeholder="Lozinka" required>



</div>


<button type="submit" class="btn btn-primary btn-block">Loguj me</button>

</div>

</form>

</div>

</div>

</li>

</ul>

</li>

<?php }else{

$ukupno_proizvoda = 0;

$ukupno_cena = 0;

$ukupna_cena_proizvoda = 0;

foreach ($korisnik_korpa as $jedan) {

$ukupno_proizvoda = $ukupno_proizvoda + $jedan->broj;

$ukupno_cena = $ukupno_cena + $jedan->ukupno;

$ukupno = $jedan->cena*$jedan->kol;

$ukupna_cena_proizvoda = $ukupna_cena_proizvoda + $ukupno;

}

echo "<li><a style='cursor:pointer;' href='"; print_r(base_url()); echo "stranice/korpa_kasa'>

<div class='hdnTablet' style='float: left;'>

".$ukupna_cena_proizvoda." RSD

(".$ukupno_proizvoda;

if($ukupno_proizvoda>1)

{

94

echo " artikla";

}

else if($ukupno_proizvoda==0)

{

echo " prazna korpa";

}

else

{

echo " artikl";

}

echo ")</div><img src='"; print_r(base_url()); echo "images/korpica.png' style='margin-bottom:8px;margin-left:3px;' class='glyphicon glyphicon-shopping-cart' >



</a><div class='cleaner'></div></li>";

echo "<li><a style='cursor:pointer;' href='"; print_r(base_url()); echo "/stranice/profil'>";

echo "<div class='col-sm-1 mobilniSlika' style='height:45px !important;width:85px !important;float:left'>

<div class='thumbnail' style='margin-top: -15px !important;padding:2px !important;' >";

if($this->session->userdata('slika_korisnika')!=NULL){

echo "<img class='img-responsive user-photo' src='"; print_r(base_url()); echo "uploads/users/".$this->session->userdata('slika_korisnika')."'>";

}

else{

echo "<img class='img-responsive user-photo' src='https://ssl.gstatic.com/accounts/ui/avatar_2x.png'>";

}

echo "</div>

</div>";

95

echo "<div class='mobilniUsername' style='float:left'> <div class='hdnTablet'>&nbsp".$this->session->userdata('username')."</div></div>";

echo "</a><div class='cleaner'></div></li><li><a style='cursor:pointer;' href='";print_r(base_url()); echo"login/logout'>Logout</a>";

} ?>

</ul>

</div>

</div>

</nav>





4.1.22 o_nama.php

<div id="tooplate_main_wrapper">





<div class="row">


<div class="well well-sm">

<?php echo validation_errors('<div class="alert alert-danger">', '</div>');

$atributi = array('class' => 'form-horizontal'); ?>

<?php echo form_open('stranice/posalji',$atributi); ?>

96

<fieldset>

<legend class="text-center header">Kontaktirajte nas</legend>


<div class="col-md-10 col-md-offset-1">

<?php print form_input(array('id' => 'tbIme', 'name' => 'tbIme', 'class' => 'form-control', 'placeholder' => 'VaÅ¡Ðµ ime', 'value' => set_value('tbIme'))); ?>



<b><span id="imeg"></span></b>

</div>

</div>



<?php print form_input(array('id' => 'tbPrezime', 'name' => 'tbPrezime', 'class' => 'form-control', 'placeholder' => 'VaÅ¡Ðµ prezime', 'value' => set_value('tbPrezime'))); ?>



<b><span id="prezimeg"></span></b>

</div>

</div>



<?php print form_input(array('id' => 'tbMail', 'name' => 'tbMail', 'class' => 'form-control', 'placeholder' => 'E-mail adresa', 'value' => set_value('tbMail'))); ?>



<b><span id="emailg"></span></b>

</div>

</div>

97

<?php print form_input(array('id' => 'tbBroj', 'name' => 'tbBroj', 'class' => 'form-control', 'placeholder' => 'Broj telefona', 'value' => set_value('tbBroj'))); ?>



<b><span id="brojg"></span></b>

</div>

</div>



<?php print form_textarea(array( 'id' => 'taporuka', 'name' => 'taporuka', 'class' => 'form-control',

'placeholder' => 'VaÅ¡ sarÅ¾aj poruke','rows' => '7', 'value' => set_value('taporuka'))); ?>



<b><span id="porukag"></span></b>

</div>

</div>


<div class="col-md-12 text-center">



<button name="btnUnesi" type="button" class="btn btn-primary btn-lg" onClick="Provera();">PoÅ¡alji</button>

<?php print form_close(); ?>

</div>

</div>

98

</fieldset>

</div>

</div>


<div class="panel panel-default col-xs-12">

<div class="text-center header">Adresa</div>

<div class="panel-body text-center">

<h4>CAT SHOP</h4>

<div>

ÄuÅ¡ina 9<br />� 11000 Beograd, Palilula<br />

+381 62 676579<br />

[email protected]<br />

</div>

<hr />

<div id="map1" class="map col-xs-12">

</div>

</div>

</div>

</div>

</div>

</div>

</div>

<script src="http://maps.google.com/maps/api/js?sensor=false"></script>


jQuery(function ($) {

function init_map1() {

99


</div>


</div>

4.1.23 podaci.php

<?php

$max=0;

$brojac=1;

foreach($minmax as $cen){

if($brojac==1){

$min=$cen->cena;

}

$brojac++;

if($cen->cena<$min){

$min=$cen->cena;

}

if($cen->cena>$max){

$max=$cen->cena;

}

}

?>




<div class="post col-sm-3 container">

<div class='list-group'>

<p>

101

<input type='hidden' class='minCena' value='<?php echo $min; ?>' />

<input type='hidden' class='maxCena' value='<?php echo $max; ?>' />

<input type='hidden' class='najmanjaCena' value='<?php echo $min; ?>'/>

<input type='hidden' class='najvecaCena' value='<?php echo $max; ?>'/>

<label for="amount">Cena: </label>

<input type="text" id="amount" readonly style="border:0; color:#333; font-weight:bold;background:#BCB19B">

</p>

<br/>

<div id="slider-range"></div>

</div>


<h3>Pretraga</h3>

<div style='width:100%;height:45px;margin-top:10px;'>

<input class='form form-control pretraga' placeholder='Pretrazi'/>

</div>

</div>

<div class="list-group">

<h3 class='toggler' name='kategorije-tab'>Kategorije</h3>

<ul class="nav nav-pills nav-stacked kategorije-tab">

<?php foreach($podkategorije as $kategorija){ ?>

<li class='displayStyle kategorija' name='<?php echo $kategorija->id_kategorije; ?>'><a href="#"><?php echo $kategorija->naziv; ?></a></li>

<?php } ?>

</ul>

</div> <div class="list-group">

<h3 class='toggler' name='akcije-tab'>Akcije</h3>

<ul class="nav nav-pills nav-stacked akcije-tab">

<?php foreach($akcije as $akcija){ ?>

102

<li class='displayStyle akcija' name='<?php echo $akcija->id_akcija; ?>'><a href="#"><?php echo $akcija->tip_akcije; ?></a></li>

<?php } ?>

</ul>

</div>


<h3 class='toggler' name='brendovi-tab'>Brendovi</h3>

<div class='brendovi-tab ' style="border: 1px solid #fff;border-right:none;margin-top:10px;">

<div class="scroller " style="padding:0px;height:250px !important;" >

<?php foreach($brendovi as $brend){ ?>

<div class="checkbox">

<label><input class='brend displayStyle' value='<?php echo $brend->id_brend; ?>' type="checkbox" name="checkbox"><i></i><?php echo $brend->naziv_brenda; ?></label>

</div>

<?php } ?>

</div>

</div>

</div>

</div>

<div class="col-sm-9" id="proizvodi" style='padding:0'>


<div style='border-bottom:3px solid #635742;height:auto;'>


<?php

$link=trim(str_replace('-', ' ', $this->uri->segment(3)));



103

?>



</div>

<div class='col-sm-12 col-md-2 stranicenjeOmot'>

<?php

$poStrani=sizeof($pocetni);



$brojLinkova=$brojStrana;

if($brojLinkova>5){

$brojLinkova=5;

}

echo "<div style='float:left;padding:6px;color:#fff;' class='activePage' name='1'>1</div>";

for($i=2;$i<=$brojLinkova;$i++){

echo "<div style='float:left;padding:6px;' name='$i' class='stranicenjeLink displayStyle'>$i</div>";

}

?>


</div>



<span name='gridview' class="glyphicon glyphicon-th displayStyle dis" style='font-size:26px;margin-right:10px;'></span>

<span name='listview' class="glyphicon glyphicon-th-list displayStyle gridActive dis" style='font-size:26px;'></span>

</div>

104


<span name='DESC' class="glyphicon glyphicon-chevron-up displayStyle sort" style='font-size:26px;margin-right:10px;'></span>

<span name='ASC' class="glyphicon glyphicon-chevron-down displayStyle sort sortActive" style='font-size:26px;'></span>

</div>





</select>

</div>






</select>

</div>


</div>


</div>

</div>


<br/>


$vreme=mktime(); ?>

<div class='col-sm-12' style='border-bottom:2px solid #635742;width:100%;height:auto;padding:0px !important'>

<?php

105


<div class='col-lg-3 col-md-4 col-xs-8 slikaProizvoda' style='padding-left:0px !important;padding-right:0px !important'>

<img src='<?php echo base_url(); ?><?php echo $proizvod->slika_akcije ?>' class='procenat' style='position:absolute;width:20%;height:55px;bottom:10px;left: 16%;'>

<img src='<?php echo base_url(); ?><?php echo "images/akcija.png"; ?>' class='akcija1' style='position:absolute;width:27%;height:85px;top:4px;left: 47.5%;'>



</div>

<?php




}

else{


?>

<div class='col-lg-3 col-md-4 col-xs-8 slikaProizvoda' style='padding-left:0px !important;padding-right:0px !important'>


</div>

<?php

}

?>

<div class='col-sm-8' style='margin-top:20px;'>

106

<div class='col-sm-10 proizvodNaslov' style='height:50px;width:100%;padding-left:0px;'>

<h5 class='naslov' style='text-transform: uppercase;text-align:left;'><?php echo $proizvod->naziv; ?></h5>

</div>

<br />

<p class='opis' style='margin-left:0px;white-space:normal;'><?php echo $proizvod->opis; ?></p>

<br/>

<div class='single-but item_add col-sm-9 col-md-5' style='margin-top:20px;'>

<div class='proizvodButtons' style='float:left'>


<input type='submit' style='width:45%;border:3px solid #635742;float:left' value='Detaljnije' />

</a>

<?php ?>

<input type='submit' style='color:#635742;float:left;background-color:#fff;width:55%;font-weight: bold;border:3px solid #635742' value='<?php echo number_format($broj,2,",","."); echo " RSD"; ?>'/>

</div>

</div>

<br />

</div>

<div class="cleaner"></div><br/>

</div>


<?php } ?>

</div>


</div>


</div>

107

4.1.24 profil.php

<div id="tooplate_main_wrapper" >

<div id="tooplate_main"style='padding-top:0;'>

<div id="content_top" style='padding-top:0'>


<div class='row'></div>

<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 col-xs-offset-0 col-sm-offset-0 col-md-offset-3 col-lg-offset-3 toppad" style='padding:0;'>

<div class="panel panel-info" style="border:1px solid #635742 !important">

<div style="color:#fff;background-color:#635742 !important" class="panel-heading">

<div style='float:left;width:50%;' align='left'>

<h3 class="panel-title"><?php echo $this->session->userdata('prezime')." ".$this->session->userdata('ime')." (".$this->session->userdata('username').")"; ?></h3>

</div>


</div>

<div class="panel-body">

<div class="row rowTabela" style="color:#000;background-color:#fff;">

<div class="col-md-3 col-lg-3 col-xs-12" align="center" style=' margin-bottom: 5px;'> <img alt="User Pic" src="<?php print_r(base_url()); echo "uploads/users/".$this->session->userdata('slika_korisnika'); ?>" class="img-circle img-responsive"> </div>

<div class=" col-md-9 col-lg-9 col-xs-12 omotTabele">

<table class="table table-user-information">

<tbody>

<tr>

108

<td>Datum Registracije</td>

<td><?php echo date('M d, Y, H:i', $this->session->userdata('datum_registracije')); ?></td>

</tr>

<tr>

<td>Poslednja Poseta</td>

<td><?php echo date('M d, Y, H:i', $this->session->userdata('poslednja_poseta')); ?></td>

</tr>

<tr>

<td>Grad</td>

<td><?php echo $this->session->userdata('grad'); ?></td>

</tr>

<tr>

<tr>

<td>Postanski broj</td>

<td><?php echo $this->session->userdata('postanski_broj'); ?></td>

</tr>

<tr>

<td>Adresa</td>

<td><?php echo $this->session->userdata('adresa'); ?></td>

</tr>

<tr>

<td>Email</td>

<td><a href="mailto:<?php echo $this->session->userdata('email'); ?>"><?php echo $this->session->userdata('email'); ?></a></td>

</tr>

<td>Broj telefona</td>

<td><?php echo $this->session->userdata('telefon'); ?>

</td>

109

</tr>

</tbody>

</table>



<a style="color:#fff;float:right;margin-right:5px;" href="<?php print_r(base_url()); echo 'stranice/izmena_profila'; ?>" class="btn btn-primary" uib-popover="I fade in and out!">Izmeni Profilne Podatke</a>

</div>

</div>

</div>

<div class="panel-footer" style="height:75px;">



<span class="pull-right" style="padding:0px 0px 6px 0px !important;">

<a style="cursor:pointer;" href="edit" data-original-title="Edit this user" data-toggle="tooltip" type="button" class="btn btn-sm btn-warning"><i class="glyphicon glyphicon-edit"></i><p>Vase narudzbine</p></a>



</span>

</div>

</div>

</div>

</div>

110

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">

<div class="modal-dialog" role="document">


<div class="modal-header">

<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>

<h4 class="modal-title" id="myModalLabel">Modal title</h4>

</div>


...

</div>

<div class="modal-footer">

<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>

<button type="button" class="btn btn-primary" popover-animation="true" uib-popover="I fade in and out!">Save changes</button>

</div>

</div>

</div>

111

</div>

</div>



112


</div>


</div>

4.1.25 proizvod.php





<div class="col-md-12" style='padding:0'>

<div class="col-md-4 col-sm-12" >

<ul >

<?php foreach ($proizvod as $jedan) {

echo "<li class='glavnaSlika glavnaActive' name='1' data-thumb='"; print_r(base_url()); echo "uploads/".$jedan->slika."'>

<div class='thumb-image'><img src='"; print_r(base_url()); echo "uploads/".$jedan->slika."' style='height:auto; width: 100% !important;

padding: 0 !important;' data-imagezoom='true' class='img-responsive' alt=''/> </div>

</li>";

}

$i=1;

foreach ($slike as $slika) {

113

$i++;

echo "<li class='glavnaSlika hidden' name='".$i."' data-thumb='"; print_r(base_url()); echo "uploads/".$slika->putanja."'>

<div class='thumb-image'><img src='"; print_r(base_url()); echo "uploads/".$slika->putanja."' style='height:auto;width:auto !important' data-imagezoom='true' class='img-responsive' alt=''/> </div>

</li>";

}

?>

</ul>

<div class='clear'></div>

<div class="col-sm-12" style="padding:0;margin-top:10px;margin-left:5px;">

<?php

$i=1;

foreach ($slike as $slika) {

$i++;

$style="";

if($i>4){

$style='margin-top:10px';

}

echo "<div class='col-xs-4 smallImage' name='".$i."' style='max-width:100px'>

<img src='"; print_r(base_url()); echo "uploads/".$slika->putanja."' style='height:85px;max-width:100%' class='img-responsive' alt=''/>

</div>"

; } ?>


</div>



<script src="<?php print_r(base_url()); ?>js/imagezoom.js"></script>

<script defer src="<?php print_r(base_url()); ?>js/jquery.flexslider.js"></script>

<script>

114

// Can also be used with $(document).ready()

$(window).load(function() {

$('.flexslider').flexslider({

animation: "slide",

controlNav: "thumbnails"

});

});

</script>

</div>

<?php foreach ($proizvod as $jedan) { ?>

<div class="col-md-5 single-text">

<div class="details-left-info simpleCart_shelfItem">

<h3 style="margin-top:-5px !important"><?php echo $jedan->naziv; ?></h3>

<?php

echo "<div class='price_single'>";

$cena1=$jedan->cena;

$cena=$jedan->cena;

$akcija=$jedan->procenat;

$cena2= $cena-($cena*$akcija/100);

echo "<span>Cena:</span>";

115

if($jedan->id_akcija!='0'){

echo "<span class='reducedfrom' style='font-size:19px'>&nbsp"; echo number_format($cena1,2,",","."); echo " </span>";

echo "<span class='actual item_price' style='font-size:19px'>&nbsp"; echo number_format($cena2,2,",","."); echo " RSD</span>";

}else

{

echo "<span class='actual item_price' style='font-size:19px'>&nbsp"; echo number_format($cena1,2,",","."); echo " </span>";

}

echo"</div>";

?>

<h2 class="quick">Opis proizvoda:</h2>

<p class="quick_desc"><?php echo $jedan->opis; ?></p>

<h2 class="quick">Stanje:</h2>

<?php if($jedan->aktivan>0){

echo "<p style='color:green'>na stanju</p>";

}

else{

echo "<p style='color:red'>trenutno nema na stanju</p>";

}?>

<?php if($this->session->userdata('ulogovan')==1){ ?>

<div class="quantity_box">

<span>KoliÄina:</span>� <div class="product-qty">

<?php if($jedan->aktivan>0){

116

echo "<input id='kolicina' min='1' max='".$jedan->lager."' type='number'>";

}

else{

echo "<input id='kolicina' min='1' max='".$jedan->lager."' type='number' disabled>";

} ?>

</div>

</div>

<div class="clearfix"> </div>

<div class="single-but item_add">

<?php if($jedan->aktivan>0){ ?>

<?php echo "<input type='button' class='btn btn-primary korpa' data-lager='".$jedan->lager."' name='".$jedan->id_proizvodi."' value='dodaj u korpu'/>"; ?>

<?php }else{

echo "<input type='button' class='btn btn-primary korpa' data-lager='".$jedan->lager."' name='".$jedan->id_proizvodi."' value='dodaj u korpu' disabled/>";

} ?>

</div>

<?php }else{

echo "<div class='single-but item_add'>

<p>Kupovinu mogu da obave samo registrovani korisnici.<br />

Registraciju moÅ¾ete obaviti <a href='"; print_r(base_url()); echo"stranice/registracija'>OVDE</a>.</p></div>";

}

?>

</div>

</div>

<div class="clearfix"></div>

<?php } ?>

<br/><br/>

117

<div class="container proizvodTaboviContainer">

<ul class="nav nav-tabs proizvodTabovi">

<li class="active"><a data-toggle="tab" href="#home">DETALJNIJE</a></li>

<li><a data-toggle="tab" href="#menu1">POMOÄ†</a></li>

<?php

$komentari=$this->upiti->prikaz_komentara();

$prebroj = count($komentari);

?>

<li><a data-toggle="tab" href="#menu2">KOMENTARI(<?php echo $prebroj; ?>)</a></li>

<li><a data-toggle="tab" href="#menu3">ÄŒESTA PITANJA</a></li>

</ul>

<div class="tab-content">

<div id="home" class="tab-pane fade in active komentariTab">

<br/>

<h3>DETALJNIJE</h3>

<br/>

<p><?php echo $jedan->opis; ?></p>

<br/>

</div>

<div id="menu1" class="tab-pane fade komentariTab pomocSlike">

<br/>

<h3>POMOÄ†</h3>

<br/>

<div class="col-sm-2 col-xs-4">

<a href="#" style="cursor:pointer" data-toggle="modal" data-target="#dostava">

<img src="<?php print_r(base_url()); echo "images/dostava.png"; ?>" style="height:100px;width: 75%; margin-left: 12.5%;cursor:pointer" >

<p style="text-align:center">Dostava</p></a>

118

<div class="modal fade" id="dostava" role="dialog">

<div class="modal-dialog">




<div class="modal-header" style="background-color:#635742 !important;color:#fff">

<button type="button" class="close" data-dismiss="modal">×</button>

<h3 class="modal-title">Dostava</h3>

</div>


<p>ROK ISPORUKE JE DO 2 RADNA DANA. Kako bismo Vam ponudili SVE što uvoznici i proizvođači opreme za kućne ljubimce u Srbiji imaju, artikle nabavljamo tek po prijemu porudžbine od Vas. Svi artikli nisu dostupni u svakom momentu te se rok isporuke može produžiti. U slučaju da je za određene artikle potrebno da čekate duže od navedenog roka, obavestićemo Vas putem mejla ili na telefona koji ste ostavili prilikom poručivanja.

<br /><br/>

Naručene proizvode će na Vašu kućnu adresu doneti kurir. Isporuka naših proizvoda kurirskom služ bom Bex se vrši na terotoriji R. Srbije <b> bez Kosova </b>.

<br /><br/>

Za poručene proizvode naplaćuju se dodatni troškovi isporuke koji se automatski dodaju na iznos Vaše porudžbine.

<br /><br/>

Troškovi isporuke za sve pakete u koje ne ulaze veći džakovi hrane i posipi za mačke su 270 rsd. Svi pakete koji sadrže džakove hrane, pakete konzervi i posipe za mačke teže od 10 kg, podležu cenovniku dostave po osnovu težine pošiljke i to:<br/>

<br/>

119

<ul>

<li>do 10 kg = 270 rsd</li>

<li>10 - 30 kg = 500 rsd</li>

<li>30 - 50 kg = 800 rsd</li>

<li>preko 50 kg = 1200 rsd</li>

</ul>

<br /><br/>

Cena dostave za Va&#353u porudzbinu biće izražena u korpi prilikom potvrđivanja porudzbine.

</div>

</div>

<div class="modal-footer" style="background-color:#635742 !important;">

<button type="button" class="btn btn-primary" style="background-color:#fff !important;color:#635742 !important;" data-dismiss="modal">Izlaz</button>

</div>

</div>

</div>

</div>

120

<a href="#" style="cursor:pointer" data-toggle="modal" data-target="#garancija">

<img src="<?php print_r(base_url()); echo "images/garancija.png"; ?>" style="height:100px;width: 75%;margin-left: 12.5%;;cursor:pointer" >

<p style="text-align:center">Garancija</p></a>



<div class="modal fade" id="garancija" role="dialog">






<h3 class="modal-title">Garancija</h3>

</div>


<p>Ako vam proizvod iz nekog razloga ne odgovara možete ga vratiti u roku od 15 dana i izvršiti zamenu za neki drugi proizvod iz naše ponude u istoj vrednosti ili skuplji uz dopaltu razlike u ceni. Za proizvode koje vraćate po osnovu garancije sami snosite troškove dostave. Zamenske artikle šaljemo tek po prijemu artikala koje vraćaju, nakon zamene istih od strane veleprodaje.

<br /><br/>

121

Povrat novca vršimo u posebnim situacijama, kada ne postoji adekvatna zamena za artikal kojom kupac nije zadovoljan, ili usluga nije izvršena na adekvatan način. Novac se uplaćuje kupcu na tekući račun u roku od 4 - 7 RADNIH dana od prijema povratne pošiljke. Ne radimo sa gotovinom, novac od poslatih pošiljki nam kurirska služba uplaćuje direktno a tekući račun te Vam s toga novac NE MOŽEMO vraćati u gotovini.

<br /><br/>

<h2>PAKET PO PRIJEMU OBAVEZNO OTVORITI I PROVERITI DA NIJE DOŠLO DO NEKIH OŠTEĆENJA. U SLUČAJU OŠTEĆENJA, ISTO PRIJAVITI KURIRU KAKO BI SE NAPRAVIO ZAPISNIK I U NAJKRAĆEM MOGUĆEM ROKU NADOKNADILA ŠTETA.</h2>

<br /><br/>

Za naknadno utvrđena oštećenja obratite nam se putem kontakt forme ili telefonom. Oštećenja možete prijaviti u roku od najviše 3 dana od datuma preuzimanja paketa!

</div>

</div>



</div>

</div>

</div>

</div>


122

<a href="#" style="cursor:pointer" data-toggle="modal" data-target="#placanje">

<img src="<?php print_r(base_url()); echo "images/placanje.png"; ?>" style="height:100px;width: 75%;margin-left: 12.5%;;cursor:pointer" >

<p style="text-align:center">Placanje</p></a>



<div class="modal fade" id="placanje" role="dialog">






<h3 class="modal-title">Placanje</h3>

</div>


<p>Za sve narudžbine sa teritorije Srbije plaćanje se vrši pouzećem.

<br /><br/>

Pravna lica mogu izvršiti plaćanje putem tekućeg računa ali je potrebno da nas o tome prethodno obaveste pute e-mail-a <b>[email protected]</b>

<br /><br/>

Za narudžbine iz inostranstva plaćanje se vrši:

<br /><br/>

<ul>

<li>Preko Paypal-a</li>

<li>Uplatom na devizni račun</li>

123

</ul>

</div>

</div>



</div>

</div>

</div>

</div>

</div>

124

<div id="menu2" class="tab-pane fade">

<br/>

<h3>KOMENTARI</h3>

<div>

<?php

$komentari=$this->upiti->prikaz_komentara();

echo "<br /><div class='container komentariTab' style='padding-left:0px !important'><div class='col-sm-12'>";

if($komentari!=NULL)

{

//echo "<h3 style='text-transform:uppercase'>VaÅ¡i komentari</h3>";

}else

{

echo "<h3 style='text-transform:uppercase'>Trenutno nema komentara za ovaj proizvod</h3>";

}

echo "<br /></div>";

foreach ($komentari as $komentar) {

echo "<div class='row' style='padding-left:0px !important'></div>

<div class='row' style='padding-left:0px !important'>

<div class='col-sm-1 col-xs-3 komentariTabs'>

<div class='thumbnail'>";

if($komentar->slika_korisnika!=NULL){

125

echo "<img class='img-responsive user-photo' src='"; print_r(base_url()); echo "uploads/users/".$komentar->slika_korisnika."'>";

}

else{

echo "<img class='img-responsive user-photo' src='https://ssl.gstatic.com/accounts/ui/avatar_2x.png'>";

}

echo "</div>

</div>

<div class='col-sm-6 col-xs-9 komentariTabs'>

<div class='panel panel-default'>

<div class='panel-heading' style='background-color:#635742;border-color:#635742'>

<strong>".$komentar->username."</strong>

<span class='text-muted' style='color:#CACACA;float:right;padding:0px !important'>";

$t=$komentar->vreme;

echo "<td>".date("H:s - M.d.Y",$t)."</span></div>

<div class='panel-body' style='color:#635742;word-break: break-all'>

".$komentar->tekst_komentara."

</div>

</div>

</div>

</div>";

} ?>

<?php if($this->session->userdata('ulogovan')==1){ ?>

<div class="row" style="width:95%;margin-left: -24px;padding-left:0px !important ">

<form method="post"><br />

126

<p style="margin-left:30px;">Ostavite komentar:</p><br/>

<textarea class="form-control komentar" style="width:60%;margin-left:30px;" name="komentar"></textarea>

<br /><input style="margin-left:30px;" name="<?php echo $jedan->id_proizvodi;?>" type="submit" class="btn btn-primary btnkomentar" value="Postavi">

</form></div>

<?php } ?>

</div>

</div>

</div>

<div id="menu3" class="tab-pane fade komentariTab">

<br/>

<h3>ÄŒESTA PITANJA</h3>

<br/>

<h4><i>1. Kako razlikovati hranu po kvalitetu?</i></h4>

<br/>

<p><b>AnalitiÄki sastav</b></p>� <p>AnalitiÄki sastav predstavlja prvu� informaciju o hranljivoj vrednosti hrane

i kvantitativnoj zastupljenosti pojedinih hranljivih materija, podrazumeva informaciju

o procentualnoj zastupljenosti proteina, masti, vlakana i pepela. Neki proizvoÄ‘aÄi� navode i koliÄine vitamina, minerala,� aminokiselina....</p>

<br/>

<p><b>Sirovinski sastav</b></p>

<p>Kao Å¡to sama reÄ kaÅ¾e to je skup� sirovina od koje je napravljena hrana, tj. koje

127

su sve sirovine upotrebljene u formulaciji odreÄ‘ene hrane. Sirovinski sastav nam delimiÄno� pruÅ¾a uvid u kvalitet sirovina koje su koriÅ¡Ä‡ene kao i njihovu zastupljenost u hrani.

Univerzalno pravilo je da su one poreÄ‘ane po zastupljenosti u hrani, sa tim Å¡to je prva

sirovina na spisku najzastupljenija. Pojedini proizvoÄ‘aÄi naglaÅ¡avaju procentualnu� zastupljenost pojedinih sirovina.</p><br/>

<h4><i>2. ÄŒime hraniti maÄku u prvim� nedeljama Å¾ivota?</i></h4>

<br/>

<p>* 1-4 nedelje starosti maÄe treba hraniti� formulom ili adaptiranim mlekom za maÄiÄ‡e putem flaÅ¡ice na cuclu ili na Å¡pric.� (flaÅ¡icu potraÅ¾iti u vet. apoteci ili pet shop-u).

Stariji od 4 nedelje veÄ‡ sami mogu da piju mleko i jedu sitno seckano meso, stavite Äiniju sa mlekom / formulom gurnete� malo glavu da se pokvasi njuÅ¡ka tako poÄinju da liÅ¾u nos i polako da piju. Uz Ävrstu hranu uvek Äinija sa sveÅ¾om vodom� � � koju u poÄetku verovatno neÄ‡e piti jer su� navikli samo na mleko.</p>

<br/>

<h4><i>3. Kapi ili tablete?</i></h4>

<br/>

<p>AD kapi sadrze kao sto im ime kaze A i D vitamin. Oba vitamina su neophodna za ugradnju kalcijuma u kosti i daju se zajedno.

Davati jedno bez drugog nema svrhe. na svakom komercijalnom pakovanju kalcijuma pise koliko se daje za odredjenu tezinu.

Pridrzavajte se tih uputstava.</p>

<br/>

</div>

</div>

</div>

128

</div>

</div>


</script>

</script>


</div>

4.1.26 proizvodi.php




<div class="col-sm-8" id="proizvodi" style='float:none;margin:0px auto;' >

<?php foreach ($kategorije as $kategorija) {

$link=str_replace(' ', '-', $kategorija->naziv);

?>

<div class='col-lg-4 col-md-6' style='border:0px solid#000;' >

<a href="<?php echo base_url();echo "proizvodi/kategorije/".$link; ?>">

<div style='margin:0px auto;'>

<h3 style='text-align:center;text-transform:uppercase;font-size:18px;font-family:Helvetica;color:#322d24 '>

129

<?php

echo $kategorija->naziv;

?>

</h3>


<img class='stavke img-circle' src='<?php echo base_url(); echo $kategorija->avatar; ?>' style='cursor:pointer;background-color:#a99e89;width:100%;height:200px;border-radius:10%!important;border:1px solid#322d24 '>

</div>

<br />

</a></div>

<?php } ?>


</div>


</div>


</div>

4.1.27 proizvodiNarudzbina.php

<?php ?>

<table class='table table-hover table-narudzbine'>

<tr style="color:#fff;background-color:#635742 !important">

<th>Slika</th>

<th>Naziv</th>

130

<th>Kolicina</th>

<th>Cena</th>

<tr/>

<?php

foreach($narudzbine as $narudzbina){

$cena=$narudzbina->kolicina*$narudzbina->cena;

echo "<tr>

<td><img src='"; print_r(base_url()); echo "uploads/".$narudzbina->slika."' class='img-rounded img-responsive' style='width:80px;height:1

80px;' ></td>

<td>".$narudzbina->naziv."</td>

<td style='text-align:center'>".$narudzbina->kolicina."</td>

<td>".$cena." RSD</td>

</tr>";

}

?>

</table>

4.1.28 korpa.php




<?php

$ukupno_proizvoda = 0;

131

$ukupno_cena = 0;

$ukupna_cena_proizvoda = 0;

?>

<div class="cart-items">


<h3 class="tittle">Moja korpa</h3>

<?php foreach ($korisnik_korpa as $jedan) {

$ukupno_proizvoda = $ukupno_proizvoda + $jedan->broj;

$ukupno_cena = $ukupno_cena + $jedan->ukupno;

if($jedan->id_akcija!=0){

$cen=$jedan->cena;

$akcija=$jedan->procenat;

$cena=$cen-($cen*$akcija/100);

}

else{

$cena=$jedan->cena;

}

?>

<div class='cart-header'>

<div class='close1 delete_proizvod_korpa' name='<?php echo $jedan->korpa_id; ?>' id='<?php $jedan->korpa_id; ?>'></div>

<div class='cart-sec simpleCart_shelfItem'>

<input type="hidden" class="hdn_korpa" value="<?php echo $jedan->korpa_id; ?>">

132

<input type="hidden" class="hdn_naziv" value="<?php echo $jedan->nazivp; ?>">

<input type="hidden" class="hdn_cena" value="<?php echo $cena; ?>">

<input type="hidden" class="hdn_kolicina" value="<?php echo $jedan->kol; ?>">

<input type="hidden" class="hdn_proizvod" value="<?php echo $jedan->id_proizvodi; ?>">

<div class='cart-item cyc'>

<img src="<?php print_r(base_url()); echo "uploads/".$jedan->slikap; ?>" class='img-responsive' alt=''>

</div>

<div class='cart-item-info'>

<h3>

<a href='#'><?php echo $jedan->nazivp; ?></a>

<span>Vreme dostave: do 48h</span>

</h3>

<ul class='qty'>

<li></li>

</ul>

<div class='delivery'>

<p>Cena : <?php echo $cena." RSD x ".$jedan->kol; ?> kol</p>

<?php

$ukupno = $cena*$jedan->kol;

echo "<br /><p>Ukupno: ";

echo $ukupno; echo " RSD</p>";

133

?>

<span>Kurirska sluÅ¾ba: Postexpress</span>

<div class='clearfix'></div>

</div>

</div>

<div class='clearfix'></div>

</div>

</div>

<?php

$ukupna_cena_proizvoda = $ukupna_cena_proizvoda + $ukupno;

}

?>

<div class='cart-sec simpleCart_shelfItem'>

<div class='cart-header simpleCart_shelfItem'>

<p> Ukupna cena: <?php echo $ukupna_cena_proizvoda." RSD</p>";

if($ukupna_cena_proizvoda<10000){

$sa_dostavom=0;

$sa_dostavom = $ukupna_cena_proizvoda+245;

if($ukupno_proizvoda==0){

134

echo "Vaša korpa je prazna.";

}

else{

echo "<p>Cena dostave: 245 RSD</p>";

echo "<p>Sa dostavom: ".$sa_dostavom." RSD</p>";

}

}

else{

echo "<p>Dostava je besplatna za porudzbine veÄ‡e od 10000 RSD</p>";

}

if($ukupno_proizvoda==0){

echo "<br /><br /><input type='submit' class='btn btn-primary kupi' value='Potvrdi kupovinu' disabled>";

}else{

echo "<br /><br /><input type='submit' class='btn btn-primary kupi' value='Potvrdi kupovinu'>";

}

echo "</div>

</div>";

?>

</div>

135

</div>


</div>


</div>

4.1.29 admin.php




<div class="post col-sm-3 container">

<div class="list-group">

<ul style="width:85%;list-style-type:none !important">

<?php if($this->session->userdata('uloga')==2){ ?>

<li class="li1" name="notifikacije" ><a href="#" class="list-group-item">Izmene (NOTIFIKACIJE)</a>

<ul class="list1 hidden" id="notifikacije" >

<li><a href="#" class="list-group-item lid" name="prikazn">Prikaz notifikacija</a></li>

</ul>

</li>

<?php } ?>

136

<li class="li1" name="proizvodiakcija" ><a href="#" class="list-group-item">Proizvodi na akciji</a>

<ul class="list1 hidden" id="proizvodiakcija" >

<li><a href="#" class="list-group-item lid" name="dodavanjeakpr">Dodavanje</a></li>

<li><a href="#" class="list-group-item lid" name="brisanjeakpr">Brisanje</a></li>

</ul>

</li>

<li class="li1" name="akcija" ><a href="#" class="list-group-item">Upravljanje akcijama</a>

<ul class="list1 hidden" id="akcija" >

<li><a href="#" class="list-group-item lid" name="dodavanjeak">Dodavanje</a></li>

<li><a href="#" class="list-group-item lid" name="brisanjeak">Brisanje/Izmena</a></li>

</ul>

</li>

<li class="li1" name="brend" ><a href="#" class="list-group-item">Upravljanje brendovima</a>

<ul class="list1 hidden" id="brend" >

<li><a href="#" class="list-group-item lid" name="dodavanjeb">Dodavanje</a></li>

<li><a href="#" class="list-group-item lid" name="brisanjeb">Brisanje/Izmena</a></li>

</ul>

</li>

137

<li class="li1" name="kategorija" ><a href="#" class="list-group-item">Upravljanje kategorijama</a>

<ul class="list1 hidden" id="kategorija" >

<li><a href="#" class="list-group-item lid" name="dodavanjek">Dodavanje</a></li>

<li><a href="#" class="list-group-item lid" name="brisanjek">Brisanje/Izmena</a></li>

</ul>

</li>

<li class="li1" name="podkategorija"><a href="#" class="list-group-item">Upravljanje podkategorijama</a>

<ul class="list1 hidden" id="podkategorija" >

<li><a href="#" class="list-group-item lid" name="dodavanjepk">Dodavanje</a></li>

<li><a href="#" class="list-group-item lid" name="brisanjepk">Brisanje/Izmena</a></li>

</ul>

</li>

<li class="li1" name="proizvod"><a href="#" class="list-group-item">Upravljanje proizvodima</a>

<ul class="list1 hidden" id="proizvod" >

<li><a href="#" class="list-group-item lid" name="dodavanjepr">Dodavanje</a></li>

<li><a href="#" class="list-group-item lid" name="brisanjepr">Brisanje/Izmena</a></li>

</ul>

</li>

<li class="li1" name="gradovi"><a href="#" class="list-group-item">Upravljanje gradovima</a>

138

<ul class="list1 hidden" id="gradovi" >

<li><a href="#" class="list-group-item lid" name="dodavanjeg">Dodavanje</a></li>

<li><a href="#" class="list-group-item lid" name="brisanjeg">Brisanje/Izmena</a></li>

</ul>

</li>


<li class="li1" name="korisnici"><a href="#" class="list-group-item">Upravljanje korisnicima</a>

<ul class="list1 hidden" id="korisnici" >



<li><a href="#" class="list-group-item lid" name="brisanjeko">Brisanje</a></li>

</ul>

</li>

<?php } ?>

<li class="li1" name="navigacija"><a href="#" class="list-group-item">Upravljanje navigacijom</a>

<ul class="list1 hidden" id="navigacija" >

<li><a href="#" class="list-group-item lid" name="dodavanjen">Dodavanje</a></li>

<li><a href="#" class="list-group-item lid" name="brisanjen">Brisanje/Izmena</a></li>

</ul>

</li>

<li class="li1" name="slajder"><a href="#" class="list-group-item">Upravljanje slajderom</a>

139

<ul class="list1 hidden" id="slajder" >

<li><a href="#" class="list-group-item lid" name="dodavanjesl">Dodavanje</a></li>

<li><a href="#" class="list-group-item lid" name="brisanjesl">Brisanje/Izmena</a></li>

</ul>

</li>


<li class="li1" name="uloge"><a href="#" class="list-group-item">Upravljanje ulogama</a>

<ul class="list1 hidden" id="uloge" >

<li><a href="#" class="list-group-item lid" name="dodavanjeul">Dodavanje</a></li>

<li><a href="#" class="list-group-item lid" name="brisanjeul">Brisanje/Izmena</a></li>

</ul>

</li>

<?php } ?>

<li class="li1" name="anketa"><a href="#" class="list-group-item">Upravljanje anketama</a>

<ul class="list1 hidden" id="anketa" >

<li><a href="#" class="list-group-item lid" name="dodavanjean">Dodavanje</a></li>

<li><a href="#" class="list-group-item lid" name="brisanjean">Brisanje/Izmena</a></li>

</ul>

</li>

</ul>

140

</div>

</div>



<div id="#admin_prikaz_div" class="col-sm-9 ">

<div class="container col-sm-3 dodavanjek hidden" name="prikaz" >

<form method="post" action="<?php print_r(base_url()); ?>administrator/insert_kategorija">


<li><span style="color:#52493a; font-size: 18px">Unesi naziv kategorije:</span></li><br />

<li><input type="text" name="naziv" class="form-control" id="usr" /></li><br />

141

<li><input type="submit" name="unos" class="btn btn-primary" style="margin:0px auto !important" value="Unesi" /></li>

</ul>

</form>

</div>

<div class="container col-sm-3 dodavanjeb hidden" name="prikaz" >

<form method="post" enctype="multipart/form-data" action="<?php print_r(base_url()); ?>administrator/insert_brend">


<li><span style="color:#52493a; font-size: 18px">Unesi naziv brenda:</span></li><br />

<li><input type="text" name="naziv_brenda" class="form-control" id="usr" /></li><br />

<li><span style="color:#52493a; font-size: 18px">Unesi url(link ka sajtu brenda):</span></li><br />

<li><input type="text" name="url" class="form-control" id="usr" /></li><br />

<li><span style="color:#52493a; font-size: 18px">Unesi sliku brenda</span></li><br />

<li>

<input type="file" name="userfile" id="userfile" size="20" class="btn btn-primary" />



<br />

142

</li>


</ul>

</form>

</div>

<div class="container col-sm-3 dodavanjeakpr hidden" name="prikaz" >

<form method="post" enctype="multipart/form-data" action="<?php print_r(base_url()); ?>administrator/insert_proizvod_akcija">


<li>


<input type="hidden" name="id_proizvod">

<button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown" name="id">Izaberi proizvod...


</button>

<ul class="dropdown-menu" name='1' role="menu">

<?php foreach ($svi_proizvodi as $proizvod) { ?>

<li class="" name="<?php echo $proizvod->id_proizvodi?>"><a class="izabrana_kategorija" href="#"><?php echo $proizvod->naziv; ?></a></li>

<?php } ?>

</ul>

</div><br />

143

</li>

<li>


<input type="hidden" name="id_akcija">

<button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown" name="id">Izaberi akciju...


</button>


<?php foreach ($akcija as $jedna) { ?>

<li class="" name="<?php echo $jedna->id_akcija?>"><a class="izabrana_kategorija" href="#"><?php echo $jedna->tip_akcije; ?></a></li>

<?php } ?>

</ul>

</div><br />

</li>


</ul>

</form>

</div>

<div class="container col-sm-3 brisanjeakpr hidden" name="prikaz" >

144

<form method="post" enctype="multipart/form-data" action="<?php print_r(base_url()); ?>administrator/delete_proizvod_akcija">


<li>


<input type="hidden" name="id_proizvod">

<button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown" name="id">Izaberi proizvod...


</button>


<?php foreach ($svi_proizvodi_na_akciji as $proizvod) { ?>

<li class="" name="<?php echo $proizvod->id_proizvodi?>"><a class="izabrana_kategorija" href="#"><?php echo $proizvod->naziv; ?></a></li>

<?php } ?>

</ul>

</div><br />

</li>


</ul>

</form>

</div>

145

<div class="container col-sm-3 dodavanjeak hidden" name="prikaz" >

<form method="post" enctype="multipart/form-data" action="<?php print_r(base_url()); ?>administrator/insert_akcija">


<li><span style="color:#52493a; font-size: 18px">Unesi pocetak akcije:</span></li><br />

<li><input type="date" name="pocetak_akcije" class="form-control" id="usr" /></li><br />

<li><span style="color:#52493a; font-size: 18px">Unesi kraj akcije:</span></li><br />

<li><input type="date" name="kraj_akcije" class="form-control" id="usr" /></li><br />

<li><span style="color:#52493a; font-size: 18px">Unesi naziv akcije:</span></li><br />

<li><input type="text" name="naziv_akcije" class="form-control" id="usr" /></li><br />

<li><span style="color:#52493a; font-size: 18px">Unesi popust (%) :</span></li><br />

<li><input type="number" style="width:90%" name="popust" class="form-control" id="usr" /></li><br />

<li><span style="color:#52493a; font-size: 18px">Unesi sliku akcijea</span></li><br />

<li>

<input type="file" name="userfile" accept='image/*' id="userfile" size="20" class="btn btn-primary" />



<br />

146

</li>


</ul>

</form>

</div>

<div class="container col-sm-3 dodavanjepk hidden" name="prikaz" >

<form method="post" action="<?php print_r(base_url()); ?>administrator/insert_podkategorija">


<li><span style="color:#52493a; font-size: 18px">Unesi naziv podkategorije:</span></li><br />

<li>



<button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown" name="id">Izaberi kategoriju...


</button>

<ul class="dropdown-menu" name='<?php echo $kategorija->id_kategorije; ?>' role="menu">

<?php foreach ($kategorije as $kategorija) { ?>

147

<li class="" name="<?php echo $kategorija->id_kategorije ?>"><a class="izabrana_kategorija" href="#"><?php echo $kategorija->naziv; ?></a></li>

<?php } ?>

</ul>

</div><br />

</li>



</ul>

</form>

</div>

<div class="container col-sm-3 dodavanjeul hidden" name="prikaz" >

<form method="post" action="<?php print_r(base_url()); ?>administrator/insert_uloge">


<li><span style="color:#52493a; font-size: 18px">Unesi naziv uloge:</span></li><br />



</ul>

</form>

148

</div>

<div class="container col-sm-3 dodavanjeg hidden" name="prikaz" >

<form method="post" action="<?php print_r(base_url()); ?>administrator/insert_grad">


<li><span style="color:#52493a; font-size: 18px">Unesi naziv grada:</span></li><br />


<li><span style="color:#52493a; font-size: 18px">Unesi postanski broj:</span></li><br />

<li><input type="text" name="pos_broj" class="form-control" id="pos_broj" /></li><br />


</ul>

</form>

</div>

<div class="container col-sm-3 dodavanjen hidden" name="prikaz" >

<form method="post" action="<?php print_r(base_url()); ?>administrator/insert_link">


<li><span style="color:#52493a; font-size: 18px">Unesi naziv linka i putanje:</span></li><br />

<li><input type="text" name="naziv" value="Naziv linka" class="form-control" id="usr" /></li><br />

<li><input type="text" name="putanja" value="Putanja" class="form-control" id="usr" /></li><br />


149

</ul>

</form>

</div>

<div class="container col-sm-3 dodavanjean hidden" name="prikaz" >

<form method="post" action="<?php print_r(base_url()); ?>administrator/insert_anketa">


<li><span style="color:#52493a; font-size: 18px">Unesi naslov ankete:</span></li><br />

<li><input type="text" name="naslov" class="form-control" id="usr" /></li><br />


</ul>

</form><br /><br />

<form method="post" action="<?php print_r(base_url()); ?>administrator/insert_anketaodgovor">


<li><span style="color:#52493a; font-size: 18px">Unesi odgovor za datu anketu:</span></li><br />

<li>





</button>

150

<ul class="dropdown-menu" name='<?php echo $naslov->id_anketa; ?>' role="menu">

<?php foreach ($anketa as $naslov) { ?>

<li class="" name="<?php echo $naslov->id_anketa ?>"><a href="#"><?php echo $naslov->naslov; ?></a></li>

<?php } ?>

</ul>

</div><br />

</li>

<li><input type="text" name="odgovor" class="form-control" id="usr" /></li><br />


</ul>

</form>

</div>

<div name="prikaz" class="container col-sm-6 prikazn hidden">

<table class="table table-hover">

<thead>

<tr>

<th>Naziv izvrsioca</th>

<th>Akcija</th>

<th>Tabela</th>

<th>Vreme</th>

</tr>

</thead>

<tbody>

151

<tr>

<?php foreach ($notifikacije as $jedna) {

echo "<tr><td>".$jedna->id_korisnik."</td>

<td>".$jedna->tip."</td>

<td style='text-transform: uppercase;'>".$jedna->tabela."</td>";

$t=$jedna->vreme;

echo "<td>".date("d-m-Y H:s",$t)."</td></tr>";

} ?>

</tr>

</tbody>

</table>

</div>

<div name="prikaz" class="container col-sm-4 brisanjek hidden">


<thead>

<tr>

<th>Naziv kategorije</th>

<th></th>

<th></th>

</tr>

</thead>

<tbody>

<tr>

<?php foreach ($kategorije as $kategorija) {

152

echo "<tr><td>".$kategorija->naziv."</td><td><input type='button' name='".$kategorija->id_kategorije."' value='Obrisi' class='btn btn-primary delete_kategorija'></td>

<td><a href='"; print_r(base_url()); echo "administrator/izmena/kategorije/id_kategorije/".$kategorija->id_kategorije."'><input type='button' name='".$kategorija->id_kategorije."' value='Izmeni' class='btn btn-primary'></td></a></tr>";

} ?>

</tr>

</tbody>

</table>

</div>

<div name="prikaz" class="container col-sm-4 brisanjepk hidden">


<thead>

<tr>

<th>Naziv podkategorije</th>

<th></th>

</tr>

</thead>

<tbody>

<tr>

<?php

foreach ($podkategorije as $podkategorija) {

echo "<tr>

<td>".$podkategorija->naziv."</td>

<td>

153

<input type='button' value='Obrisi' name='".$podkategorija->id_kategorije."' class='btn btn-primary delete_podkategorija'></td>

<td>

<a href='"; print_r(base_url()); echo "administrator/izmena_prikaz_podkategorije/kategorije/id_kategorije/".$podkategorija->id_kategorije."'>

<input type='button' name='".$podkategorija->id_kategorije."' value='Izmeni' class='btn btn-primary'>

</a>

</td>

</tr>";

}

?>

</tr>

</tbody>

</table>

</div>

<div name="prikaz" class="container col-sm-10 brisanjepr hidden">


<thead>

<tr>

<th>Naziv proizvoda</th>

<th>Cena</th>

<th>Opis</th>

<th>Slika</th>

<th></th>

<th></th>

154

</tr>

</thead>

<tbody>

<tr>

<?php foreach ($proizvodi as $proizvod) {

echo "<tr><td>".$proizvod->naziv."</td><td>".$proizvod->cena."</td>

<td style='overflow:hidden;text-overflow:ellipsis;word-wrap: break-word;max-width:50% !important' >".$proizvod->opis."</td><td><img class='img-rounded img-responsive' width='40%' height='40%' src='"; echo base_url(); echo "uploads/".$proizvod->slika."' /></td>

<td><input type='button' value='Obrisi' name='".$proizvod->id_proizvodi."' class='btn btn-primary delete_proizvodi'></td>

<td><a href='"; print_r(base_url()); echo "administrator/izmena_prikaz_proizvod/proizvodi/id_proizvodi/".$proizvod->id_proizvodi."'><input type='button' value='Izmeni' name='".$proizvod->id_proizvodi."' class='btn btn-primary'></td></a></tr>";

} ?>

</tr>

</tbody>

</table>

</div>

<div name="prikaz" class="container col-sm-10 brisanjeb hidden">


<thead>

155

<tr>

<th>Naziv brenda</th>

<th>Putanja (url)</th>

<th>Slika brenda</th>

<th></th>

<th></th>

</tr>

</thead>

<tbody>

<tr>

<?php foreach ($brendovi as $brend) {

echo "<tr><td>".$brend->naziv_brenda."</td><td>".$brend->url."</td>

<td><img class='img-rounded img-responsive' width='150px' height='100px' src='"; echo base_url(); echo $brend->slika_brenda."' /></td>

<td><input type='button' value='Obrisi' name='".$brend->id_brend."' class='btn btn-primary delete_brend'></td>

<td><a href='"; print_r(base_url()); echo "administrator/izmena_prikaz_brend/brend/id_brend/".$brend->id_brend."'><input type='button' value='Izmeni' name='".$brend->id_brend."' class='btn btn-primary'></td></a></tr>";

} ?>

</tr>

</tbody>

</table>

</div>

<div name="prikaz" class="container col-sm-10 brisanjeak hidden">


156

<thead>

<tr>

<th>Pocetak akcije</th>

<th>Kraj akcije</th>

<th>Slika akcije</th>

<th>Naziv akcije</th>

<th>Popust</th>

<th></th>

<th></th>

</tr>

</thead>

<tbody>

<tr>

<?php foreach ($akcija as $jedna) {

echo "<tr><td>".$jedna->pocetak_akcije."</td><td>".$jedna->kraj_akcije."</td>

<td><img class='img-rounded img-responsive' width='150px' height='100px' src='"; echo base_url(); echo $jedna->slika_akcije."' /></td><td>".$jedna->tip_akcije."</td><td>".$jedna->procenat." %</td>

<td><input type='button' value='Obrisi' name='".$jedna->id_akcija."' class='btn btn-primary delete_akcija'></td>

<td><a href='"; print_r(base_url()); echo "administrator/izmena_prikaz_akcija/akcija/id_akcija/".$jedna->id_akcija."'><input type='button' value='Izmeni' name='".$jedna->id_akcija."' class='btn btn-primary'></td></a></tr>";

} ?>

</tr>

</tbody>

157

</table>

</div>

<div name="prikaz" class="container col-sm-9 brisanjen hidden">


<thead>

<tr>

<th>Naziv stavke</th>

<th>Naziv putanje</th>

<th></th>

<th></th>

</tr>

</thead>

<tbody>

<tr>

<?php foreach ($navigacija as $stavka){

echo "<tr>

<td>".$stavka->naziv."</td><td>".$stavka->putanja."</td>

<td><input type='button' value='Obrisi' name='".$stavka->id_navi."' class='btn btn-primary delete_nav'></td>

<td><a href='"; print_r(base_url()); echo "administrator/izmena_prikaz_navi/navi/id_navi/".$stavka->id_navi."'><input type='button' value='Izmeni' name='".$stavka->id_navi."' class='btn btn-primary'></a></td></tr>";

158

} ?>

</tr>

</tbody>

</table>

</div>

<div name="prikaz" class="container col-sm-9 brisanjeg hidden">


<thead>

<tr>

<th>Naziv grada</th>

<th>Postanski broj</th>

<th></th>

<th></th>

</tr>

</thead>

<tbody>

<tr>

<?php foreach ($gradovi as $grad) {

echo "<tr>

<td>".$grad->naziv."</td>

<td>".$grad->postanski_broj."</td>

<td><input type='button' value='Obrisi' name='".$grad->id_grad."' class='btn btn-primary delete_grad'></td>

<td><a href='"; print_r(base_url()); echo "administrator/izmena_prikaz_grad/grad/id_grad/".$grad->id_grad."'><input type='button' value='Izmeni' name='".$grad->id_grad."' class='btn btn-primary'></a></td></tr>";

159

} ?>

</tr>

</tbody>

</table>

</div>

<div name="prikaz" class="container col-sm-9 brisanjean hidden">


<thead>

<tr>

<th>Naslov ankete</th>

<th></th>

<th></th>

</tr>

</thead>

<tbody>

<tr>

<?php foreach ($anketa as $naslov) {

echo "<tr>

<td>".$naslov->naslov."</td>

<td><input type='button' value='Obrisi' name='".$naslov->id_anketa."' class='btn btn-primary delete_anketa'></td>

<td><a href='"; print_r(base_url()); echo "administrator/izmena_prikaz_anketa/anketa/id_anketa/".$naslov->id_anketa."'><input type='button' value='Izmeni' name='".$naslov->id_anketa."' class='btn btn-primary'></a></td></tr>";

} ?>

</tr>

160

</tbody>

</table>


<thead>

<tr>

<th>Odgovor ankete</th>

<th>Broj glasova</th>

<th></th>

<th></th>

</tr>

</thead>

<tbody>

<tr>

<?php foreach ($anketaodgovor as $odgovor) {

echo "<tr>

<td>".$odgovor->odgovor."</td>

<td>".$odgovor->glasovi."</td>

<td><input type='button' value='Obrisi' name='".$odgovor->id_anketaodgovor."' class='btn btn-primary delete_anketaodgovor'></td>

<td><a href='"; print_r(base_url()); echo "administrator/izmena_prikaz_anketaodgovor/anketaodgovor/id_anketaodgovor/".$odgovor->id_anketaodgovor."'><input type='button' value='Izmeni' name='".$odgovor->id_anketaodgovor."' class='btn btn-primary'></a></td></tr>";

} ?>

</tr>

</tbody>

</table>

161

</div>

<div name="prikaz" class="container col-sm-9 brisanjeko hidden">


<thead>

<tr>

<th>Korisnicko ime:</th>

<th></th>

</tr>

</thead>

<tbody>

<tr>

<?php foreach ($korisnici as $korisnik) {

echo "<tr><td>".$korisnik->username."</td><td><input type='button' value='Obrisi' name='".$korisnik->id_korisnik."' class='btn btn-primary delete_korisnik'></td></tr>";

} ?>

</tr>

</tbody>

</table>

</div>

<div name="prikaz" class="container col-sm-9 brisanjesl hidden">


<thead>

<tr>

<th>Naziv</th>

<th>Opis</th>

162

<th>link</th>

<th></th>

</tr>

</thead>

<tbody>

<tr>

<?php foreach ($slajder as $slika) {

echo "<tr><td>".$slika->naziv."</td><td>".$slika->opis."</td><td>".$slika->link."</td>

<td><img class='img-rounded img-responsive' width='40%' height='40%' src='"; echo base_url(); echo "data1/images/".$slika->putanja."' /></td><td><input type='button' name='".$slika->id_slajder."' value='Obrisi' class='btn btn-primary delete_slajder'></td>

<td><a href='"; print_r(base_url()); echo "administrator/izmena_prikaz_slajder/slajder/id_slajder/".$slika->id_slajder."'><input type='button' name='".$slika->id_slajder."' value='Izmeni' class='btn btn-primary'></td></a></tr>";

} ?>

</tr>

</tbody>

</table>

</div>

<div name="prikaz" class="container col-sm-4 brisanjeul hidden">


<thead>

<tr>

<th>Naziv uloge</th>

<th></th>

163

<th></th>

</tr>

</thead>

<tbody>

<tr>

<?php foreach ($uloga as $jedna) {

echo "<tr><td>".$jedna->naziv."</td><td><input type='button' name='".$jedna->id_uloga."' value='Obrisi' class='btn btn-primary delete_uloga'></td>

<td><a href='"; print_r(base_url()); echo "administrator/izmena_prikaz_uloga/uloga/id_uloga/".$jedna->id_uloga."'><input type='button' name='".$jedna->id_uloga."' value='Izmeni' class='btn btn-primary'></td></a></tr>";

} ?>

</tr>

</tbody>

</table>

</div>

<div name="prikaz" class="container col-sm-6 dodavanjepr hidden">

<h2>Unos proizvoda</h2>



<form method="post" enctype="multipart/form-data" onsubmit="uploadFile()" action="<?php print_r(base_url()); ?>administrator/insert_proizvoda">


<thead>

<tr>

<th>Kategorija</th>

<th>Podkategorija</th>

164

</tr>

</thead>

<tbody>

<tr>

<td>





</button>

<ul class="dropdown-menu" name='<?php echo $kategorija->id_kategorije; ?>' role="menu">

<?php foreach ($kategorije as $kategorija) { ?>

<li class="" name="<?php echo $kategorija->id_kategorije ?>"><a class="izabrana_kategorija" href="#"><?php echo $kategorija->naziv; ?></a></li>

<?php } ?>

</ul>

</div>

</td>

<td>



<button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown" name="id">Izaberi podkategoriju...


</button>

165

<ul id="dropdown-menu1" class="dropdown-menu" name='<?php echo $podkategorija->id_kategorije; ?>' role="menu">

</ul>

<div id="ispis"></div>

</div>

</td>

</tr>

<thead>

<tr>

<th colspan="2">Naziv proizvoda</th>

</tr>

</thead>

<tbody>

<tr>

<td colspan="2"><input type="text" style="width:60% !important" class="form-control" name="naziv"></td>

</tr>

<thead>

<tr>

<th colspan="2">Brend proizvoda</th>

</tr>

</thead>

<tbody>

<tr>

<td>

166


<input type="hidden" name="brend">

<button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown" name="brend">Izaberi brend...


</button>

<ul class="dropdown-menu" name='<?php echo $brendovi->id_brend; ?>' role="menu">

<?php foreach ($brendovi as $jedan) { ?>

<li class="" name="<?php echo $jedan->id_brend ?>"><a class="izabrana_kategorija" href="#"><?php echo $jedan->naziv_brenda; ?></a></li>

<?php } ?>

</ul>

</div>

</td>

</tr>

<thead>

<tr>

<th>Status</th>

<th colspan="2">Lager</th>

</tr>

</thead>

<tbody>

<tr>

<td><label value="aktivan"><input type="checkbox" class="checkbox" name="aktivan" value="1"> </td>

167

<td colspan="2"><input type="number" style="width:60% !important" size="15" class="form-control" name="lager"></td>

</tr>

<thead>

<tr>

<th>Cena</th>

</tr>

</thead>

<tr>

<td colspan="2"><input type="number" style="width:60% !important" class="form-control" name="cena"></td>

</tr>

<thead>

<tr>

<th>Opis</th>

</tr>

</thead>

<tr>

<td colspan="2"><textarea class="form-control" style="width:60% !important" rows="5" id="comment" name="opis"></textarea></td>

</tr>

<thead>

<tr>

168

<th>Slika proizvoda</th>

</tr>

</thead>

<tr>

<td colspan="2">


<progress id="progressBar" value="0" max-value="100" style="display:none;width:200px" ></progress>


<p id="loaded_n_total"></p>

<br />

</td>

</tr>

<tr>

<td style="border-top:0px solid #fff !important" colspan="2"><input type="submit" value="Dodaj" class="btn btn-primary" /></td>

</tr>

</tbody>

</table>

</form>

</div>

169

<div name="prikaz" class="container col-sm-6 dodavanjesl hidden">

<h2>Unos slike u galeriju</h2>



<form method="post" enctype="multipart/form-data" onsubmit="uploadFile()" action="<?php print_r(base_url()); ?>administrator/insert_slajder">


<thead>

<tr>

<th colspan="2">Naziv slike</th>

</tr>

</thead>

<tbody>

<tr>

<td colspan="2"><input type="text" style="width:60% !important" class="form-control" name="naziv"></td>

</tr>

<thead>

<tr>

<th>Dodatan opis</th>

170

</tr>

</thead>

<tr>

<td colspan="2">

<input type="text" name="opis" style="width:60% !important" class="form-control" />

</td>

</tr>

<thead>

<tr>

<th>Link</th>

</tr>

</thead>

<tr>

<td colspan="2">

<input type="text" name="link" style="width:60% !important" class="form-control" />

</td>

</tr>

<thead>

<tr>

<th>Odaberi sliku</th>

</tr>

</thead>

<tr>

<td colspan="2">

171


<progress id="progressBar" value="0" max-value="100" style="display:none;width:200px" ></progress>


<p id="loaded_n_total"></p>

<br />

</td>

</tr>

<tr>

<td style="border-top:0px solid #fff !important" colspan="2"><input type="submit" value="Dodaj" class="btn btn-primary" /></td>

</tr>

</tbody>

</table>

</form>

</div>

172

</div>

<!-- <div class="post col_2 no_bottom float_l">

<h2><a href="#">Leather Shop Design</a></h2>

<div class="meta no_background"><strong>15 January 2048</strong> in <strong><a href="#">Freebie</a>, <a href="#">Template</a></strong> by Tracy, <strong>128 comments</strong></div>

<div class="image_frame image_fl"><span></span><img src="<?php print_r(base_url()); ?>images/tooplate_image_01.jpg" alt="Image 01" /></div>

<p>Leather Shop is a free website template for everyone. You may download, modify and apply this template for any of your website. Credit goes to <a href="http://jwloh.deviantart.com/art/Aquaticus-Social-91014249" target="_blank">jwloh</a> for icons. Ut sed lorem ac ante cursus auctor.</p>

<a href="#" class="more float_r">More</a>


</div>

<div class="post col_2 no_bottom float_r">

<h2><a href="#">Template Concept</a></h2>

<div class="meta no_background"><strong>2 February 2048</strong> in <strong><a href="#">Marketing</a>, <a href="#">Advertising</a></strong> by Julia, <strong>256 comments</strong></div>

<div class="image_frame image_fl"><span></span><img src="<?php print_r(base_url()); ?>images/tooplate_image_02.jpg" alt="Image 02" /></div>

<p>Ut sed lorem ac ante cursus auctor. Nam ut congue velit. Cras eget fermentum sem. Maecenas nec purus lorem, a sodales lectus. Etiam consequat nulla sit amet nisl volutpat ornare. Donec sollicitudin purus sit amet pellen tesque tincidunt. Validate <a href="http://validator.w3.org/check?uri=referer"

173

rel="nofollow"><strong>XHTML</strong></a> and <a href="http://jigsaw.w3.org/css-validator/check/referer" rel="nofollow"><strong>CSS</strong></a>.</p>

<a href="#" class="more float_r">More</a>


</div>


</div>

<div id="content">

<div class="col_3">

<h3>New Services</h3>

<ul class="tooplate_list">

<li>Augue felis pharetra felis</li>

<li>Donec eget est eu velit</li>

<li>Curabitur vehicula arcu at </li>

<li>Felis pharetra felis sed</li>

<li>Integer placerat dolor vel</li>

<li>Tortor mi in massa donec</li>

<li>Vestibulum bibendum urna</li>

</ul>

</div>

<div class="col_3 no_margin_right">

<h3>Testimonials</h3>

<p class="testimonial">Proin metus mi, fringilla sit amet consequat vel, vulputate leo.</p>

<cite>Ronald <a href="#"><span>- SEO Specialist</span></a></cite>

174

<div class="cleaner h40"></div>

<p class="testimonial">Suspendisse nec orci vel justo varius dictum sed sed metus.</p>

<cite>Booker <a href="#"><span>- Web Designer</span></a></cite>

</div>


</div>

<div id="sidebar">

<h3>Featured Project</h3>

<div class="image_frame"><span></span><img src="<?php print_r(base_url()); ?>images/tooplate_image_09.png" alt="Image 09" /></div>

<em>Maecenas consequat faucibus eros, rhoncus gravida nulla rhoncus at.</em>

</div> 



</div>`

4.1.30 send_mail.php

<?php

$ime=$_REQUEST['ime'];

$prezime=$_REQUEST['prezime'];

$telefon=$_REQUEST['telefon'];

$adresa=$_REQUEST['adresa'];

175

$grad=$_REQUEST['grad'];

$pos_broj=$_REQUEST['pos_broj'];

$email=$_REQUEST['email'];

$deo1="Postovani ".$ime." ".$prezime." uspesno ste porucili sledece proizvode:\n\n";

$proizvodi=$_REQUEST['proizvodi'];

$cena=0;

for($i=0;$i<count($proizvodi);$i++){

$cena+=$proizvodi[$i][1]*$proizvodi[$i][2];

$j=$i+1;

$deo1 = $deo1.$j.". ".$proizvodi[$i][0];

$deo1 = $deo1." ".$proizvodi[$i][1]." rsd.";

$deo1 = $deo1." ".$proizvodi[$i][2]." kom. \n";

}

$deo1=$deo1."\n";

$deo1=$deo1."Ukupno za uplatu: ".$cena." din.";

$deo1=$deo1."\n";

$deo1= $deo1." Uplatu mozete izvrsiti na sledeci racun: 170-88-9784-645";

$to = $email;

$subject = "Porudzbina";

$headers = "From: [email protected]";

mail($to,$subject,$deo1,$headers);

echo "Uspesno!";

?>

4.1.30 slider.php176

<div id="tooplate_header_wrapper">

<div id="tooplate_header">

<div id="site_title"></div>

<div id="wowslider-container1">

<div class="ws_images"><ul>

<?php foreach($slajder as $slika){

$opis=$slika->opis;

echo "<li><a href="; echo $slika->link; echo "><img src="; print_r(base_url());echo "data1/images/"; echo $slika->putanja; echo"

alt="; echo $opis; echo " title='"; echo $opis; echo "' id='wows1_0'/></a></li>";

} ?>

</ul></div>

<div class="ws_bullets"><div>

</div></div><div class="ws_script" style="position:absolute;left:-99%"><a href="http://wowslider.com">jquery slider free download</a> by WOWSlider.com v8.2</div>

<div class="ws_shadow"></div>

</div>

177

<!--<div id="wowslider-container1">

<div class="ws_images"><ul>

<li><img src="<?php print_r(base_url()); ?>data1/images/p1.jpg" alt="Cat Shop" title="Cat Shop" id="wows1_0"/></li>

<li><img src="<?php print_r(base_url()); ?>data1/images/p2.jpg" alt="" title="" id="wows1_1"/></li>

<li><a href="<?php print_r(base_url()); ?>http://wowslider.com/vi"><img src="<?php print_r(base_url()); ?>data1/images/p3.jpg" alt="bootstrap carousel" title="" id="wows1_2"/></a></li>

<li><img src="<?php print_r(base_url()); ?>data1/images/p4.jpg" alt="" title="" id="wows1_3"/></li>

</ul></div>

<div class="ws_bullets"><div>

<a href="#" title="Cat Shop"><span><img src="<?php print_r(base_url()); ?>data1/tooltips/p1.jpg" alt="Cat Shop"/>1</span></a>

<a href="#" title=""><span><img src="<?php print_r(base_url()); ?>data1/tooltips/p2.jpg" alt=""/>2</span></a>



</div></div><div class="ws_script" style="position:absolute;left:-99%"></div>

178

<div class="ws_shadow"></div>

</div>-->

<div id="site_title"></div>



</div> 

</div>

4.1.31 models/login.php

179

<?php

Class Login extends CI_Model{

public function __construct() {

parent::__construct();

$this->load->database();

}

public function login(){

$this->load->helper('security');

$this->db->select('*');

$this->db->from('korisnik');

$this->db->join('grad','korisnik.id_grad=grad.id_grad');

$this->db->limit(1);

$query = $this->db->get();

return $query->result();

}

}

?>

4.1.32 models/model1.php

<?php

180

Class Model1 extends CI_Model{




}

public function nav(){

if($this->session->userdata('uloga')!=2 && $this->session->userdata('uloga')!=3)

{

$this -> db -> select('*');

$this -> db -> from('navi');

$this -> db -> where('naziv !=','Administracija');

$query=$this->db->get();


}

else

{

$query = $this -> db -> get('navi');


}

}

181

public function kategorije(){


$this->db->from('kategorije');

$this->db->order_by('naziv','asc');



}

/*public function podkategorija(){


$this->db->from('podkategorija');




}*/

public function proizvodi(){


$this->db->from('proizvodi');




}

public function anketa(){

182


$this->db->from('anketa');

$this->db->order_by('naslov','asc');



}

public function anketaodgovor(){


$this->db->from('anketaodgovor');

$this->db->order_by('odgovor','asc');



}

public function notifikacije(){


$this->db->from('notifikacije');



}

public function navigacija(){


$this->db->from('navi');

183



}

public function galerija(){


$this->db->from('galerija');




}

public function uloga(){


$this->db->from('uloga');




}

public function login(){

$this->load->helper('security');

$this->db->set('poslednja_poseta', time());

$this->db->where('username', $this->input->post('tbUser'));

184

$this->db->where('password', do_hash($this->input->post('tbPass'),'md5'));

$this->db->update('korisnik');

$this->db->select('id_uloga,username,slika_korisnika,id_korisnik,email,adresa,ime,prezime,broj_telefona,datum_registracije,poslednja_poseta,naziv,postanski_broj,grad.id_grad as id_grad');


$this->db->join('grad','korisnik.id_grad=grad.id_grad');

$this->db->where('username', $this->input->post('tbUser'));

$this->db->where('password', do_hash($this->input->post('tbPass'),'md5'));



if($query -> num_rows()==1){


}

else{

return false;

}

}

public function dohvatianketu(){


$this->db->from('anketa');

185

$this->db->join('anketaodgovor', 'anketa.id_anketa = anketaodgovor.id_anketa');



}

public function glasaj(){

$this->db->set('glasovi', 'glasovi+1', FALSE);

$this->db->where('id_anketaodgovor', $_POST['anketa']);

$this->db->update('anketaodgovor');

}

}

?>

4.1.33 upiti.php

<?php

Class Upiti extends CI_Model{




}

public function dohvati_filtrirane_proizvode()

186

{

$link=trim(str_replace('-', ' ', $_REQUEST['kategorija']));

$link=str_replace('%C4%8D','Ä',$link);�

$link=str_replace('%C5%A1','Å¡',$link);


//Dohvatamo id_kategorije izabrane kategorije

$this->db->select('id_kategorije');


$this->db->where('naziv',$link);

$rec=$_REQUEST['rec'];


foreach ($query->result() as $row)

{

$id=$row->id_kategorije;

}

//Dohvatamo id_kategorije roditelja izabrane kategorije



$this->db->where('id_parent',$id);

$query2 = $this->db->get();

//Stavljamo u niz sve ideve

$nizIdeva=array();

foreach ($query2->result() as $kategorija) {

array_push($nizIdeva, $kategorija->id_kategorije);

187

}

$trenutna_strana=$_REQUEST['trenutnaStrana'];

$limit=$_REQUEST['limit'];

$kreceOd=($trenutna_strana-1)*$limit;

//Dohvatamo proizvode sa tim id-evima


$this->db->from('proizvodi p');

$this->db->join('akcija a','p.id_akcija=a.id_akcija', 'left outer');

$this->db->where_in('id_kategorija', $nizIdeva);

if(count($_REQUEST['brendovi'])>1){

$this->db->where_in('id_brend',$_REQUEST['brendovi']);

}

if($_REQUEST['akcija']!=-1){

$this->db->where('p.id_akcija',$_REQUEST['akcija']);

}

if($_REQUEST['kategorije']!=-1){

$this->db->where('id_kategorija',$_REQUEST['kategorije']);

}

$this->db->where('cena >=',$_REQUEST['min']);

$this->db->where('cena <=',$_REQUEST['max']);

$this->db->like('p.naziv',$rec);

$this->db->order_by($_REQUEST['sortby'],$_REQUEST['sort']);

$this->db->limit($limit,$kreceOd);


return $query3->result();

188

}

public function izmeni_podatke(){

$this->db->query(

"UPDATE korisnik SET adresa='".$_REQUEST['adresa']."',id_grad='".$_REQUEST['grad']."',broj_telefona=".$_REQUEST['broj_telefona']." WHERE id_korisnik=".$this->session->userdata('id_korisnik'));

$adresa=$_REQUEST['adresa'];

$telefon=$_REQUEST['broj_telefona'];

$this->session->set_userdata('adresa', "$adresa");

$this->session->set_userdata('telefon', "$telefon");


$this->db->from('grad');

$this->db->where('id_grad',$_REQUEST['grad']);



{

$naziv=$row->naziv;

$postanski_broj=$row->postanski_broj;

}

$this->session->set_userdata('grad', "$naziv");

$this->session->set_userdata('postanski_broj', $postanski_broj);

}

public function insert_proizvod_akcija(){

189

$this->db->query("UPDATE proizvodi SET id_akcija=".$_REQUEST['id_akcija']."

WHERE id_proizvodi=".$_REQUEST['id_proizvod']);

}

public function delete_proizvod_akcija(){

$this->db->query("UPDATE proizvodi SET id_akcija=0

WHERE id_proizvodi=".$_REQUEST['id_proizvod']);

}

public function min_max(){











{


}




190




$nizIdeva=array();



}








}

public function dohvati_broj_filtriranih_proizvoda(){

$link=trim(str_replace('-', ' ', $_REQUEST['kategorija']));




$rec=$_REQUEST['rec'];





191



{


}







$nizIdeva=array();



}






if(count($_REQUEST['brendovi'])>1){

$this->db->where_in('id_brend',$_REQUEST['brendovi']);

}



192

}



}

if($_REQUEST['kategorije']!=-1){

$this->db->where('id_kategorija',$_REQUEST['kategorije']);

}

$this->db->where('cena >=',$_REQUEST['min']);

$this->db->where('cena <=',$_REQUEST['max']);

$this->db->like('p.naziv',$rec);

$this->db->order_by($_REQUEST['sortby'],$_REQUEST['sort']);



}

public function dohvati_proizvod(){

//Dohvatamo naziv proizvoda iz url i filtriramo cirilicna slova









193



{


}







$nizIdeva=array();



}









}

194

public function dohvati_proizvod_ukupno(){

//Dohvatamo naziv proizvoda iz url i filtriramo cirilicna slova











{


}







$nizIdeva=array();



}

195








}

public function dohvati_sve_proizvode(){





}

public function dohvati_sve_proizvode_na_akciji(){



$this->db->where('id_akcija >',0);



}

public function dohvati_proizvod_cena_opadajuca(){

$tip=$_REQUEST['tip'];

196



$this->db->where('id_podkategorija',$this->input->post('podkategorija'));

$this->db->order_by('cena',$tip);



}

public function dohvati_proizvode_narudzbina()

{


$this->db->from('korpa k');

$this->db->join('proizvodi p','p.id_proizvodi=k.id_proizvodi');

$this->db->where('id_narudzbine',$_REQUEST['idNarudzbine']);



}

public function dohvati_akcije()

{

$sad=time();


$this->db->from('akcija');

$this->db->where('pocetak_akcije <',$sad);

$this->db->where('kraj_akcije >',$sad);

197



}

public function akcija_select()

{


$this->db->from('akcija');



}

public function dohvati_proizvod_akcija(){

$this->db->select('*, proizvodi.id_akcija as id');


$this->db->join('akcija','akcija.id_akcija=proizvodi.id_akcija');

$this->db->where('id_proizvodi',$this->uri->segment(3));



}

public function dohvati_brendove(){


$this->db->from('brend');


198


}

public function dohvati_slajder(){


$this->db->from('slajder');



}

public function prikaz_narudzbina(){


$this->db->from('narudzbine');

$this->db->where('id_korisnik',$this->session->userdata('id_korisnik'));



}

public function dohvati_sliku_proizvoda(){



$this->db->join('proizvod_slike','proizvod_slike.id_proizvodi=proizvodi.id_proizvodi');

$this->db->where('proizvod_slike.id_proizvodi',$this->uri->segment(3));

199



}

public function dohvati_sliku_proizvoda_jednu(){


$this->db->from('proizvod_slike');



}

//OVO JE REZERVA

public function dohvati_jedan_proizvod(){

$this->db->select('id_proizvodi,naziv,slika,opis,cena,procenat,id_kategorija,p.id_akcija as id_akcija,id_brend,lager,aktivan');



$this->db->where('id_proizvodi',$this->uri->segment(3));



}

public function dohvati_podkategorije()

{


200










{


}







}

public function dohvati_podkategorije_prikaz(){



$this->db->where('id_parent',$_REQUEST['kategorija']);


201


}

public function insert_kategorije(){

$data = array(

'naziv' => $_REQUEST['naziv']

);

$this->db->insert('kategorije', $data);

$notifikacije = array(

'tip' => 'Dodavanje',

'tabela' => 'Kategorije',

'id_korisnik' => $this->session->userdata('username'),

'vreme' => mktime()

);

$this->db->insert('notifikacije', $notifikacije);

}

public function insert_slajder(){

$data = array(

'naziv' => $_REQUEST['naziv'],

'putanja' => $_FILES['userfile']['name'],

'opis' => $_REQUEST['opis'],

'link' => $_REQUEST['link'],

202

);

$this->db->insert('slajder', $data);



'tabela' => 'Slajder',


'vreme' => mktime()

);


}

public function insert_komentar(){

$data = array(

'tekst_komentara' => $_REQUEST['komentar'],

'id_korisnik' => $this->session->userdata('id_korisnik'),

'id_proizvodi' => $_REQUEST['id'],

'vreme' => time()

);

$this->db->insert('komentar', $data);



'tabela' => 'Kemantar',


'vreme' => time()

203

);


}

public function insert_link(){

$data = array(


'putanja' => $_REQUEST['putanja']

);

$this->db->insert('navi', $data);



'tabela' => 'Navigacija',


'vreme' => mktime()

);


}

public function insert_uloga(){

$data = array(


);

$this->db->insert('uloga', $data);


204


'tabela' => 'Uloga',


'vreme' => mktime()

);


}

public function insert_grad(){

$data = array(


'postanski_broj' => $_REQUEST['pos_broj'],

);

$this->db->insert('grad', $data);



'tabela' => 'Grad',


'vreme' => mktime()

);


}

public function insert_korpa(){

/*

205

Ovde prvo ide upit( Select sve iz korpe gde je idProizvod ono sto smo prosledili i id_narudzbine je NULL sto znaci da nije potvrdio kupovinu

Ako je mysql_num_rows veci od nule Pravi se upit gde ce on da sabere kolicinu iz korpe sa onom koja je vec u bazi, a ako je my sql num rows jednak nuli

tad ide ovaj upit koji si vec napisao

*/


$this->db->from('korpa');


$this->db->where('id_proizvodi',$_REQUEST['idproizvod']);

$this->db->where('id_narudzbine',NULL);


$brojRedova=0;


{

$brojRedova++;

}

if($brojRedova>0){

$this->db->query("UPDATE korpa SET kolicina=kolicina+'".$_REQUEST['kolicina']."'

WHERE id_proizvodi=".$_REQUEST['idproizvod']." AND id_korisnik=".$this->session->userdata('id_korisnik')." AND id_narudzbine IS NULL");

}

else{

$data = array(


206

'id_proizvodi' => $_REQUEST['idproizvod'],

'kolicina' => $_REQUEST['kolicina'],

'datum' => time()

);

$this->db->insert('korpa', $data);

}

}

public function insert_podkategorije(){

$data = array(

'id_parent' => $_REQUEST['id'],


);

$this->db->insert('kategorije', $data);



'tabela' => 'Podkategorije',


'vreme' => mktime()

);


}

public function insert_proizvod(){

$data = array(

207


'id_kategorija' => $_REQUEST['id'],

'cena' => $_REQUEST['cena'],

'opis' => $_REQUEST['opis'],

'slika' => $_FILES['userfile']['name'],

'aktivan' => $_REQUEST['aktivan'],

'lager' => $_REQUEST['lager'],

'id_brend' => $_REQUEST['brend']

);

$this->db->insert('proizvodi',$data);



'tabela' => 'Proizvodi',


'vreme' => mktime()

);


}

public function insert_slika(){

$data = array(


'putanja' => $_FILES['userfile']['name']

);

$this->db->insert('galerija',$data);

208



'tabela' => 'Slika',


'vreme' => mktime()

);


}

public function insert_anketa(){

$data = array(

'naslov' => $_REQUEST['naslov']

);

$this->db->insert('anketa',$data);



'tabela' => 'Anketa',


'vreme' => mktime()

);


}

public function insert_brend(){

$data = array(

209

'naziv_brenda' => $_REQUEST['naziv_brenda'],

'url' => $_REQUEST['url'],

'slika_brenda' => $_FILES['userfile']['name']

);

$this->db->insert('brend',$data);



'tabela' => 'Brend',


'vreme' => mktime()

);


}

public function insert_akcija(){

$pocetak=$_REQUEST['pocetak_akcije'];

$pocetak_dan=substr($pocetak, 8,2);

$pocetak_mesec=substr($pocetak, 5,2);

$pocetak_godina=substr($pocetak, 0,4);

$pocetak_tsp=mktime(0,0,0,$pocetak_mesec,$pocetak_dan,$pocetak_godina);

$kraj=$_REQUEST['kraj_akcije'];

$kraj_dan=substr($kraj, 8,2);

$kraj_mesec=substr($kraj, 5,2);

$kraj_godina=substr($kraj, 0,4);

$kraj_tsp=mktime(0,0,0,$kraj_mesec,$kraj_dan,$kraj_godina);

210

$data = array(

'pocetak_akcije' => $pocetak_tsp,

'kraj_akcije' => $kraj_tsp,

'tip_akcije' => $_REQUEST['naziv_akcije'],

'procenat' => $_REQUEST['popust'],

'slika_akcije' => $_FILES['userfile']['name']

);

$this->db->insert('akcija',$data);



'tabela' => 'Akcija',


'vreme' => mktime()

);


}

public function insert_anketaodgovor(){

$data = array(

'id_anketa' => $_REQUEST['id'],

'odgovor' => $_REQUEST['odgovor']

);

$this->db->insert('anketaodgovor',$data);



211

'tabela' => 'Odgovor(anketa)',


'vreme' => mktime()

);


}

public function registracija_korisnika()

{

$data=array(

'id_uloga' => '1',

'username' => $this->input->post('user'),

'password' => do_hash($this->input->post('pass'),'md5'),

'ime' => $this->input->post('ime'),

'prezime' => $this->input->post('prezime'),

'email' => $this->input->post('email'),

'adresa' => $this->input->post('adresa'),

'broj_telefona' => $this->input->post('broj'),

'id_grad' => $this->input->post('id'),

'datum_registracije' => time(),

'slika_korisnika'=>'profilna_avatar.png'

);

$this->db->insert('korisnik',$data);

}

212

public function kategorije_select(){



$this->db->where('id_parent IS NULL',null,true);




}

//ZA PRIKAZ U REGISTRACIJI

public function grad_select(){


$this->db->from('grad');




}

//ZA PRIKAZ KORISNIKA U ADMIN PANELU

public function korisnik_select(){



$this->db->order_by('username','asc');

213



}

/*

public function prikaz_proizvoda_pocetna_akcija(){



$this->db->where('akcija','1');

$this->db->order_by('cena','asc');



}

*/

public function prikaz_proizvoda_pocetna_akcija(){



$this->db->join('akcija','proizvodi.id_akcija=akcija.id_akcija');

$this->db->order_by('cena','asc');



}

214

public function podkategorije_select(){



$this->db->where('id_parent IS NOT NULL',null,false);




}

public function prikaz_korisnik_korpa(){

$this->db->select('count(*) as broj, sum(cena) as ukupno, korpa.kolicina as kol,

proizvodi.cena as cena,proizvodi.naziv as nazivp, proizvodi.slika as slikap,

korpa.id_proizvodi as proizvod_korpa, korpa.id_korpa as korpa_id,procenat,proizvodi.id_akcija as id_akcija,korpa.id_proizvodi as id_proizvodi');

$this->db->from('korpa');

$this->db->join('proizvodi','korpa.id_proizvodi=proizvodi.id_proizvodi');

$this->db->join('akcija a','proizvodi.id_akcija=a.id_akcija', 'left outer');


$this->db->where('id_narudzbine IS NULL', null, false);

$this->db->group_by('korpa.id_proizvodi');



}

public function prikaz_komentara(){

215


$this->db->from('komentar');

$this->db->join('korisnik','komentar.id_korisnik=korisnik.id_korisnik');

$this->db->join('proizvodi','komentar.id_proizvodi=proizvodi.id_proizvodi');

$this->db->where('komentar.id_proizvodi',$this->uri->segment(3));



}

/*public function prikaz_komentara_korisnika(){



$this->db->join('komentar','korisnik.username=komentar.id_korisnik');

//$this->db->where('korisnik.username',$this->input->post('id_korisnik'));



}*/

public function prikaz_profilnih(){



$this->db->where('korisnik.username',$this->input->post('id_korisnik'));



}

216

/*OVO JE ZA PROIZVODE PROBA!!!*/

/*public function podkategorija_select(){

$this->db->select('k.naziv AS kategorija,p.naziv AS podkategorija');

$this->db->from('podkategorija p');

$this->db->join('kategorije k', 'p.id_kategorija = k.id_kategorije');



}*/

public function proizvodi_select(){


$query=$this->db->get('proizvodi');


}

public function izmena_anketa()

{

$this->db->query("UPDATE anketa SET naslov='".$_REQUEST['naslov']."'

WHERE id_anketa=".$_REQUEST['id']);


'tip' => 'Izmena',

'tabela' => 'Anketa',


217

'vreme' => mktime()

);


}

public function izmena_akcija()

{

$pocetak=$_REQUEST['pocetak_akcije'];

$pocetak_dan=substr($pocetak, 8,2);

$pocetak_mesec=substr($pocetak, 5,2);

$pocetak_godina=substr($pocetak, 0,4);

$pocetak_tsp=mktime(0,0,0,$pocetak_mesec,$pocetak_dan,$pocetak_godina);

$kraj=$_REQUEST['kraj_akcije'];

$kraj_dan=substr($kraj, 8,2);

$kraj_mesec=substr($kraj, 5,2);

$kraj_godina=substr($kraj, 0,4);

$kraj_tsp=mktime(0,0,0,$kraj_mesec,$kraj_dan,$kraj_godina);

$this->db->query("UPDATE akcija SET tip_akcije='".$_REQUEST['tip_akcije']."',

pocetak_akcije='".$pocetak_tsp."',

kraj_akcije='".$kraj_tsp."',

procenat='".$_REQUEST['procenat']."',

slika_akcije='".$_REQUEST['slika_akcije']."'

WHERE id_akcija=".$_REQUEST['id']);

218


'tip' => 'Izmena',

'tabela' => 'Akcija',


'vreme' => mktime()

);


}

public function izmena_slajder()

{

$this->db->query("UPDATE slajder SET naziv='".$_REQUEST['naziv']."',

putanja='".$_REQUEST['putanja']."',

opis='".$_REQUEST['opis']."',

link='".$_REQUEST['link']."'

WHERE id_slajder=".$_REQUEST['id']);


'tip' => 'Izmena',

'tabela' => 'Slajder',


'vreme' => mktime()

);


}

219

public function insert_narudzbine(){

$proizvodi=$_REQUEST['proizvodi'];

$cena=0;


$cena=$cena+$proizvodi[$i][1]*$proizvodi[$i][2];

}

echo $cena;

$data=array(

'ukupna_cena' => $cena,


'vreme' => time()

);

$this->db->insert('narudzbine',$data);

$insert_id = $this->db->insert_id();


$korpaId=$proizvodi[$i][3];

$kolicina=$proizvodi[$i][2];

$idproizvod=$proizvodi[$i][4];

$this->db->query("UPDATE korpa SET id_narudzbine=$insert_id WHERE id_korpa=$korpaId");

$this->db->query("UPDATE proizvodi SET lager=lager-$kolicina WHERE id_proizvodi=$idproizvod");

}


220

'tip' => 'Izmena',

'tabela' => 'Narudzbine',


'vreme' => time()

);


}

public function izmena_anketaodgovor()

{

$this->db->query("UPDATE anketaodgovor SET odgovor='".$_REQUEST['odgovor']."'

WHERE id_anketaodgovor=".$_REQUEST['id']);


'tip' => 'Izmena',

'tabela' => 'Odgovor(anketa)',


'vreme' => mktime()

);


}

public function izmena_grad(){

$this->db->query("UPDATE grad SET naziv='".$_REQUEST['naziv']."',

postanski_broj='".$_REQUEST['pos_broj']."'

221

WHERE id_grad=".$_REQUEST['id']);


'tip' => 'Izmena',

'tabela' => 'Grad',


'vreme' => mktime()

);


}

public function izmena_uloga(){

$this->db->query("UPDATE uloga SET naziv='".$_REQUEST['naziv']."'

WHERE id_uloga=".$_REQUEST['id']);


'tip' => 'Izmena',

'tabela' => 'Uloga',


'vreme' => mktime()

);


}

public function izmena_galerija(){

$this->db->query("UPDATE galerija SET naziv='".$_REQUEST['naziv']."',

putanja='".$_REQUEST['putanja']."',

222

putanja2='".$_REQUEST['putanja2']."'

WHERE id_galerija=".$_REQUEST['id']);


'tip' => 'Izmena',

'tabela' => 'Slika',


'vreme' => mktime()

);


}

public function izmena_navi(){

$this->db->query("UPDATE navi SET naziv='".$_REQUEST['naziv']."',

putanja='".$_REQUEST['putanja']."'

WHERE id_navi=".$_REQUEST['id']);


'tip' => 'Izmena',

'tabela' => 'Navigacija',


'vreme' => mktime()

);


}

public function izmena_kategorije(){

223

$this->db->query("UPDATE kategorije SET naziv='".$_REQUEST['naziv']."'

WHERE id_kategorije=".$_REQUEST['id']);


'tip' => 'Izmena',

'tabela' => 'Kategorija',


'vreme' => mktime()

);


}

public function izmena_podkategorija(){

$this->db->query("UPDATE kategorije SET naziv='".$_REQUEST['naziv']."'

WHERE id_kategorije=".$_REQUEST['id']);


'tip' => 'Izmena',

'tabela' => 'Podkategorija',


'vreme' => mktime()

);


}

public function izmena_proizvoda(){

if($_REQUEST['chb_aktivan']=='on'){

224

$aktivan=1;

}

else{

$aktivan=0;

}

$this->db->query("UPDATE proizvodi SET naziv='".$_REQUEST['naziv']."'

, cena='".$_REQUEST['cena']."', opis='".$_REQUEST['opis']."', aktivan=$aktivan

, lager='".$_REQUEST['lager']."'

WHERE id_proizvodi=".$_REQUEST['id']);


'tip' => 'Izmena',

'tabela' => 'Proizvodi',


'vreme' => time()

);


}

public function izmena_brend(){

$this->db->query("UPDATE brend SET naziv_brenda='".$_REQUEST['naziv_brenda']."'

, url='".$_REQUEST['url']."', slika_brenda='".$_REQUEST['slika_brenda']."'

WHERE id_brend=".$_REQUEST['id']);


225

'tip' => 'Izmena',

'tabela' => 'Brend',


'vreme' => mktime()

);


}

/*IZMENA DINAMICKA*/

public function izmena(){


$this->db->from($this->uri->segment(3));

$this->db->where($this->uri->segment(4),$this->uri->segment(5));



}

/*BRISANJE DINAMICKO*/

public function delete(){

$segment = $this->uri->segment(3);

$kljuc= "id_".$segment;

$this->db->where($kljuc,$_REQUEST['name']);

$this->db->delete($segment);


226

'tip' => 'Brisanje',

'tabela' => $segment,


'vreme' => mktime()

);


}

}

?>

4.1.34 controllers/administrator.php

<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');

class Administrator extends CI_Controller {

/**

* Index Page for this controller.

*

* Maps to the following URL

* http://example.com/index.php/welcome

* - or -

227

* http://example.com/index.php/welcome/index

* - or -

* Since this controller is set as the default controller in

* config/routes.php, it's displayed at http://example.com/

*

* So any other public methods not prefixed with an underscore will

* map to /index.php/welcome/<method_name>

* @see http://codeigniter.com/user_guide/general/urls.html

*/

public function index()

{

$this->load->model('model1');

$this->load->model('upiti');

$data['notifikacije']=$this->model1->notifikacije();

$data['anketa']=$this->model1->anketa();

$data['anketaodgovor']=$this->model1->anketaodgovor();

$data['brendovi']=$this->upiti->dohvati_brendove();

$data['akcija']=$this->upiti->akcija_select();

$data['svi_proizvodi']=$this->upiti->dohvati_sve_proizvode();

$data['svi_proizvodi_na_akciji']=$this->upiti->dohvati_sve_proizvode_na_akciji();

$data['slajder']=$this->upiti->dohvati_slajder();

$data['galerija']=$this->model1->galerija();

$data['uloga']=$this->model1->uloga();

$data['navi']=$this->model1->nav();

228

$data['korisnik_korpa']=$this->upiti->prikaz_korisnik_korpa();

$data['kategorije']=$this->upiti->kategorije_select();

$data['podkategorije']=$this->upiti->podkategorije_select();

$data['gradovi']=$this->upiti->grad_select();

$data['korisnici']=$this->upiti->korisnik_select();

/*$data['kategorije']=$this->model1->kategorije();*/

$data['proizvodi']=$this->model1->proizvodi();

$data['navigacija']=$this->model1->navigacija();

$this->load->view('head');

$this->load->view('nav',$data);

$this->load->view('admin',$data);

$this->load->view('footer');

}

public function izmena(){





$data['podaci']=$this->upiti->izmena();



$this->load->view('izmena',$data);


}

229

public function izmena_prikaz_podkategorije(){








$this->load->view('izmena_podkategorije',$data);


}

public function izmena_prikaz_akcija(){








$this->load->view('izmena_akcija',$data);


}

230

public function izmena_prikaz_galerija(){








$this->load->view('izmena_galerija',$data);


}

public function izmena_prikaz_slajder(){








$this->load->view('izmena_slajder',$data);


}

public function izmena_prikaz_brend(){

231








$this->load->view('izmena_brend',$data);


}

public function izmena_prikaz_uloga(){








$this->load->view('izmena_uloga',$data);


}

public function izmena_prikaz_proizvod(){


232







$this->load->view('izmena_proizvodi',$data);


}

public function izmena_prikaz_navi(){








$this->load->view('izmena_navi',$data);


}

public function izmena_prikaz_grad(){



233






$this->load->view('izmena_grad',$data);


}

public function izmena_prikaz_anketa(){








$this->load->view('izmena_anketa',$data);


}

public function izmena_prikaz_anketaodgovor(){




234





$this->load->view('izmena_anketaodgovor',$data);


}

public function izmena_anketaodgovor(){


$this->upiti->izmena_anketaodgovor();

redirect('administrator/index');

}

public function izmena_anketa(){


$this->upiti->izmena_anketa();


}

public function izmena_brend(){


$this->upiti->izmena_brend();


}

235

public function izmena_akcija(){


$this->upiti->izmena_akcija();


}

public function izmena_galerija(){


$this->upiti->izmena_galerija();


}

public function izmena_slajder(){


$this->upiti->izmena_slajder();


}

public function izmena_uloga(){


$this->upiti->izmena_uloga();


}

236

public function izmena_grad(){


$this->upiti->izmena_grad();


}

public function izmena_navi(){


$this->upiti->izmena_navi();


}

public function izmena_proizvoda(){


$this->upiti->izmena_proizvoda();

$config['upload_path'] = 'uploads/';

$config['allowed_types'] = 'gif|jpg|png|jpeg';

$this->load->library('upload', $config);

if ( ! $this->upload->do_upload())

{

$error = array('error' => $this->upload->display_errors());

$this->upload->display_errors('<p>', '</p>');

$this->load->view('upload_form', $error);

}

else

237

{

$this->load->library('image_lib');

$data = array('upload_data' => $this->upload->data());

$data = $this->upload->data();

$config['image_library'] = 'gd2';

$config['source_image'] = './uploads/'.$data['file_name'];

$config['create_thumb'] = TRUE;

$config['new_image'] = './uploads/'.$data['file_name'];

$config['width'] = 240;

$config['height'] = 240;

$this->image_lib->initialize($config);

$this->image_lib->resize();

$data = array(

'id_proizvodi' => $_REQUEST['id'],

'putanja' => $data['file_name'],

'naziv' => 'thumb/'.$data['file_name']

);

$this->db->insert('proizvod_slike', $data);

$data = array('upload_data' => $this->upload->data('<p>UspeÅ¡no ste uneli sliku</p>'));


238

}

}

public function izmena_kategorije(){


$this->upiti->izmena_kategorije();


}

public function izmena_podkategorija(){


$this->upiti->izmena_podkategorija();


}

public function insert_grad()

{


$this->upiti->insert_grad();


}

public function insert_slajder()

{


239

$this->upiti->insert_slajder();

$config['upload_path'] = 'data1/images/';




{




}

else

{

/*$this->load->library('image_lib');









240



$data = array(

'slika' => 'uploads/'.$data['file_name'],

'slika1' => 'uploads/thumb/'.$data['file_name']

);

$this->db->insert('slajder', $data);*/



}


}

public function insert_uloge()

{


$this->upiti->insert_uloga();


}

public function insert_anketa()

{

241


$this->upiti->insert_anketa();


}

public function insert_proizvod_akcija()

{


$this->upiti->insert_proizvod_akcija();


}

public function delete_proizvod_akcija()

{


$this->upiti->delete_proizvod_akcija();


}

public function insert_brend()

{


$this->upiti->insert_brend();

$config['upload_path'] = 'images/brendovi/';



242


{




}

else

{












$data = array(



243

);

$this->db->insert('proizvodi', $data);*/



}

}

public function insert_akcija()

{


$this->upiti->insert_akcija();

$config['upload_path'] = 'images/';




{



244


}

else

{












$data = array(



);


245



}

}

public function insert_anketaodgovor()

{


$this->upiti->insert_anketaodgovor();


}

public function insert_link()

{


$this->upiti->insert_link();


}

public function insert_kategorija()

{


$this->upiti->insert_kategorije();

246


}

public function insert_podkategorija()

{


$this->upiti->insert_podkategorije();


}

public function brisanje()

{


$this->upiti->delete();

}

public function insert_proizvoda()

{


$this->upiti->insert_proizvod();




247


{




}

else

{












$data = array(



);

248




}

}

public function insert_slike()

{

$config['upload_path'] = './gallery/';


$config['max_size'] = '600';

$config['max_width'] = '2024';

$config['max_height'] = '1768';


if (!$this->upload->do_upload()){



}

else{

249

$this->load->library('image_lib');




$config['source_image'] = './gallery/'.$data['file_name'];


$config['new_image'] = './gallery/'.$data['file_name'];





$data = array(

'naziv' => $this->input->post('naziv'),

'putanja' => 'gallery/'.$data['file_name'],

'putanja2' => 'gallery/'.$data['file_name']

);

$this->db->insert('galerija', $data);

echo "UspeÅ¡no ste dodali sliku u galeriju!";


}

}

250

public function radi()

{

$this->load->view('upload_success');

}

}

/* End of file welcome.php */

/* Location: ./application/controllers/welcome.php */

4.1.35 controllers/kupovina.php


class Kupovina extends CI_Controller {

/**


*



* - or -


251

* - or -



*




*/


{






$this->load->view('cart_page');


}

}

4.1.36 controllers/login.php


252

class Login extends CI_Controller {

public function logovanje(){


foreach ($this->model1->login() as $jedan) {

$uloga=$jedan->id_uloga;

$id_korisnik= $jedan->id_korisnik;

$slika= $jedan->slika_korisnika;

$ime= $jedan->ime;

$prezime= $jedan->prezime;

$adresa= $jedan->adresa;

$grad= $jedan->naziv;

$id_grad= $jedan->id_grad;

$pbroj= $jedan->postanski_broj;

$email= $jedan->email;

$datum_registracije= $jedan->datum_registracije;

$poslednja_poseta= $jedan->poslednja_poseta;

$telefon= "0".$jedan->broj_telefona;

}

if(!$this->model1->login()){

redirect('welcome');

}

else{

$sesija=array(

'username' => $this->input->post('tbUser'),

253

'uloga' => $uloga,

'ulogovan' => 1 ,

'id_korisnik' => $id_korisnik ,

'ime' => $ime ,

'prezime' => $prezime ,

'adresa' => $adresa ,

'grad' => $grad ,

'id_grad' => $id_grad,

'postanski_broj' => $pbroj ,

'telefon' => $telefon ,

'email' => $email,

'datum_registracije' => $datum_registracije,

'poslednja_poseta' => $poslednja_poseta,

'slika_korisnika' => $slika);

$this->session->set_userdata($sesija);

if($uloga==1 || $uloga==2){


}

else{


}

}


}

254

public function logout(){

$this->session->sess_destroy();


}

}

4.1.37 controllers/proizvodi.php


class Proizvodi extends CI_Controller {

/**


*



* - or -


* - or -



255

*




*/


{



$data['kategorije']=$this->upiti->kategorije_select();





$this->load->view('proizvodi',$data);


}

public function kategorije(){



$data['pocetni']=$this->upiti->dohvati_proizvod();

$data['ukupno']=$this->upiti->dohvati_proizvod_ukupno();


$data['podkategorije']=$this->upiti->dohvati_podkategorije();

256

$data['akcije']=$this->upiti->dohvati_akcije();


$data['minmax']=$this->upiti->min_max();




$this->load->view('podkategorije',$data);


}

public function filteri(){


$grid=$_REQUEST['izabran'];

$kategorija=$_REQUEST['kategorija'];

$data['sort']=$_REQUEST['sort'];

$data['sortby']=$_REQUEST['sortby'];

$data['dis']=$_REQUEST['izabran'];

$data['limit']=$_REQUEST['limit'];

$data['trenutnaStrana']=$_REQUEST['trenutnaStrana'];

$data['pocetni']=$this->upiti->dohvati_filtrirane_proizvode();

$data['ukupno']=$this->upiti->dohvati_broj_filtriranih_proizvoda();

$data['kategorija']=$kategorija;

$this->load->view($grid,$data);

}

public function poruci()

{

257

$this->load->view('send_mail');

}

public function prikaz()

{


$proizvodi=$this->upiti->dohvati_proizvod();

$podkategorije=$this->upiti->dohvati_podkategorije_prikaz();

foreach ($podkategorije as $jedna) {

echo "<div class='col-sm-11' style='height: 50px;'><div class='col-sm-4' style='height: 50px;'><h2>".$jedna->naziv."</h2></div>";

echo "<div class='col-sm-3' >

<h3 style='float:left;margin-right:10px'>CENA: </h3><h3>

<a class='cena_opadajuca' style='float:left' href='#' name='".$jedna->id_podkategorija."'>

<img src='"; print_r(base_url()); echo "images/strelica_dole.png' style='width:27px;height:27px !important' ></a>

<a class='cena_rastuca' style='float:left' href='#' name='".$jedna->id_podkategorija."'>

<img src='"; print_r(base_url()); echo "images/strelica_gore.png' style='width:27px;height:27px !important' ></a></h3></div><div class='col-sm-4' style='height: 50px;'>

</div></div>";

}

if($proizvodi==NULL){

258

echo "<br />Trenutno nema proizvoda u trazenoj podkategoriji.";

}else{

foreach ($proizvodi as $proizvod) {

echo "<div class='col-sm-2 proizvod-jedan' style='margin-left:6%;width:200px;height:350px;margin-top:30px;padding:0px;float:left !important'>";

echo "<div style='height:50px;width:100%;'><h5 class='naslov' style='text-transform: uppercase;'>".$proizvod->naziv."</h5></div>";

if($proizvod->akcija==1){

echo "<img src='";

echo base_url();

echo "images/akcija.png' style='position:absolute;margin-left: 35%;width: 53.5%;height: 33%;margin-top: -4%;'>";

echo "<a href='"; print_r(base_url()); echo "proizvodi/proizvod/".$proizvod->id_proizvodi."' ><img src='";

echo base_url();

echo "uploads/".$proizvod->slika."' alt='Image 01' class='img-rounded img-responsive' style='width:140px;height:140px;margin:0px auto;' />";

}else{

echo "<img src='";

echo base_url();


}

echo "

<br /><p class='opis'>".$proizvod->opis."</p>

<div class='single-but item_add'>

259

<input type='submit' style='width:45%;border:3px solid #635742' value='Detaljnije' />";


echo "<input type='submit' style='color:#635742;background-color:#fff;width:55%;font-weight: bold;border:3px solid #635742' value='";

echo number_format($broj,2,",",".");

echo " RSD"; echo "'/>

</a></div>";

echo "</div>";

}

}

}

public function prikaz_cena_opadajuca()

{


$podkategorije=$this->upiti->dohvati_podkategorije_prikaz();

$proizvodico=$this->upiti->dohvati_proizvod_cena_opadajuca();

echo "<div class='col-sm-12' style='line-height: 100 !important;background-color: #635742;color: white;height: 50px;'>";

foreach ($podkategorije as $jedna) {

260

echo "<div class='col-md-6' style='line-height: 100 !important;background-color: #635742;color: white;height: 50px;' >

<h3 style='text-transform:uppercase;line-height: 2;font-size:19px;'>".$jedna->naziv."</h3>

</div>";

echo "<div class='col-md-6' style='height: 50px;'>


<span class='glyphicon glyphicon-th'></span>

<span class='glyphicon glyphicon-th-list'></span>

</div>


<h3 style='float:left;margin-right:10px;line-height:2'>CENA: </h3>

<h3>

<a class='cena_opadajuca' style='float:left' href='#' name='".$jedna->id_podkategorija."'>

<img src='"; print_r(base_url()); echo "images/strelica_dole.png' style='width:27px;height:27px !important' >

</a>

<a class='cena_rastuca' style='float:left' href='#' name='".$jedna->id_podkategorija."'>

<img src='"; print_r(base_url()); echo "images/strelica_gore.png' style='width:27px;height:27px !important' >

</a>

</h3>

</div>

</div>";

}

261

echo "</div>";

if($proizvodico==NULL){

echo "<br />Trenutno nema proizvoda u trazenoj podkategoriji.";

}else{

foreach ($proizvodico as $proizvod) {

echo "<div class='col-sm-2' style='margin-left:6%;width:200px;height:350px;margin-top:30px;padding:0px;float:left !important'>";

echo "<div style='height:50px;width:100%;'><h5 class='naslov' style='text-transform: uppercase;'>".$proizvod->naziv."</h5></div>";

if($proizvod->akcija==1){

echo "<img src='";

echo base_url();

echo "images/akcija.png' style='position:absolute;margin-left: 35%;width: 53.5%;height: 33%;margin-top: -4%;'>";

echo "<img src='";

echo base_url();


}else{

echo "<img src='";

echo base_url();


}

echo "

262

<br /><p class='opis'>".$proizvod->opis."</p><a href='"; print_r(base_url()); echo "proizvodi/proizvod/".$proizvod->id_proizvodi."'>

<div class='single-but item_add'>

<input type='submit' style='width:45%;border:3px solid #635742' value='Detaljnije' />";


echo "<input type='submit' style='color:#635742;background-color:#fff;width:55%;font-weight: bold;border:3px solid #635742' value='";

echo number_format($broj,2,",",".");

echo " RSD"; echo "'/>

</div></a>

<br />";

echo "</div>";

}

}

}

public function insert_komentar()

{


$this->upiti->insert_komentar();

263

}

public function narudzbine()

{


$this->upiti->insert_narudzbine();

}

public function proizvod(){



$data['proizvod']=$this->upiti->dohvati_jedan_proizvod();

$data['cena']=$this->upiti->dohvati_proizvod_akcija();

$data['komentari']=$this->upiti->prikaz_komentara();

$data['profilne']=$this->upiti->prikaz_profilnih();

$data['slike']=$this->upiti->dohvati_sliku_proizvoda();





$this->load->view('proizvod',$data);


}

public function prikaz_podkategorije()

264

{


$podkategorija = $this->upiti->dohvati_podkategorije_prikaz();

foreach ($podkategorija as $podkateg){

echo "<li name="; echo $podkateg->id_kategorije; echo "><a href='#'>".$podkateg->naziv."</a></li>";

}

}

}

4.1.38 controllers/stranice.php


class Stranice extends CI_Controller {

/**


*



* - or -


* - or -


265


*




*/

public function Registracija()

{









$this->load->view('registracija');


}

public function profil()

{

266









$this->load->view('profil');


}

public function izmena_profila()

{









$this->load->view('izmena_profila');


267

}

public function registracija_korisnika()

{


$this->upiti->registracija_korisnika();


}

public function izmeni_podatke()

{


$this->upiti->izmeni_podatke();

}

public function o_nama(){


268







$this->load->view('o_nama');


}

public function provera(){

$is_post = ($this->input->server('REQUEST_METHOD') == 'POST');

if($this->input->post('btnUnesi')){

$this->form_validation->set_rules('tbIme', 'VaÅ¡e ime', 'required|trim');

$this->form_validation->set_rules('tbPrezime', 'VaÅ¡e ime', 'required|trim');

$this->form_validation->set_rules('tbMail', 'Email', 'required|trim|valid_email');

$this->form_validation->set_message('required', 'Polje %s je obavezno !!!');

if($is_post && $this->form_validation->run()){

print "OK";

}else

{

269

print "<p>Vasi podaci nisu u validnom formatu!<p>";

}

}

}

public function posalji() {

$this->load->library('email');

$config['protocol'] = 'sendmail';

$config['mailpath'] = '/usr/sbin/sendmail';

$config['charset'] = 'iso-8859-1';

$config['wordwrap'] = TRUE;

$this->email->initialize($config);

$name = $this->input->post('tbIme');

$name = $this->input->post('tbPrezime');

$phone = $this->input->post('tbMail');

$email = $this->input->post('tbBroj');

$message = $this->input->post('taporuka');

$this->load->library('form_validation');

$this->form_validation->set_rules('tbIme', 'Ime', 'required|min_length[3]');

270

$this->form_validation->set_rules('tbPrezime', 'Prezime', 'required|min_length[5]');

$this->form_validation->set_rules('tbBroj', 'Telefon', 'required|min_length[3]');

$this->form_validation->set_rules('taporuka', 'Poruka', 'required');

$this->form_validation->set_rules('tbMail', 'Email', 'required|valid_email');

if ($this->form_validation->run() == FALSE) {

redirect(base_url('o_nama'));

} else {

$this->email->from('[email protected]', 'Nenad');

$this->email->to($email);

$this->email->subject('Kontaktiramo korisnika sa brojem telefona - ' . $phone);

$this->email->message('U vezi poruke - '.$message);

$this->email->send();

if (!$this->email->send()) {

echo 'Failed';

} else {

redirect(base_url());

}

}

}

public function edit(){

271





$data['narudzbine']=$this->upiti->prikaz_narudzbina();


$data['anketa']=$this->model1->dohvatianketu();



$this->load->view('edit',$data);


}

public function narudzbine(){


$data['narudzbine']=$this->upiti->dohvati_proizvode_narudzbina();

$this->load->view('proizvodiNarudzbina',$data);

}

public function autor(){





272


$data['anketa']=$this->model1->dohvatianketu();



$this->load->view('autor');


}

public function korpa_kasa(){








$this->load->view('korpa');


}

public function anketa(){

273

$this->load->model("model1");

$this->model1->glasaj();

redirect('stranice/rezultatankete');

}

public function rezultatankete(){


$this->model1->dohvatianketu();

$ukupno=0;

foreach ($this->model1->dohvatianketu() as $glas) {

$ukupno=$ukupno+$glas->glasovi;

}

echo "<table>";

foreach ($this->model1->dohvatianketu() as $key) {

$procenat=ROUND($key->glasovi*100/$ukupno,1);

echo '<br /><br /><div class="col-sm-12" style="text-align:left">

<div style="width:'.$procenat.'%;background:#635742;border-radius:2px;height:14px;float:left;"></div>

<span class="float:right">'.$procenat.'%</span><br /><br /></div>

<div class="clear"></div>';

}

echo "<p>Hvala Vam Å¡to ste glasali.</p>";

echo "</table>";

}

274

public function korpa(){

$this->load->model("upiti");

$this->upiti->insert_korpa();

}

public function korpa_kupovina(){

$this->load->view("podaci");

}

public function dohvatianketu(){


}

}



4.1.39 controllers/upload.php

275

<?php

class Upload extends CI_Controller {

function __construct()

{


$this->load->helper(array('form', 'url'));

}

function index()

{

$this->load->view('upload_form', array('error' => ' ' ));

}

function do_upload()

{


$config['allowed_types'] = 'gif|jpg|png';



{

276




}

else

{



/*echo "UspeÅ¡no ste uploadovali sliku ('".$data."') ";*/

/*$this->load->view('upload_success', $data);*/

}

}

}

?>

4.1.40 controllers/welecome.php


class Welcome extends CI_Controller {

/**


*

277



* - or -


* - or -



*




*/


{



$config['base_url'] = "http://diplomski1.eu5.org/welcome/index";

$config['per_page'] = 6;

$config['num_link'] = 3;

$config['full_tag_open'] = "<ul class='pagination pagination-lg'>";

$config['full_tag_close'] ="</ul>";

$config['num_tag_open'] = '<li>';

$config['num_tag_close'] = '</li>';

278

$config['cur_tag_open'] = "<li class='disabled'><li class='active'><a href='#'>";

$config['cur_tag_close'] = "<span class='sr-only'></span></a></li>";

$config['next_tag_open'] = "<li>";

$config['next_tagl_close'] = "</li>";

$config['prev_tag_open'] = "<li>";

$config['prev_tagl_close'] = "</li>";

$config['first_tag_open'] = "<li>";

$config['first_tagl_close'] = "</li>";

$config['last_tag_open'] = "<li>";

$config['last_tagl_close'] = "</li>";

$config['total_rows'] = $this->db->get('galerija')->num_rows();

$this->pagination->initialize($config);

$data['query'] = $this->db->get('galerija',$config['per_page'],$this->uri->segment(3));


$data['show']=$this->upiti->korisnik_select();

$data['slajder']=$this->upiti->dohvati_slajder();





$this->load->view('slider',$data);

$this->load->view('index_content',$data);

279


}

}



4.2 CSS

4.2.1 style.css

body{

margin: 0;

padding: 0;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#606c88+0,3f4c6b+100;Grey+3D+%232 */

background: #606c88 !important; /* Old browsers */

background: -moz-linear-gradient(top, #606c88 0%, #3f4c6b 100%); /* FF3.6-15 */

280

background: -webkit-linear-gradient(top, #606c88 0%,#3f4c6b 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom, #606c88 0%,#3f4c6b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606c88', endColorstr='#3f4c6b',GradientType=0 ); /* IE6-9 */

}

.content-container{

padding: 0;

margin:0;

}

281

input {

margin:2% !important;

}

.container{

border:1px solid#505050;

border-radius: 8px;

padding:2%;

margin:2% 0%;

}

.hero-wrapper{

border:2px solid#505050;

position: relative;

282

height: 8vh;

margin:0.3%;

color:#fff;

text-align: center;

cursor: pointer;

}

.hero-wrapper img{

position: absolute;

left:0;

top:0;

width:100%;

height: 100%;

283

}

.hero-name{

position:absolute;

left:0;

bottom:0;

width: 100%;

height: auto;

text-align: center;

z-index:2;

text-shadow:1px 1px #000;

font-family: 'Lucida Grande','Tahoma','arial','sans-serif';

font-size: 13px;

}

284

.navbar{

margin-bottom: 0px !important;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a90329+0,8f0222+44,6d0019+100;Brown+Red+3D */

background: #a90329; /* Old browsers */

background: -moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom, #a90329 0%,#8f0222 44%,#6d0019 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */

border-color:#A01500 !important;

border-radius:0px !important;

285

}

.navbar-default .navbar-nav > li > a,.navbar-default .navbar-brand{

color:#fff !important;

text-shadow:1px 1px #000;

}

.navbar-default .navbar-nav > .active > a,.navbar-nav > li:hover, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{

background-color:#505050 !important;

}

.form-group label{


text-shadow:1px 1px#000;

}

286

.clear{

clear:both;

}

4.2.1 style1.css

/*--

Author: W3layouts

Author URL: http://w3layouts.com

License: Creative Commons Attribution 3.0 Unported

License URL: http://creativecommons.org/licenses/by/3.0/

--*/

select {

padding:4px 10px;

margin: 0;

287

-webkit-border-radius:2px;

-moz-border-radius:2px;

border-radius:2px;

-webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;

-moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;

box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;

background: #f8f8f8;

color:#000;

border:1px solid#838E98;

outline:none;

display: inline-block;

-webkit-appearance:none;

-moz-appearance:none;

appearance:none;

cursor:pointer;

font:13px 'Helvetica';

}

select option{

padding:20px 10px;

background:#eee;

}

html, body{

font-family: 'Open Sans', sans-serif;

font-size: 100%;

background:#fff;

288

}

body a {

transition:0.5s all;

-webkit-transition:0.5s all;

-moz-transition:0.5s all;

-o-transition:0.5s all;

-ms-transition:0.5s all;13

}

a:hover{

text-decoration:none;

}

input[type="button"],input[type="submit"],li.parallelogram{

transition:0.5s all;

-webkit-transition:0.5s all;

-moz-transition:0.5s all;

-o-transition:0.5s all;

-ms-transition:0.5s all;

}

h1,h2,h3,h4,h5,h6{

margin:0;

font-family: 'Roboto Slab', serif;

}

p{

margin:0;

}

289

ul{

margin:0;

padding:0;

}

label{

margin:0;

}

/*--start-header--*/

/*-- header --*/

.top_bg{

background: #252525;

}

.header_top{

padding: 9px 0 8px;

}

.top_left{

float: right;

}

.top_left h6{

text-transform:uppercase;

font-size:12px;

color:#ffffff;

}

.top_left h2 span {

290

color: #000000;

margin-right: 0px;

padding: 1px 10px;

background: url(../images/phon.png) no-repeat 0px 2px;

-webkit-transition: all 0.3s ease-in-out;

-moz-transition: all 0.3s ease-in-out;

-o-transition: all 0.3s ease-in-out;

transition: all 0.3s ease-in-out;

}

.top_right{

float:left;

color: #ffffff;

margin-top: -5px;

}

.top_right ul{

padding:0;

list-style:none;

}

.top_right ul li{


margin: 0 0px;

border-right:1px solid #fff;

}

.top_right ul li:last-child{

margin-right: 0;

291

}

.top_right ul li a{

text-align:center;

padding: 0px 13px;


font-size:12px;

display:block;

color:#ffffff;





}

.top_right ul li a:hover{

color:#18C9D2;

text-decoration: none;

}

.logo {

margin: 1.5em 0;

float:left;

}

.header_right {

float: right;

margin-top: 1em;

}

292

.logo a h1{

font-size: 2.7em;

font-weight:400;

color: #18C9D2;


}

.logo a h1:hover{


}

.logo h1 span {

color: #333;

}

.head-t {

padding: 1em 0;

}

.header_right{

position:relative;

}

.box_1 {

float: right;

margin-top: 5px;

}

.box_1 h3 {

color: #702428 !important;

font-size: 1em;

293

font-weight: 700;

margin: 0;

}

.total {


vertical-align: middle;

color:#9d9d9d;

}

.box_1 a img {

margin: 3px 0 0 0px;

}

.box_1 p {

margin: 0px 0 0px 8px;

}

a.simpleCart_empty {

color: #555;

font-weight: 500;

font-size: 0.75em;

}

.box_1 i{

color:#242424;

}

.box_1 i:hover{

color:#9d9d9d;

}

294

.products {

padding: 1em 0 4em 0;

}

/*----*/

/* start icon styles */

.icon1:before,.icon1:after {

content: "";

display: table;

}

.icon1:after {

clear: both;

}

.icon1 {

float: left;

zoom: 1;

margin-right: 0%;

width: 40%;

margin: 8px 0 0;

}

ul.icon1 {

padding:0;

list-style:none;

}

.icon1 li {

float: left;

295

position: relative;

cursor: pointer;

}

.icon1 li:last-child{

border-right:none;

}

.icon1 li:hover > a {

color: #fafafa;

}

*html .icon1 li a:hover { /* IE6 only */

color: #fafafa;

}

.icon1 ul {

width:300px;

margin: 20px 0 0 0;

_margin: 0;

opacity: 0;

visibility: hidden;

position: absolute;

top: 42px;

z-index: 1;

right: -140px;

background: #ffffff;

-webkit-transition: all .2s ease-in-out;

-moz-transition: all .2s ease-in-out;

296

-ms-transition: all .2s ease-in-out;

-o-transition: all .2s ease-in-out;

transition: all .2s ease-in-out;

box-shadow: 0px 0px 5px #aaa;

-webkit-box-shadow: 0px 0px 5px #aaa;

-moz-box-shadow: 0px 0px 5px #aaa;

-o-box-shadow: 0px 0px 5px #aaa;

}

.icon1 li:hover > ul {

opacity: 1;

visibility: visible;

margin: 0;

}

.icon1 ul ul {

top: 6px;

left: 158px;

margin: 0 0 0 20px;

border-radius: 5px;

-webkit-border-radius: 5px;

-moz-border-radius: 5px;

-o-border-radius: 5px;

}

.icon1 ul li {

float: none;

display: block;

297

border: 0;

}

.icon1 ul li:first-child{

border-top:none;

}

.icon1 ul li:first-child a{

border-top-left-radius: 5px;

-webkit-border-top-left-radius: 5px;

-moz-border-top-left-radius: 5px;

-o-border-top-left-radius: 5px;

}

.icon1 ul li:last-child {

-moz-box-shadow: none;

-webkit-box-shadow: none;

box-shadow: none;

}

.icon1 ul a {

_height: 10px; /*IE6 only*/

white-space: nowrap;

float: none;

text-transform: none;

}

.active-icon{

display: block;

}

298

.icon1 ul li:first-child > a:after {

content: '';

position: absolute;

left: 45%;

top: -30px;

border-left: 10px solid transparent;

border-right:10px solid transparent;

border-bottom:10px solid #f0f0f0;

}

.icon1 ul ul li:first-child a:after {

left: -100px;

top: 0%;

margin-top: -6px;

border-left: 0;

border-bottom:20px solid transparent;

border-top: 20px solid transparent;

border-right:20px solid #323757;

}

/* Mobile */

.icon1-trigger {

display: none;

}

.sub-icon1 img{

border:none;

display:inline-block;

299

vertical-align:middle;

}

.c1{

background: url(../images/art.png) no-repeat 0px 0px;

width: 32px;

height: 32px;



margin-top: 2px;

}

.c2 {

background: url(../images/bag.png) no-repeat 0px 1px;

width: 24px;

height: 24px;



}

.icon1 .profile_img {

margin-top: 3px;

}

.sub-icon1 ul li h3{

text-align:center;

font-size: 1em;

color: #00405d;


300

margin-bottom: 4%;

}

.sub-icon1 ul li p{

text-align:center;

font-size: 0.8125em;

color: #555555;

line-height: 1.8em;

}

.sub-icon1.list{

padding: 20px 0px;

}

.sub-icon1 ul li p a{

color: #00405d;

}

.sub-icon1 ul li p a:hover{

color: #555555;

text-decoration:underline;

}

ul.megamenu.skyblue {


}

.rgt-bottom {

margin-bottom: 1em;

}

/* start menu */

301

.h_nav h4{

border-bottom: 1px solid rgb(236, 236, 236);

font-size: 1em;

color: #000;

line-height: 1.8em;

text-transform: uppercase;

margin-bottom: 4%;

}

.h_nav h4.top{

margin-top: 12%;

}

.h_nav ul li{

display: block;

}

.h_nav ul li a{

display: block;

font-size: 0.95em;

color: #555;

text-transform: capitalize;

line-height: 1.8em;





line-height: 2.5em;

302

}

.h_nav ul li a:hover{

color:#00405d;


}

/*----*/

.banner {

margin-top: 3em;

}

.jocket {

padding-left: 0;

}

h3.b-tittle {

color: #252525;

font-size: 1.2em;

font-weight: 400;


}

.text {

padding: 0;

}

.bag-img {

margin-top: 1em;

}

a.collection{

303

font-size: 0.9em;

color: #555;


margin-top: 0.5em;

}

a.collection i {


font-size: 1em;

margin: 0 0.3em;

color: #18C9D2;

}

.jock-img {

padding: 0;

float: left;

width: 70%;

margin-top: 1em;

}

.jock-text {

float: right;

width: 28%;

}

.shoe-img {

float: left;

}

.shoe-text {

304

padding: 0;

float: right;

}

.pack {

float: left;

width:49%;

}

.bottom-bags {

margin-top: 1em;

}

.glass {

padding: 0;

}

.bags {

margin-top: 1em;

}

.fashion-info {

margin-top: 3em;

}

.fashion-info.two {

margin-top:2em;

}

.fashion-grids {

padding-left: 0;

}

305

.fashion-grids:nth-child(2) {

padding: 0 0.5em;

}


padding-right: 0;

padding-left: 1em;

}

.fashion-grids img{

width: 100%;

}

.fashion-grids p {

color: #fff;

line-height: 1.9em;

font-weight: 400;

}

.fashion-section {

padding: 4em 0;

}

.collection-section {

padding: 4em 0;

}

/*--Common-style--*/

.fashion-grids h4 {

color: #fff;

font-size: 1.2em;

306

font-weight: 400;


}

.fashion-grids figure {

position: relative;

float: left;

overflow: hidden;

text-align: center;

cursor: pointer;

width:100%;

}

.fashion-grids figure img {

position: relative;

display: block;

}

.fashion-grids figure figcaption {

padding: 2em;

color: #fff;

font-size: 1.25em;

-webkit-backface-visibility: hidden;

backface-visibility: hidden;

}

.fashion-grids figure figcaption::before,

.fashion-grids figure figcaption::after {

307

pointer-events: none;

}

.fashion-grids figure figcaption{

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

}

figure.effect-bubba {

background-color: rgba(24, 201, 210, 0.84);

}

figure.effect-bubba img {

opacity: 0.4;

}

figure.effect-bubba figcaption::before,

figure.effect-bubba figcaption::after {

position: absolute;

top: 30px;

right: 30px;

bottom: 30px;

left: 30px;

content: '';

308

opacity: 0;

-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

transition: opacity 0.35s, transform 0.35s;

}

figure.effect-bubba figcaption::before {

border-top: 1px solid #fff;

border-bottom: 1px solid #fff;

-webkit-transform: scale(0,1);

transform: scale(0,1);

}


border-right: 1px solid #fff;

border-left: 1px solid #fff;

-webkit-transform: scale(1,0);

transform: scale(1,0);

}

figure.effect-bubba h4 {

padding-top: 21%;

-webkit-transition: -webkit-transform 0.35s;

transition: transform 0.35s;

-webkit-transform: translate3d(0,-20px,0);

transform: translate3d(0,-20px,0);

309

opacity:0;

}

figure.effect-bubba p {

padding: 20px 2.5em;

opacity: 0;

-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

transition: opacity 0.35s, transform 0.35s;

-webkit-transform: translate3d(0,20px,0);

transform: translate3d(0,20px,0);

}

figure.effect-bubba p.cart a{

padding: 8px 15px;

background: #fff;





transition: all 0.3s;

font-size: 0.8em;

color: #333;

font-weight: 400;

}

figure.effect-bubba figcaption::before,


310

opacity: 1;

-webkit-transform: scale(1);

transform: scale(1);

}

figure.effect-bubba h4,


opacity: 1;

-webkit-transform: translate3d(0,0,0);

transform: translate3d(0,0,0);

}

/*--middle--*/

.middle {

background: url(../images/middle.jpg) no-repeat;

background-size: cover;

-webkit-background-size: cover;

-o-background-size: cover;

-moz-background-size: cover;

min-height:410px;

}

.mid-top {

text-align: center;

padding-top: 10em;

}

.mid-top h3 {

311

color: #fff;

font-size: 3em;


}

.mid-top p {

font-size: 1.8em;

color: #18C9D2;


font-weight:300;

margin-top: 0.5em;

}

.mid-content {


}

/* Slide3 */

.recommand-section {

padding: 3em 0;

}

.about_tagline {

font-size: 24px;

margin-top: 60px;

margin-bottom: 100px;

color: #15b86e;

font-style: italic;

line-height: 31px;

312

}

ul.selectors_wrapper {

width: 18%;

float: left;

margin-right: 10%;

}

li.selector {

list-style-type: none;

padding: 19px 0px 10px 27px;

background: url('../images/list-show.png') no-repeat 0px 21px;

cursor: pointer;

color: #252525;

font-size: 1em;

font-weight: 400;



}

.standards h5{

list-style: none;

font-size: 2em;

font-weight: 400;


}

313

.standards h5 i {

font-size: 0.8em;

}

.selector.active {

color: #18C9D2;

background: url('../images/list-hover.png') no-repeat 0px 21px;

}

.selector:hover {

cursor: pointer;

}

.standard_content {

float: right;

width: 72%;

box-sizing: border-box;

position: relative;

height: 390px!important;

}

.view, .standard {

position: absolute;

opacity: 0;

transition: opacity 0.2s ease;

314

-webkit-transition: opacity 0.2s ease;

}

.view.active, .standard.active {

opacity: 1 !important;

z-index: 100;

}

.standard {

width: 100%;

}

.tag-grid {

background: #fff;

width: 29.333%;

margin: 0 2%;

padding: 10px;

border: 1px solid #DBDFE6;

float:left;

}

.r-title {

padding: 18px 0 6px 0px;

text-align:center;

}

.tag-wrapper h3{

color: #252525;

font-size: 1.2em;

font-weight: 400;

315

}

.tag-wrapper h4 {

font-size: 1.1em;

font-weight: 400;

margin-top: 5px;

color: #18C9D2;

}

.recommand-section-grids {

margin-top: 4em;

}

.tags i {

color: #333;

font-size: 0.8em;

}

.tag-grid:hover{

display:block;

}

h3.tittle {

color: #252525;

font-size:2em;

text-align: center;


}

h3.tittle.con {

316

margin-bottom: 1.2em;

}

.account-top.heading h3 {

color: #252525;

font-size:1.6em;

text-align:left;



}

.tag-grid{

position:relative;

}

.atc {

font-size: 1.05em;

font-weight: 400;

position:absolute;

top: 38%;

left:32%;

display:none;

}

.atc a {

padding: 8px 18px;




317



transition: all 0.3s;

font-size: 0.9em;

color: #fff;

}

.tag-grid:hover .atc a{

background:#18C9D2;

}

.tag-grid:hover .atc{

display:block;

}

/* Tablet */

@media screen and (max-width: 768px) {

.services_nav_list {

display: none;

}

.services_nav.responsive {

display: inherit;

margin-top: 70px;


}

.service_wrapper {

318

margin-top: 0px;

}

.services_nav.desktop {

display: none;

}

.services_nav {

margin-top: 0;

}

.standard {

position: absolute;

opacity: 0;

transition: opacity 0.2s ease;

-webkit-transition: opacity 0.2s ease;

}

.contact_info, .form {

width: 100%;

float: none;

margin: 0 auto;

319

}

}

/* Mobile */

@media screen and (max-width: 480px) {

header h1 {

font-family: 'Bitter', sans-serif;

font-size: 24px;



letter-spacing: 3px;

line-height: 31px;

}

header p {

font-size: 14px;

line-height: 21px;


}

header .container {

padding: 50% 0 25%;

}

320

.contact_info .h1 {

font-size: 23px;

text-align: center;

}

.bio, .bio_image {

width: 100%;;

margin-right: 0;

}

.bio_image {


}

.contact_info {

max-width: none;

}

.copyright, .credentials {

float: none;

}

}

/*--start-account--*/

321

.account{

padding:6em 0px;

}

.address span {

font-size:1em;

color: #333;

display: block;

padding-bottom: 4px;

}

.address input[type="text"],.address input[type="password"] {

border: 1px solid #555;

outline: none;

width: 100%;

font-size: 14px;

padding: 10px 10px;

}

.address{

margin-top:4%;

}

.address a {

font-size: 14px;

color: #333;

font-weight: 500;

}

322

.address input[type="submit"] {

background:#18C9D2;

color: #FFF;

font-size: 1em;

padding: 0.5em 1.2em;

transition: 0.5s all;

-webkit-transition: 0.5s all;

-moz-transition: 0.5s all;

-o-transition: 0.5s all;



border: none;

outline: none;

margin-left: 10px;

}

.address input[type="submit"]:hover {

background:#242424;





}

.new input[type="submit"]{

margin-left:0;

}

323

/*--end-account--*/

/*-- products --*/

.products-grids{

padding:4em 0 0;

}

.products-grid-right {

padding-left: 0;

float: left;

}

.products-grd{

float:left;

width:31.9%;

text-align: center;

position:relative;

}

.products-grd:nth-child(2){

margin:0 1em;

}

.products-grd:hover div.pro-grd{

display:block;

}

.pro-grd{

position:absolute;

top: 39%;

left:0%;

324

width: 100%;

}

.pro-grd a{

color: #fff;

font-size: 15px;

margin: 0;

background: rgba(24, 201, 210, 0.7);


padding: 0.5em 1em;

}

span.valsa{

color:#204056;

}

.prd p {

padding-bottom: 1em;

}

.prd p i {

color: #252525;

font-size: 1em;

}

.products-grid-left{

padding:0 !important;

float: right;

}

.products-grid-lft:nth-child(2){

325

margin:1em 0;

}

.p-one {

box-shadow: 2px 2px 11px #CCCBCB;

padding: 1.5em 0 0;

}

span.valsa {

color: #333;

font-size: 0.9em;

font-weight: 600;

line-height: 2em;

}

.p-one h4 {

margin: 1em 0 0.5em 0;

color: #18C9D2;

font-size: 1em;

}

.mask span {


color: #fff;

font-size: 12px;

padding: 6px 12px;

}

/* start women */

.products-single {

326

float: right;

}

.women_main{

padding:4em 0;

}

.women{

text-align: left;

border-bottom: 1px solid #ebebeb;

}

.women h4{

float:left;

font-size:1em;


color: #333333;

}

.women h4{

color:#555555;

}

.w_nav {

float:right;

color:#555555;

font-size:0.8125em;

padding:0;

list-style:none;

}

327

.w_nav li{


}

.w_nav li a{

display: block;

color:#555555;

text-transform:capitalize;

}

.w_nav li a:hover{

color: #00405d;

}

.w_sidebar{

border: 1px solid #EBEBEB;

}

.w_nav1 ul{

padding:0;

list-style:none;

}

.w_nav1{

padding: 20px;

}

.w_nav1 h4{


color: #18C9D2;

font-size: 1.2em;

328

margin-bottom: 5px;

}

.w_nav1 ul li{

line-height: 1.5em;

}

.w_nav1 ul li a{

display: block;


color: #555555;


}

.w_nav1 ul li a:hover{

color:#00405d;

}

.w_nav2{

padding: 20px;

}

.w_nav2 li{

line-height: 1.5em;


}

.w_nav2 li a{

display: block;

padding: 14px;

}

329

.w_nav2 li a.color1{

background: #0AA5E2;

}


background: #40E0D0;

}


background: #B03060;

}



}


background: #E60D41;

}


background: #45BF55;

}


background: #FF7F00;

}


background: #8B4513;

}


330

background: #FFD700;

}


background: #9FA8AB;

}


background: #C0C0C0;

}


background: #0AA5E2;

}


background: #FFCBDB;

}


background: #B87333;

}


background: #BFB540;

}

.sky-form .label {

display: block;

margin-bottom: 6px;

line-height: 19px;

}

331

.w_sidebar h3{

padding:0 20px 10px;

font-size: 1em;

color: #555555;


}

/* radios and checkboxes */

.sky-form {

margin-top: -10px;

}

.row1{

outline:none;

padding: 20px;

overflow: auto;

height: 200px;

}

.sky-form.col.col-4 ul {

padding: 0;

list-style: none;

}

.sky-form h4{

margin-top: 10px;

background: #fff;

padding: 10px 20px;

color: #635742;

332


margin-bottom: 0;

font-size: 16px;

}

.sky-form section {


}

.sky-form .label {

display: block;

margin-bottom: 6px;

line-height: 19px;

}

.sky-form .label.col {

margin: 0;

padding-top: 10px;

}

.sky-form .input,

.sky-form .select,

.sky-form .textarea,

.sky-form .radio,

.sky-form .checkbox,

.sky-form .toggle,

.sky-form .button {

position: relative;

display: block;

333

}

/* selects */

.sky-form .select i {

position: absolute;

top: 14px;

right: 14px;

width: 1px;

height: 11px;

background: #fff;

box-shadow: 0 0 0 12px #fff;

}

.sky-form .select i:after,

.sky-form .select i:before {

content: '';

position: absolute;

right: 0;

border-right: 4px solid transparent;

border-left: 4px solid transparent;

}

.sky-form .select i:after {

bottom: 0;

border-top: 4px solid #404040;

}

.sky-form .select i:before {

top: 0;

334

border-bottom: 4px solid #404040;

}

.sky-form .select-multiple select {

height: auto;

}

/* radios and checkboxes */

.sky-form .radio,.sky-form .checkbox {

outline:none;

border:none;

margin-bottom: 4px;

padding-left: 27px;

font-size: 13px;

line-height: 27px;

color: #555555;

cursor: pointer;


font-weight: normal;

margin-top: 0;

}

.sky-form .radio{

text-transform: none;

}

.sky-form .radio:last-child,

.sky-form .checkbox:last-child {

margin-bottom: 0;

335

}

.sky-form .radio input,

.sky-form .checkbox input {

position: absolute;

left: -9999px;

}

.sky-form .radio i,

.sky-form .checkbox i {

position: absolute;

top: 5px;

left: 0;

display: block;

width: 17px;

height: 17px;

outline: none;

border-width: 2px;

border-style: solid;

background: #fff;

}

.sky-form .radio i {

border-radius: 50%;

}

.sky-form .radio input + i:after,

.sky-form .checkbox input + i:after {

position: absolute;

336

opacity: 0;

transition: opacity 0.1s;

-o-transition: opacity 0.1s;

-ms-transition: opacity 0.1s;

-moz-transition: opacity 0.1s;

-webkit-transition: opacity 0.1s;

}

.sky-form .radio input + i:after {

content: '';

top: 4px;

left: 4px;

width: 5px;

height: 5px;

border-radius: 50%;

}


content: '';

top: 3px;

left: 2px;

width: 10px;

height: 7px;

background: url(../images/tick.png) no-repeat;

text-align: center;

}

.sky-form .radio input:checked + i:after,

337

.sky-form .checkbox input:checked + i:after {

opacity: 1;

}

.sky-form .inline-group {

margin: 0 -30px -4px 0;

}

.sky-form .inline-group:after {

content: '';

display: table;

clear: both;

}

.sky-form .inline-group .radio,

.sky-form .inline-group .checkbox {

float: left;

margin-right: 30px;

}

.sky-form .inline-group .radio:last-child,

.sky-form .inline-group .checkbox:last-child {

margin-bottom: 4px;

}

/* icons */

.sky-form [class^="icon-"] {

font-family: FontAwesome;

font-style: normal;

338


-webkit-font-smoothing: antialiased;

}

/* normal state */

.sky-form .input input,

.sky-form .select select,

.sky-form .textarea textarea,

.sky-form .radio i,

.sky-form .checkbox i,

.sky-form .toggle i,

.sky-form .icon-append,

.sky-form .icon-prepend {

border-color: #e5e5e5;

transition: border-color 0.3s;

-o-transition: border-color 0.3s;

-ms-transition: border-color 0.3s;

-moz-transition: border-color 0.3s;

-webkit-transition: border-color 0.3s;

}

.sky-form .toggle i:before {

background-color: #2da5da;

}

/* hover state */

.sky-form .input:hover input,

.sky-form .select:hover select,

339

.sky-form .textarea:hover textarea,

.sky-form .radio:hover i,

.sky-form .checkbox:hover i,

.sky-form .toggle:hover i {

border-color:#204056;

}

.sky-form .button:hover {

opacity: 1;

}

/* focus state */

.sky-form .input input:focus,

.sky-form .select select:focus,

.sky-form .textarea textarea:focus,

.sky-form .radio input:focus + i,

.sky-form .checkbox input:focus + i,

.sky-form .toggle input:focus + i {

border-color: #2da5da;

}

/* checked state */

.sky-form .radio input + i:after {

background-color:#204056;

}


color:#635742;

}

340

.sky-form .radio input:checked + i,

.sky-form .checkbox input:checked + i,

.sky-form .toggle input:checked + i {

border-color:#635742;

}

/* error state */

.sky-form .state-error input,

.sky-form .state-error select,

.sky-form .state-error textarea,

.sky-form .radio.state-error i,

.sky-form .checkbox.state-error i,

.sky-form .toggle.state-error i {

background: #fff0f0;

}

/* success state */

.sky-form .state-success input,

.sky-form .state-success select,

.sky-form .state-success textarea,

.sky-form .radio.state-success i,

.sky-form .checkbox.state-success i,

.sky-form .toggle.state-success i {

background: #f0fff0;

}

/* disabled state */

.sky-form .input.state-disabled input,

341

.sky-form .select.state-disabled,

.sky-form .textarea.state-disabled,

.sky-form .radio.state-disabled,

.sky-form .checkbox.state-disabled,

.sky-form .toggle.state-disabled,

.sky-form .button.state-disabled {

cursor: default;

opacity: 0.5;

}

.sky-form .input.state-disabled:hover input,

.sky-form .select.state-disabled:hover select,

.sky-form .textarea.state-disabled:hover textarea,

.sky-form .radio.state-disabled:hover i,

.sky-form .checkbox.state-disabled:hover i,

.sky-form .toggle.state-disabled:hover i {

border-color: #e5e5e5;

}

/*-- start scrollpane --*/

.jspContainer,.scroller{

overflow-x: hidden;

overflow-y:scroll;

height: 150px;

padding-left:10px !important;

}

342

.scroller::-webkit-scrollbar{

background: #fff;

width:8px;

}

.scroller::-webkit-scrollbar{

width:8px;

border:none;

}

.scroller::-webkit-scrollbar-thumb{


border:1px solid #959595;

border-radius:6px;

}

.scroller::-webkit-scrollbar-thumb:active{



padding: 0;

margin: 0;

}

.jspPane{

position: absolute;

outline: none;

343

padding: 20px !important;

}

.jspVerticalBar{

position: absolute;

top: 0;

right:0px;

width:5px;

height: 100%;

}

.jspHorizontalBar{

position: absolute;

bottom: 0;

left: 0;

width: 100%;

height: 16px;

background: red;

}

.jspCap{

display: none;

}

.jspHorizontalBar .jspCap{

float: left;

}

.jspTrack{


344

position: relative;

}

.jspDrag{


position: relative;

top: 0;

left: 0;

cursor: pointer;

}

.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag{

float: left;

height: 100%;

}

.jspArrow{

background: #18C9D2;

text-indent: -20000px;

display: block;

cursor: pointer;

padding: 0;

margin: 0;

}

.jspArrow.jspDisabled{

cursor: default;

background: #80808d;

}

345

.jspVerticalBar .jspArrow{

height: 16px;

}

.jspHorizontalBar .jspArrow{

width: 16px;

float: left;

height: 100%;

}

.jspVerticalBar .jspArrow:focus{

outline: none;

}

.jspCorner{

background: #eeeef4;

float: left;

height: 100%;

}

/*-- //products --*/

.thumb-image { width: 100%; }

.thumb-image > img { width: 100%; }

.product-categories li span.count {

float: right;

color: #202739;

font-size: 15px;

font-weight: 500;

346

}

.product-categories li img{

width: 70px;

height: 75px;

}

.details-left-info h3 {

margin: 10px 0 10px;

font-size: 1.2em;

color: #242424;

font-weight: 400;


}

p.availability {

color: #999;

font-size: 13px;

}

.price_single {

font-size: 1.3em;

margin: 0.5em 0 1.2em;

}

span.color {

color: #f84545;

font-weight: 500;

}

span.reducedfrom {

347

text-decoration: line-through;

margin-right: 3%;

color: #555;

font-size: 16px;

font-weight: 500;

}

span.actual {

color: #242424;

font-size: 1em;

margin-right: 5%;

font-weight: 400;

}

.price_single a {

color: #999;

font-size: 13px;

}

h2.quick {

color: #555;

font-size: 14px;



font-weight:400;

}

p.quick_desc {

font-size: 0.8em;

348

line-height: 1.6em;

margin-bottom: 3em;

}

ul.product-colors {

padding: 0;

}

.product-colors li {


}

.product-colors li a span {

width: 32px;

height: 32px;


}

.color1 span {

background: #D2D6D5;

}

.color2 span {

background: #008CB7;

}

.color3 span {

background: #F3349E;

}

.color4 span {

background: #93D52D;

349

}

.color5 span {

background: #FD9812;

}

.color6 span {


}

.color7 span {

background: #7800F0;

}

.color8 span {

background: #F6EF04;

}

ul.size {

padding: 0;

list-style: none;

margin-top: 1.4em;

}

ul.size li {


margin: 0 10px 0 0;

}

ul.size li a {

color: #555;


350


padding: 5px 10px;

}

.quantity_box {

margin: 1.5em 0 0 0;

}

.product-qty {

padding: 0;

list-style: none;

margin-top: 0.5em;

}

.product-qty span {

padding-bottom: 0.5em;

display: block;

color: #666;

font-size: 14px;


}

.product-qty select {

border: 1px solid #eee;

padding: 0.5em;

font-size: 1em;

outline: none;

cursor: pointer;

}

351

.product-qty option {

border: 1px solid #EEE;

}

.single-but {

margin-top: 1em;

}

ul.size li a:hover {

background: #18C9D2;

color: #fff;


}

.single-but input[type="submit"] {


color: #FFF;

font-size: 0.8em;

padding: 0.5em 1em;





cursor: pointer;

outline: none;


border: none;

}

352

.single-but input[type="submit"]:hover {

background: #fff;

color:#635742;

}

.latest.products {

padding-top: 2%;

}

h4.panel-title a {

font-size: 15px;


color: #fff;

}

.panel-body {

padding: 15px;

color: #999;

line-height: 1.8em;

font-size: 14px;

}

.panel-default > .panel-heading {

color: #fff;

background-color:#18C9D2;

border-color:#18C9D2;

}

.collpse{

padding: 4em 0 0 0em;

353

}

.rel{

text-align:center;

}

.rel p{

font-size:1.5em;

color:#0ea4d6;

margin:2em 0 1em;

}

p span.val{

font-size:1em;

color:#f65a5b;

}

p span.overline{

text-decoration:line-through;

color:#000;

}

.panel-group .panel-heading + .panel-collapse .panel-body {

border-top: 1px solid #ddd!important;

color: #555!important;

font-size: 0.8em!important;

}

/*--contact--*/

.contact {


354

}

.span_1_of_contact {

width: 60.1%;

float:left;

}

p.comment-form-author {

margin-bottom: 2em;

}

.contact-form label {

display: block;

font-size: 1em;

color: #18C9D2;


font-weight: 400;



}

.contact-form input[type="text"] {

padding: 15px;

width: 95%;

color: #9198A3;

font-size: 0.9em;

background: #fff;

outline: none;

display: block;

355


}

.contact-form textarea {

padding: 15px;

display: block;

width: 95%;

background: #fff;


outline: none;

color: #9198A3;

font-size: 0.9em;

-webkit-appearance: none;

resize: none;

height: 150px;

}

.contact-form input[type="submit"] {


padding: 12px 25px;

background:#252525;

color: #FFF;

font-size: 1em;

line-height: 18px;


border: none;

outline: none;

356

transition: 0.2s;

-webkit-transition: 0.2s;

-moz-transition: 0.2s;

-o-transition: 0.2s;

}

.contact-form input[type="submit"]:hover{

background:#18C9D2;

}

.contact_grid {

display: block;

float: left;

width: 37%;

}

.span_2_of_contact_right h3 {

font-size: 1.2em;

font-weight: 400;

color: #18C9D2;

margin-bottom: 1em;


}

.address {

margin-bottom: 1em;

}

.contact_address, .contact_email {

font-size: 0.9em;

357

color: #555;

line-height: 1.9em;

}

.contact_email a{

color: #555;


}

.contact_email a:hover{

color:#18C9D2;

transition: 0.2s;

-webkit-transition: 0.2s;

-moz-transition: 0.2s;

-o-transition: 0.2s;

}

.map{

margin: 2em 0 0 0;

}

.map iframe{

width:100%;

height:350px;

border: none;

}

/*--start-bottom--*/

/*-----*/

.flexiselDemo3 {

358

display:none;

}

.nbs-flexisel-container {

position:relative;

max-width:100%;

}

.nbs-flexisel-ul {

position:relative;

width:9999px;

margin:0px;

padding:0px;

list-style-type:none;

text-align:center;

}

.nbs-flexisel-inner {

overflow:hidden;

float:left;

width:100%;

background-color: #333;

padding: 0.6em 0 0.5em 0;

}

.nbs-flexisel-item {

float:left;

359

margin:0px;

margin:0px;

padding:0px;

cursor:pointer;

position:relative;

line-height:0px;

cursor:pointer;

}

.nbs-flexisel-item img {

width: 100%;

cursor: pointer;

position: relative;

margin-top: 10px;


max-width:100px;

max-height:45px;

}

/*--copy-right--*/

ul.socials li {

list-style: none;


}

.socials li a {

360


position: relative;

overflow: hidden;


width: 51px!important;

}

.socials li .soc1 {

background: url(../images/social-1.png) 0 100% no-repeat;

}

.socials li .soc2 {


}

.socials li .soc3 {


}

.socials li .soc1:hover, .socials li .soc2:hover, .socials li .soc3:hover {

background-position: 0 0%;

}

/*--cart-page--*/

.cart-items {

padding: 3em 0;

}

.cart-items h1 {

font-size: 2em;


361

font-family: 'Jockey One', sans-serif;

color: #D52685;

}

.cart-item {

width: 20%;

float: left;

margin-right: 5%;

}

.cart-item img {

width: 100%;

}

.close1, .close2,.close3 {

background: url('../images/close.png') no-repeat 0px 0px;

cursor: pointer;

width: 28px;

height: 28px;

position: absolute;

right: 0px;

top: 0px;

-webkit-transition: color 0.2s ease-in-out;

-moz-transition: color 0.2s ease-in-out;

-o-transition: color 0.2s ease-in-out;

transition: color 0.2s ease-in-out;

}

.cart-item-info {

362

width: 75%;

float: left;

}

.cart-item-info h3 {

font-size: 1em;

font-weight: 600;

}

.cart-item-info h3 a {

color: #252525;


font-size: 1.1em;

}

.cart-item-info h3 span {

display: block;

font-weight: 400;

font-size: 0.85em;

margin: 0.7em 0;

}

ul.qty {

padding: 0;

margin: 0;

list-style: none;

}

ul.qty li {


363

margin-right: 10%;

}

ul.qty li p {


color: #555;

}

.delivery {

margin-top: 3em;

}

.delivery p {

color: #555;

font-size: 1em;

font-weight: 400;

float: left;

}

.delivery span {

color: #555;

font-size: 1em;

font-weight: 400;

float: right;

}

.cart-sec {

margin-bottom: 3em;

background-color: #F4F4F4;

padding: 20px;

364

}

.cart-sec.lost{

margin:0;

}

.cart-header,.cart-header2,.cart-header3 {

position: relative;

margin-top: 2em;

}

/*--//copy-right--*/

.copy {

padding-bottom: 1em;

}

.copy p{

color: #333;

font-size: 0.9em;

text-align: center;

}

.copy p a{

color:#18C9D2;

}

.copy p a:hover{


}

#toTop {

display: none;

365


position: fixed;

bottom: 10px;

right: 45px;

overflow: hidden;

width: 40px;

height: 22px;

border: none;

text-indent: 100%;

background: url(../images/move-top.png) no-repeat 0px 0px;

}

/*--responsive--*/

@media(max-width:1280px){

}


h3.b-tittle {

font-size: 1em;

}


padding-top: 15%;

}

h3.tittle {

font-size: 1.8em;

}

366

.tag-wrapper h3 {

font-size: 1.1em;

}

.middle {






min-height: 311px;

}

.mid-top {

padding-top: 7em;

}

.mid-top h3 {

font-size: 2.5em;

}

.mid-top p {

font-size: 1.6em;

}

.products-grd {

float: left;

width: 30.9%;

}

.products-single {

367

float: right;

padding: 0;

}

.single-text {

padding: 0;

width: 47%;

float: left;

margin-left: 100px;

}

.grid-single {

width: 51%;

}

}


.jocket {

padding: 0;

float: left;

width: 49%;

}

.jock-img img {

width: 100%;

}

.shoe-img img {

width:100%;

}

368

.shoe-img {

float: left;

width: 53%;

}

.fashion-grids {

padding-left: 0;

width: 33%;

float: left;

}


padding-top: 12%;

}

.fashion-grids h4 {

font-size: 0.9em;

}


padding: 10px 0 0 0;

}

.fashion-section {

padding: 3em 0;

}


padding: 3em 0;

}

h3.tittle {

369

font-size: 1.6em;

}

.tag-wrapper h3 {

font-size: 1em;

}

.standard_content {

float: right;

width: 72%;


position: relative;


}

.standards h5 {

list-style: none;

font-size: 1.6em;

}

.middle {






min-height: 252px;

}

.mid-top h3 {

370

font-size: 2em;

}

.mid-top {

padding-top: 6em;

}

.footer-left {

border-right: 0;

width: 50%;

float: left;

padding: 0;

}

.footer-left h3 {

font-size: 1.2em;

margin: 1em 0 0 0;

}

.head-t {

padding: 0.5em 0;

}

.logo a h1 {

font-size: 2.5em;

}

figure.effect-bubba p.cart a {

padding: 4px 15px;

font-size: 0.8em;

}

371

.contact_address, .contact_email {

font-size: 0.85em;

}

.contact {


}


font-size: 1.5em;

}

.account {

p adding: 4em 0px;

}

.footer {

padding: 3em 0px 1em 0;

}


margin-top: 2em;

padding: 0;

width: 100%;

}

.products-grids {

padding: 3em 0 0;

}

.products-single {

padding: 0;

372

}

.single-text {

float: right;

width: 49%;

padding: 0;

}

.shoe {

float: right;

padding: 0;

width: 49%;

}

.bottom-bags {

margin-top: 1em;

float: left;

width: 100%;

padding: 0;

}

.glass {

padding: 0;

float: right;

width:49%;

}

.jock-img {

padding: 0;

float: left;

373

width: 64%;

margin-top: 1em;

}

.jock-text {

float: right;

width: 36%;

}

.bag-img img {

width: 64%;

}

.delivery {

margin-top: 2em;

}

.account-left {

padding: 0;

}

.single-text {

float: right;

width: 58%;

padding: 0;

}

}


.span_1_of_contact {

374

width: 100%;

float: left;

}

.contact_grid {

display: block;

float: left;

width: 100%;

margin-top: 2em;

}

.address {

margin-top: 1%;

}

.grid-single {

width: 38%;

float: left;

padding: 0;

}

}


.jock-text {

float: right;

width: 39%;

}

h3.b-tittle {

375

font-size: 0.8em;

}

a.collection {

font-size: 0.8em;

}

.jock-img {

padding: 0;

float: left;

width: 58%;

margin-top: 1em;

}

.fashion-grids {

padding-left: 0;

width: 49%;

float: left;

margin-bottom:0.5em;

padding: 0;

margin-right: 1%;

}


padding: 0;

width: 49%;

margin: 0 0em 0 0em;

}


376

padding-top: 18%;

}

.atc a {

padding: 5px 16px;

font-size: 0.8em;

color: #fff;

}

.atc {

font-size: 1.05em;

top: 38%;

left: 22%;

display: none;

}


padding: 3em 0 0 0;

}

.tag-wrapper h3 {

font-size: 0.9em;

}

h3.tittle {

font-size: 1.5em;

}

.mid-top h3 {

font-size: 1.6em;

}

377

.mid-top p {

font-size: 1.2em;

}

.middle {






min-height: 226px;

}

.mid-top {

padding-top: 5em;

}

a.collection i {


font-size: 0.9em;

}


font-size: 1em;

}

.delivery {

margin-top: 1em;

}

p.comment-form-author {

378

margin-bottom: 1em;

}

.contact-form input[type="text"] {

padding: 12px;

width: 100%;

}

.contact-form textarea {

padding: 13px;

display: block;

width: 100%;

}

.pack {

float: left;

width: 49%;

padding: 0;

}


padding:0;

}

.grid-single {

width: 47%;

float: left;

padding: 0;

}

.single-text {

379

float: left;

width: 52%;

padding: 0;

}

}


.logo a h1 {

font-size: 2.3em;

}

.grid-single {

width: 78%;

float: left;

}

.top_right ul li a {

padding: 0px 4px;

font-size: 11px;

}

.top_left h6 {

font-size: 11px;

}

.jocket {

padding: 0;

float: left;

width: 100%;

}

380

.jock-img {

padding: 0;

float: left;

width: 47%;

margin-top: 0;

}

.shoe {

float: right;

padding: 0;

width: 100%;

margin-top: 1.3em;

}

h3.b-tittle {

font-size:0.95em;

}


padding-top: 4%;

}

.fashion-section {

padding: 2em 0;

}


padding: 2em 0 0 0;

}

.mid-top h3 {

381

font-size: 1.3em;

}

.mid-top p {

font-size: 1em;

}

.middle {






min-height: 188px;

}

.mid-content {


}

.footer {


}

.logo a h1 {

font-size: 2em;

}

.contact {


}

382

.map iframe {

width: 100%;

height: 250px;

}

.account {


}


font-size: 1.4em;

}

.account-left.second{

margin-top:2em;

}

.products-grd {

float: left;

width: 29.9%;

padding: 0;

}

.p-one h4 {

margin: 1em 0 0.5em 0;

font-size: 0.9em;

}

.pro-grd a {

font-size: 14px;

padding: 0.4em 0.8em;

383

}

.footer-left h3 {

font-size: 1.1em;

margin: 1em 0 0 0;

}

.footer-left {

border-right: 0;

width: 100%;

float: left;

padding: 0;

}

.single-text {

float: right;

width: 100%;

padding: 0;

margin-top: 1em;

}

.tag-grid {

width: 45.333%;

margin: 0 2% 5% 0

}

.standard_content {

float: right;

width: 72%;


384

position: relative;


}

.logo {

margin: 1em 0;

}

.header_right {

float: right;

margin-top: 0.5em;

}


font-size: 1.35em;

}

.fashion-info {

margin-top: 1.8em;

}

.copy p {

font-size: 0.85em;

line-height: 1.7em;

}

.cart-items {

padding: 2em 0;

}

.cart-item {

width: 100%;

385

float: left;

margin-right: 0;

margin-bottom: 6%;

}

.delivery p {

font-size: 0.95em;

float: left;

width: 100%;

}

.delivery span {

font-size: 1em;

float: right;

width: 100%;

margin-top: 0.3em;

}


padding: 0;

}

#toTop {

display: none;


position: fixed;

bottom: 10px;

right: 13px;

}

386

.recommand-section-grids {

margin-top: 1.5em;

}

}


.top_left {

float: none;

text-align: center;

padding-top: 1.5em;

}

.top_right ul li {


margin-right: 0px;

}

.logo {

margin: 0.5em 0;

text-align: center;

float: none;

}


padding: 0;

}

.box_1 {

float: none;

margin-top: 5px;

387

}

.header_right {

float: none;

margin-top: 0;

text-align: center;

}

.jock-text {

float: right;

width: 43%;

}

.fashion-grids {

padding-left: 0;

width: 100%;

float: left;


padding: 0;

}


padding: 0;

width: 100%;

margin: 0 0em 0 0em;

}


padding-top: 16%;

}

388

h3.tittle {

font-size: 1.4em;

}


padding: 1em 0;

}

ul.selectors_wrapper {

width: 100%;

float: left;

margin-right: 0;

margin-bottom: 7%;

}

.standard_content {

float: right;

width: 100%;


position: relative;


}

.mid-top {

padding-top: 3em;

}

.mid-top h3 {

font-size: 1.1em;

line-height: 1.5em;

389

}

.mid-top p {

font-size: 0.9em;

line-height: 1.7em;

}

.nbs-flexisel-inner {

padding: 0.3em 0 0.3em 0;

}

.product-colors li a span {

width: 30px;

height: 30px;

}

p.quick_desc {

font-size: 0.83em;

}

.details-left-info h3 {

margin: 0 0 10px;

font-size: 1.1em;

}

.products-grids {

padding: 1.5em 0 0;

}

.products-grd {

float: left;

width: 100%;

390

padding: 0;

margin: 0;

}

.products-grd:nth-child(2) {

margin: 1em 0;

}


margin-top: 2em;

padding: 0;

margin-bottom: 1em;

}

.contact {

padding: 1.5em 0 2em 0;

}

.map {

margin: 1em 0 0 0;

}


font-size: 1.3em;

}

.account {

padding: 1.5em 0px 1.5em 0;

}

.cart-items {

padding: 1.5em 0;

391

}

.cart-item-info {

width: 100%;

float: left;

}

h3.tittle.fea {

font-size: 1.26em;

}


font-size: 0.9em;

}

.cart-header, .cart-header2, .cart-header3 {

position: relative;

margin-top: 1em;

}

.products-single {

float: none;

margin: 0 auto;

width: 100%;

}

.grid-single {

width: 100%;

float: left;

}

.standards h5 {

392

list-style: none;

font-size: 1.5em;

}

.top_right ul li a {

padding: 0px 4px;

font-size: 11px;

margin: 0 5px;

}

.gridActive{

background-color:#8e7e63 !important;

}

}

4.2.1 autor.css

body

{

font-family: 'Open Sans', sans-serif;

}

.fb-profile img.fb-image-lg{

z-index: 0;

393

width: 100%;


}

.fb-image-profile

{

margin: -90px 10px 0px 50px;

z-index: 9;

width: 15%;

height:15%;

}

@media (max-width:768px)

{

.fb-profile-text>h1{

font-weight: 700;

font-size:16px;

}

.fb-image-profile

{

margin: -45px 10px 0px 25px;

z-index: 9;

width: 20%;

394

}

}

4.2.1 tooplatestyle.css

/*

Template 2053 Leather Shop

http://www.tooplate.com/view/2053-leather-shop

*/

*{

cursor: url('http://i.stack.imgur.com/AOPkN.png'), auto;

}

.akcije-tab a{

color:#333 !important;

}

.akcije-tab a:hover{


background:#635742 !important;

-o-transition: .3s;

-ms-transition: .3s;

-moz-transition: .3s;

-webkit-transition: .3s;

}

.akcijaActive a{

395



}

.kategorije-tab a{

color:#333 !important;

}

.kategorije-tab a:hover{



-o-transition: .3s;




}

.kategorijaActive a{



}

.kategorijaActive a{



}

.stranicenjeLink{

padding:3px 6px 3px 6px !important;

background:#fff;

396

color:#635742;

margin:0px 1px 0px 1px;



}

.stranicenjeLink:hover{

cursor:pointer;

-o-transition: .3s;




transition: .3s;

padding-top:15px !important;

/*height:40px;*/


color:#fff;

margin:-12px 1px 0px 1px;

}

.activePage{

padding:3px 6px 3px 6px !important;

background:#635742;

color:#fff;

margin:0px 1px 0px 1px;



397

}

body {

margin: 0;

padding: 0;

color: #52493a;

font-family: Tahoma, Geneva, sans-serif;

font-size: 13px;

line-height: 1.4em;

background-color: #bcb29c;

}

a, a:link, a:visited {

color: #852;



}

a:hover {

text-decoration: underline;

}

a.more {


padding-left: 14px;

398

font-weight: 700;

background: url(../images/tooplate_more.png) no-repeat 0 5px;

}

p {

margin: 0 0 10px 0;

padding: 0;

}

img { border: none; }

blockquote {

font-style: italic;

margin: 0 0 0 10px;

}

cite {

font-weight: bold;

color:#d13535;

}

cite a, cite a:link, cite a:visited {

font-size: 12px;


font-style: normal;

399

}

cite span {

font-weight: 400;

color: #52493a;

}

h1, h2, h3, h4, h5, h6 { color: #000; font-weight: normal; }

h1 { font-size: 48px; margin: 0 0 30px; padding: 5px 0 }

h2 { font-size: 24px; margin: 0 0 25px; padding: 10px 0 }

h3 { font-size: 20px; margin: 0 0 20px; padding: 0; }




.cleaner { clear: both }

.h10 { height: 10px }





.float_l { float: left }

.float_r { float: right }

400

.image_frame {


position: relative;

margin: 3px 0 10px 0;

}

.image_frame img {

padding: 5px;

background: #eee9dd;

}

.image_frame span {

position: absolute;

width: 75px;

height: 9px;

bottom: -9px;

right: 0;

background: url(../images/tooplate_image_s_bg.png) no-repeat;

}

.image_fl {

float: left;

margin: 3px 20px 12px 0;

}

401

.image_fr {

float: right;

margin: 3px 0 12px 20px;

}

.tooplate_list {


padding: 0;

list-style: none;

}

.tooplate_list li {

color:#52493a;

margin: 0 0 10px 0;

padding: 0 5px 0 20px;

background: url(../images/tooplate_list.png) no-repeat scroll 0 2px;

}

.tooplate_list li a {

color: #52493a;


}

.tooplate_list li a:hover {

color: #52493a;

402

}

#tooplate_top_wrapper {

width: 100%;

height: 80px;

background: url(../images/tooplate_top.png) repeat-x top;

}

#tooplate_top {

width: 960px;

padding: 0 10px;

margin: 0 auto;

}

#tooplate_header_wrapper {

width: 100%;

background: url(../images/tooplate_header_wrapper.jpg) repeat;

}

#tooplate_header {

width: 100%;

padding: 0 0px 0px;

margin: 0 auto;

background: url(../images/tooplate_header_bg.png) center top no-repeat;

}

403

#tooplate_main_wrapper {

background: url(../images/tooplate_main.png) repeat-x top;

}

#tooplate_main {

/*width: 960px ; */

padding: 50px 10px 40px;

margin: 0 auto;

background-color: #BCB19B; /*url(../images/tooplate_main_top.jpg) repeat scroll 0 12px;*/

}

#tooplate_footer_wrapper {

width: 100%;

background: #322d24 url(../images/tooplate_footer.png) repeat-x top;

}

#tooplate_footer {

width: 960px;

padding: 0 10px;

margin: 0 auto;

}

#tooplate_menu {

404

float: left;

height: 80px;

}

#tooplate_search {

float: right;

margin-top: 28px;

width: 224px;

height: 20px;

padding: 4px;

}

#tooplate_search form {

margin: 0;

padding: 0;

}

#tooplate_search .txt_field {

float: left;

display: block;

height: 30% !important;

line-height: 20px;

width: 180px;

color: #bcb29c;

font-size: 12px;

405

padding: 0 5px;

font-variant: normal;

border: none;

background: none;

}

#tooplate_search .sub_btn {

float: right;

display: block;

height: 20px;

width: 30px;

cursor: pointer;

border: none;

background: none;

}

#site_title {

margin: 0 auto;

padding: 0px 0;

background: url(../images/tooplate_header.png) bottom center no-repeat;

}

#site_title h1 {

padding: 0;

margin: 0;

406

}

#site_title h1 a {

padding: 0;

margin: 0 auto;

display: block;

width: 50px;

height:50px;

text-indent: -10000px;

/*background: url(../images/tooplate_logo.png) no-repeat center left;*/

background-size: 100% 100%;

}

#slider_wrapper {

width: 100%; /*940px*/

height: 100%; /*350px*/

padding: 10px;

margin: 40px 0 0;

background: url(../images/slider_bg.png) no-repeat top center;

}

#content {

float: left;

width: 620px;

}

407

#content_top {

padding: 20px 0 40px;


height: auto;

background: url(../images/content_top.png) center bottom no-repeat;

}

.col_2 {

width: 450px;

}

.col_3 {

float: left;

width: 280px;

margin-right: 60px;

}

.testimonial {

padding: 0 0 0 50px;

display: block;

background: url(../images/tooplate_testimonial.png) left top no-repeat;

}

.post {

408


}

.no_bottom {

margin-bottom: 0;

border: none;

}

.post h2, .post h2 a {

color: #000;


font-size: 30px;

font-family: Georgia, "Times New Roman", Times, serif;

}

.post .meta {

width: 600px;

height: 19px;

padding: 5px 10px;

font-size: 10px;


background:url(../images/post_meta.jpg) no-repeat;

}

.post .no_background {

width: 440px;

409

padding: 0;

background: none;

}

.post .meta a, .post .meta strong {

color: #887722;

font-weight: 700;

}

.post .meta .comment {

float: right;

padding-left: 30px;

background: url(../images/tooplate_comment.png) no-repeat scroll 0 2px;

}

#comment_section {

clear: both;


width: 588px;

}

.first_level {

margin: 0;

padding: 0;

}

410

.comments {

list-style: none;

}

.comments li {


list-style:none;

}

.comments li .commentbox1 {

border-top: 1px solid #c3baa5;

background: #b5ab94;

}

.comments li .commentbox2 {

border-top: 1px solid #c3baa5;

background: #a69c85;

}

.comments li .comment_box {

clear: both;

width:100%;

padding: 15px;

}

411

.comment_box .gravatar {

float: right;

width: 75px;

margin-left: 30px;

}

.comment_box .gravatar img {

width: 75px;

height: 75px;

}

.comment_box .comment_text { }

.comment_box .comment_text p {

margin: 0;

}

.comment_text .comment_author {

font-size: 14px;

font-weight: bold;

color: #d13535;


}

412

.comment_text .date {

font-size: 12px;


color: #000;

padding-left: 10px;

}

.comment_text .time {

font-size: 12px;


color: #000;

padding-left: 10px;

}

#comment_form {

clear: both;

}

#comment_form h3 {

font-size: 20px;

border-bottom: 1px dotted #666;



}

413

#comment_form form {

padding: 20px;

background-color: #ada38c;

border: 1px solid #c4bba8;

}

#comment_form textarea {

color: #e7e1d5;

background:#978d75 none repeat fixed 0 0;

border: 1px solid #8a8068;

display:block;

font-size:1.1em;

height:150px;

margin-top:5px;

padding:5px;

width: 360px;

font-family:Verdana, Geneva, sans-serif;

font-size:12px;

}

#comment_form .form_row {

width: 100%;


}

414

#comment_form form input {

margin-top: 5px;

padding: 3px 0;

width: 200px;

color: #e7e1d5;

background:#978d75 none repeat fixed 0 0;

border: 1px solid #8a8068;

}

#comment_form .submit_btn {

display: block;

width: 80px;

padding: 3px 8px;

text-align: center;


font-weight: bold;



color: #fff;

font-size:11px;

cursor: pointer;

}

.rp_pp {


415


border-bottom: 1px dotted #1d1a14;

}

.rp_pp a {

color: #d13535;

font-size: 11px;

font-weight: 700;

}

.rp_pp p {

font-size: 10px;

}

.gallery_box {

float: left;

width: 450px;

margin: 0 60px 60px 0;

}

.gallery_box h5 {

font-weight: 700;

font-family: Georgia, "Times New Roman", Times, serif;

margin-bottom: 5px;

}

416

.gallery_box a.link {

font-size: 11px;

font-weight: bold;

display: block;


}

#contact_form {

padding: 0;

width: 592px;


}

#contact_form form {

margin: 0px;

padding: 0px;

}

#contact_form form .input_field {

width: 270px;

padding: 8px;

color: #fff;

border: 1px solid #4F483E;


417

font-size: 12px;

margin-top: 5px;

background-color: #938a79;

}

#contact_form form label {

display: block;

width: 100px;

margin-right: 12px;

font-size: 13px;

}

#contact_form form textarea {

width: 580px;

height: 200px;

padding: 8px;

color: #fff;



font-size: 12px;

margin-top: 5px;

background-color: #938a79;

}

#contact_form form .submit_btn {

418

margin: 10px 0px;

padding: 8px 16px;

background: #938a79;


}

#sidebar {

float: left;

width: 280px;

}

.flickr_stream {

margin: 0;

padding:0;

list-style: none;

}

.flickr_stream li {

float: left;

margin: 0 8px 8px 0;

padding: 0;

}

.flickr_stream li img {

padding: 3px;

419

border: 1px solid #a49a83;

background: #fff;

}

.col_4 {

float: left;

width: 215px;

margin-right: 20px;

}

a.goto_top {

display: block;

width: 44px;

height: 45px;

margin: 0 auto 30px;

background: url(../images/tooplate_goto_top.png) no-repeat top center;

}

#tooplate_footer h5 {

color: #aa8866;

font-size: 18px;

font-weight: 700;


}

420

#tooplate_footer a {

color: #aa8866;

}

.footer_list {

margin: 0;

padding: 0;

list-style: none;

}

.footer_list li {

margin: 0 0 5px;

padding: 0 0 3px;

border-bottom: 1px dotted #fff;

}

.footer_list li a {

color: #fff;

}

.twitter_post {

margin: 0;

padding: 0;

list-style: none;

}

421

.twitter_post li {

margin: 0 0 10px;

padding: 0 0 7px;

border-bottom: 1px dotted #1d1a14;

}

.footer_social_button {

clear: both;

margin-top: 20px;

}

.footer_social_button a {

margin-right: 5px;

}

#tooplate_cr_bar_wrapper {

clear: both;

width: 100%;

height: 120px;

background: #161616 url(../images/tooplate_footer.png) repeat-x;

}

#tooplate_cr_bar {

width: 962px;

422

margin: 0 auto;

padding: 80px 9px 0;

color: #a097ae;

text-align: center;

}

#tooplate_cr_bar a {

color: #b8b0c4;

}

.no_margin_right {

margin-right: 0;

}

.paging {

margin: 0 0 20px;

padding: 0;

}

.paging ul {

margin: 0;

padding: 0;

list-style: none;

}

423

.paging ul li {

margin: 0;

padding: 0;

display: inline;

}

.paging ul li a {

float: left;

display: block;

color: #333;


margin-right: 5px;

padding: 5px 10px;

background-color: #f6f6f6;

border: 1px solid #fff;

}

.paging ul li a:hover {

background: #d13535;


color: #fff;

}

.slider {

/* recommended styles for kwicks ul container */

424

list-style: none;

position: relative;

width: 920px;

height: 330px;

overflow: hidden;

margin: 0;

padding: 0;

}

.slider li{

/* these are required, but the values are up to you (must be pixel) */

width: 183px;

height: 330px;

/*do not change these */

display: block;

overflow: hidden;

padding: 0;

/* if you need padding, do so with an inner div (or implement your own box-model hack) */

}

.slider.horizontal li {

/* This is optional and will be disregarded by the script. However, it should be provided for non-JS enabled browsers. */

margin-right: 5px; /*Set to same as spacing option. */

float: left;

425

}

.slider.vertical li{

/* This is optional and will be disregarded by the script. However, it should be provided for non-JS enabled browsers. */

margin-bottom: 5px; /*Set to same as spacing option. */

}

#slide_1 { }

#slide_2 { }

#slide_3 { }

#slide_4 { }

#slide_5 { }

.slider.horizontal #slide_5 {

margin-right: none; /* cancel margin on last kiwck (if you set a margin above) */

}

.slider.vertical #slide_5 {

margin-bottom: none; /* cancel margin on last kiwck (if you set a margin above) */

}

.list1{


}

426

.list2{


}

.opis{

overflow:hidden;

white-space:nowrap;

text-overflow:ellipsis;

width:100%;

display:block;

margin-left: 5px;

}

.naslov{

width:100%;

display:block;

word-wrap: break-word;

text-align: center;

overflow: hidden;

}

.lid{

width:80%;

}

427

#imagelightbox

{

position: fixed;

z-index: 9999;

-ms-touch-action: none;

touch-action: none;

}

.proizvod-jedan:hover{

border-radius: 10px;

box-shadow:#635742 3px 3px 15px;

}

.gridActive{

color:#8e7e63 !important;

}

.dis:hover,.sort:hover{

-o-transition: .3s;




transition: .3s;

428


cursor:pointer;

}

.gridActive:hover,.sortActive:hover{

cursor:default !important;

}

.sortActive{


}

.brend{

opacity:0.7;

cursor:pointer;

}

.brend:hover{

opacity:1 !important;

cursor:pointer;

}

/*

.cenap input:hover{

border:3px solid #fff !important;

background-color:#635742 !important;


}

.detaljnijep:hover{

429

}

/*ZA PROFIL*/

.user-row {


}

.user-row:last-child {

margin-bottom: 0;

}

.dropdown-user {

margin: 13px 0;

padding: 5px;

height: 100%;

}

.dropdown-user:hover {

cursor: pointer;

}

.table-user-information > tbody > tr {

border-top: 1px solid rgb(221, 221, 221);

}

430

.table-user-information > tbody > tr:first-child {

border-top: 0;

}

.table-user-information > tbody > tr > td {

border-top: 0;

}

.toppad

{margin-top:20px;

}

*/

/* #logo{

431

width:162px;

height:80px;

} */

4.2.1 nav.css

#login-dp{

min-width: 250px;

padding: 14px 14px 0;

overflow:hidden;

background-color:rgba(255,255,255,.8);

}

#login-dp .help-block{

font-size:12px

}

#login-dp .bottom{

background-color:rgba(255,255,255,.8);

border-top:1px solid #ddd;

clear:both;

padding:14px;

}

#login-dp .social-buttons{

margin:12px 0

}

432

#login-dp .social-buttons a{

width: 49%;

}

#login-dp .form-group {


}

.btn-fb{

color: #fff;

background-color:#3b5998;

}

.btn-fb:hover{

color: #fff;

background-color:#496ebc

}

.btn-tw{

color: #fff;

background-color:#55acee;

}

.btn-tw:hover{

color: #fff;

background-color:#59b5fa;

}


#login-dp{

background-color: inherit;

433

color: #fff;

}

#login-dp .bottom{

background-color: inherit;

border-top:0 none;

}

}

4.2.1 mobilni.css

.brendLogo{

height:60px !important;

}

.kategorije1{

}

.naslov{

text-align:center !important;

}

.proizvodNaslov{

height: auto !important;

}

.proizvodButtons{

float:none !important;

434

}

.item_add{

margin:0px auto;

font-size:12px !important;

}

.stranicenjeOmot{

margin: 15px 0px;

padding: 5px 20px;

border-top: 3px solid #635742;

border-bottom: 3px solid #635742;

}

.slikaProizvoda{

float:none !important;

margin:0px auto;

}

.gridProizvodi{

margin-left:0% !important;

}

.single-but input[type="submit"]{

font-size:0.65em !important;

}

.gridProizvodCena{

width:45% !important;

}

435

.opis{

font-size:14px !Important;

}

.proizvodTabovi a{

font-size:10px;

padding: 5px 1px!important;

}

.proizvodTaboviContainer li{

padding:0px !important;

}

.proizvodTaboviContainer{


}

.komentariTab{


}

.komentariTab h3{


}

.single-text{

436


}

.pomocSlike img{


}

.smallImage{


margin-top:5px;

}

.smallImage img{


}

.komentariTabs{


padding: 0px 5px !important;

}

.komentariTabs img{

height: 55px;

width: 100%;

}

.map{


}

.loginTab{

437


float:left !important;

}

.mobilniUsername{

position: absolute;

bottom: -10px;

left: 75px;

}

.mobilniSlika{

margin-left:-14px;

}

.table-user-information{


}

.omotTabele{


}

.rowTabela{

padding-left:0 !important;

}

.table-narudzbine{


}

.table-narudzbine td{

vertical-align: middle !important;

438

}

.btnDetaljnije {

padding:2px 4px !important;

}

.pocetna_wrapper{

padding-top:0px !important;

}

.pocetna_opis{


}

.proizvodjedan{


}

.akcija1{

left: 62.5% !important;

}

4.2.1 tablet.css

.nav li a{

padding:10px 8px !important;

}

.hdnTablet{

display:none !important;

439

}

.proizvodButtons{


}

#proizvodi h3{


}

.naslov{


}

.TabletSlika{


margin-left:0 !important;

}

.tabletAkcija{

left:0 !important;

}

.tabletAkcijaSlika{

margin-left: 67% !important;

}

.smallImage{


margin-top:5px;

}

.proizvodjedan{

440


}

.akcija1{

left: 62.5% !important;

}

4.2.1 tabs.css

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font-family:'Roboto Condensed',arial,helvetica,sans-serif;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;background-color:#129793}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

.header{

width: 100%;

display: block;

text-align: center;

padding: 20px 0;

font-size: 15px;

color: #505050;

background-color: #fff;

441



-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

}

.header h1{

font-size: 60px;

font-weight: bold;

color: #ff7260;

margin: 0 0 15px 0;

padding: 0;

}

.header a{

color: #ff7260;

font-size: 15px;


}

.header a:hover{

color: #505050;

}

.header p{

margin: 6px 0;

padding: 0;

font-size: 15px;

442

color: #505050;

}

.header p.header_buttons{

margin-top: 15px;

}

.header p.header_buttons a{

background-color: #ff7260;

color: #fff;


text-align: center;

padding: 10px 30px;

margin: 0 10px;



}

p.header_buttons a:hover{

background-color: #9bd7d5;

}

.content{

width: 940px;

display: block;

margin: 0 auto;

}

.content.demo_responsive{

width: 100%;

443

padding: 0 20px;




}

.content h2{

font-size: 40px;

font-weight: bold;

color: #fff;


margin-top: 30px;

}

.content h3{

font-size: 35px;

font-weight: 300;

color: #fff;


margin-top: 25px;

}

.content a{

color: #fff5c3;


}

.content a:hover{

color: #fff;

444


}

.content code{

width: 100%;


display: block;

padding: 20px;

color: #000;

letter-spacing: 0.5px;

font-size: 16px;






}

.content p{

color: #fff;

font-size: 17px;

margin: 15px 0;

}

.content strong{

font-weight: bold;

font-size: 17px;

color: #fff5c3;

445

}

.content code strong{

color: #000;

}

.content table{

background-color: #fff;

width: 100%;

}

.content table thead tr th{


padding: 8px;

font-size: 17px;

color: #ff7260;

font-weight: bold;

}

.content table tr:nth-child(even) td{


}

.content .pws_example_mixed_content_block{

width: 900px;

position: relative;

}

.content .pws_example_mixed_content_block:after{

display: block;

content: '';

446

clear: both;

}

.content .pws_example_mixed_content_left{

width: 350px;

position: relative;

float: left;

display: block;

}

.content .pws_example_mixed_content_right{

width: 550px;

position: relative;

float: left;

display: block;

color: #505050;

}

.content .pws_example_mixed_content_right h3,

.content .pws_example_mixed_content_right p{

margin: 0 0 15px 0;

color: #505050;

}

table tbody tr td{


padding: 8px;

font-size: 17px;

color: #505050;

447

font-weight: 300;

}

/* Demo colors */

.content .pws_demo_colors{

display: block;

margin: 15px 0;

}

.content .pws_demo_colors_title{

color:#fff;

vertical-align:top;

display:inline-block;

width:120px;

height:30px;

padding:6px 0 0 0;

box-sizing:border-box;

-webkit-box-sizing:border-box;

-moz-box-sizing:border-box;

}

.content .pws_demo_colors a{

width: 30px;

height: 30px;

448






}

.content .pws_demo_colors a[data-demo-color="cyan"],

.content .pws_demo_colors a[data-demo-color="dark_cyan"]{

background-color: #9bd7d5;

}

.content .pws_demo_colors a[data-demo-color="violet"],

.content .pws_demo_colors a[data-demo-color="dark_violet"]{

background-color: #c72c66;

}

.content .pws_demo_colors a[data-demo-color="green"],

.content .pws_demo_colors a[data-demo-color="dark_green"]{

background-color: #86c447;

}

.content .pws_demo_colors a[data-demo-color="yellow"],

.content .pws_demo_colors a[data-demo-color="dark_yellow"]{

background-color: #fdb813;

}

.content .pws_demo_colors a[data-demo-color="gold"],

.content .pws_demo_colors a[data-demo-color="dark_gold"]{

background-color: #f89827;

449

}

.content .pws_demo_colors a[data-demo-color="orange"],

.content .pws_demo_colors a[data-demo-color="dark_orange"]{

background-color: #f15b42;

}

.content .pws_demo_colors a[data-demo-color="red"],

.content .pws_demo_colors a[data-demo-color="dark_red"]{

background-color: #e41937;

}

.content .pws_demo_colors a[data-demo-color="purple"],

.content .pws_demo_colors a[data-demo-color="dark_purple"]{

background-color: #672e8d;

}

.content .pws_demo_colors a[data-demo-color="grey"],

.content .pws_demo_colors a[data-demo-color="dark_grey"]{

background-color: #4d4d4f;

}

.footer{

display: block;

padding: 30px 0 15px 0;

text-align: center;

color: #fff;

font-size: 15px;

}

.footer a{

450

color: #fff;


font-size: 15px;

}

.footer a:hover{


}

4.3 JavaScript4.3.1 kontakt.js


$('.perkan').addClass('hidden');

$('.1').removeClass('hidden');

$('.changeZoom').click(function(){

var koja=$(this).attr('name');

$('.perkan').addClass('hidden');

$('.'+koja).removeClass('hidden');

});

});

function Provera(){

var greske = new Array();

var re_ime = /^[A-Z]{1}[a-z]{3,19}$/;

var re_prezime = /^[A-Z]{1}[a-z]{3,19}$/;

var re_broj = /^[\+]?[(]?[0-9]{3}[)]?[-\s\.]?[0-9]{3}[-\s\.]?[0-9]{4,6}$/;

451

function ponisti(){

document.getElementById("tbMail").style.border = "";

document.getElementById("prezimeg").innerHTML="";

document.getElementById("imeg").innerHTML="";

document.getElementById("porukag").innerHTML="";

document.getElementById("taporuka").style.border = "";

document.getElementById("emailg").innerHTML = "";

document.getElementById("tbPrezime").style.border = "";

document.getElementById("tbIme").style.border = "";

}

454

5. BAZA PODATAKA

Slika 25 –Baza podataka

5.1 Struktura baze podataka

korisnik - podaci o korisnicima, ima 13 kolona. Povezana je sa tabelamama ,,uloga“, ,,grad“.

uloge - vrste uloga, ima 2 kolone.

kategorije - sadrži podatke o kategorijama i podkategorijama gde su podkategorije sve

kategorije koje imaju id_parent, ima 4 kolone.

komentar - ima 5 kolona. Povezana je sa tabelom ,,korisnik “, ,,proizvodi”.

korpa - ima 6 kolona. Korpa je vezivna tabela koja spaja korisnika,proizvode i narudzbine.

455

narudzbine - čuva podatke o narudzbinama korisnika kao I vreme kupovine, ima 4 kolone.

Povezana je sa tabelom ,,korisnik” .

akcija - sadrži podatke o akcijama, pocetak i kraj I procenat, ima 6 kolona.

anketa - sadrži podatke o naslovu ankete , ima 2 kolone.

anketaodgovor- sadrži podatke o odgovoru I broju glasova ankete , ima 4 kolone. Povezana je

sa tabelom anketa.

brend - sadrži podatke o brendovima , imaju 4 kolone.

grad - sadrži podatke o gradovima I njihovim postanskim brojevima , ima 3 kolone.

navi - sadrži podatke o stavkama iz navigacije , ima 3 kolone.

notifikacije - sadrži podatke o tome koji korisnik je koju akciju izvrsio nad kojom tabelom , ima

5 kolona. Povezana je sa tabelom korisnik.

proizvodi - sadrži podatke o proizvodima , ima 12 kolona. Ova tabela je povezana sa akcijama,

brendovima I kategorijama.

slajder - sadrži podatke o slajderu , ima 5 kolona.

slika_proizvod – povezana je sa tabelom proizvodi , ima 4 kolone.

Slike_korisnika – ova tabela je povezana sa korisnicima , ima 2 kolone.

456

6. ZAKLJUČAK

U diplomskom radu je opisana realizacija sajta na temu Cat Shop(online prodavnica). Pri ulasku na stranu proizvodi korisnici su pomoću filtera sa leve strane mogli da sortiraju i pregledaju proizvode po podkategorijama, ceni, akciji, brendu kao I pretraživanje proizvoda po nazivu.

Ulogovani korisnici pored pregleda proizvoda, mogli su da vrše naručivanje, da imaju uvid u sve svoje narudžbine , uvid u podatke svog naloga uz mogućnost izmene.

Prilikom dodavanja proizvoda u korpu korisnici su mogli da potvrde kupovinu gde bi na njihov mail stiglo obaveštenje sa proizvodima I ukupnom cenom za uplatu kao I broj računa na koji bi mogla da se izvrši uplata.

Administrator je mogao da kontroliše sve podatke na sajtu kao sto je dodavanje, izmena i brisanje.

7. LITERATURA

1. D. Goodman, M. Morrison, JavaScript Bible, Wiley, 2010.

2. J. Duckett , HTML and CSS: Design and Build Websites, Wiley, 2011.

3. K. Tatroe, P. MacIntyre, R. Lerdorf, Programming PHP, O’Reilly Media, 2013.

457

webdizajn.ict.edu.rswebdizajn.ict.edu.rs/...primeri/...nenad_pukpsec.docx · web viewvisoka...

Documents