RubyGems - quby - Versions diffs - 4.0.3 → 4.0.4 - Mend

quby 4.0.3 → 4.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (54) hide show

data/spec/internal/tmp/capybara/screenshot_2020-11-04-13-16-31.954.png ADDED

Binary file

data/spec/internal/tmp/capybara/screenshot_2020-11-04-13-16-59.938.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/b10b2eb3-5759-44a6-b6fe-e76aacacafdd" 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="1604495817">
+<!-- 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_maximum","group":"group1","value":7,"explanation":null}],"v_scale":[{"type":"answer_group_maximum","group":"group1","value":7,"explanation":null}],"v_select":[{"type":"answer_group_maximum","group":"group1","value":7,"explanation":null}],"v_check_box":[{"type":"answer_group_maximum","group":"group1","value":7,"explanation":null}],"v_string":[{"type":"answer_group_maximum","group":"group1","value":7,"explanation":null}],"v_integer":[{"type":"valid_integer","explanation":null},{"type":"answer_group_maximum","group":"group1","value":7,"explanation":null}],"v_float":[{"type":"valid_float","explanation":null},{"type":"answer_group_maximum","group":"group1","value":7,"explanation":null}],"v_date":[{"type":"answer_group_maximum","group":"group1","value":7,"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_maximum">Beantwoord hoogstens 7 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_maximum hidden">Beantwoord hoogstens 7 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_maximum">Beantwoord hoogstens 7 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_maximum hidden">Beantwoord hoogstens 7 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_maximum">Beantwoord hoogstens 7 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_maximum">Beantwoord hoogstens 7 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_maximum hidden">Beantwoord hoogstens 7 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_maximum">Beantwoord hoogstens 7 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_maximum">Beantwoord hoogstens 7 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_maximum">Beantwoord hoogstens 7 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_maximum">Beantwoord hoogstens 7 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/b10b2eb3-5759-44a6-b6fe-e76aacacafdd/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-16-59.938.png ADDED

Binary file

data/spec/internal/tmp/capybara/screenshot_2020-11-04-13-17-08.700.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/269982f8-361e-40b5-8641-9f082c98327e" 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="1604495826">
+<!-- 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/269982f8-361e-40b5-8641-9f082c98327e/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>