2016-04-10 10:47:11 +02:00
< html >
< head >
2016-05-02 14:09:09 +02:00
< meta charset = "UTF-8" >
2016-04-10 10:47:11 +02:00
< link href = "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel = "stylesheet" integrity = "sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin = "anonymous" >
< script src = "https://code.jquery.com/jquery-2.2.3.min.js" > < / script >
< script src = "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity = "sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin = "anonymous" > < / script >
< / head >
< body >
< div class = "jumbotron" >
2016-05-02 14:09:09 +02:00
< div class = "lead text-center" >
< img src = "./zoblak.png" width = "30%" / >
2016-05-02 15:18:02 +02:00
< br / > Zoblak Agrar Plus se isplati za < span id = "vrijemeZaBreakEven" class = "bg-success" > < / span > mjeseci. U periodu od < span id = "brojSezona" > < / span > godine ostvaruje uštedu u novcu od < span id = "iznosUstede" class = "bg-success" > < / span > KM, te uštedu u vremenu od < span id = "satiUProjekciji" class = "bg-success" > < / span > sati za podešeni slučaj.
2016-05-02 14:09:09 +02:00
< / div >
2016-04-10 10:47:11 +02:00
< / div >
< div class = "container-fluid" >
< div class = "row" >
< div class = "col-md-6" >
2016-05-02 14:09:09 +02:00
< p > Na troškove goriva mjesečno trošite < span id = "iznosGoriva" > < / span > KM. Na rad potreban za zalijevanje trošite mjesečno < span id = "satiMjesecno" > < / span > sati što uz zadanu satnicu iznosi < span id = "plata" > < / span > KM. Zajedno to je < span id = "ukupnoTroskovaMjesecno" > < / span > KM troška na zalijevanje. < / p >
2016-04-10 10:47:11 +02:00
2016-05-02 15:18:02 +02:00
< p > Okvirna cijena Zoblak Agrar Plus iznosi < span id = "bazaCijeneZoblaka" > < / span > KM + sistem navodnjavanja< / p >
2016-04-10 10:47:11 +02:00
2016-05-02 14:09:09 +02:00
< p class = "bg-primary" > NAPOMENA: finalna cijena može biti niža ili viša i poznata je nakon izrade projekta).< / p >
2016-04-10 10:47:11 +02:00
< / div >
< div class = "col-md-6 col-sm-6" >
< form method = "post" >
< div class = "form-group " >
< label class = "control-label " for = "number" >
Vaša udaljenost od polja u km
< / label >
2016-05-02 14:09:09 +02:00
< input class = "form-control ulazni-parametar" id = "pudaljenost" type = "number" min = "1" max = "200" step = "0.1" value = "5" / >
2016-04-10 10:47:11 +02:00
< / div >
< div class = "form-group " >
< label class = "control-label " for = "number1" >
Prosjecna potroš nja automobila na 100 km
< / label >
2016-05-02 15:18:02 +02:00
< input class = "form-control ulazni-parametar" id = "ppotrosnja" type = "number" min = "2" max = "15" value = "7" step = "0.1" / >
2016-04-10 10:47:11 +02:00
< / div >
< div class = "form-group " >
< label class = "control-label " for = "select" >
Koliko često treba zaljevati kulturu?
< / label >
2016-05-02 14:09:09 +02:00
< select class = "select form-control" id = "pfrekvencija_zalijevanja" >
2016-04-10 10:47:11 +02:00
< option value = "1" >
Svaki dan
< / option >
< option value = "2" >
Jednom u dva dana
< / option >
< option value = "3" >
Jednom u tri dana
< / option >
< option value = "4" >
Jednom u četiri dana
< / option >
< / select >
< / div >
< div class = "form-group " >
< label class = "control-label " for = "number2" >
Koliko vremena traje put prema polju (u oba smijera) i jedan ciklus zalijevanja? U satima.
< / label >
2016-05-02 14:09:09 +02:00
< input class = "form-control ulazni-parametar" id = "pvrijeme" type = "number" min = "2" max = "10" value = "1.5" step = "0.5" / >
2016-04-10 10:47:11 +02:00
< / div >
< div class = "form-group " >
< label class = "control-label " for = "number3" >
Satnica osobe koja zalijeva u KM
< / label >
2016-05-02 15:18:02 +02:00
< input class = "form-control ulazni-parametar" id = "psatnica" type = "number" min = "1" max = "100" value = "20" step = "1" / >
2016-04-10 10:47:11 +02:00
< / div >
< div class = "form-group " >
< label class = "control-label " for = "number3" >
Trajanje sezone u mjesecima
< / label >
2016-05-02 14:09:09 +02:00
< input class = "form-control ulazni-parametar" id = "psezona" type = "number" min = "1" max = "12" value = "4" step = "1" / >
2016-04-10 10:47:11 +02:00
< / div >
< div class = "form-group " >
< label class = "control-label " for = "number3" >
2016-05-02 14:09:09 +02:00
Na koliko godina/sezona se kalkulacija vrši
2016-04-10 10:47:11 +02:00
< / label >
2016-05-02 15:18:02 +02:00
< input class = "form-control ulazni-parametar" id = "pbroj_sezona" type = "number" min = "1" max = "10" value = "3" step = "1" / >
2016-04-10 10:47:11 +02:00
< / div >
< / form >
< / div >
< / div >
< / div >
< script type = "text/javascript" >
function iskalkulisi() {
2016-05-02 15:18:02 +02:00
var udaljenost = parseFloat($('#pudaljenost').val()) || 10;
var potrosnja = parseFloat($('#ppotrosnja').val()) || 7;
var frekvencija = parseInt($('#pfrekvencija_zalijevanja').val()) || 2;
var vrijeme = parseFloat($('#pvrijeme').val()) || 1.5;
var satnica = parseFloat($('#psatnica').val()) || 20;
var sezona = parseInt($('#psezona').val()) || 4;
var brojSezona = parseInt($('#pbroj_sezona').val()) || 3;
2016-05-02 14:09:09 +02:00
var bazaCijeneZoblaka = 1000;
var bazaCijeneVentila = 0;
var bazaCijeneGoriva = 1.70;
2016-04-10 10:47:11 +02:00
var godisnjeOdrzavanjeZoblaka = 200;
// rezultati
var zalijevanjaMjesecno = Math.ceil(30 / frekvencija);
var satiMjesecno = Math.ceil(vrijeme) * zalijevanjaMjesecno;
var plata = satiMjesecno * satnica;
2016-05-02 14:09:09 +02:00
var iznosGoriva = Math.ceil((potrosnja / 100) * bazaCijeneGoriva * (udaljenost * 2) * zalijevanjaMjesecno);
2016-04-10 10:47:11 +02:00
var ukupnoTroskovaMjesecno = iznosGoriva + plata;
2016-05-02 14:09:09 +02:00
var trosakZoblaka = bazaCijeneZoblaka + godisnjeOdrzavanjeZoblaka * (brojSezona - 1);
2016-04-10 10:47:11 +02:00
var satiUProjekciji = satiMjesecno * sezona * brojSezona;
var novcaUProjekciji = ukupnoTroskovaMjesecno * sezona * brojSezona;
2016-05-02 14:09:09 +02:00
var iznosUstede = novcaUProjekciji - trosakZoblaka
2016-05-02 15:18:02 +02:00
var vrijemeZaBreakEven = Math.ceil(bazaCijeneZoblaka / ukupnoTroskovaMjesecno);
2016-04-10 10:47:11 +02:00
2016-05-02 14:09:09 +02:00
$('#vrijemeZaBreakEven').html(vrijemeZaBreakEven);
2016-05-02 15:18:02 +02:00
$('#brojSezona').html(brojSezona);
2016-05-02 14:09:09 +02:00
$('#iznosUstede').html(iznosUstede);
$('#satiUProjekciji').html(satiUProjekciji);
$('#iznosGoriva').html(iznosGoriva);
$('#satiMjesecno').html(satiMjesecno);
$('#plata').html(plata);
2016-05-02 15:18:02 +02:00
$('#ukupnoTroskovaMjesecno').html(ukupnoTroskovaMjesecno);
$('#bazaCijeneZoblaka').html(bazaCijeneZoblaka);
2016-04-10 10:47:11 +02:00
};
2016-05-02 14:09:09 +02:00
$(document).ready(function() {
iskalkulisi();
2016-05-02 15:18:02 +02:00
$(".ulazni-parametar").keyup(iskalkulisi);
2016-05-02 14:09:09 +02:00
$(".ulazni-parametar").change(iskalkulisi);
2016-04-10 10:47:11 +02:00
});
< / script >
< / body >
< / html >
