137 lines
6.2 KiB
HTML
137 lines
6.2 KiB
HTML
<html>
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
|
|
<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">
|
|
<div class="lead text-center">
|
|
<img src="./zoblak.png" width="30%" />
|
|
<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.
|
|
</div>
|
|
</div>
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<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>
|
|
|
|
<p>Okvirna cijena Zoblak Agrar Plus iznosi <span id="bazaCijeneZoblaka"></span> KM + sistem navodnjavanja</p>
|
|
|
|
<p class="bg-primary">NAPOMENA: finalna cijena može biti niža ili viša i poznata je nakon izrade projekta).</p>
|
|
</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>
|
|
<input class="form-control ulazni-parametar" id="pudaljenost" type="number" min="1" max="200" step="0.1" value="5" />
|
|
</div>
|
|
<div class="form-group ">
|
|
<label class="control-label " for="number1">
|
|
Prosjecna potrošnja automobila na 100 km
|
|
</label>
|
|
<input class="form-control ulazni-parametar" id="ppotrosnja" type="number" min="2" max="15" value="7" step="0.1" />
|
|
</div>
|
|
<div class="form-group ">
|
|
<label class="control-label " for="select">
|
|
Koliko često treba zaljevati kulturu?
|
|
</label>
|
|
<select class="select form-control" id="pfrekvencija_zalijevanja">
|
|
<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>
|
|
<input class="form-control ulazni-parametar" id="pvrijeme" type="number" min="2" max="10" value="1.5" step="0.5" />
|
|
</div>
|
|
<div class="form-group ">
|
|
<label class="control-label " for="number3">
|
|
Satnica osobe koja zalijeva u KM
|
|
</label>
|
|
<input class="form-control ulazni-parametar" id="psatnica" type="number" min="1" max="100" value="20" step="1" />
|
|
</div>
|
|
<div class="form-group ">
|
|
<label class="control-label " for="number3">
|
|
Trajanje sezone u mjesecima
|
|
</label>
|
|
<input class="form-control ulazni-parametar" id="psezona" type="number" min="1" max="12" value="4" step="1" />
|
|
</div>
|
|
<div class="form-group ">
|
|
<label class="control-label " for="number3">
|
|
Na koliko godina/sezona se kalkulacija vrši
|
|
</label>
|
|
<input class="form-control ulazni-parametar" id="pbroj_sezona" type="number" min="1" max="10" value="3" step="1" />
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script type="text/javascript">
|
|
function iskalkulisi() {
|
|
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;
|
|
|
|
var bazaCijeneZoblaka = 1000;
|
|
var bazaCijeneVentila = 0;
|
|
var bazaCijeneGoriva = 1.70;
|
|
var godisnjeOdrzavanjeZoblaka = 200;
|
|
|
|
// rezultati
|
|
var zalijevanjaMjesecno = Math.ceil(30 / frekvencija);
|
|
var satiMjesecno = Math.ceil(vrijeme) * zalijevanjaMjesecno;
|
|
var plata = satiMjesecno * satnica;
|
|
var iznosGoriva = Math.ceil((potrosnja / 100) * bazaCijeneGoriva * (udaljenost * 2) * zalijevanjaMjesecno);
|
|
var ukupnoTroskovaMjesecno = iznosGoriva + plata;
|
|
var trosakZoblaka = bazaCijeneZoblaka + godisnjeOdrzavanjeZoblaka * (brojSezona - 1);
|
|
var satiUProjekciji = satiMjesecno * sezona * brojSezona;
|
|
var novcaUProjekciji = ukupnoTroskovaMjesecno * sezona * brojSezona;
|
|
var iznosUstede = novcaUProjekciji - trosakZoblaka
|
|
var vrijemeZaBreakEven = Math.ceil(bazaCijeneZoblaka / ukupnoTroskovaMjesecno);
|
|
|
|
$('#vrijemeZaBreakEven').html(vrijemeZaBreakEven);
|
|
$('#brojSezona').html(brojSezona);
|
|
$('#iznosUstede').html(iznosUstede);
|
|
$('#satiUProjekciji').html(satiUProjekciji);
|
|
$('#iznosGoriva').html(iznosGoriva);
|
|
$('#satiMjesecno').html(satiMjesecno);
|
|
$('#plata').html(plata);
|
|
$('#ukupnoTroskovaMjesecno').html(ukupnoTroskovaMjesecno);
|
|
$('#bazaCijeneZoblaka').html(bazaCijeneZoblaka);
|
|
|
|
};
|
|
|
|
$(document).ready(function() {
|
|
iskalkulisi();
|
|
$(".ulazni-parametar").keyup(iskalkulisi);
|
|
$(".ulazni-parametar").change(iskalkulisi);
|
|
});
|
|
</script>
|
|
</body>
|
|
|
|
</html>
|