<html>
<head>
<!-- Podesavanje izgleda -->
<style type=text/css>
.img-responsive {display: block; max-width: 100%; width: 100%; height: auto;}
telologin { text-align: center;} </style>
<?php include konekcija.php; ?>
<link rel=stylesheet href=https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.
min.css>
<link rel=stylesheet href=//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.
min.css>
<script src=https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js>
</script>
</html>
<!-- Javascript za pozivanje odredjenih skripti -->
<script type=text/javascript>
function upaliTraku()
{ $.post(upalitraku.php,{},function(data){$(//prikaziodg).html(data);}); }
function ugasiTraku()
{ $.post(ugasitraku.php,{},function(data) {$(//prikaziodg).html(data)}); }
</script>
<!-- PHP deo koji sluzi za citanje trenutnog statusa iz baze -->
<?php
$sql=SELECT * FROM traka;
$q=$mysqli->query($sql);
$red=$q->fetch_object(); ?>
</head>
<!-- HTML deo gde se vrsi prikaz trenutnog statusa i kontrolise traka -->
<body id=body onload=proveriStatusDima();>
<a name=vrh></a>
<div class=container-fluid id=telologin>
<div class=row id=loginformadiv>
<div class=col-lg-4 col-sm-4 col-xs-12 id=forma> </div>
<div class=col-lg-4 col-sm-4 col-xs-12 id=forma>
<h1>Led Traka</h1>
<div id=prikaziodg class=alert alert-info>
<?php
if ($red->trakastatus==0)
{echo LED traka je ugasena!<br><i class=fa fa-moon-o fa-2x></i>;}
else {echo LED traka je upaljena!<br><i class=fa fa-lightbulb-o fa-2x></i>;} ?>
</div>
<button class=btn btn-success onclick=upaliTraku();>Upali traku</button>
<button class=btn btn-danger onclick=ugasiTraku();>Ugasi traku</button>
</div>
<div class=col-lg-4 col-sm-4 col-xs-12 id=forma></div>
<script src=https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js>
</script>
</body>