Overigen/monpas
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

nieuwe versie

Browse Source
This commit is contained in:
Monique
2021-07-13 12:53:03 +02:00
parent 20fb7267a8
commit 444829340a
36 changed files with 655 additions and 1123 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/tmp/temp5.html
+532 -516
View File
File diff suppressed because it is too large Load Diff
public/tmp/temp840.html
+15 -497
View File
@@ -442,8 +442,8 @@
(h[d][l]={},p(a[l],r[d][l],h[d][l],e+1));else G(a)?(h[d]=F(a)?[]:{},p(a,r[d]||{},h[d],e+1)):h[d]=r[d]||null})}var v={};p(k,this.options,v,0);return v}})(I);return I});
</script>
<script src="https://app.monpas.nl/js_lib/Highcharts/code/modules/variable-pie.js"></script>
<script src="https://app.monpas.nl/js_lib/Highcharts/code/modules/pattern-fill.js"></script>
<script src="http://monpas3.lokaal/js_lib/Highcharts/code/modules/variable-pie.js"></script>
<script src="http://monpas3.lokaal/js_lib/Highcharts/code/modules/pattern-fill.js"></script>
<link rel="stylesheet" href="/css_lib/bootstrap-3.3.2-dist/css/bootstrap.css" crossorigin="anonymous" />
// <link rel="stylesheet" href="https://app.monpas.nl/css_lib/bootstrap-3.3.2-dist/css/bootstrap.css" crossorigin="anonymous" />
@@ -721,13 +721,13 @@
<div class="sopPagina">
<input id="schooljaar1"
value='2020-2021'
value='2021-2022'
type="hidden"/>
<input id="schoolid1"
value="840 "
type ="hidden" />
<input id="schooljaarnummer1"
value="9 "
value="10 "
type ="hidden" />
<div class="row" style='padding-top:1px;'>
@@ -772,7 +772,7 @@
<td class="sopTabeltd" style="color:#737373 !important;">Datum
</td>
<td class="sopTabeltd">
27-10-2020 </td>
12-07-2021 </td>
<td class="sopTabeltd" style="color:#737373 !important;">Website
</td>
<td class="sopTabeltd" style="overflow-x:hidden; white-space:nowrap">
@@ -812,500 +812,9 @@
</div>
<div class="row">
<div class="col-xs-12" style='padding-right: 10px'>
<div class="sopKaderOnderdeel">
<div class="sopOnderdeelBlok">
<div class="sopTitelHolder" >
<p class="sopTitel">De diversiteit van de leerlingpopulatie</p>
</div>
<div class="sopKaderDivHolder">
<table class="sopKaderDivTabel"
style=" table-layout: fixed;
width : 99% !important;
font-size : 0.65em;">
<thead>
<tr >
<th style=" width:60px "></th>
<th style=" padding:0;
margin:0;
color: #ffffff !important;
vertical-align:text-top !important;
/*overflow-x: hidden;*/
white-space: nowrap;
/*text-align: center;*/
width: 1.5em;
height:100px;
/*-webkit-transform: rotate(90deg)!important;*/
/*-webkit-transform-origin: 50% 50% !important;*/
/*writing-mode: vertical-lr !important;*/
">
<div style=" -webkit-transform: rotate(90deg)!important;
-webkit-transform-origin: 10% 70% !important;
color:#ffffff !important"
>A</div>
</th>
<th style=" padding:0;
margin:0;
color: #ffffff !important;
vertical-align:text-top !important;
/*overflow-x: hidden;*/
white-space: nowrap;
/*text-align: center;*/
width: 1.5em;
height:100px;
/*-webkit-transform: rotate(90deg)!important;*/
/*-webkit-transform-origin: 50% 50% !important;*/
/*writing-mode: vertical-lr !important;*/
">
<div style=" -webkit-transform: rotate(90deg)!important;
-webkit-transform-origin: 10% 70% !important;
color:#ffffff !important"
>B</div>
</th>
<th style=" padding:0;
margin:0;
color: #ffffff !important;
vertical-align:text-top !important;
/*overflow-x: hidden;*/
white-space: nowrap;
/*text-align: center;*/
width: 1.5em;
height:100px;
/*-webkit-transform: rotate(90deg)!important;*/
/*-webkit-transform-origin: 50% 50% !important;*/
/*writing-mode: vertical-lr !important;*/
">
<div style=" -webkit-transform: rotate(90deg)!important;
-webkit-transform-origin: 10% 70% !important;
color:#ffffff !important"
>C</div>
</th>
<th style=" padding:0;
margin:0;
color: #ffffff !important;
vertical-align:text-top !important;
/*overflow-x: hidden;*/
white-space: nowrap;
/*text-align: center;*/
width: 1.5em;
height:100px;
/*-webkit-transform: rotate(90deg)!important;*/
/*-webkit-transform-origin: 50% 50% !important;*/
/*writing-mode: vertical-lr !important;*/
">
<div style=" -webkit-transform: rotate(90deg)!important;
-webkit-transform-origin: 10% 70% !important;
color:#ffffff !important"
>D</div>
</th>
<th style=" padding:0;
margin:0;
color: #ffffff !important;
vertical-align:text-top !important;
/*overflow-x: hidden;*/
white-space: nowrap;
/*text-align: center;*/
width: 1.5em;
height:100px;
/*-webkit-transform: rotate(90deg)!important;*/
/*-webkit-transform-origin: 50% 50% !important;*/
/*writing-mode: vertical-lr !important;*/
">
<div style=" -webkit-transform: rotate(90deg)!important;
-webkit-transform-origin: 10% 70% !important;
color:#ffffff !important"
>E</div>
</th>
<th style=" padding:0;
margin:0;
color: #ffffff !important;
vertical-align:text-top !important;
/*overflow-x: hidden;*/
white-space: nowrap;
/*text-align: center;*/
width: 1.5em;
height:100px;
/*-webkit-transform: rotate(90deg)!important;*/
/*-webkit-transform-origin: 50% 50% !important;*/
/*writing-mode: vertical-lr !important;*/
">
<div style=" -webkit-transform: rotate(90deg)!important;
-webkit-transform-origin: 10% 70% !important;
color:#ffffff !important"
>F</div>
</th>
<th style=" padding:0;
margin:0;
color: #ffffff !important;
vertical-align:text-top !important;
/*overflow-x: hidden;*/
white-space: nowrap;
/*text-align: center;*/
width: 1.5em;
height:100px;
/*-webkit-transform: rotate(90deg)!important;*/
/*-webkit-transform-origin: 50% 50% !important;*/
/*writing-mode: vertical-lr !important;*/
">
<div style=" -webkit-transform: rotate(90deg)!important;
-webkit-transform-origin: 10% 70% !important;
color:#ffffff !important"
>I</div>
</th>
<th style=" padding:0;
margin:0;
color: #ffffff !important;
vertical-align:text-top !important;
/*overflow-x: hidden;*/
white-space: nowrap;
/*text-align: center;*/
width: 1.5em;
height:100px;
/*-webkit-transform: rotate(90deg)!important;*/
/*-webkit-transform-origin: 50% 50% !important;*/
/*writing-mode: vertical-lr !important;*/
">
<div style=" -webkit-transform: rotate(90deg)!important;
-webkit-transform-origin: 10% 70% !important;
color:#ffffff !important"
>H</div>
</th>
<th style=" padding:0;
margin:0;
color: #ffffff !important;
vertical-align:text-top !important;
/*overflow-x: hidden;*/
white-space: nowrap;
/*text-align: center;*/
width: 1.5em;
height:100px;
/*-webkit-transform: rotate(90deg)!important;*/
/*-webkit-transform-origin: 50% 50% !important;*/
/*writing-mode: vertical-lr !important;*/
">
<div style=" -webkit-transform: rotate(90deg)!important;
-webkit-transform-origin: 10% 70% !important;
color:#ffffff !important"
>J</div>
</th>
<th style=" padding:0;
margin:0;
color: #ffffff !important;
vertical-align:text-top !important;
/*overflow-x: hidden;*/
white-space: nowrap;
/*text-align: center;*/
width: 1.5em;
height:100px;
/*-webkit-transform: rotate(90deg)!important;*/
/*-webkit-transform-origin: 50% 50% !important;*/
/*writing-mode: vertical-lr !important;*/
">
<div style=" -webkit-transform: rotate(90deg)!important;
-webkit-transform-origin: 10% 70% !important;
color:#ffffff !important"
>K</div>
</th>
<th style=" padding:0;
margin:0;
color: #ffffff !important;
vertical-align:text-top !important;
/*overflow-x: hidden;*/
white-space: nowrap;
/*text-align: center;*/
width: 1.5em;
height:100px;
/*-webkit-transform: rotate(90deg)!important;*/
/*-webkit-transform-origin: 50% 50% !important;*/
/*writing-mode: vertical-lr !important;*/
">
<div style=" -webkit-transform: rotate(90deg)!important;
-webkit-transform-origin: 10% 70% !important;
color:#ffffff !important"
>G</div>
</th>
<th style=" padding:0;
margin:0;
color: #ffffff !important;
vertical-align:text-top !important;
/*overflow-x: hidden;*/
white-space: nowrap;
/*text-align: center;*/
width: 1.5em;
height:100px;
/*-webkit-transform: rotate(90deg)!important;*/
/*-webkit-transform-origin: 50% 50% !important;*/
/*writing-mode: vertical-lr !important;*/
">
<div style=" -webkit-transform: rotate(90deg)!important;
-webkit-transform-origin: 10% 70% !important;
color:#ffffff !important"
>L</div>
</th>
<th style=" padding:0;
margin:0;
color: #ffffff !important;
vertical-align:text-top !important;
/*overflow-x: hidden;*/
white-space: nowrap;
/*text-align: center;*/
width: 1.5em;
height:100px;
/*-webkit-transform: rotate(90deg)!important;*/
/*-webkit-transform-origin: 50% 50% !important;*/
/*writing-mode: vertical-lr !important;*/
">
<div style=" -webkit-transform: rotate(90deg)!important;
-webkit-transform-origin: 10% 70% !important;
color:#ffffff !important"
>M</div>
</th>
<th style=" padding:0;
margin:0;
color: #ffffff !important;
vertical-align:text-top !important;
/*overflow-x: hidden;*/
white-space: nowrap;
/*text-align: center;*/
width: 1.5em;
height:100px;
/*-webkit-transform: rotate(90deg)!important;*/
/*-webkit-transform-origin: 50% 50% !important;*/
/*writing-mode: vertical-lr !important;*/
">
<div style=" -webkit-transform: rotate(90deg)!important;
-webkit-transform-origin: 10% 70% !important;
color:#ffffff !important"
>N</div>
</th>
<th style=" padding:0;
margin:0;
color: #ffffff !important;
vertical-align:text-top !important;
/*overflow-x: hidden;*/
white-space: nowrap;
/*text-align: center;*/
width: 1.5em;
height:100px;
/*-webkit-transform: rotate(90deg)!important;*/
/*-webkit-transform-origin: 50% 50% !important;*/
/*writing-mode: vertical-lr !important;*/
">
<div style=" -webkit-transform: rotate(90deg)!important;
-webkit-transform-origin: 10% 70% !important;
color:#ffffff !important"
>O</div>
</th>
<th style=" padding:0;
margin:0;
vertical-align:text-top !important;
/*overflow-x: hidden;*/
white-space: nowrap;
/*text-align: center;*/
width: 1.5em;
/*-webkit-transform: rotate(90deg)!important;*/
/*-webkit-transform-origin: 50% 50% !important;*/
">
<div style="-webkit-transform: rotate(90deg)!important;
-webkit-transform-origin: 10% 80% !important;
color: #ffffff !important">
Schooltotaal</div>
</th>
</tr>
</thead>
<tbody>
<tr >
<td > Totaal aantal leerlingen</td>
<td style=" padding-right: 2px; text-align: right">10</td>
<td style=" padding-right: 2px; text-align: right">13</td>
<td style=" padding-right: 2px; text-align: right">12</td>
<td style=" padding-right: 2px; text-align: right">11</td>
<td style=" padding-right: 2px; text-align: right">13</td>
<td style=" padding-right: 2px; text-align: right">14</td>
<td style=" padding-right: 2px; text-align: right">6</td>
<td style=" padding-right: 2px; text-align: right">9</td>
<td style=" padding-right: 2px; text-align: right">12</td>
<td style=" padding-right: 2px; text-align: right">14</td>
<td style=" padding-right: 2px; text-align: right">4</td>
<td style=" padding-right: 2px; text-align: right">15</td>
<td style=" padding-right: 2px; text-align: right">15</td>
<td style=" padding-right: 2px; text-align: right">15</td>
<td style=" padding-right: 2px; text-align: right">15</td>
<td style="text-align: right">178</td>
</tr>
<tr >
<td > Totale diversiteit per groep</td>
<td style=" text-align: right; padding-right: 2px;">29</td>
<td style=" text-align: right; padding-right: 2px;">39</td>
<td style=" text-align: right; padding-right: 2px;">34</td>
<td style=" text-align: right; padding-right: 2px;">30</td>
<td style=" text-align: right; padding-right: 2px;">31</td>
<td style=" text-align: right; padding-right: 2px;">39</td>
<td style=" text-align: right; padding-right: 2px;">23</td>
<td style=" text-align: right; padding-right: 2px;">29</td>
<td style=" text-align: right; padding-right: 2px;">34</td>
<td style=" text-align: right; padding-right: 2px;">37</td>
<td style=" text-align: right; padding-right: 2px;">16</td>
<td style=" text-align: right; padding-right: 2px;">39</td>
<td style=" text-align: right; padding-right: 2px;">42</td>
<td style=" text-align: right; padding-right: 2px;">45</td>
<td style=" text-align: right; padding-right: 2px;">36</td>
<td style=" text-align: right; padding-right: 2px;">503.0</td>
</tr>
<tr>
<td> DQs</td>
<td style=" text-align: right; padding-right: 2px;">1.32</td>
<td style=" text-align: right; padding-right: 2px;">1.63</td>
<td style=" text-align: right; padding-right: 2px;">1.42</td>
<td style=" text-align: right; padding-right: 2px;">1.25</td>
<td style=" text-align: right; padding-right: 2px;">1.29</td>
<td style=" text-align: right; padding-right: 2px;">1.63</td>
<td style=" text-align: right; padding-right: 2px;">0.96</td>
<td style=" text-align: right; padding-right: 2px;">1.21</td>
<td style=" text-align: right; padding-right: 2px;">1.42</td>
<td style=" text-align: right; padding-right: 2px;">1.54</td>
<td style=" text-align: right; padding-right: 2px;">0.67</td>
<td style=" text-align: right; padding-right: 2px;">1.63</td>
<td style=" text-align: right; padding-right: 2px;">1.75</td>
<td style=" text-align: right; padding-right: 2px;">1.88</td>
<td style=" text-align: right; padding-right: 2px;">1.50</td>
<td style=" text-align: right; padding-right: 2px;">1.41</td>
</tr>
</tbody>
</table>
</div>
<div class=" sopDivKaderGrafiek" style="margin-top: 25px; height: 230px;">
<div class="highcharts-background" id="dqGroep" style="height:230px; width: 600px; "></div>
</div>
</div>
<script>
$(function(){
fFillGraph1=function(){
var xas =[];
var yas = [];
xas.push('A');
yas.push(1.32);
xas.push('B');
yas.push(1.63);
xas.push('C');
yas.push(1.42);
xas.push('D');
yas.push(1.25);
xas.push('E');
yas.push(1.29);
xas.push('F');
yas.push(1.63);
xas.push('I');
yas.push(0.96);
xas.push('H');
yas.push(1.21);
xas.push('J');
yas.push(1.42);
xas.push('K');
yas.push(1.54);
xas.push('G');
yas.push(0.67);
xas.push('L');
yas.push(1.63);
xas.push('M');
yas.push(1.75);
xas.push('N');
yas.push(1.88);
xas.push('O');
yas.push(1.5);
Highcharts.chart('dqGroep', {
chart: {
type: 'column',
animation: false,
backgroundColor: '#e6e6e6'
},
title: {
text: 'Diversiteitsquotient per groep',
style: {
fontSize: 12,
}
},
credits: {
enabled: false
},
xAxis: {
categories: xas,
labels:{
style:{
fontSize: '10px'
}
}
},
yAxis: {
min: 0,
title: {
text: 'DQ'
},
labels:{
style:{
fontSize: '8px'
}
}
},
plotOptions: {
column: {
pointPadding: 0.05,
groepPadding: 0.05,
borderWidth: 0,
color: '#7f036C'
}
},
series: [{
showInLegend: false,
animation: false,
name: 'groepen',
data: yas
} ]
});
}()
});
</script>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-6" style="padding-right: 5px">
<div class="sopKaderOnderdeel">
<div class="sopKaderOnderdeel" >
<div class="sopOnderdeelBlok">
<div class="sopTitelHolder">
@@ -2291,6 +1800,15 @@
</div>
<div class="row">
<div class="col-xs-12" style='padding-right: 10px'>
<div class="sopKaderOnderdeel">
</div>
</div>
</div>
</div>