doop 0.0.3.1 → 0.0.4.1

data/lib/generators/doopgovuk/templates/app/views/demo/_about_you.html.erb

@@ -0,0 +1,84 @@
+<%=question_form doop, res do %>
+  <%=question "/page/about_you" do |root, answer| %>
+
+    <%=question "/page/about_you/your_name" do |root,answer| %>
+      <%=doop_textfield "title", answer, res, :label => "Title (eg. Mrs, Miss, Ms, Mr or Dr)" %>
+      <%=doop_textfield "firstname", answer, res, :label => "Firstname" %>
+      <%=doop_textfield "middlenames", answer, res, :label => "Middlename(s)" %>
+      <%=doop_textfield "surname", answer, res, :label => "Surname or family name" %>
+      <br/>
+      <button>Continue</button><br/>
+    <% end %>
+
+    <%=question "/page/about_you/known_by_other_name" do |root,answer| %>
+      <p>If you had a different maiden name, please answer Yes.</p>
+      <button name="b_answer" value="Yes">Yes, I have been known by another surname</button><br/>
+      <button name="b_answer" value="No">No, I have not been known by another surname</button>
+    <% end %>
+
+    <%=question "/page/about_you/previous_name" do |root,answer| %>
+      <%=doop_textfield "answer", answer, res %>
+      <button>Continue</button>
+    <% end %>
+
+    <%=question "/page/about_you/dob" do |root,answer| %>
+      <p>Please provide this in the format dd/mm/yyyy eg. 25/02/1977</p>
+      <%=doop_textfield "answer", answer, res %>
+      <button>Continue</button>
+    <% end %>
+
+    <%=question "/page/about_you/your_address" do |root,answer| %>
+
+      <%=doop_textfield "address1", answer, res, :label => "Address" %>
+      <%=doop_textfield "address2", answer, res %>
+      <%=doop_textfield "address3", answer, res %>
+      <%=doop_textfield "postcode", answer, res, :label => "Postcode" %>
+      <button>Continue</button>
+
+    <% end %>
+
+    <%=question "/page/about_you/lived_at_address_for_more_than_12_months" do |root,answer| %>
+      <button name="b_answer" value="Yes">Yes, I've lived at this address for more than 12 months</button><br/>
+      <button name="b_answer" value="No">No, I have not lived at this address for more than 12 months</button>
+    <% end %>
+
+    <%=question "/page/about_you/last_address" do |root,answer| %>
+      <%=doop_textfield "address1", answer, res, :label => "Address" %>
+      <%=doop_textfield "address2", answer, res %>
+      <%=doop_textfield "address3", answer, res %>
+      <%=doop_textfield "postcode", answer, res, :label => "Postcode" %>
+      <button>Continue</button>
+
+    <% end %>
+
+    <%=question "/page/about_you/your_phone_numbers" do |root,answer| %>
+
+      <div class="textfield">
+      <%=doop_textfield "daytime", answer, res, :label => "Daytime phone number" %>
+      <%=doop_textfield "evening", answer, res, :label => "Evening phone number" %>
+      <button>Continue</button>
+    <% end %>
+
+    <%=question "/page/about_you/have_nino" do |root,answer| %>
+      <%=info_box do %>
+        <p>This will be on:</p>
+        <li>a P60 certificate from your employer</li>
+        <li>a PAYE Coding Notice or a letter from us</li>
+        <li>a payslip from your employer</li>
+        <li>any letter from the Department for Work and Pensions or Jobcentre Plus</li>
+      <% end %>
+      <button name="b_answer" value="Yes">Yes, I have a national insurance number</button><br/>
+      <button name="b_answer" value="No">No, I don't have a national insurance number</button>
+    <% end %>
+
+    <%=question "/page/about_you/nino" do |root,answer| %>
+      <%=doop_textfield "answer", answer, res, :label => "Example of a National Insurance number is 00123456A" %>
+      <button>Continue</button>
+    <% end %>
+
+    <% when_answered "/page/about_you" do %>
+      <button>Continue and Save</button>
+    <% end %>
+  <% end %>
+
+<% end %>

data/lib/generators/doopgovuk/templates/app/views/demo/_before_you_begin.html.erb

