Code Context <div class="col-lg-12">
<div class="form-group">
<textarea id="websend_msg" class="form-control" placeholder="Treść"><?php echo $_SERVER['SCRIPT_URI']; ?></textarea>
$viewFile = '/var/www/vhost/raportroczny2015/app/View/Layouts/default.ctp'
$dataForView = array(
'element' => array(
'common' => array(),
'helper' => array(
'wykres' => '13'
)
),
'app_element' => array(
'controller' => 'strona',
'action' => 'wykresy_interaktywne',
'lang' => 'PL'
),
'content_for_layout' => '<div class="container">
<div class="container-fluid">
<div class="row m-t-20">
<div class="col-md-12">
<div class="row">
<div class="col-md-12">
<div class="green_rectangle_top"></div>
<h2 class="section_title_top">Wielkości wskaźników SAIDI i SAIFI</h2>
</div>
</div>
<div class="row">
<div class="col-md-10">
<h3 class="site_headline purple">Wielkości wskaźników SAIDI i SAIFI</h3>
</div>
<div class="col-md-2 col-xs-12">
<a href="/strona/wykresy_interaktywne" target="_self">
<div class="knefel_interactive">
Powrót do spisu
</div>
</a>
</div>
</div>
<table class="table">
<thead>
<tr>
<th></th>
<th>Rok zakończony <br>31 grudnia 2015</th>
<th>Rok zakończony <br>31 grudnia 2014</th>
<th>Rok zakończony <br>31 grudnia 2013</th>
<th>Rok zakończony <br>31 grudnia 2012</th>
</tr>
</thead>
<tbody>
<tr class="badabumik g1 interactive" data-check="0" data-class="g1"
data-val0="SAIDI*"
data-val1="285.8" data-val1b="28 5.8"
data-val2="262.2" data-val2b="26 2.2"
data-val3="355" data-val3b="355"
data-val4="308.8" data-val4b="30 8.8"
>
<td >SAIDI*</td>
<td class="center">285,8</td>
<td class="center">262,2</td>
<td class="center">355</td>
<td class="center">308,8</td>
</tr>
<tr class="badabumik g1 interactive" data-check="0" data-class="g1"
data-val0="nieplanowane z katastrofalnymi"
data-val1="239.4" data-val1b="23 9.4"
data-val2="203.7" data-val2b="20 3.7"
data-val3="283.9" data-val3b="28 3.9"
data-val4="225.1" data-val4b="22 5.1"
>
<td >nieplanowane z katastrofalnymi</td>
<td class="center">239,4</td>
<td class="center">203,7</td>
<td class="center">283,9</td>
<td class="center">225,1</td>
</tr>
<tr class="badabumik g1 interactive" data-check="0" data-class="g1"
data-val0="planowane"
data-val1="46.4" data-val1b="4 6.4"
data-val2="58.4" data-val2b="5 8.4"
data-val3="71.1" data-val3b="7 1.1"
data-val4="83.7" data-val4b="8 3.7"
>
<td >planowane</td>
<td class="center">46,4</td>
<td class="center">58,4</td>
<td class="center">71,1</td>
<td class="center">83,7</td>
</tr>
<tr class="badabumik g1 interactive" data-check="0" data-class="g1"
data-val0="SAIFI**"
data-val1="3.4" data-val1b="3.4"
data-val2="3.5" data-val2b="3.5"
data-val3="3.4" data-val3b="3.4"
data-val4="3.8" data-val4b="3.8"
>
<td >SAIFI**</td>
<td class="center">3,4</td>
<td class="center">3,5</td>
<td class="center">3,4</td>
<td class="center">3,8</td>
</tr>
<tr class="badabumik g1 interactive" data-check="0" data-class="g1"
data-val0="nieplanowane z katastrofalnymi"
data-val1="3.1" data-val1b="3.1"
data-val2="3.1" data-val2b="3.1"
data-val3="2.9" data-val3b="2.9"
data-val4="3.4" data-val4b="3.4"
>
<td >nieplanowane z katastrofalnymi</td>
<td class="center">3,1</td>
<td class="center">3,1</td>
<td class="center">2,9</td>
<td class="center">3,4</td>
</tr>
<tr class="badabumik g1 interactive" data-check="0" data-class="g1"
data-val0="planowane"
data-val1="0.3" data-val1b="0.3"
data-val2="0.4" data-val2b="0.4"
data-val3="0.4" data-val3b="0.4"
data-val4="0.4" data-val4b="0.4"
>
<td >planowane</td>
<td class="center">0,3</td>
<td class="center">0,4</td>
<td class="center">0,4</td>
<td class="center">0,4</td>
</tr> </tbody>
</table>
<p>*Liczba minut na odbiorcę we wskazanym okresie</p>
<p>**Zakłócenia na odbiorcę we wskazanym okresie</p>
</div>
<div class="col-md-12">
<div id="chart_div_1"></div>
</div>
</div>
</div>
<script>
google.charts.load('current', {packages: ['corechart', 'bar']});
google.charts.setOnLoadCallback(chart_div_1);
active_group = 'g0';
$(document).ready(function(){
$('.badabumik').on('click', function(){
check = $(this).data('check');
clask = $(this).data('class');
if(active_group != clask){
$('.badabumik').data('check',0);
$('.badabumik').removeClass('success');
}
active_group = clask;
if($(this).data('check')=='0'){
$(this).data('check','1');
$(this).addClass('success');
}else{
$(this).data('check','0');
$(this).removeClass('success');
}
chart_div_1();
});
});
function chart_div_1(){
zz=0;
desc = [''];
ar_2012 = ['2015'];
ar_2013 = ['2014'];
ar_2014 = ['2013'];
ar_2015 = ['2012'];
min = 0;
max = 0;
$('.badabumik').each(function(){
th=$(this);
if(th.data('check')==1){
zz++;
desc.push(th.data('val0')); desc.push({ role: 'tooltip'});
if(min>parseFloat(th.data('val1'))){ min = parseFloat(th.data('val1'))};
if(max<parseFloat(th.data('val1'))){ max = parseFloat(th.data('val1'))};
ar_2012.push(parseFloat(th.data('val1')));
ar_2012.push(th.data('val0')+': '+th.data('val1b'));
if(min>parseFloat(th.data('val2'))){ min = parseFloat(th.data('val2'))};
if(max<parseFloat(th.data('val2'))){ max = parseFloat(th.data('val2'))};
ar_2013.push(parseFloat(th.data('val2')));
ar_2013.push(th.data('val0')+': '+th.data('val2b'));
if(min>parseFloat(th.data('val3'))){ min = parseFloat(th.data('val3'))};
if(max<parseFloat(th.data('val3'))){ max = parseFloat(th.data('val3'))};
ar_2014.push(parseFloat(th.data('val3')));
ar_2014.push(th.data('val0')+': '+th.data('val3b'));
if(min>parseFloat(th.data('val4'))){ min = parseFloat(th.data('val4'))};
if(max<parseFloat(th.data('val4'))){ max = parseFloat(th.data('val4'))};
ar_2015.push(parseFloat(th.data('val4')));
ar_2015.push(th.data('val0')+': '+th.data('val4b'));
}
});
if(zz==0){
$('#chart_div_1').html('<p style="margin-top: 40px; font-family: EnergaBold, sans-serif; font-size: 18px; ">Proszę wybrać dane</p>');
}else{
ar = [desc];
ar.push(ar_2012);
ar.push(ar_2013);
ar.push(ar_2014);
ar.push(ar_2015);
var data = google.visualization.arrayToDataTable(ar);
var options = {
width: '100%',
height: 700,
legend: 'none',
colors: ['#6FB43F', '#C1D72D', '#d8d8d8', '#640036'],
annotations: {
alwaysInside: true,
textStyle: {
fontSize: 12,
color: '#000'
}
},
tooltip:{
format: 'percent'
},
vAxis: {
viewWindow: {
min: min,
max: max
},
baseline: 0,
// baselineColor: '#7c7c7c',
gridlines: {count: 0}
},
hAxis: {
textStyle:{color: '#666'},
gridlines: {count: 0}
},
};
var chart = new google.visualization.ColumnChart(document.getElementById('chart_div_1'));
chart.draw(data, options);
}
}
</script>
</div>
',
'scripts_for_layout' => '',
'title_for_layout' => 'Strona'
)
$element = array(
'common' => array(),
'helper' => array(
'wykres' => '13'
)
)
$app_element = array(
'controller' => 'strona',
'action' => 'wykresy_interaktywne',
'lang' => 'PL'
)
$content_for_layout = '<div class="container">
<div class="container-fluid">
<div class="row m-t-20">
<div class="col-md-12">
<div class="row">
<div class="col-md-12">
<div class="green_rectangle_top"></div>
<h2 class="section_title_top">Wielkości wskaźników SAIDI i SAIFI</h2>
</div>
</div>
<div class="row">
<div class="col-md-10">
<h3 class="site_headline purple">Wielkości wskaźników SAIDI i SAIFI</h3>
</div>
<div class="col-md-2 col-xs-12">
<a href="/strona/wykresy_interaktywne" target="_self">
<div class="knefel_interactive">
Powrót do spisu
</div>
</a>
</div>
</div>
<table class="table">
<thead>
<tr>
<th></th>
<th>Rok zakończony <br>31 grudnia 2015</th>
<th>Rok zakończony <br>31 grudnia 2014</th>
<th>Rok zakończony <br>31 grudnia 2013</th>
<th>Rok zakończony <br>31 grudnia 2012</th>
</tr>
</thead>
<tbody>
<tr class="badabumik g1 interactive" data-check="0" data-class="g1"
data-val0="SAIDI*"
data-val1="285.8" data-val1b="28 5.8"
data-val2="262.2" data-val2b="26 2.2"
data-val3="355" data-val3b="355"
data-val4="308.8" data-val4b="30 8.8"
>
<td >SAIDI*</td>
<td class="center">285,8</td>
<td class="center">262,2</td>
<td class="center">355</td>
<td class="center">308,8</td>
</tr>
<tr class="badabumik g1 interactive" data-check="0" data-class="g1"
data-val0="nieplanowane z katastrofalnymi"
data-val1="239.4" data-val1b="23 9.4"
data-val2="203.7" data-val2b="20 3.7"
data-val3="283.9" data-val3b="28 3.9"
data-val4="225.1" data-val4b="22 5.1"
>
<td >nieplanowane z katastrofalnymi</td>
<td class="center">239,4</td>
<td class="center">203,7</td>
<td class="center">283,9</td>
<td class="center">225,1</td>
</tr>
<tr class="badabumik g1 interactive" data-check="0" data-class="g1"
data-val0="planowane"
data-val1="46.4" data-val1b="4 6.4"
data-val2="58.4" data-val2b="5 8.4"
data-val3="71.1" data-val3b="7 1.1"
data-val4="83.7" data-val4b="8 3.7"
>
<td >planowane</td>
<td class="center">46,4</td>
<td class="center">58,4</td>
<td class="center">71,1</td>
<td class="center">83,7</td>
</tr>
<tr class="badabumik g1 interactive" data-check="0" data-class="g1"
data-val0="SAIFI**"
data-val1="3.4" data-val1b="3.4"
data-val2="3.5" data-val2b="3.5"
data-val3="3.4" data-val3b="3.4"
data-val4="3.8" data-val4b="3.8"
>
<td >SAIFI**</td>
<td class="center">3,4</td>
<td class="center">3,5</td>
<td class="center">3,4</td>
<td class="center">3,8</td>
</tr>
<tr class="badabumik g1 interactive" data-check="0" data-class="g1"
data-val0="nieplanowane z katastrofalnymi"
data-val1="3.1" data-val1b="3.1"
data-val2="3.1" data-val2b="3.1"
data-val3="2.9" data-val3b="2.9"
data-val4="3.4" data-val4b="3.4"
>
<td >nieplanowane z katastrofalnymi</td>
<td class="center">3,1</td>
<td class="center">3,1</td>
<td class="center">2,9</td>
<td class="center">3,4</td>
</tr>
<tr class="badabumik g1 interactive" data-check="0" data-class="g1"
data-val0="planowane"
data-val1="0.3" data-val1b="0.3"
data-val2="0.4" data-val2b="0.4"
data-val3="0.4" data-val3b="0.4"
data-val4="0.4" data-val4b="0.4"
>
<td >planowane</td>
<td class="center">0,3</td>
<td class="center">0,4</td>
<td class="center">0,4</td>
<td class="center">0,4</td>
</tr> </tbody>
</table>
<p>*Liczba minut na odbiorcę we wskazanym okresie</p>
<p>**Zakłócenia na odbiorcę we wskazanym okresie</p>
</div>
<div class="col-md-12">
<div id="chart_div_1"></div>
</div>
</div>
</div>
<script>
google.charts.load('current', {packages: ['corechart', 'bar']});
google.charts.setOnLoadCallback(chart_div_1);
active_group = 'g0';
$(document).ready(function(){
$('.badabumik').on('click', function(){
check = $(this).data('check');
clask = $(this).data('class');
if(active_group != clask){
$('.badabumik').data('check',0);
$('.badabumik').removeClass('success');
}
active_group = clask;
if($(this).data('check')=='0'){
$(this).data('check','1');
$(this).addClass('success');
}else{
$(this).data('check','0');
$(this).removeClass('success');
}
chart_div_1();
});
});
function chart_div_1(){
zz=0;
desc = [''];
ar_2012 = ['2015'];
ar_2013 = ['2014'];
ar_2014 = ['2013'];
ar_2015 = ['2012'];
min = 0;
max = 0;
$('.badabumik').each(function(){
th=$(this);
if(th.data('check')==1){
zz++;
desc.push(th.data('val0')); desc.push({ role: 'tooltip'});
if(min>parseFloat(th.data('val1'))){ min = parseFloat(th.data('val1'))};
if(max<parseFloat(th.data('val1'))){ max = parseFloat(th.data('val1'))};
ar_2012.push(parseFloat(th.data('val1')));
ar_2012.push(th.data('val0')+': '+th.data('val1b'));
if(min>parseFloat(th.data('val2'))){ min = parseFloat(th.data('val2'))};
if(max<parseFloat(th.data('val2'))){ max = parseFloat(th.data('val2'))};
ar_2013.push(parseFloat(th.data('val2')));
ar_2013.push(th.data('val0')+': '+th.data('val2b'));
if(min>parseFloat(th.data('val3'))){ min = parseFloat(th.data('val3'))};
if(max<parseFloat(th.data('val3'))){ max = parseFloat(th.data('val3'))};
ar_2014.push(parseFloat(th.data('val3')));
ar_2014.push(th.data('val0')+': '+th.data('val3b'));
if(min>parseFloat(th.data('val4'))){ min = parseFloat(th.data('val4'))};
if(max<parseFloat(th.data('val4'))){ max = parseFloat(th.data('val4'))};
ar_2015.push(parseFloat(th.data('val4')));
ar_2015.push(th.data('val0')+': '+th.data('val4b'));
}
});
if(zz==0){
$('#chart_div_1').html('<p style="margin-top: 40px; font-family: EnergaBold, sans-serif; font-size: 18px; ">Proszę wybrać dane</p>');
}else{
ar = [desc];
ar.push(ar_2012);
ar.push(ar_2013);
ar.push(ar_2014);
ar.push(ar_2015);
var data = google.visualization.arrayToDataTable(ar);
var options = {
width: '100%',
height: 700,
legend: 'none',
colors: ['#6FB43F', '#C1D72D', '#d8d8d8', '#640036'],
annotations: {
alwaysInside: true,
textStyle: {
fontSize: 12,
color: '#000'
}
},
tooltip:{
format: 'percent'
},
vAxis: {
viewWindow: {
min: min,
max: max
},
baseline: 0,
// baselineColor: '#7c7c7c',
gridlines: {count: 0}
},
hAxis: {
textStyle:{color: '#666'},
gridlines: {count: 0}
},
};
var chart = new google.visualization.ColumnChart(document.getElementById('chart_div_1'));
chart.draw(data, options);
}
}
</script>
</div>
'
$scripts_for_layout = ''
$title_for_layout = 'Strona'
include - APP/View/Layouts/default.ctp, line 91
View::_evaluate() - CORE/Cake/View/View.php, line 961
View::_render() - CORE/Cake/View/View.php, line 923
View::renderLayout() - CORE/Cake/View/View.php, line 546
View::render() - CORE/Cake/View/View.php, line 481
Controller::render() - CORE/Cake/Controller/Controller.php, line 960
Dispatcher::_invoke() - CORE/Cake/Routing/Dispatcher.php, line 200
Dispatcher::dispatch() - CORE/Cake/Routing/Dispatcher.php, line 167
[main] - APP/webroot/index.php, line 118