RubyGems - quby - Versions diffs - 5.0.0.pre4 → 5.0.0 - Mend

quby 5.0.0.pre4 → 5.0.0

Files changed (141) hide show

data/spec/internal/tmp/capybara/screenshot_2020-11-04-13-17-14.413.png ADDED

Binary file

data/spec/internal/tmp/capybara/screenshot_2020-11-04-13-17-17.275.html ADDED

@@ -0,0 +1,323 @@
+<html class="no-js"><!-- <![endif]--><head>
+<meta content="text/html; charset=utf-8" http-equiv="content-type">
+<meta content="IE=edge" http-equiv="X-UA-Compatible">
+<title>Vragenlijst</title>
+<meta content="width=device-width, initial-scale=1.0 , user-scalable=no" name="viewport">
+<link rel="stylesheet" media="screen, projection" href="/assets/quby/application-613d22026324a8ae8b7c205fd32e0719011164fdd9ca34aad1483b1b74721932.css">
+<link rel="stylesheet" media="print" href="/assets/quby/print-2c9d02886ac8119671ccec3fe13a025efd1086b5355927d242d524ffbb358ab4.css">
+<script src="/assets/quby/application-ac694f928c966ab7ccbc92caffa6581288a3669caf09163778be2cfaf3e47ba2.js"></script>
+<script src="/assets/quby/disable_keys-72d21d5eab421fd3b0709bf0f5ead2bfe5e824a2060d20ce56e2c3ecf3edf8aa.js"></script>
+<script src="/assets/quby/answers-72b3815aba9fa0fcc608ae7405efb641abedfa5cd62c60a8c824063a3ff22137.js"></script>
+<style>
+</style>
+<script>
+  $(function() {
+    if (navigator.userAgent.indexOf("Trident/5") > -1)
+      $("html").addClass("lt-ie9")
+  });
+</script>
+</head>
+<body>
+<div id="masthead"></div>
+<div id="content">
+<div class="flash">
+</div>
+<script>
+  window.panel_validations = {};
+  // for setting values of raw_content
+  window.extra_question_values = {};
+  // for showing validations of raw content
+  window.extra_failed_validations = {};
+</script>
+<form class="test paged" autocomplete="off" id="questionnaire-form" action="/quby/questionnaires/test/answers/1de15937-09ac-4838-8b8d-0b429b3153db" accept-charset="UTF-8" data-remote="true" method="post"><input name="utf8" type="hidden" value="✓"><input type="hidden" name="_method" value="put">
+<input type="hidden" name="token" id="token">
+<input type="hidden" name="hmac" id="hmac">
+<input type="hidden" name="timestamp" id="timestamp">
+<input type="hidden" name="return_url" id="return_url">
+<input type="hidden" name="return_token" id="return_token">
+<input type="hidden" name="display_mode" id="display_mode" value="paged">
+<input type="hidden" name="rendered_at" id="rendered_at" value="1604495834">
+<!-- Begin _panel.html.haml -->
+<fieldset class="panel hidden first current" id="panel0" style="display: block;">
+<div class="panel-action-links">
+</div>
+<script>
+  panel_validations["panel0"] = {"v_radio":[{"type":"answer_group_minimum","group":"group1","value":8,"explanation":null}],"v_scale":[{"type":"answer_group_minimum","group":"group1","value":8,"explanation":null}],"v_select":[{"type":"answer_group_minimum","group":"group1","value":8,"explanation":null}],"v_check_box":[{"type":"answer_group_minimum","group":"group1","value":8,"explanation":null}],"v_string":[{"type":"answer_group_minimum","group":"group1","value":8,"explanation":null}],"v_integer":[{"type":"valid_integer","explanation":null},{"type":"answer_group_minimum","group":"group1","value":8,"explanation":null}],"v_float":[{"type":"valid_float","explanation":null},{"type":"answer_group_minimum","group":"group1","value":8,"explanation":null}],"v_date":[{"type":"answer_group_minimum","group":"group1","value":8,"explanation":null},{"type":"valid_date","subtype":"valid_date_day_month_year","explanation":null}]};
+</script>
+<script>
+  $(function() {
+    Quby.currentPanelQuestions = new Quby.Collections.Questions;
+    var questions = [{"class":"Quby::Questionnaires::Entities::Questions::RadioQuestion","key":"v_radio","title":"\u003cp\u003eRadio Question\u003c/p\u003e","description":"","type":"radio","unit":null,"size":null,"hidden":null,"displayModes":null,"defaultInvisible":false,"viewSelector":"[data-for=v_radio], #answer_v_radio_input","parentKey":null,"parentOptionKey":null,"deselectable":true,"presentation":"vertical","as":null,"questionGroup":"group1","options":[{"key":"a1","value":1,"description":"\u003cp\u003eRadio Option 1\u003c/p\u003e","context_free_description":"\u003cp\u003eRadio Option 1\u003c/p\u003e","questions":[],"innerTitle":null,"hidesQuestions":[],"showsQuestions":[],"hidden":false,"placeholder":false,"viewId":"answer_v_radio_a1","startChosen":false},{"key":"a2","value":2,"description":"\u003cp\u003eRadio Option 2\u003c/p\u003e","context_free_description":"\u003cp\u003eRadio Option 2\u003c/p\u003e","questions":[],"innerTitle":null,"hidesQuestions":[],"showsQuestions":[],"hidden":false,"placeholder":false,"viewId":"answer_v_radio_a2","startChosen":false}]},{"class":"Quby::Questionnaires::Entities::Questions::RadioQuestion","key":"v_scale","title":"\u003cp\u003eScale Question\u003c/p\u003e","description":"","type":"scale","unit":null,"size":null,"hidden":null,"displayModes":null,"defaultInvisible":false,"viewSelector":"[data-for=v_scale], #answer_v_scale_input","parentKey":null,"parentOptionKey":null,"deselectable":true,"presentation":"vertical","as":null,"questionGroup":"group1","options":[{"key":"a1","value":1,"description":"\u003cp\u003eScale Option 1\u003c/p\u003e","context_free_description":"\u003cp\u003eScale Option 1\u003c/p\u003e","questions":[],"innerTitle":null,"hidesQuestions":[],"showsQuestions":[],"hidden":false,"placeholder":false,"viewId":"answer_v_scale_a1","startChosen":false},{"key":"a2","value":2,"description":"\u003cp\u003eScale Option 2\u003c/p\u003e","context_free_description":"\u003cp\u003eScale Option 2\u003c/p\u003e","questions":[],"innerTitle":null,"hidesQuestions":[],"showsQuestions":[],"hidden":false,"placeholder":false,"viewId":"answer_v_scale_a2","startChosen":false}]},{"class":"Quby::Questionnaires::Entities::Questions::SelectQuestion","key":"v_select","title":"\u003cp\u003eSelect Question\u003c/p\u003e","description":"","type":"select","unit":null,"size":null,"hidden":null,"displayModes":null,"defaultInvisible":false,"viewSelector":"[data-for=v_select], #answer_v_select_input","parentKey":null,"parentOptionKey":null,"deselectable":true,"presentation":"vertical","as":null,"questionGroup":"group1","options":[{"key":"a0","value":0,"description":"\u003cp\u003e\u0026mdash; Kies \u0026mdash;\u003c/p\u003e","context_free_description":"\u003cp\u003e\u0026mdash; Kies \u0026mdash;\u003c/p\u003e","questions":[],"innerTitle":null,"hidesQuestions":[],"showsQuestions":[],"hidden":false,"placeholder":true,"viewId":"answer_v_select_a0","startChosen":false},{"key":"a1","value":1,"description":"\u003cp\u003eSelect Option 1\u003c/p\u003e","context_free_description":"\u003cp\u003eSelect Option 1\u003c/p\u003e","questions":[],"innerTitle":null,"hidesQuestions":[],"showsQuestions":[],"hidden":false,"placeholder":false,"viewId":"answer_v_select_a1","startChosen":false},{"key":"a2","value":2,"description":"\u003cp\u003eSelect Option 2\u003c/p\u003e","context_free_description":"\u003cp\u003eSelect Option 2\u003c/p\u003e","questions":[],"innerTitle":null,"hidesQuestions":[],"showsQuestions":[],"hidden":false,"placeholder":false,"viewId":"answer_v_select_a2","startChosen":false}]},{"class":"Quby::Questionnaires::Entities::Questions::CheckboxQuestion","key":"v_check_box","title":"\u003cp\u003ePick one\u003c/p\u003e","description":"","type":"check_box","unit":null,"size":null,"hidden":null,"displayModes":null,"defaultInvisible":false,"viewSelector":"[data-for=v_check_box], #answer_v_check_box_input","parentKey":null,"parentOptionKey":null,"deselectable":true,"presentation":"vertical","as":null,"questionGroup":"group1","options":[{"key":"v_ck_a1","value":1,"description":"\u003cp\u003eUnicorns\u003c/p\u003e","context_free_description":"\u003cp\u003eUnicorns\u003c/p\u003e","questions":[],"innerTitle":null,"hidesQuestions":[],"showsQuestions":[],"hidden":false,"placeholder":false,"viewId":"answer_v_ck_a1","startChosen":false},{"key":"v_ck_a2","value":2,"description":"\u003cp\u003eRainbows\u003c/p\u003e","context_free_description":"\u003cp\u003eRainbows\u003c/p\u003e","questions":[],"innerTitle":null,"hidesQuestions":[],"showsQuestions":[],"hidden":false,"placeholder":false,"viewId":"answer_v_ck_a2","startChosen":false}]},{"class":"Quby::Questionnaires::Entities::Questions::StringQuestion","key":"v_string","title":"\u003cp\u003eString Question\u003c/p\u003e","description":"","type":"string","unit":null,"size":30,"hidden":null,"displayModes":null,"defaultInvisible":false,"viewSelector":"[data-for=v_string], #answer_v_string_input","parentKey":null,"parentOptionKey":null,"deselectable":true,"presentation":"vertical","as":null,"questionGroup":"group1","autocomplete":"off"},{"class":"Quby::Questionnaires::Entities::Questions::IntegerQuestion","key":"v_integer","title":"\u003cp\u003eInteger Question\u003c/p\u003e","description":"","type":"integer","unit":null,"size":30,"hidden":null,"displayModes":null,"defaultInvisible":false,"viewSelector":"[data-for=v_integer], #answer_v_integer_input","parentKey":null,"parentOptionKey":null,"deselectable":true,"presentation":"vertical","as":null,"questionGroup":"group1"},{"class":"Quby::Questionnaires::Entities::Questions::FloatQuestion","key":"v_float","title":"\u003cp\u003eFloat Question\u003c/p\u003e","description":"","type":"float","unit":null,"size":30,"hidden":null,"displayModes":null,"defaultInvisible":false,"viewSelector":"[data-for=v_float], #answer_v_float_input","parentKey":null,"parentOptionKey":null,"deselectable":true,"presentation":"vertical","as":null,"questionGroup":"group1"},{"class":"Quby::Questionnaires::Entities::Questions::DateQuestion","key":"v_date","title":"\u003cp\u003eEnter a date\u003c/p\u003e","description":"","type":"date","unit":null,"size":null,"hidden":null,"displayModes":null,"defaultInvisible":false,"viewSelector":"[data-for=v_date], #answer_v_date_input","parentKey":null,"parentOptionKey":null,"deselectable":true,"presentation":"vertical","as":null,"questionGroup":"group1","components":["day","month","year"],"dayKey":"v_date_day","monthKey":"v_date_month","yearKey":"v_date_year"}];
+    var initializer = new Quby.Logic.InitQuestions(questions);
+    Quby.currentPanelQuestions = initializer.initializeQuestions();
+    Quby.questions.addQuestions(Quby.currentPanelQuestions);
+    panelProps = {panelId: 'panel0', questions: Quby.currentPanelQuestions}
+    Quby.panels.add(new Quby.Models.Panel(panelProps));
+  });
+</script>
+<!-- .panel_index= panel_counter + 1 -->
+<!-- Begin _item.html.haml -->
+<div class="item table vertical">
+<table>
+<tbody>
+<tr class="row">
+<td class="main errors" data-for="v_radio" rowspan="1">
+<label for="answer_v_radio"><p>Radio Question</p></label>
+</td>
+<td class="option light group1 errors" data-for="v_radio" rowspan="1" style="width:3%">
+<div class="radiocheckwrapper">
+<input class="radio deselectable" data-field-key="v_radio" type="radio" value="a1" name="answer[v_radio]" id="answer_v_radio_a1">
+</div>
+<div class="error answer_group_minimum">Beantwoord minstens 8 van deze vragen</div>
+</td>
+<td class="option light group1 errors" data-for="v_radio" rowspan="1" style="width:3%">
+<div class="radiocheckwrapper">
+<input class="radio deselectable" data-field-key="v_radio" type="radio" value="a2" name="answer[v_radio]" id="answer_v_radio_a2">
+</div>
+<div class="error answer_group_minimum hidden">Beantwoord minstens 8 van deze vragen</div>
+</td>
+<td class="option dark group1 errors" data-for="v_scale" rowspan="1" style="width:3%">
+<div class="radiocheckwrapper">
+<input class="scale deselectable" data-field-key="v_scale" type="radio" value="a1" name="answer[v_scale]" id="answer_v_scale_a1">
+</div>
+<div class="error answer_group_minimum">Beantwoord minstens 8 van deze vragen</div>
+</td>
+<td class="option dark group1 errors" data-for="v_scale" rowspan="1" style="width:3%">
+<div class="radiocheckwrapper">
+<input class="scale deselectable" data-field-key="v_scale" type="radio" value="a2" name="answer[v_scale]" id="answer_v_scale_a2">
+</div>
+<div class="error answer_group_minimum hidden">Beantwoord minstens 8 van deze vragen</div>
+</td>
+<td class="item light group1 errors" data-placeholder="a0" id="item_v_select" rowspan="1" style="width:3%">
+<div class="fields select" id="answer_v_select_input">
+<select data-field-key="v_select" name="answer[v_select]" onchange="$(&quot;#answer_v_select_&quot;+this.value).trigger(&quot;click&quot;)">
+<option class="select placeholder" id="answer_v_select_a0" value="a0">
+--- Kies ---
+</option>
+<option class="select" id="answer_v_select_a1" value="a1">
+Select Option 1
+</option>
+<option class="select" id="answer_v_select_a2" value="a2">
+Select Option 2
+</option>
+</select>
+<div class="error answer_group_minimum">Beantwoord minstens 8 van deze vragen</div>
+</div>
+</td>
+<td class="option dark group1 errors" data-for="v_check_box" rowspan="1" style="width:3%">
+<div class="radiocheckwrapper">
+<input name="answer[v_ck_a1]" type="hidden" value="0"><input onclick="correctAllNothingCheckboxes(this.checked, '', ''); handleDisableCheckboxSubQuestions(this);" class="check_box" data-field-key="v_ck_a1" type="checkbox" value="1" name="answer[v_ck_a1]" id="answer_v_ck_a1">
+</div>
+<div class="error answer_group_minimum">Beantwoord minstens 8 van deze vragen</div>
+</td>
+<td class="option dark group1 errors" data-for="v_check_box" rowspan="1" style="width:3%">
+<div class="radiocheckwrapper">
+<input name="answer[v_ck_a2]" type="hidden" value="0"><input onclick="correctAllNothingCheckboxes(this.checked, '', ''); handleDisableCheckboxSubQuestions(this);" class="check_box" data-field-key="v_ck_a2" type="checkbox" value="1" name="answer[v_ck_a2]" id="answer_v_ck_a2">
+</div>
+<div class="error answer_group_minimum hidden">Beantwoord minstens 8 van deze vragen</div>
+</td>
+<td class="item light group1 errors" colspan="1" id="item_v_string" rowspan="1" style="width:3%">
+<div class="fields string" id="answer_v_string_input">
+<input autocomplete="off" class="string" size="30" data-field-key="v_string" type="text" name="answer[v_string]" id="answer_v_string">
+<div class="error answer_group_minimum">Beantwoord minstens 8 van deze vragen</div>
+</div>
+</td>
+<td class="item dark group1 errors" id="item_v_integer" rowspan="1" style="width:3%">
+<div class="fields integer" id="answer_v_integer_input">
+<input autocomplete="off" class="integer" data-field-key="v_integer" type="text" name="answer[v_integer]" id="answer_v_integer">
+<span class="unit"></span>
+<div class="error valid_integer hidden">Uw antwoord moet een afgerond getal zijn.</div>
+<div class="error answer_group_minimum">Beantwoord minstens 8 van deze vragen</div>
+</div>
+</td>
+<td class="item light group1 errors" id="item_v_float" rowspan="1" style="width:3%">
+<div class="fields float" id="answer_v_float_input">
+<input autocomplete="off" class="float" data-field-key="v_float" type="text" name="answer[v_float]" id="answer_v_float">
+<span class="unit"></span>
+<div class="error valid_float hidden">Uw antwoord moet een getal zijn (gebruik een punt voor decimale getallen, geen komma).</div>
+<div class="error answer_group_minimum">Beantwoord minstens 8 van deze vragen</div>
+</div>
+</td>
+<td class="item dark group1 errors" id="item_v_date" rowspan="1" style="width:3%">
+<span class="nowrap fields date" id="answer_v_date_input">
+<input placeholder="DD" size="3" autocomplete="off" class="date" data-field="{&quot;key&quot;:&quot;v_date_day&quot;}" data-default-date-key="dd" data-required="true" type="text" name="answer[v_date_day]" id="answer_v_date_day">
+<input placeholder="MM" size="3" autocomplete="off" class="date" data-field="{&quot;key&quot;:&quot;v_date_month&quot;}" data-default-date-key="mm" data-required="true" type="text" name="answer[v_date_month]" id="answer_v_date_month">
+<input placeholder="JJJJ" size="5" autocomplete="off" class="date" data-field="{&quot;key&quot;:&quot;v_date_year&quot;}" data-default-date-key="yyyy" data-required="true" type="text" name="answer[v_date_year]" id="answer_v_date_year">
+</span>
+<div class="error answer_group_minimum">Beantwoord minstens 8 van deze vragen</div>
+<div class="error valid_date valid_date_day_month_year hidden">Vul een geldige datum in met formaat DD-MM-JJJJ, bijvoorbeeld 13-08-2015.</div>
+</td>
+<td></td>
+<td></td>
+<td></td>
+<td></td>
+<td></td>
+<td></td>
+<td></td>
+<td></td>
+<td></td>
+</tr>
+</tbody>
+</table>
+</div>
+<!-- End _item.html.haml -->
+<div class="progress-bar" data-panel-length="2" data-panel-number="1">
+<div class="progress-wrapper">
+<div class="progress-slider">
+<span class="progress-stop step-1 active first-child current">1</span>
+<span class="progress-stop step-2 last-child">2</span>
+</div>
+<div class="progress-details">
+Stap 1 van 2
+</div>
+</div>
+</div>
+<div class="buttons">
+<div class="prev" style="visibility: hidden;">
+<input type="submit" name="previous" value="← Terug" id="prevButton0" tabindex="-1" data-disable-with="← Terug">
+</div>
+<div class="abort">
+&nbsp;
+</div>
+<div class="next">
+<input type="submit" name="next" value="Verder →" id="nextButton0" data-disable-with="Verder →">
+</div>
+</div>
+</fieldset>
+<!-- End _panel.html.haml -->
+<!-- Begin _panel.html.haml -->
+<fieldset class="panel hidden last-panel" id="panel1" style="display: none;">
+<div class="panel-action-links">
+</div>
+<script>
+  panel_validations["panel1"] = {};
+</script>
+<script>
+  $(function() {
+    Quby.currentPanelQuestions = new Quby.Collections.Questions;
+    var questions = [];
+    var initializer = new Quby.Logic.InitQuestions(questions);
+    Quby.currentPanelQuestions = initializer.initializeQuestions();
+    Quby.questions.addQuestions(Quby.currentPanelQuestions);
+    panelProps = {panelId: 'panel1', questions: Quby.currentPanelQuestions}
+    Quby.panels.add(new Quby.Models.Panel(panelProps));
+  });
+</script>
+<!-- .panel_index= panel_counter + 1 -->
+<!-- Begin _item.html.haml -->
+<div class="item text vertical">
+<div class="text"><p><em>Bedankt voor het invullen van deze vragenlijst.</em><br>
+  * U kunt uw antwoorden downloaden door op de knop ‘Download als PDF’ te klikken. Dit bestand is ook geschikt om af te drukken.<br>
+  * Sla de antwoorden op door op de ‘Klaar’-knop onderaan te klikken. Daarna kunt u uw antwoorden niet meer wijzigen.</p></div>
+</div>
+<!-- End _item.html.haml -->
+<div class="progress-bar" data-panel-length="2" data-panel-number="2">
+<div class="progress-wrapper">
+<div class="progress-slider">
+<span class="progress-stop step-1 active first-child">1</span>
+<span class="progress-stop step-2 active last-child current">2</span>
+</div>
+<div class="progress-details">
+Stap 2 van 2
+</div>
+</div>
+</div>
+<div class="buttons">
+<div class="prev">
+<input type="submit" name="previous" value="← Terug" id="prevButton1" tabindex="-1" data-disable-with="← Terug">
+</div>
+<div class="abort">
+&nbsp;
+</div>
+<div class="save">
+<input type="submit" name="done" value="Klaar" id="done-button" data-disable-with="Klaar">
+</div>
+<div class="print">
+<a class="print_button" data-url="/quby/questionnaires/test/answers/1de15937-09ac-4838-8b8d-0b429b3153db/pdf" href="#" id="print-button">
+<img src="/assets/quby/pdf-f359df32ce6a12283052679fb5f48e210c5441400f1ddee7edca611fdf722864.gif">
+Download als PDF
+</a>
+<div class="hidden" id="ios-download-instruction">
+Er opent een nieuw tabblad waarop de download wordt gestart.
+Sla het bestand op in Boeken/iBooks. Keer dan terug naar de browser met de knop '&lt; Safari' geheel linksboven.
+Ga in de browser terug met de terug knop '&lt;' en druk op 'Klaar' om je invulling vast te leggen.
+</div>
+</div>
+</div>
+</fieldset>
+<!-- End _panel.html.haml -->
+</form>
+<script>
+  $(function() {
+    Quby.init({
+      questionnaire_key: "test",
+      answer_value: {"v_check_box":{},"v_ck_a1":0,"v_ck_a2":0},
+      flag_definitions: {},
+      flag_values: {},
+      textvars: {}
+    });
+    // Initialize all panels in bulk, activate first panel otherwise
+    if(isBulkOrSinglePage) {
+      initShowsHides("all_panels");
+    } else {
+      activatePanel($(".panel:first"), true);
+    }
+  });
+</script>
+<div class="hidden" id="modalFrameDialog">
+<iframe id="modalFrame"></iframe>
+</div>
+<div class="flash">
+</div>
+</div>
+<div class="x_container"></div>
+<noscript>
+<div id='noscript-warning'>Deze vragenlijst heeft ondersteuning voor JavaScript nodig.</div>
+</noscript>
+</body></html>