@@ -0,0 +1,56 @@
+<%=question_form doop, res do %>
+  <%=question "/page/before_you_begin" do |root, answer| %>
+
+    <h2>Doop technology demo</h2>
+    <p>Doop is a rails ruby gem which provides a generator to get you quickly started converting govuk paper forms into online applications.  
+
+    This is a demo of how a <strong><a href="https://www.gov.uk/government/uploads/system/uploads/attachment_data/file/359765/ch2-flat.pdf">Child Benefit paper application form</a></strong> could be realized as an online questionnaire, where questions are progresively
+    asked and question flows altered based on responses. </p> 
+
+    <button>Start the demo</button>
+    <br/>
+    <br/>
+    <br/>
+    
+    <h2>The code</h2>
+    <p>As you progress through the questionnaire, you can follow along in the code:<br/><br/>
+    <%
+      view_url = "https://github.com/coder36/doop/tree/master/lib/generators/doopgovuk/templates/app/views/demo"
+      cont_url = "https://github.com/coder36/doop/tree/master/lib/generators/doopgovuk/templates/app/controllers"
+      rspec_url = "https://github.com/coder36/doop/blob/master/lib/generators/doopgovuk/templates/spec/features/demo_spec.rb"
+    %>
+
+    <strong><a href='<%="#{cont_url}/demo_controller.rb"%>'>demo_controller.rb</a></strong><br/>
+    <strong><a href='<%="#{view_url}/_before_you_begin.html.erb"%>'>_before_you_begin.html.erb</a></strong><br/>
+    <strong><a href='<%="#{view_url}/_preamble.html.erb"%>'>_preamble.html.erb</a></strong><br/>
+    <strong><a href='<%="#{view_url}/_about_you.html.erb"%>'>_about_you.html.erb</a></strong><br/>
+    <strong><a href='<%="#{view_url}/_children.html.erb"%>'>_children.html.erb</a></strong><br/>
+    <strong><a href='<%="#{view_url}/_declaration.html.erb"%>'>_declaration.html.erb</a></strong><br/>
+    <strong><a href='<%="#{rspec_url}"%>'>demo_spec.rb</a></strong><br/>
+    </p>
+
+
+    <h3>The YAML</h3>
+    <p>The question structure is described using YAML.  As questions are answered, the YAML structure is updated to reflect the current state
+    of the questionnaire.  The YAML structure is then sent back to the browser and stored in a hidden field.  When the next question is answered
+    the submission include the hidden YAML, which is then updated to reflect the next answer... and so on.  In production, the hidden field is 
+    encrypted and signed, to guarentee its authenticity.  Since the data is stored in the users browser, the application can be considered stateless
+    , which makes it very scalable.</p>
+
+    <h3>View the saved YAML</h3>
+    <p>For the demo, at any point you can view the current YAML by hitting <strong>Ctrl-Y</strong></p>
+
+    <h3>Testing with Rspec</h3>
+    <p>Doop defines a set of Rspec extensions, to make acceptance testing more natural.  See <strong><a href='<%="#{rspec_url}"%>'>demo_spec.rb</a></strong> for the acceptance tests covering
+    the demo.</p>
+
+    <h3>Test Harness</h3>
+    <p>The demo includes a <strong><a href="harness">test harness</a></strong>, which allows you to directly render a YAML config.  The quickest way
+    to try this put is to hit Ctrl-Y, copy the YAML, then paste it into the test harness.</p>
+
+
+
+
+  <% end %>
+
+<% end %>

data/lib/generators/doopgovuk/templates/app/views/demo/_children.html.erb

