diff --git a/insertQualifiers.js b/insertQualifiers.js index c4e0e92..50a4301 100644 --- a/insertQualifiers.js +++ b/insertQualifiers.js @@ -44,7 +44,7 @@ function insertQualifiers(){ select.appendChild(option); }); - document.querySelector('label[for="level"]').textContent = "New question 2"; + document.querySelector('label[for="level"]').textContent = parsed["2"][0]; // .shift(); // parsed["2"][0] = "Any"; @@ -60,7 +60,7 @@ function insertQualifiers(){ select.appendChild(option); }); - document.querySelector('label[for="gov"]').textContent = "New question 3"; + document.querySelector('label[for="gov"]').textContent = parsed["3"][0]; parsed["3"][0] = "Any"; select = document.getElementById('gov'); optionCount = select.options.length; @@ -74,7 +74,8 @@ function insertQualifiers(){ select.appendChild(option); }); - + //Disable the surveyId input + document.getElementById("surveyId").disabled = true; /*document.getElementById("record_no").textContent = total; if (total < 9){ diff --git a/populateGraphics.js b/populateGraphics.js index fe653b3..50d5b97 100644 --- a/populateGraphics.js +++ b/populateGraphics.js @@ -63,155 +63,212 @@ function getSurveyData(){ //EO ROLES //Great Employee Owners + resetSvg('svg1_1'); let average = doBarData('#svg1_1','QID35_7',survey,Q1,Q2,Q3); //makeSvgRightClickable('svg1_1'); + resetSvg('svg1_2'); doBarData('#svg1_2','QID35_2',survey,Q1,Q2,Q3); //makeSvgRightClickable('svg1_2'); + resetSvg('svg1_3'); doBarData('#svg1_3','QID35_8',survey,Q1,Q2,Q3); //makeSvgRightClickable('svg1_3'); + resetSvg('svg1_4'); doBarData('#svg1_4','QID35_9',survey,Q1,Q2,Q3); //makeSvgRightClickable('svg1_4'); + resetSvg('svg1_5'); doBarData('#svg1_5','QID35_10',survey,Q1,Q2,Q3); //makeSvgRightClickable('svg1_5'); //Great EO Leaders + resetSvg('svg2_1'); average = doBarData('#svg2_1','QID36_7',survey,Q1,Q2,Q3); //makeSvgRightClickable('svg1_1'); + resetSvg('svg2_2'); doBarData('#svg2_2','QID36_2',survey,Q1,Q2,Q3); //makeSvgRightClickable('svg1_2'); + resetSvg('svg2_3'); doBarData('#svg2_3','QID36_8',survey,Q1,Q2,Q3); //makeSvgRightClickable('svg1_3'); + resetSvg('svg2_4'); doBarData('#svg2_4','QID36_9',survey,Q1,Q2,Q3); //makeSvgRightClickable('svg1_4'); //Great EO Governance + resetSvg('svg3_1'); average = doBarData('#svg3_1','QID37_7',survey,Q1,Q2,Q3); //makeSvgRightClickable('svg1_1'); + resetSvg('svg3_2'); doBarData('#svg3_2','QID37_2',survey,Q1,Q2,Q3); //makeSvgRightClickable('svg1_2'); + resetSvg('svg3_3'); doBarData('#svg3_3','QID37_8',survey,Q1,Q2,Q3); //makeSvgRightClickable('svg1_3'); + resetSvg('svg3_4'); doBarData('#svg3_4','QID37_20',survey,Q1,Q2,Q3); //makeSvgRightClickable('svg1_4'); + resetSvg('svg3_5'); doBarData('#svg3_5','QID37_21',survey,Q1,Q2,Q3); //makeSvgRightClickable('svg1_5'); + resetSvg('svg3_6'); doBarData('#svg3_6','QID37_22',survey,Q1,Q2,Q3); //makeSvgRightClickable('svg1_5'); //EO APPROACH //Great EO Culture + resetSvg('svg4_1'); average = doBarData('#svg4_1','QID2_7',survey,Q1,Q2,Q3); //makeSvgRightClickable('svg1_1'); + resetSvg('svg4_2'); doBarData('#svg4_2','QID2_2',survey,Q1,Q2,Q3); //makeSvgRightClickable('svg1_2'); + resetSvg('svg4_3'); doBarData('#svg4_3','QID2_8',survey,Q1,Q2,Q3); //makeSvgRightClickable('svg1_3'); + resetSvg('svg4_4'); doBarData('#svg4_4','QID2_9',survey,Q1,Q2,Q3); //makeSvgRightClickable('svg1_4'); //Great EO Engagement + resetSvg('svg5_1'); average = doBarData('#svg5_1','QID33_7',survey,Q1,Q2,Q3); //makeSvgRightClickable('svg1_1'); + resetSvg('svg5_2'); doBarData('#svg5_2','QID33_2',survey,Q1,Q2,Q3); //makeSvgRightClickable('svg1_2'); + resetSvg('svg5_3'); doBarData('#svg5_3','QID33_8',survey,Q1,Q2,Q3); //makeSvgRightClickable('svg1_3'); + resetSvg('svg5_4'); doBarData('#svg5_4','QID33_9',survey,Q1,Q2,Q3); //makeSvgRightClickable('svg1_4'); //Great EO Stewardship + resetSvg('svg6_1'); average = doBarData('#svg6_1','QID34_7',survey,Q1,Q2,Q3); //makeSvgRightClickable('svg1_1'); + resetSvg('svg6_2'); doBarData('#svg6_2','QID34_2',survey,Q1,Q2,Q3); //makeSvgRightClickable('svg1_2'); + resetSvg('svg6_3'); doBarData('#svg6_3','QID34_8',survey,Q1,Q2,Q3); //makeSvgRightClickable('svg1_3'); + resetSvg('svg6_4'); doBarData('#svg6_4','QID34_17',survey,Q1,Q2,Q3); //makeSvgRightClickable('svg1_4'); //EO ACTIONS //Great EO Strategy + resetSvg('svg7_1'); average = doBarData('#svg7_1','QID40_7',survey,Q1,Q2,Q3); //makeSvgRightClickable('svg1_1'); + resetSvg('svg7_2'); doBarData('#svg7_2','QID40_2',survey,Q1,Q2,Q3); //makeSvgRightClickable('svg1_2'); + resetSvg('svg7_3'); doBarData('#svg7_3','QID40_8',survey,Q1,Q2,Q3); //makeSvgRightClickable('svg1_3'); + resetSvg('svg7_4'); doBarData('#svg7_4','QID40_9',survey,Q1,Q2,Q3); //makeSvgRightClickable('svg1_4'); //Great EO Innovation + resetSvg('svg8_1'); average = doBarData('#svg8_1','QID41_7',survey,Q1,Q2,Q3); //makeSvgRightClickable('svg1_1'); + resetSvg('svg8_2'); doBarData('#svg8_2','QID41_2',survey,Q1,Q2,Q3); //makeSvgRightClickable('svg1_2'); + resetSvg('svg8_3'); doBarData('#svg8_3','QID41_19',survey,Q1,Q2,Q3); //makeSvgRightClickable('svg1_3'); + resetSvg('svg8_4'); doBarData('#svg8_4','QID41_20',survey,Q1,Q2,Q3); //makeSvgRightClickable('svg1_4'); + resetSvg('svg8_5'); doBarData('#svg8_5','QID41_21',survey,Q1,Q2,Q3); //makeSvgRightClickable('svg1_5'); //Great EO Advantage + resetSvg('svg9_1'); average = doBarData('#svg9_1','QID42_7',survey,Q1,Q2,Q3); //makeSvgRightClickable('svg1_1'); + resetSvg('svg9_2'); doBarData('#svg9_2','QID42_2',survey,Q1,Q2,Q3); //makeSvgRightClickable('svg1_2'); + resetSvg('svg9_3'); doBarData('#svg9_3','QID42_8',survey,Q1,Q2,Q3); //makeSvgRightClickable('svg1_3'); //EO RESULTS //Great EO Measurement + resetSvg('svg10_1'); average = doBarData('#svg10_1','QID44_21',survey,Q1,Q2,Q3); //makeSvgRightClickable('svg1_1'); + resetSvg('svg10_2'); doBarData('#svg10_2','QID44_7',survey,Q1,Q2,Q3); //makeSvgRightClickable('svg1_2'); + resetSvg('svg10_3'); doBarData('#svg10_3','QID44_2',survey,Q1,Q2,Q3); //makeSvgRightClickable('svg1_3'); + resetSvg('svg10_4'); doBarData('#svg10_4','QID44_8',survey,Q1,Q2,Q3); //makeSvgRightClickable('svg1_4'); //Great EO Evaluation + resetSvg('svg11_1'); average = doBarData('#svg11_1','QID45_24',survey,Q1,Q2,Q3); //makeSvgRightClickable('svg1_1'); + resetSvg('svg11_2'); doBarData('#svg11_2','QID45_25',survey,Q1,Q2,Q3); //makeSvgRightClickable('svg1_2'); + resetSvg('svg11_3'); doBarData('#svg11_3','QID45_26',survey,Q1,Q2,Q3); //makeSvgRightClickable('svg1_3'); + resetSvg('svg11_4'); doBarData('#svg11_4','QID45_29',survey,Q1,Q2,Q3); //makeSvgRightClickable('svg1_4'); //Great EO Impact + resetSvg('svg12_1'); average = doBarData('#svg12_1','QID46_27',survey,Q1,Q2,Q3); //makeSvgRightClickable('svg1_1'); + resetSvg('svg12_2'); doBarData('#svg12_2','QID46_28',survey,Q1,Q2,Q3); //makeSvgRightClickable('svg1_2'); + resetSvg('svg12_3'); doBarData('#svg12_3','QID46_29',survey,Q1,Q2,Q3); //makeSvgRightClickable('svg1_3'); + resetSvg('svg12_4'); doBarData('#svg12_4','QID46_30',survey,Q1,Q2,Q3); //makeSvgRightClickable('svg1_4'); + resetSvg('svg12_5'); doBarData('#svg12_5','QID46_31',survey,Q1,Q2,Q3); //makeSvgRightClickable('svg1_5'); + resetSvg('svg12_6'); doBarData('#svg12_6','QID46_32',survey,Q1,Q2,Q3); //makeSvgRightClickable('svg1_5'); + resetSvg('svg12_7'); doBarData('#svg12_7','QID46_33',survey,Q1,Q2,Q3); //makeSvgRightClickable('svg1_3'); + resetSvg('svg12_8'); doBarData('#svg12_8','QID46_34',survey,Q1,Q2,Q3); //makeSvgRightClickable('svg1_4'); + resetSvg('svg12_9'); doBarData('#svg12_9','QID46_36',survey,Q1,Q2,Q3); //makeSvgRightClickable('svg1_5'); + resetSvg('svg12_10'); doBarData('#svg12_10','QID46_37',survey,Q1,Q2,Q3); //makeSvgRightClickable('svg1_5'); @@ -276,16 +333,16 @@ function getSurveyData(){ console.log(svg7_avg,svg8_avg,svg9_avg,actions_avg); - doLittleWhiteTriangle('svg_actions'); + resetSvg('svg_actions'); //drawtriangle('#svg_actions','Actions','#b2c8c4',[0.25,0.5,0.75],'', { x: 0, y: 100 },actions_avg.toFixed(1)); drawtriangle('#svg_actions','Actions','#b2c8c4',[svg7_avg,svg8_avg,svg9_avg],'', { x: 0, y: 100 },actions_avg.toFixed(1)); //makeSvgRightClickable('svg_actions'); - doLittleWhiteTriangle('svg_actions_RAG'); + resetSvg('svg_actions_RAG'); drawtriangle('#svg_actions_RAG','Actions','#b2c8c4',[svg7_avg,svg8_avg,svg9_avg],RAGGED(actions_avg), { x: 0, y: 100 },actions_avg.toFixed(1)); //makeSvgRightClickable('svg_actions_RAG'); - doLittleWhiteTriangle('svg_actions_test'); + resetSvg('svg_actions_test'); drawtriangle('#svg_actions_test','Actions','#b2c8c4',[0.9,0.9,0.9],RAGGED(actions_avg), { x: 0, y: 100 },actions_avg.toFixed(1)); //makeSvgRightClickable('svg_actions_test'); @@ -298,20 +355,28 @@ function getSurveyData(){ console.log(svg10_avg,svg11_avg,svg12_avg,results_avg); - doLittleWhiteTriangle('svg_results'); + resetSvg('svg_results'); //drawtriangle('#svg_results','Results','#74469',[0.25,0.5,0.75],'', { x: 0, y: 100 },impact_avg.toFixed(1)); drawtriangleinverted('#svg_results','Results','#74469c',[svg10_avg,svg11_avg,svg12_avg],'', { x: 0, y: 0 },results_avg.toFixed(1)); //makeSvgRightClickable('svg_results'); - doLittleWhiteTriangle('svg_results_RAG'); + resetSvg('svg_results_RAG'); drawtriangleinverted('#svg_results_RAG','Results','#74469c',[svg10_avg,svg11_avg,svg12_avg],RAGGED(results_avg), { x: 0, y: 0 },results_avg.toFixed(1)); //makeSvgRightClickable('svg_results_RAG'); - doLittleWhiteTriangle('svg_results_test'); + resetSvg('svg_results_test'); drawtriangleinverted('#svg_results_test','Results','#74469c',[0.9,0.9,0.9],RAGGED(results_avg), { x: 0, y: 0 },results_avg.toFixed(1)); //makeSvgRightClickable('svg_results_test'); + //Clear up the pyramids by resetting the html + document.getElementById("pyramids").innerHTML = ` + + + + + `; + doBigWhiteTriangle('svg_pyramid'); drawtriangle('#svg_pyramid','Roles','#008845',[svg1_avg,svg2_avg,svg3_avg],'', { x: 0, y: 350 },roles_avg.toFixed(1)); diff --git a/reportTemplate.html b/reportTemplate.html index a7affce..5850ed9 100644 --- a/reportTemplate.html +++ b/reportTemplate.html @@ -110,7 +110,7 @@