data/spec/internal/tmp/capybara/screenshot_2020-11-04-13-17-17.275.png ADDED

Binary file

data/spec/internal/tmp/capybara/screenshot_2020-11-04-13-17-20.191.html ADDED

@@ -0,0 +1,323 @@
+<html class="no-js"><!-- <![endif]--><head>
+<meta content="text/html; charset=utf-8" http-equiv="content-type">
+<meta content="IE=edge" http-equiv="X-UA-Compatible">
+<title>Vragenlijst</title>
+<meta content="width=device-width, initial-scale=1.0 , user-scalable=no" name="viewport">
+<link rel="stylesheet" media="screen, projection" href="/assets/quby/application-613d22026324a8ae8b7c205fd32e0719011164fdd9ca34aad1483b1b74721932.css">
+<link rel="stylesheet" media="print" href="/assets/quby/print-2c9d02886ac8119671ccec3fe13a025efd1086b5355927d242d524ffbb358ab4.css">
+<script src="/assets/quby/application-ac694f928c966ab7ccbc92caffa6581288a3669caf09163778be2cfaf3e47ba2.js"></script>
+<script src="/assets/quby/disable_keys-72d21d5eab421fd3b0709bf0f5ead2bfe5e824a2060d20ce56e2c3ecf3edf8aa.js"></script>
+<script src="/assets/quby/answers-72b3815aba9fa0fcc608ae7405efb641abedfa5cd62c60a8c824063a3ff22137.js"></script>
+<style>
+</style>
+<script>
+  $(function() {
+    if (navigator.userAgent.indexOf("Trident/5") > -1)
+      $("html").addClass("lt-ie9")
+  });
+</script>
+</head>
+<body>
+<div id="masthead"></div>
+<div id="content">
+<div class="flash">
+</div>
+<script>
+  window.panel_validations = {};
+  // for setting values of raw_content
+  window.extra_question_values = {};
+  // for showing validations of raw content
+  window.extra_failed_validations = {};
+</script>
+<form class="test paged" autocomplete="off" id="questionnaire-form" action="/quby/questionnaires/test/answers/2d757007-f411-44a9-a811-b5c0744dabd6" accept-charset="UTF-8" data-remote="true" method="post"><input name="utf8" type="hidden" value="✓"><input type="hidden" name="_method" value="put">
+<input type="hidden" name="token" id="token">
+<input type="hidden" name="hmac" id="hmac">
+<input type="hidden" name="timestamp" id="timestamp">
+<input type="hidden" name="return_url" id="return_url">
+<input type="hidden" name="return_token" id="return_token">
+<input type="hidden" name="display_mode" id="display_mode" value="paged">
+<input type="hidden" name="rendered_at" id="rendered_at" value="1604495837">
+<!-- Begin _panel.html.haml -->
+<fieldset class="panel hidden first current" id="panel0" style="display: block;">
+<div class="panel-action-links">
+</div>
+<script>
+  panel_validations["panel0"] = {"v_radio":[{"type":"answer_group_minimum","group":"group1","value":8,"explanation":null}],"v_scale":[{"type":"answer_group_minimum","group":"group1","value":8,"explanation":null}],"v_select":[{"type":"answer_group_minimum","group":"group1","value":8,"explanation":null}],"v_check_box":[{"type":"answer_group_minimum","group":"group1","value":8,"explanation":null}],"v_string":[{"type":"answer_group_minimum","group":"group1","value":8,"explanation":null}],"v_integer":[{"type":"valid_integer","explanation":null},{"type":"answer_group_minimum","group":"group1","value":8,"explanation":null}],"v_float":[{"type":"valid_float","explanation":null},{"type":"answer_group_minimum","group":"group1","value":8,"explanation":null}],"v_date":[{"type":"answer_group_minimum","group":"group1","value":8,"explanation":null},{"type":"valid_date","subtype":"valid_date_day_month_year","explanation":null}]};
+</script>
+<script>
+  $(function() {
+    Quby.currentPanelQuestions = new Quby.Collections.Questions;
+    var questions = [{"class":"Quby::Questionnaires::Entities::Questions::RadioQuestion","key":"v_radio","title":"\u003cp\u003eRadio Question\u003c/p\u003e","description":"","type":"radio","unit":null,"size":null,"hidden":null,"displayModes":null,"defaultInvisible":false,"viewSelector":"[data-for=v_radio], #answer_v_radio_input","parentKey":null,"parentOptionKey":null,"deselectable":true,"presentation":"vertical","as":null,"questionGroup":"group1","options":[{"key":"a1","value":1,"description":"\u003cp\u003eRadio Option 1\u003c/p\u003e","context_free_description":"\u003cp\u003eRadio Option 1\u003c/p\u003e","questions":[],"innerTitle":null,"hidesQuestions":[],"showsQuestions":[],"hidden":false,"placeholder":false,"viewId":"answer_v_radio_a1","startChosen":false},{"key":"a2","value":2,"description":"\u003cp\u003eRadio Option 2\u003c/p\u003e","context_free_description":"\u003cp\u003eRadio Option 2\u003c/p\u003e","questions":[],"innerTitle":null,"hidesQuestions":[],"showsQuestions":[],"hidden":false,"placeholder":false,"viewId":"answer_v_radio_a2","startChosen":false}]},{"class":"Quby::Questionnaires::Entities::Questions::RadioQuestion","key":"v_scale","title":"\u003cp\u003eScale Question\u003c/p\u003e","description":"","type":"scale","unit":null,"size":null,"hidden":null,"displayModes":null,"defaultInvisible":false,"viewSelector":"[data-for=v_scale], #answer_v_scale_input","parentKey":null,"parentOptionKey":null,"deselectable":true,"presentation":"vertical","as":null,"questionGroup":"group1","options":[{"key":"a1","value":1,"description":"\u003cp\u003eScale Option 1\u003c/p\u003e","context_free_description":"\u003cp\u003eScale Option 1\u003c/p\u003e","questions":[],"innerTitle":null,"hidesQuestions":[],"showsQuestions":[],"hidden":false,"placeholder":false,"viewId":"answer_v_scale_a1","startChosen":false},{"key":"a2","value":2,"description":"\u003cp\u003eScale Option 2\u003c/p\u003e","context_free_description":"\u003cp\u003eScale Option 2\u003c/p\u003e","questions":[],"innerTitle":null,"hidesQuestions":[],"showsQuestions":[],"hidden":false,"placeholder":false,"viewId":"answer_v_scale_a2","startChosen":false}]},{"class":"Quby::Questionnaires::Entities::Questions::SelectQuestion","key":"v_select","title":"\u003cp\u003eSelect Question\u003c/p\u003e","description":"","type":"select","unit":null,"size":null,"hidden":null,"displayModes":null,"defaultInvisible":false,"viewSelector":"[data-for=v_select], #answer_v_select_input","parentKey":null,"parentOptionKey":null,"deselectable":true,"presentation":"vertical","as":null,"questionGroup":"group1","options":[{"key":"a0","value":0,"description":"\u003cp\u003e\u0026mdash; Kies \u0026mdash;\u003c/p\u003e","context_free_description":"\u003cp\u003e\u0026mdash; Kies \u0026mdash;\u003c/p\u003e","questions":[],"innerTitle":null,"hidesQuestions":[],"showsQuestions":[],"hidden":false,"placeholder":true,"viewId":"answer_v_select_a0","startChosen":false},{"key":"a1","value":1,"description":"\u003cp\u003eSelect Option 1\u003c/p\u003e","context_free_description":"\u003cp\u003eSelect Option 1\u003c/p\u003e","questions":[],"innerTitle":null,"hidesQuestions":[],"showsQuestions":[],"hidden":false,"placeholder":false,"viewId":"answer_v_select_a1","startChosen":false},{"key":"a2","value":2,"description":"\u003cp\u003eSelect Option 2\u003c/p\u003e","context_free_description":"\u003cp\u003eSelect Option 2\u003c/p\u003e","questions":[],"innerTitle":null,"hidesQuestions":[],"showsQuestions":[],"hidden":false,"placeholder":false,"viewId":"answer_v_select_a2","startChosen":false}]},{"class":"Quby::Questionnaires::Entities::Questions::CheckboxQuestion","key":"v_check_box","title":"\u003cp\u003ePick one\u003c/p\u003e","description":"","type":"check_box","unit":null,"size":null,"hidden":null,"displayModes":null,"defaultInvisible":false,"viewSelector":"[data-for=v_check_box], #answer_v_check_box_input","parentKey":null,"parentOptionKey":null,"deselectable":true,"presentation":"vertical","as":null,"questionGroup":"group1","options":[{"key":"v_ck_a1","value":1,"description":"\u003cp\u003eUnicorns\u003c/p\u003e","context_free_description":"\u003cp\u003eUnicorns\u003c/p\u003e","questions":[],"innerTitle":null,"hidesQuestions":[],"showsQuestions":[],"hidden":false,"placeholder":false,"viewId":"answer_v_ck_a1","startChosen":false},{"key":"v_ck_a2","value":2,"description":"\u003cp\u003eRainbows\u003c/p\u003e","context_free_description":"\u003cp\u003eRainbows\u003c/p\u003e","questions":[],"innerTitle":null,"hidesQuestions":[],"showsQuestions":[],"hidden":false,"placeholder":false,"viewId":"answer_v_ck_a2","startChosen":false}]},{"class":"Quby::Questionnaires::Entities::Questions::StringQuestion","key":"v_string","title":"\u003cp\u003eString Question\u003c/p\u003e","description":"","type":"string","unit":null,"size":30,"hidden":null,"displayModes":null,"defaultInvisible":false,"viewSelector":"[data-for=v_string], #answer_v_string_input","parentKey":null,"parentOptionKey":null,"deselectable":true,"presentation":"vertical","as":null,"questionGroup":"group1","autocomplete":"off"},{"class":"Quby::Questionnaires::Entities::Questions::IntegerQuestion","key":"v_integer","title":"\u003cp\u003eInteger Question\u003c/p\u003e","description":"","type":"integer","unit":null,"size":30,"hidden":null,"displayModes":null,"defaultInvisible":false,"viewSelector":"[data-for=v_integer], #answer_v_integer_input","parentKey":null,"parentOptionKey":null,"deselectable":true,"presentation":"vertical","as":null,"questionGroup":"group1"},{"class":"Quby::Questionnaires::Entities::Questions::FloatQuestion","key":"v_float","title":"\u003cp\u003eFloat Question\u003c/p\u003e","description":"","type":"float","unit":null,"size":30,"hidden":null,"displayModes":null,"defaultInvisible":false,"viewSelector":"[data-for=v_float], #answer_v_float_input","parentKey":null,"parentOptionKey":null,"deselectable":true,"presentation":"vertical","as":null,"questionGroup":"group1"},{"class":"Quby::Questionnaires::Entities::Questions::DateQuestion","key":"v_date","title":"\u003cp\u003eEnter a date\u003c/p\u003e","description":"","type":"date","unit":null,"size":null,"hidden":null,"displayModes":null,"defaultInvisible":false,"viewSelector":"[data-for=v_date], #answer_v_date_input","parentKey":null,"parentOptionKey":null,"deselectable":true,"presentation":"vertical","as":null,"questionGroup":"group1","components":["day","month","year"],"dayKey":"v_date_day","monthKey":"v_date_month","yearKey":"v_date_year"}];
+    var initializer = new Quby.Logic.InitQuestions(questions);
+    Quby.currentPanelQuestions = initializer.initializeQuestions();
+    Quby.questions.addQuestions(Quby.currentPanelQuestions);
+    panelProps = {panelId: 'panel0', questions: Quby.currentPanelQuestions}
+    Quby.panels.add(new Quby.Models.Panel(panelProps));
+  });
+</script>
+<!-- .panel_index= panel_counter + 1 -->
+<!-- Begin _item.html.haml -->
+<div class="item table vertical">
+<table>
+<tbody>
+<tr class="row">
+<td class="main errors" data-for="v_radio" rowspan="1">
+<label for="answer_v_radio"><p>Radio Question</p></label>
+</td>
+<td class="option light group1 errors" data-for="v_radio" rowspan="1" style="width:3%">
+<div class="radiocheckwrapper">
+<input class="radio deselectable" data-field-key="v_radio" type="radio" value="a1" name="answer[v_radio]" id="answer_v_radio_a1">
+</div>
+<div class="error answer_group_minimum">Beantwoord minstens 8 van deze vragen</div>
+</td>
+<td class="option light group1 errors" data-for="v_radio" rowspan="1" style="width:3%">
+<div class="radiocheckwrapper">
+<input class="radio deselectable" data-field-key="v_radio" type="radio" value="a2" name="answer[v_radio]" id="answer_v_radio_a2">
+</div>
+<div class="error answer_group_minimum hidden">Beantwoord minstens 8 van deze vragen</div>
+</td>
+<td class="option dark group1 errors" data-for="v_scale" rowspan="1" style="width:3%">
+<div class="radiocheckwrapper">
+<input class="scale deselectable" data-field-key="v_scale" type="radio" value="a1" name="answer[v_scale]" id="answer_v_scale_a1">
+</div>
+<div class="error answer_group_minimum">Beantwoord minstens 8 van deze vragen</div>
+</td>
+<td class="option dark group1 errors" data-for="v_scale" rowspan="1" style="width:3%">
+<div class="radiocheckwrapper">
+<input class="scale deselectable" data-field-key="v_scale" type="radio" value="a2" name="answer[v_scale]" id="answer_v_scale_a2">
+</div>
+<div class="error answer_group_minimum hidden">Beantwoord minstens 8 van deze vragen</div>
+</td>
+<td class="item light group1 errors" data-placeholder="a0" id="item_v_select" rowspan="1" style="width:3%">
+<div class="fields select" id="answer_v_select_input">
+<select data-field-key="v_select" name="answer[v_select]" onchange="$(&quot;#answer_v_select_&quot;+this.value).trigger(&quot;click&quot;)">
+<option class="select placeholder" id="answer_v_select_a0" value="a0">
+--- Kies ---
+</option>
+<option class="select" id="answer_v_select_a1" value="a1">
+Select Option 1
+</option>
+<option class="select" id="answer_v_select_a2" value="a2">
+Select Option 2
+</option>
+</select>
+<div class="error answer_group_minimum">Beantwoord minstens 8 van deze vragen</div>
+</div>
+</td>
+<td class="option dark group1 errors" data-for="v_check_box" rowspan="1" style="width:3%">
+<div class="radiocheckwrapper">
+<input name="answer[v_ck_a1]" type="hidden" value="0"><input onclick="correctAllNothingCheckboxes(this.checked, '', ''); handleDisableCheckboxSubQuestions(this);" class="check_box" data-field-key="v_ck_a1" type="checkbox" value="1" name="answer[v_ck_a1]" id="answer_v_ck_a1">
+</div>
+<div class="error answer_group_minimum">Beantwoord minstens 8 van deze vragen</div>
+</td>
+<td class="option dark group1 errors" data-for="v_check_box" rowspan="1" style="width:3%">
+<div class="radiocheckwrapper">
+<input name="answer[v_ck_a2]" type="hidden" value="0"><input onclick="correctAllNothingCheckboxes(this.checked, '', ''); handleDisableCheckboxSubQuestions(this);" class="check_box" data-field-key="v_ck_a2" type="checkbox" value="1" name="answer[v_ck_a2]" id="answer_v_ck_a2">
+</div>
+<div class="error answer_group_minimum hidden">Beantwoord minstens 8 van deze vragen</div>
+</td>
+<td class="item light group1 errors" colspan="1" id="item_v_string" rowspan="1" style="width:3%">
+<div class="fields string" id="answer_v_string_input">
+<input autocomplete="off" class="string" size="30" data-field-key="v_string" type="text" name="answer[v_string]" id="answer_v_string">
+<div class="error answer_group_minimum">Beantwoord minstens 8 van deze vragen</div>
+</div>
+</td>
+<td class="item dark group1 errors" id="item_v_integer" rowspan="1" style="width:3%">
+<div class="fields integer" id="answer_v_integer_input">
+<input autocomplete="off" class="integer" data-field-key="v_integer" type="text" name="answer[v_integer]" id="answer_v_integer">
+<span class="unit"></span>
+<div class="error valid_integer hidden">Uw antwoord moet een afgerond getal zijn.</div>
+<div class="error answer_group_minimum">Beantwoord minstens 8 van deze vragen</div>
+</div>
+</td>
+<td class="item light group1 errors" id="item_v_float" rowspan="1" style="width:3%">
+<div class="fields float" id="answer_v_float_input">
+<input autocomplete="off" class="float" data-field-key="v_float" type="text" name="answer[v_float]" id="answer_v_float">
+<span class="unit"></span>
+<div class="error valid_float hidden">Uw antwoord moet een getal zijn (gebruik een punt voor decimale getallen, geen komma).</div>
+<div class="error answer_group_minimum">Beantwoord minstens 8 van deze vragen</div>
+</div>
+</td>
+<td class="item dark group1 errors" id="item_v_date" rowspan="1" style="width:3%">
+<span class="nowrap fields date" id="answer_v_date_input">
+<input placeholder="DD" size="3" autocomplete="off" class="date" data-field="{&quot;key&quot;:&quot;v_date_day&quot;}" data-default-date-key="dd" data-required="true" type="text" name="answer[v_date_day]" id="answer_v_date_day">
+<input placeholder="MM" size="3" autocomplete="off" class="date" data-field="{&quot;key&quot;:&quot;v_date_month&quot;}" data-default-date-key="mm" data-required="true" type="text" name="answer[v_date_month]" id="answer_v_date_month">
+<input placeholder="JJJJ" size="5" autocomplete="off" class="date" data-field="{&quot;key&quot;:&quot;v_date_year&quot;}" data-default-date-key="yyyy" data-required="true" type="text" name="answer[v_date_year]" id="answer_v_date_year">
+</span>
+<div class="error answer_group_minimum">Beantwoord minstens 8 van deze vragen</div>
+<div class="error valid_date valid_date_day_month_year hidden">Vul een geldige datum in met formaat DD-MM-JJJJ, bijvoorbeeld 13-08-2015.</div>
+</td>
+<td></td>
+<td></td>
+<td></td>
+<td></td>
+<td></td>
+<td></td>
+<td></td>
+<td></td>
+<td></td>
+</tr>
+</tbody>
+</table>
+</div>
+<!-- End _item.html.haml -->
+<div class="progress-bar" data-panel-length="2" data-panel-number="1">
+<div class="progress-wrapper">
+<div class="progress-slider">
+<span class="progress-stop step-1 active first-child current">1</span>
+<span class="progress-stop step-2 last-child">2</span>
+</div>
+<div class="progress-details">
+Stap 1 van 2
+</div>
+</div>
+</div>
+<div class="buttons">
+<div class="prev" style="visibility: hidden;">
+<input type="submit" name="previous" value="← Terug" id="prevButton0" tabindex="-1" data-disable-with="← Terug">
+</div>
+<div class="abort">
+&nbsp;
+</div>
+<div class="next">
+<input type="submit" name="next" value="Verder →" id="nextButton0" data-disable-with="Verder →">
+</div>
+</div>
+</fieldset>
+<!-- End _panel.html.haml -->
+<!-- Begin _panel.html.haml -->
+<fieldset class="panel hidden last-panel" id="panel1" style="display: none;">
+<div class="panel-action-links">
+</div>
+<script>
+  panel_validations["panel1"] = {};
+</script>
+<script>
+  $(function() {
+    Quby.currentPanelQuestions = new Quby.Collections.Questions;
+    var questions = [];
+    var initializer = new Quby.Logic.InitQuestions(questions);
+    Quby.currentPanelQuestions = initializer.initializeQuestions();
+    Quby.questions.addQuestions(Quby.currentPanelQuestions);
+    panelProps = {panelId: 'panel1', questions: Quby.currentPanelQuestions}
+    Quby.panels.add(new Quby.Models.Panel(panelProps));
+  });
+</script>
+<!-- .panel_index= panel_counter + 1 -->
+<!-- Begin _item.html.haml -->
+<div class="item text vertical">
+<div class="text"><p><em>Bedankt voor het invullen van deze vragenlijst.</em><br>
+  * U kunt uw antwoorden downloaden door op de knop ‘Download als PDF’ te klikken. Dit bestand is ook geschikt om af te drukken.<br>
+  * Sla de antwoorden op door op de ‘Klaar’-knop onderaan te klikken. Daarna kunt u uw antwoorden niet meer wijzigen.</p></div>
+</div>
+<!-- End _item.html.haml -->
+<div class="progress-bar" data-panel-length="2" data-panel-number="2">
+<div class="progress-wrapper">
+<div class="progress-slider">
+<span class="progress-stop step-1 active first-child">1</span>
+<span class="progress-stop step-2 active last-child current">2</span>
+</div>
+<div class="progress-details">
+Stap 2 van 2
+</div>
+</div>
+</div>
+<div class="buttons">
+<div class="prev">
+<input type="submit" name="previous" value="← Terug" id="prevButton1" tabindex="-1" data-disable-with="← Terug">
+</div>
+<div class="abort">
+&nbsp;
+</div>
+<div class="save">
+<input type="submit" name="done" value="Klaar" id="done-button" data-disable-with="Klaar">
+</div>
+<div class="print">
+<a class="print_button" data-url="/quby/questionnaires/test/answers/2d757007-f411-44a9-a811-b5c0744dabd6/pdf" href="#" id="print-button">
+<img src="/assets/quby/pdf-f359df32ce6a12283052679fb5f48e210c5441400f1ddee7edca611fdf722864.gif">
+Download als PDF
+</a>
+<div class="hidden" id="ios-download-instruction">
+Er opent een nieuw tabblad waarop de download wordt gestart.
+Sla het bestand op in Boeken/iBooks. Keer dan terug naar de browser met de knop '&lt; Safari' geheel linksboven.
+Ga in de browser terug met de terug knop '&lt;' en druk op 'Klaar' om je invulling vast te leggen.
+</div>
+</div>
+</div>
+</fieldset>
+<!-- End _panel.html.haml -->
+</form>
+<script>
+  $(function() {
+    Quby.init({
+      questionnaire_key: "test",
+      answer_value: {"v_check_box":{},"v_ck_a1":0,"v_ck_a2":0},
+      flag_definitions: {},
+      flag_values: {},
+      textvars: {}
+    });
+    // Initialize all panels in bulk, activate first panel otherwise
+    if(isBulkOrSinglePage) {
+      initShowsHides("all_panels");
+    } else {
+      activatePanel($(".panel:first"), true);
+    }
+  });
+</script>
+<div class="hidden" id="modalFrameDialog">
+<iframe id="modalFrame"></iframe>
+</div>
+<div class="flash">
+</div>
+</div>
+<div class="x_container"></div>
+<noscript>
+<div id='noscript-warning'>Deze vragenlijst heeft ondersteuning voor JavaScript nodig.</div>
+</noscript>
+</body></html>