@@ -0,0 +1,64 @@
+<%=question_form doop, res do %>
+
+  <%=question "/page/children" do |root,answer| %>
+    <p><strong>List the children you want to claim for.</strong></p>
+    <%=info_box do %>
+      <p>For each child in this claim we need to see their:</p>
+      <li>birth certificate (full or short version)</li>
+      <li>adoption certificate</li>
+      <p>If any child in this claim was born outside the UK we also need to see their passport(s) or their travel documents used to enter the UK.</p>
+
+      <p><strong>We will normally return your documents within 4 weeks.</strong></p>
+
+    <% end %>
+    <p>You don't need to tell us about any children you already get Child Benefit for.</p>
+
+    <%=question "/page/children/how_many_birth_certs" do |root,answer| %>
+      <p>We don't need to see a birth certificate for a child that has been claimed for by you or someone else in the past</p>
+      <%=doop_textfield "answer", answer, res %>
+      <button>Continue</button>
+    <% end %>
+
+    <% list "/page/children/child__(\\d+)" do |path,index| %>
+
+      <%=question "#{path}", :title => "Child #{index}" do |root,answer| %>
+
+        <%=question "#{path}/name" do |root,answer| %>
+          <%=doop_textfield "firstname", answer, res, :label => "Firstname" %>
+          <%=doop_textfield "middlenames", answer, res, :label => "Middlename(s)" %>
+          <%=doop_textfield "surname", answer, res, :label => "Surname or family name" %>
+          <button>Continue</button>
+        <% end %>
+
+        <%=question "#{path}/gender" do |root,answer| %>
+          <button name="b_answer" value="Male">Male</button><br/>
+          <button name="b_answer" value="Female">Female</button>
+        <% end %>
+
+        <%=question "#{path}/dob" do |root,answer| %>
+          <p>Please provide this in the format dd/mm/yyyy eg. 25/02/1977</p>
+          <%=doop_textfield "answer", answer, res %>
+          <button>Continue</button>
+        <% end %>
+
+        <%=question "#{path}/own_child" do |root,answer| %>
+          <button name="b_answer" value="Yes">Yes, this is my own child</button><br/>
+          <button name="b_answer" value="No">No, this is someone elses child</button>
+        <% end %>
+
+        <% when_answered path do %>
+           <% if index > 1 %>
+             <button class="button-secondary" name="remove_child">Remove child</button><br/>
+           <% end %>
+          <button>Continue</button>
+        <% end %>
+      <% end %>
+
+    <% end %>
+    <% when_answered "/page/children" do %>
+      <button name="add_child" class="button-secondary">Add another child</button><br/>
+      <button>Continue and save</button>
+    <% end %>
+
+  <% end %>
+<% end %>

data/lib/generators/doopgovuk/templates/app/views/demo/_declaration.html.erb

@@ -0,0 +1,32 @@
+<%=question_form doop, res do %>
+  <%=question "/page/declaration" do |root, answer| %>
+
+  <div class="summary_box">
+
+    <%
+        name = doop["/page/about_you/your_name/_summary"]
+        address = doop["/page/about_you/your_address/_summary"]
+    %>
+
+    <p>I, <strong><%=name%></strong> of <strong><%=address%></strong>, am applying for child benefit for:</p>
+
+    <% 
+    list "/page/children/child__(\\d+)" do |path, index| 
+      child = doop["#{path}/name/_summary"]
+      dob = doop["#{path}/dob/_summary"]
+    %>
+      <li><strong><%=child%></strong>, born <strong><%=dob%></strong></li>
+    <% end %>
+
+    <br/>
+
+    <p><strong>I declare that the information I have provided is correct and complete</strong>.  If I give information which I know is not correct or complete, you may take action against me.</p>
+
+    <p><strong>I will send the birth certificate(s) or other documents that you need with this form.</strong>  If you don't send the documents we need with this application, a decision on your claim will be delayed.  Do not send photocopies</p>
+  </div>
+
+
+  <button>I declare that the information I have provided is correct and complete.  Submit my application.</button>
+
+  <% end %>
+<% end %>

data/lib/generators/doopgovuk/templates/app/views/demo/_preamble.html.erb

@@ -1,42 +1,51 @@
 <%=question_form doop, res do %>
   <%=question "/page/preamble" do |root, answer| %>
 
-    <%=question "/page/preamble/debug_on" do |root,answer| %>
-      <button name="b_answer" value="Yes">Yes, turn debugging on</button><br/>
-      <button name="b_answer" value="No">No, turn debugging off</button>
-    <% end %>
+    <h2>To apply for Child Benefit, you'll need:</h2>
+    <ul class="before_you_begin">
 
-    <% when_question :last_answered => "/page/preamble/debug_on" do |answer|%>
-      <% if answer == "No" %>
-        <%=tooltip do %>
-          <p><strong>Are you sure ?</strong></p>
-          <p>By selecting no, you will not be able to see the yaml which doop generates behind the scenes</p>
-        <% end %>
-      <% end %>
-    <% end %>
+      <li class="nino">You and your partners national insurance numbers</li>
+
+      <li class="passport">Your childrens birth certificates</li>
+
+      <li class="time">15 mins</li>
+    </ul>
+
+      <h3>Your information</h3>
+    <p>By applying for child benefit online, you consent that we may process your personal data (including sensitive personal data) that we collect from you.</p>
 
-    <% when_question :changed => "/page/preamble/enrolled_before" do |current_answer| %>
-      <%=change_answer_tooltip do %>
+    <% when_question :changed => "/page/preamble/income_more_than_50000" do |current_answer, id| %>
+      <%=change_answer_tooltip id do %>
         <p>If you change this answer, additional questions may be asked</p>
       <% end %>
+
     <% end %>
