Kalkulator
Przedstawione wyliczenia mają jedynie charakter szacunkowy. w celu dokładnej wyceny skontaktuj się z nami. (link do formularza kontaktowego lub do strony kontakt).
Uwaga. Większość rachunków rozliczana jest w systemie dwumiesięcznym.
kod:
<?php
/*
Plugin Name: Kalkulator instalacji solarnej
Description: Kalkulator instalacji solarnej
*/
add_shortcode( ‘intereco_calc1’, ‘calc1’ );
function calc1(){
ob_start();
?>
<link rel=”stylesheet” href=”//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css”>
<style>
#slider{
max-width:100%;
}
.ui-slider-horizontal{
border:0px !important;
height:2px;background-color:#000;
margin-bottom:20px;
}
.ui-slider .ui-slider-handle {
background-color:#000;
border-color:#000;
width: 1.6em;
height: 1.0em;
top: 50%;
margin-top: -.5em;
text-align: center;
line-height: 1.6em;
padding-top:15px;
padding-left:20px;
color:#000;
font-weight:bold;
}
#sld_rachunek_mc_caption{position:absolute;left:-30px;width:80px;text-alighn:center;color:#FFF;}
#calc-container{background-color:#E6A028;padding:50px;}
.calc_row{padding-bottom:0px;}
.calc-label_special{
font-family: ‘Rubik’,Helvetica,Arial,Lucida,sans-serif;
font-weight: 700;
color: #2a2a2a !important;
line-height: 1.4em;
color:#000;
font-size:18px;
text-align:center;
}
.calc-label{
color: #2a2a2a !important;
line-height: 1.4em;
color:#000;
font-size:15px;
}
.calc-value{color:#000;}
.calc-value{
display:inline-block;
height:30px;
color:#000;
font-weight:bold;
padding:5px 0px;
margin-bottom:15px;
}
#ipt_rachunek_mc_container{position:relative;}
#ipt_rachunek_mc{
width:100px;
height:30px;
background-color:#fff;
color:#000;
padding:5px;
margin-bottom:15px;
}
#ipt_rachunek_mc_unit{
position:absolute;left:80px;top:3px;width:15px;color:#000;
}
.calc-result, .calc-value{color:#FFF;}
.calc_row{width:100%;padding-top:0px;padding-top:0px;}
.calc_col{width:45%;}
.calc_col1{padding-right:20px;}
.calc_col2{padding-left:20px;}
.calc_box{width:100%;margin-top:10px;margin-bottom:10px;color:#000 !important;
background-size: 48px 48px;
background-repeat:no-repeat;
background-position: left top;
padding-left:70px;
margin-bottom:20px;
min-height:90px;
}
.center-box{
position:relative;
left: 50%;
margin-left: -180px;
width:360px;
}
#calc_box1{
background-image:url(“/icons/ikona_wielkosc_instalacji.svg”);
}
#calc_box2{
background-image:url(“/icons/ikona_koszt_instalacji.svg”);
background-size: 56px 56px;
}
#calc_box3{
background-image:url(“/icons/ikona_co_pozwala_wyprodukowac.svg”);
background-size: 56px 56px;
}
#calc_box4{
background-image:url(“/icons/ikona_minimalna_oszczednosc.svg”);
background-size: 56px 56px;
position:relative;
}
#koszt_instalacji_box1{
background-image:url(“/icons/ikona_moj_prad.svg”);
background-size: 56px 56px;
}
#koszt_instalacji_box2{
background-image:url(“/icons/ikona_moj_prad_nieaktywna.svg”);
background-size: 56px 56px;
display:none;
}
@media (max-width: 480px) {
#calc-container {
padding:10px
}
.calc_col1{padding-right:0px;}
.calc_col2{padding-left:0px;}
.center-box{
position:relative;
left: 50%;
margin-left: -130px;
width:260px;
}
.calc-col{margin-bottom:0px !important;}
#calc-container .et_pb_column {margin-bottom:0px !important;}
}
</style>
<script>
calc={
mc_rach_min:50,
mc_rach_max:1500,
rachunek_mc:50,
cena_kWh:0.562,
ilosc_kWh:0,
czy_dotacja:<?php echo intval(get_field(‘czy_dotacja’));?>,
roczny_rachunek:0,
koszt_instalacji:0,
koszt_z_dotacja:0,
oszczednosc_25lat:0,
oszczednosci_param1:<?php the_field(‘oszczednosci_param1’);?>,
rach_z_inst:0,
rach_z_inst_param1:<?php the_field(‘rach_z_inst_param1’);?>,
rach_z_inst_param2:<?php the_field(‘rach_z_inst_param2’);?>,
ilosc_energii_rocznie:0,
ilosc_energii_rocznie_param1:<?php the_field(‘ilosc_energii_rocznie_param1’);?>,
cena_1kw_inst:0,
cena_1kw_inst_param1:<?php the_field(‘cena_1kw_inst_param1’);?>,
cena_1kw_inst_param2:<?php the_field(‘cena_1kw_inst_param2’);?>,
cena_1kw_inst_param3:<?php the_field(‘cena_1kw_inst_param3’);?>,
cena_1kw_inst_param4:<?php the_field(‘cena_1kw_inst_param4’);?>,
test_value:<?php the_field(‘cena_kWh’);?>,
}
jQuery( function() {
jQuery( document ).ready(function() {
var handle = jQuery( “#sld_rachunek_mc” );
jQuery( “#slider” ).slider({
create: function() {
//handle.text( jQuery( this ).slider( “value” ) );
/*
jQuery( “#ipt_rachunek_mc” ).on(‘change’,function(){
var iptval = 50
iptval = jQuery( “#ipt_rachunek_mc” ).val()
if((iptval >= 50)&&(iptval <= 1500)){
jQuery( this ).slider( “option”, “value”, iptval );
}
setCalc()
})*/
},
min: 50,
max: 1500,
value: 50,
slide: function( event, ui ) {
//handle.text( ui.value );
setCalc(ui.value)
//console.log(ui.value)
jQuery( “#ipt_rachunek_mc” ).val( ui.value );
jQuery( “#sld_rachunek_mc_caption” ).text(ui.value+” zł”)
}
});
//jQuery( “#ipt_rachunek_mc” ).val( jQuery( “#sld_rachunek_mc” ).slider( “option”, “value” ) );
jQuery( “#ipt_rachunek_mc” ).on(‘change keyup’,function(){
var iptval = 50
iptval = jQuery( “#ipt_rachunek_mc” ).val()
if((iptval >= 50)&&(iptval <= 1500)){
jQuery( “#slider” ).slider( “option”, “value” ,iptval)
jQuery( “#sld_rachunek_mc_caption” ).text(iptval+” zł”)
setCalc(iptval)
}
//setCalc()
})
jQuery( “#ipt_rachunek_mc” ).val(50)
jQuery( “#slider” ).slider( “option”, “value” ,50)
setCalc(50)
})
function setCalc(value){
calc.rachunek_mc = value
jQuery( “#sol_cena_kWh” ).html(round3(calc.cena_kWh))
if(calc.rachunek_mc < calc.cena_1kw_inst_param1 /*500*/){
/*(-2,1086*calc.rachunek_mc)+5400*/
calc.cena_1kw_inst = calc.cena_1kw_inst_param2*calc.rachunek_mc+calc.cena_1kw_inst_param3
}else{
calc.cena_1kw_inst = calc.cena_1kw_inst_param4 /*3900*/
}
//jQuery( “#sol_cena_1kw_inst” ).html(round2(calc.cena_1kw_inst))
calc.roczny_rachunek = calc.rachunek_mc*12
//jQuery( “#sol_roczny_rachunek” ).html(round2(calc.roczny_rachunek))
if(calc.cena_kWh > 0) calc.ilosc_kWh = 0.001*calc.roczny_rachunek / calc.cena_kWh
jQuery( “#sol_ilosc_kWh” ).html(round2(calc.ilosc_kWh))
calc.koszt_instalacji = calc.ilosc_kWh * calc.cena_1kw_inst
jQuery( “#sol_koszt_instalacji” ).html(~~calc.koszt_instalacji)
if((calc.ilosc_kWh < 2)|| (calc.ilosc_kWh > 10)){
jQuery( “#sol_koszt_z_dotacja” ).html(~~calc.koszt_instalacji)
jQuery( “#koszt_instalacji_box1” ).hide()
jQuery( “#koszt_instalacji_box2” ).show()
console.log(calc.ilosc_kWh)
}else{
calc.koszt_z_dotacja = calc.koszt_instalacji – 5000
jQuery( “#sol_koszt_z_dotacja” ).html(~~calc.koszt_z_dotacja)
jQuery( “#koszt_instalacji_box1” ).show()
jQuery( “#koszt_instalacji_box2” ).hide()
}
calc.oszczednosc_25lat = calc.oszczednosci_param1 * calc.rachunek_mc
jQuery( “#sol_oszczednosc_25lat” ).html(~~calc.oszczednosc_25lat)
calc.rach_z_inst = calc.rach_z_inst_param1 * calc.rachunek_mc + calc.rach_z_inst_param2
//jQuery( “#sol_rach_z_inst” ).html(~~calc.rach_z_inst)
calc.ilosc_energii_rocznie = (1000 * calc.ilosc_kWh)*(1-calc.ilosc_energii_rocznie_param1)
jQuery( “#sol_ilosc_energii_rocznie” ).html(~~calc.ilosc_energii_rocznie)
}
function round2(a){
return Math.round(100*a)/100
}
function round3(a){
return Math.round(1000*a)/1000
}
} );
</script>
<div id=”calc-container” class=”et_pb_section”>
<div class=”calc-label_special”>Miesięczny rachunek za prąd<br>Uwaga. Większość rachunków rozliczana jest w systemie dwumiesięcznym.</div><br/>
<div id=”ipt_rachunek_mc_container”><input type=”text” value=”50″ id=”ipt_rachunek_mc”/><div id=”ipt_rachunek_mc_unit”>zł</div></div>
<div id=”slider”><div id=”sld_rachunek_mc” class=”ui-slider-handle”><div id=”sld_rachunek_mc_caption”></div></div></div>
<br/>
<div class=”et_pb_row calc_row”>
<div class=”et_pb_column et_pb_css_mix_blend_mode_passthrough calc_col calc_col1″>
<div class=”calc_box” id=”calc_box1″>
<div class=”calc-label”>Wielkość instalacji:</div>
<div class=”calc-result”><span id=”sol_ilosc_kWh” class=”calc-value”></span> kWp</div>
</div>
<div class=”calc_box” id=”calc_box2″>
<div class=”calc-label”>Koszt instalacji*:</div>
<div class=”calc-result”><span id=”sol_koszt_instalacji” class=”calc-value”></span> zł</div>
</div>
</div>
<div class=”et_pb_column et_pb_css_mix_blend_mode_passthrough calc_col calc_col2 et-last-child”>
<div class=”calc_box” id=”calc_box3″>
<div class=”calc-label”>Co pozwala wyprodukować w ciągu roku:</div>
<div class=”calc-result”><span id=”sol_ilosc_energii_rocznie” class=”calc-value”></span> kWh</div>
</div>
<div class=”calc_box” id=”koszt_instalacji_box1″>
<div class=”calc-label”>lub z dotacją <b>Mój prąd</b>:</div>
<div class=”calc-result”><span id=”sol_koszt_z_dotacja” class=”calc-value”></span> zł</div>
</div>
<div class=”calc_box” id=”koszt_instalacji_box2″>
Dotacja <b>Mój prąd</b> obejmuje instalacje o mocy 2-10 kWp.
</div>
</div>
</div>
<div class=”et_pb_row calc_row”>
<div class=”center-box calc_box” id=”calc_box4″>
<div class=”calc-label”>Minimalna oszczędność przez 25 lat:</div>
<div class=”calc-result”><span id=”sol_oszczednosc_25lat” class=”calc-value”></span> zł</div>
</div>
</div>
<!–
<div class=”calc-label et_pb_module_header”>Cena za kWh:</div>
<div id=”sol_cena_kWh” class=”calc-value”> </div>
<br/>
–>
<!–
<div class=”calc-label et_pb_module_header”>roczny rach za prąd bez instalacji:</div>
<div id=”sol_roczny_rachunek” class=”calc-value”></div>
<br/>
–>
<!–
<div class=”calc-label et_pb_module_header”>rach z instalacja:</div>
<div id=”sol_rach_z_inst” class=”calc-value”></div>
<br/>
–>
<!–
<div class=”calc-label et_pb_module_header”>cena 1 KW instalacji PV:</div>
<div id=”sol_cena_1kw_inst” class=”calc-value”></div>
<br/>
–>
</div>
<?php return ob_get_clean();
}
?>
Recent Comments