Kelder/durfdoen-2.0
33
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

just sorting quiz things

Browse source
This commit is contained in:
ajuvercr 2020-09-14 21:33:13 +02:00
parent 5b959472cd
commit 92a4c558fa
2 changed files with 33 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
layouts/partials/question.erb
View file

@ -7,7 +7,7 @@
<%else%> <%else%>
<form id="<%= number %>_form"> <form id="<%= number %>_form">
<fieldset> <fieldset>
<% question[:antwoorden].each_with_index do |answer, idx| %> <% question[:antwoorden].sort_by{ |x| x[:tekst] }.each_with_index do |answer, idx| %>
<p> <p>
<label> <label>
<input type=<% if question[:type] == "meerkeuze" %>"checkbox"<% else %>"radio"<% end %> <input type=<% if question[:type] == "meerkeuze" %>"checkbox"<% else %>"radio"<% end %>

40
layouts/quiz.erb
View file

@ -5,7 +5,10 @@
</div> </div>
<% end %> <% end %>
</div> </div>
<div id="resultWrapper" class="hidden"> <div class="hidden">
<h3> Deze verenigingen kan je eens uitchecken ;) </h3>
<div id="resultWrapper">
</div>
</div> </div>
<div class="buttons"> <div class="buttons">
<div> <div>
@ -20,7 +23,25 @@
</div> </div>
</div> </div>
<script> <script>
const result_wrapper = document.getElementById("resultWrapper"); Array.prototype.stableSort = function(cmp) {
cmp = !!cmp ? cmp : (a, b) => {
if (a < b) return -1;
if (a > b) return 1;
return 0;
};
let stabilizedThis = this.map((el, index) => [el, index]);
let stableCmp = (a, b) => {
let order = cmp(a[0], b[0]);
if (order != 0) return order;
return a[1] - b[1];
}
stabilizedThis.sort(stableCmp);
for (let i=0; i<this.length; i++) {
this[i] = stabilizedThis[i][0];
}
return this;
}
const _results = <%= to_partials(all_groups()) %>; const _results = <%= to_partials(all_groups()) %>;
// This keeps the state of the current question/result // This keeps the state of the current question/result
@ -74,7 +95,7 @@
for(let question of state.allQuestions) { for(let question of state.allQuestions) {
question.classList.add("hidden"); question.classList.add("hidden");
} }
resultWrapper.classList.add("hidden"); resultWrapper.parentNode.classList.add("hidden");
if(state.question.index == 1) { if(state.question.index == 1) {
previousButton.style.display = "none"; previousButton.style.display = "none";
@ -84,7 +105,7 @@
if(!state.question.element) { if(!state.question.element) {
nextButton.style.display = "none"; nextButton.style.display = "none";
resultWrapper.classList.remove("hidden"); resultWrapper.parentNode.classList.remove("hidden");
const result = {}; const result = {};
for(let question of state.allQuestions) { for(let question of state.allQuestions) {
@ -125,17 +146,20 @@
} }
function show_result(result) { function show_result(result) {
while (result_wrapper.lastElementChild) { while (resultWrapper.lastElementChild) {
result_wrapper.removeChild(result_wrapper.lastElementChild); resultWrapper.removeChild(resultWrapper.lastElementChild);
} }
for (let ver in result) {
for (let [ver, val] of Object.entries(result).sort(([k1, v1]) => k1).stableSort(([k1, v1], [k2, v2]) => v2 - v1)) {
if(!(ver in _results)) { if(!(ver in _results)) {
console.error("No html found for '"+ver+"'"); console.error("No html found for '"+ver+"'");
continue; continue;
} }
const create_wrapper= document.createElement('div'); const create_wrapper= document.createElement('div');
create_wrapper.innerHTML = _results[ver]; create_wrapper.innerHTML = _results[ver];
result_wrapper.appendChild(create_wrapper); create_wrapper.style.order = val;
resultWrapper.appendChild(create_wrapper);
} }
} }