-    <%=question "/page/preamble/enrolled_before" do |root,answer| %>
-      <button name="b_answer" value="Yes">Yes, I've applied before</button><br/>
-      <button name="b_answer" value="No">No, I haven't applied before</button>
+
+    <%=question "/page/preamble/income_more_than_50000" do |root,answer| %>
+      <button name="b_answer" value="Yes">Yes, myself or my partner have an individual income of more than £50,000 a year</button><br/>
+      <button name="b_answer" value="No">No, myself and or my partner both have incomes less than £50,000 a year</button>
     <% end %>
 
-    <%=question "/page/preamble/year_last_applied" do |root,answer| %>
-      <%=select_tag( "b_answer", "<option>2013</option><option>2012</option>".html_safe ) %>
-      <br/>
-      <button>Continue</button>
+    <% when_question :last_answered => "/page/preamble/income_more_than_50000" do |answer, id| %>
+      <% if answer == "No" %>
+        <%=tooltip id do %>
+        <p>If either you or your parnter have an individual income of more than £50,000 a year, then the higher earner, will be liable for
+        income tax on any child benefit received.</p>
+        <% end %>
+      <% end %>
     <% end %>
 
-    <%=question "/page/preamble/reason_for_applying" do |root,answer| %>
-      <p>Why are you applying this year?  Please be as specific as possible, and give examples</p>
-      <%=error res, :reason_for_applying_error  %>
-      <%=text_area_tag "b_answer", answer, rows: 10, cols: 100 %>
-      <br/>
-      <button>Continue</button>
+    <%=question "/page/preamble/do_you_still_want_to_apply" do |root,answer| %>
+
+        <%=info_box do %>
+          <p>If either you or your partner have an individual income of more than £50,000 a year (income from all
+          sources before personal allowances and tax is taken off, less any pension and gift aid contributions), then the partner with the
+          higher income will have to pay a High Income Child Benefit Charge on some, or all, of the Child Benefit you receive.<p>
+          <p><strong>If these changes apply to you or your partner, you should jointly decide whether to stop getting Child Benefit payments,
+            and not have to pay a tax charge, or continue getting Child Benefit payments and declare them for tax purposes.</strong><p>
+        <% end %>
+
+      <button name="b_answer" value="Yes">Yes, I still want to apply for child benefit</button><br/>
     <% end %>
 
     <% when_answered "/page/preamble" do %>

data/lib/generators/doopgovuk/templates/app/views/demo/harness.html.erb

@@ -2,5 +2,5 @@
 <%=form_tag( {action: "index"}, :authenticity_token => true, :remote => false ) do %>
   <textarea cols="140" rows="40" name="doop_data" id="doop_data"></textarea>
   <br/>
-  <button id="render" >Render</button>
+  <button id="render" name="harness">Render</button>
 <% end %>

data/lib/generators/doopgovuk/templates/app/views/demo/index.html.erb

@@ -1,3 +1,9 @@
 <div id="question_section">
   <%= render res[:page], :doop => doop, :res => res %>
 </div>
+<div style="display: none;">
+  <div id="doop_debug" title="Doop debug">
+    <%= render "doop/debug", :doop => doop, :res => res %>
+  </div>
+</div>
+

data/lib/generators/doopgovuk/templates/app/views/demo/index.js.erb

@@ -1,4 +1,4 @@
 $("#question_section").html( "<%= escape_javascript( render res[:page], :doop => doop, :res => res  ) %>" )
+$("#doop_debug").html( "<%= escape_javascript( render 'doop/debug', :doop => doop, :res => res ) %>" )
 $("#nav_path").val("")
 $("#back_a_page").val("")
-$("#change_answer").val("")

data/lib/generators/doopgovuk/templates/app/views/doop/_change_answer_tooltip.html.erb

@@ -1,3 +1,3 @@
-<div class="change_answer_tooltip">
+<div class="change_answer_tooltip" id="<%=id%>-change-answer-tooltip">
   <% content.call %>
 </div>

data/lib/generators/doopgovuk/templates/app/views/doop/_debug.html.erb

@@ -0,0 +1,4 @@
+<h3>Yaml</h3>
+<textarea cols="80" rows="30"><%=doop.dump%></textarea>
+<h3>Res</h3>
+<textarea cols="80" rows="20"><%=res.to_yaml%></textarea>

data/lib/generators/doopgovuk/templates/app/views/doop/_error.html.erb

@@ -1,3 +1 @@
-<div class="error">
-  <span><%= msg %></span>
-</div>
+  <span class="error"><%= msg %></span>