QUALTRICS SURVEY ANALYSIS TOOL

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.

-

SV_bD838sNKZEmi6Tc is also worth experimenting with

+

You will need to refresh this page in order to enter a new survey Id

diff --git a/savesvg.js b/savesvg.js index e4ad16c..3fca435 100644 --- a/savesvg.js +++ b/savesvg.js @@ -50,35 +50,13 @@ function doLittleWhiteTriangle(id){ //triangle.setAttribute("stroke", "black"); // Optional //triangle.setAttribute("stroke-width", "2"); // Optional svg.appendChild(triangle); - - } - - - -/* -function inlineStyles(svgElement) { - const allElements = svgElement.querySelectorAll('*'); - const computedStyles = window.getComputedStyle(svgElement); - - // Apply style to root SVG element - svgElement.setAttribute("style", computedStyles.cssText || ""); - - // Recursively apply computed styles to each element - allElements.forEach(el => { - const computed = window.getComputedStyle(el); - let inline = ''; - for (let i = 0; i < computed.length; i++) { - const key = computed[i]; - const value = computed.getPropertyValue(key); - inline += `${key}:${value};`; - } - el.setAttribute('style', inline); - }); - } - -*/ +function resetSvg(id){ + const svg = document.getElementById(id); + svg.innerHTML=""; + +} function inlineStyles(svgElement) { const allElements = svgElement.querySelectorAll('*');