PeterEdmond/EoQ_Supporting_Files
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

Updated report system to analyse subsets

Browse Source
This commit is contained in:
Peter Edmond
2025-06-01 20:46:42 +01:00
parent 7d571d240d
commit bf17427cc4
8 changed files with 84 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
reportTemplate.html
View File

@@ -14,11 +14,30 @@
<style>
body {
font-family: sans-serif;
margin: 0;
margin: 5px;
padding: 0;
background-color: white;
}
#surveyForm {
border: 20px solid white;
margin: 20px;
}
#surveyForm input#surveyId {
width: 315px;
}
#surveyForm input, #surveyForm label {
display: inline-block;
margin: 10px 0;
}
#surveyForm select {
width: 400px;
}
.pyramid {
width: 40%;
height: auto;
@@ -80,6 +99,9 @@
font-weight: bold;
text-anchor: middle;
}
</style>
</head>
<body>
@@ -90,7 +112,7 @@
<p>You first need to enter the Survey ID, and press submit in order to get the correct groupings available to select from. The master template survey is SV_cwKjMqAqGxImjMG if you want a survey to just try out.</p>
<p>SV_bD838sNKZEmi6Tc is also worth experimenting with</p>
<form id="surveyForm">
<label for="surveyId">Survey iD</label>
<label for="surveyId">Survey Id:</label>
<input type="text" id="surveyId" name="surveyId" />
<br>
@@ -138,10 +160,13 @@
<p>To bring the EO Framework to life, we have created a simple health check - the eoQ™ test - to help you assess the strength of your current EO practice and signpost areas for possible improvement. It should take up to 20-30 minutes to complete the questionnaire.</p>
<svg class="pyramid" style="display: inline-block" xmlns="http://www.w3.org/2000/svg" id="svg_pyramid" width="1000" height="1000"></svg>
<svg class="pyramid" style="display: inline-block" xmlns="http://www.w3.org/2000/svg" id="svg_pyramid_RAG" width="1000" height="1000"></svg>
<svg class="pyramid no-axis no-text big-number" style="display: inline-block" xmlns="http://www.w3.org/2000/svg" id="svg_pyramid_RAG_test" width="1000" height="1000"></svg>
<svg class="pyramid no-axis big-number" style="display: inline-block" xmlns="http://www.w3.org/2000/svg" id="svg_pyramid_RAG_test2" width="1000" height="1000"></svg>
<div id="pyramids">
<svg class="pyramid" style="display: inline-block" xmlns="http://www.w3.org/2000/svg" id="svg_pyramid" width="1000" height="1000"></svg>
<svg class="pyramid" style="display: inline-block" xmlns="http://www.w3.org/2000/svg" id="svg_pyramid_RAG" width="1000" height="1000"></svg>
<svg class="pyramid no-axis no-text big-number" style="display: inline-block" xmlns="http://www.w3.org/2000/svg" id="svg_pyramid_RAG_test" width="1000" height="1000"></svg>
<svg class="pyramid no-axis big-number" style="display: inline-block" xmlns="http://www.w3.org/2000/svg" id="svg_pyramid_RAG_test2" width="1000" height="1000"></svg>
</div>
<hr>