data/lib/generators/doopgovuk/templates/app/views/doop/_navbar.html.erb

@@ -6,13 +6,14 @@
     page_path = res[:page_path]
     pages.each do |p|
       nav_name = doop[p]["_nav_name"]
+      id = doop[p]["_page"]
 
       if p == page_path %>
-        <li class="doing"><%="#{i}. #{nav_name}"%></li>
+    <li class="doing" id="<%=id%>-nav"><%="#{i}. #{nav_name}"%></li>
       <% elsif doop[p]["_answered"] %>
-        <li class="done"><a href="#" onclick="$('#nav_path').val('<%=p %>').click(); return false"><%="#{i}. #{nav_name}" %></a></li>
+        <li class="done"><a href="#" id="<%=id%>-nav" onclick="$('#nav_path').val('<%=p %>').click(); return false"><%="#{i}. #{nav_name}" %></a></li>
       <% else %>
-        <li class="todo"><%="#{i}. #{nav_name}"%></li>
+        <li class="todo" ><%="#{i}. #{nav_name}"%></li>
      <%
       end
       i +=1

data/lib/generators/doopgovuk/templates/app/views/doop/_question.html.erb

@@ -1,18 +1,22 @@
 <% if root["_open"] %>
   <% if indent %><div class="indent"><% end %>
-    <div class="question-open">
-      <h2 class="question_title"><%=title != nil ? title : root["_question"]%></h2>
-      <% content.call(root, answer) %>
+    <div id="<%=id%>">
+      <div class="question-open" id="<%=id%>-open">
+        <h2 class="question_title"><%=title != nil ? title : root["_question"]%></h2>
+        <% content.call(root, answer) %>
+      </div>
     </div>
   <% if indent %> </div"><% end %>
 <% end %>
 
 <% if !root["_open"] && root["_answered"] %>
   <% if indent %><div class="indent"><% end %>
-    <div class="question-closed">
-      <div class="title question_title"><%=title != nil ? title : root["_question"]%></div>
-      <div class="answer">
-        <a href="#" class="button" onclick="$('#change_answer_path').val('<%=path %>').click(); return false"><%=root['_summary']%></a>
+    <div id="<%=id%>">
+      <div class="question-closed" id="<%=id%>-closed">
+        <div class="title question_title" id="<%=id%>-rollup"><%=title != nil ? title : root["_question"]%></div>
+        <div class="answer">
+          <button id="<%=id%>-change" class="button-change-answer" value="<%=path%>" name="change_answer_path"><%=root['_summary']%></button>
+        </div>
       </div>
     </div>
   <% if indent %> </div"><% end %>

data/lib/generators/doopgovuk/templates/app/views/doop/_question_form.html.erb

@@ -1,15 +1,14 @@
 <%=form_tag( {action: "answer"}, :authenticity_token => true, :remote => true ) do %>
-  <div class="question_form">
+  <div class="question_form" id="<%=res[:page]%>-page">
     <%=render "doop/navbar", :res => res, :doop => doop %> 
     <h1 id="page_title"><%=res[:page_title]%></h1>
     <% content.call %>
   </div>
 
-  <% if res[:debug_on] %>
-    <br/><br/><textarea cols="115" rows="20"><%= h(doop.dump)%></textarea>
-  <% end %>
   <button id="nav_path" style="display: none;" name="nav_path"></button>
-  <button id="back_a_page" name="back_a_page" style="display: none;"></button>
-  <button id="change_answer_path" style="display: none;" name="change_answer_path"></button>
+  <button id="back_a_page" name="back_a_page" class="button-secondary" value="pressed">Go Back</button>
+  <script>
+    $("#back_a_page").css( "display", "none" )
+  </script>
   <input type="hidden" id="doop_data" name="doop_data" value="<%=request["doop_data"]%>"/>
 <% end %>

data/lib/generators/doopgovuk/templates/app/views/doop/_textfield.html.erb

@@ -0,0 +1,14 @@
+<%
+    val = name=="answer" ? answer : answer[name]
+#  if answer.is_a?Hash
+#    val = (answer.is_a?Hash) ? answer[ name ] : answer
+#  end
+#  val = (answer.is_a?Hash) ? answer[ name ] : answer
+%>
+
+<div class="textfield">
+  <% if !label.nil? %>
+    <label for="<%=name%>"><%=label%></label>
+  <% end %>
+  <input id="<%=name%>" name="b_<%=name%>" type="text" value="<%=val%>"/><%=error res, "#{name}_error".to_sym %>
+</div>