tussenopslag
This commit is contained in:
Monique
@@ -0,0 +1,259 @@
|
||||
<div class="sopOnderdeelBlok">
|
||||
|
||||
<div class="sopTitelHolder">
|
||||
|
||||
<?php if($naam){ ?>
|
||||
<p class="sopTitel" ><?php echo $naam ; ?></p>
|
||||
|
||||
<?php if ($data['lijsten'][0]){ ?>
|
||||
|
||||
<p class="subTitel1" ><?php echo $data['versienaam'], $data['lijsten'][0]->vorm == 1 ? ', schoolversie' : ', indivduele versie'; ?>
|
||||
|
||||
<?php foreach($data['lijsten'] as $index => $lijst){ ?>
|
||||
<p class="subTitel2"><?php echo $lijst->vantm ?></p>
|
||||
<?php }; ?>
|
||||
|
||||
<?php }; ?>
|
||||
<?php }; ?>
|
||||
</div>
|
||||
<div class="sopKaderGrafiek highcharts-background"
|
||||
id="chartCompactIJk"
|
||||
style="width: 355px; height:140px; background-color: #ffffff; text-align:center">
|
||||
</div>
|
||||
<script>
|
||||
<?php if ($data['lijsten']){ ?>
|
||||
$(function(){
|
||||
fFillGraph4=function(){
|
||||
|
||||
var xas = [];
|
||||
var verkorteVersies = [];
|
||||
var balkGegevens = [];
|
||||
var lijnGegevens;
|
||||
|
||||
<?php foreach($data['lijsten'] as $index => $lijst){ ?>
|
||||
var indexnummer = <?= $index?>;
|
||||
var labels = [];
|
||||
var scores = [];
|
||||
var ambities = [];
|
||||
|
||||
var xastitel = '';
|
||||
<?php if($lijst->label){ ?>
|
||||
var xastitel = '<?php echo $lijst->label ?>';
|
||||
<?php } ?>
|
||||
|
||||
<?php foreach($lijst->scores as $index2 => $score){
|
||||
$omschrijving = "gemiddelde";
|
||||
if(isset($score->omschrijving)){
|
||||
$omschrijving = $score->omschrijving;
|
||||
$kleur = '#808080';
|
||||
if(isset($score->kleur) && $score->disabled == 'F' && $score->disablenvt =='F') $kleur = $score->kleur;
|
||||
};
|
||||
?>
|
||||
|
||||
labels.push(<?php $score->nummer ?>);
|
||||
scores.push({
|
||||
y: <?= $score->gem ?>,
|
||||
color: '<?=$kleur ?>',
|
||||
name: '<?= $score->nummer ?>',
|
||||
soort: 'score',
|
||||
versie: <?= $lijst->periodenummer ?>,
|
||||
vantm: '<?= $lijst->vantm ?>',
|
||||
omschrijving: '<?php echo isset( $score->omschrijving) ? $score->omschrijving : ''; ?>' <?php // hier van $omschrijving $score->omschrijving gemaakt ?>
|
||||
});
|
||||
<?php } // foreach lijstscores ?>
|
||||
|
||||
verkorteVersies.push(<?= $lijst->periodenummer ?>);
|
||||
var ambitiewaarde =<?=$data['lijsten'][0]->ambities->gemscore; ?>;
|
||||
ambities.push(
|
||||
{ y: <?=$data['lijsten'][0]->ambities->gemscore; ?>,
|
||||
color: '#000000',
|
||||
name: '',
|
||||
soort: 'ambitie',
|
||||
versie: <?=$lijst->periodenummer ?>,
|
||||
vantm: '<?= $lijst->vantm ?>',
|
||||
omschrijving: '<?='test'; //$omschrijving is geen veld?>'
|
||||
}
|
||||
);
|
||||
|
||||
labels.unshift(' ');
|
||||
var legescore ={
|
||||
y : 0,
|
||||
color : 'transparent',
|
||||
name : '0',
|
||||
soort : 'extra',
|
||||
versie : '',
|
||||
vantm : '<?= $lijst->vantm ?>',
|
||||
omschrijving: ''
|
||||
};
|
||||
|
||||
scores.unshift(legescore);
|
||||
verkorteVersies.unshift(<?= $lijst->periodenummer ?>);
|
||||
|
||||
labels.push(' ');
|
||||
scores.push(legescore);
|
||||
verkorteVersies.push(<?=$lijst->periodenummer ?>);
|
||||
|
||||
balkGegevens[indexnummer] =({
|
||||
dataLabels: {
|
||||
format: '<span style="font-size: 5px;">{point.versie}</span>'
|
||||
},
|
||||
type : 'column',
|
||||
name : verkorteVersies,
|
||||
backgroundColor: '#e6e6e6',
|
||||
data : scores
|
||||
});
|
||||
|
||||
<?php } // foreach lijsten ?>
|
||||
|
||||
var extralijn = {
|
||||
y: ambitiewaarde,
|
||||
name: '',
|
||||
soort: 'extra'
|
||||
};
|
||||
ambities.unshift(extralijn);
|
||||
ambities.push(extralijn);
|
||||
var splinedata=[];
|
||||
var xas = [];
|
||||
if (balkGegevens[0]){
|
||||
$.each(balkGegevens[0].data,function(i,p){
|
||||
if (p.name=== '0') xas.push('');
|
||||
else xas.push(p.name);
|
||||
|
||||
splinedata.push(ambitiewaarde)
|
||||
});
|
||||
}
|
||||
lijnGegevens = ({
|
||||
dataLabels: {
|
||||
format: ''
|
||||
},
|
||||
type: 'spline',
|
||||
name: verkorteVersies,
|
||||
data: splinedata //ambities
|
||||
});
|
||||
|
||||
balkGegevens.push(lijnGegevens);
|
||||
// });
|
||||
|
||||
|
||||
var ijkgrafiek;
|
||||
ijkgrafiek = Highcharts.chart('chartCompactIJk', {
|
||||
chart:{
|
||||
animation: false,
|
||||
backgroundColor: '#e6e6e6'
|
||||
},
|
||||
title:{
|
||||
text:''
|
||||
},
|
||||
credits: {
|
||||
enabled: false
|
||||
},
|
||||
xAxis: {
|
||||
type: 'category',
|
||||
categories: xas,
|
||||
labels:{
|
||||
style:{
|
||||
fontSize: '8px'
|
||||
}
|
||||
}
|
||||
},
|
||||
yAxis: {
|
||||
min:0,
|
||||
max: 100,
|
||||
title: false,
|
||||
labels:{
|
||||
style:{
|
||||
fontSize: '8px'
|
||||
|
||||
}
|
||||
}
|
||||
},
|
||||
legend: {
|
||||
enabled: false
|
||||
},
|
||||
plotOptions: {
|
||||
column:{
|
||||
pointPadding: 0.05,
|
||||
borderWidth:0
|
||||
},
|
||||
series:{
|
||||
groupPadding: 0.05,
|
||||
animation: false,
|
||||
dataLabels: {
|
||||
enabled: true,
|
||||
inside: true,
|
||||
align: 'center',
|
||||
verticalAlign: 'bottom',
|
||||
color: '#404040',
|
||||
style: {
|
||||
textOutline: false
|
||||
}
|
||||
}
|
||||
|
||||
},
|
||||
spline: {
|
||||
color: 'grey',
|
||||
pointStart: 0,
|
||||
marker: {
|
||||
enabled: false
|
||||
}
|
||||
}
|
||||
},
|
||||
series: balkGegevens,
|
||||
showInLegend: false
|
||||
});
|
||||
|
||||
}()
|
||||
});
|
||||
<?php } ?>
|
||||
</script>
|
||||
|
||||
<div class="sopKaderTabel" >
|
||||
<?php if ($data['lijsten'][0]->scores){ ?>
|
||||
<table class="sopTabel" >
|
||||
<thead >
|
||||
<tr style="">
|
||||
<th style="width: 20px; padding-left:3px; ">nr</th>
|
||||
<th style="width: 230px; padding-left:3px; "> <?=$data['lijsten'][0]->label?></th>
|
||||
<?php foreach ($data['lijsten'] as $lijst){ ?>
|
||||
|
||||
<th style=" width: 30px;
|
||||
padding-right: 3px;">
|
||||
<?php echo 'p '.$lijst->periodenummer; ?>
|
||||
</th>
|
||||
<?php }; // foreach ?>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody >
|
||||
<?php $i = 0;
|
||||
foreach( $data['lijsten'][0]->scores as $score){?>
|
||||
<tr >
|
||||
<td style=" padding-left: 3px; " ><?php if($score->nummer != 'gem'){ echo $score->nummer . '.';}?>
|
||||
</td>
|
||||
<td style="overflow-x: hidden;
|
||||
overflow-y: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;" >
|
||||
<?php echo isset($score->omschrijving) ? $score->omschrijving: 'Gemiddelde'?>
|
||||
</td>
|
||||
<?php foreach ($data['lijsten'] as $lijst){
|
||||
$kleur = $lijst->scores[$i]->disabled == 'T' || $lijst->scores[$i]->disablenvt == 'T' ? '' : (isset($lijst->scores[$i]->kleur) ? $lijst->scores[$i]->kleur : '');
|
||||
$gem = $lijst->scores[$i]->disabled == 'T' ? 'uit' : ($lijst->scores[$i]->disablenvt == 'T' ? 'nvt' : (isset($lijst->scores[$i]->gem) ? $lijst->scores[$i]->gem : '')); ?>
|
||||
<td style="background-color: <?=$kleur ?> !important;
|
||||
padding-right: 3px;
|
||||
text-align: right" >
|
||||
<?=$gem?>
|
||||
</td>
|
||||
<?php }; // foreach
|
||||
$i++; ?>
|
||||
</tr>
|
||||
<?php ;} ; ?>
|
||||
</tbody>
|
||||
<tr >
|
||||
<td colspan="8"
|
||||
class="inforegel">Scores in procenten </td>
|
||||
</tr>
|
||||
</table>
|
||||
<?php }; ?> <!-- if lijst[0]->scores -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user