fe 0.0.4 → 2.0.0

data/app/views.current/fe/answer_pages/_answer_page.html.erb

@@ -0,0 +1,53 @@
+<% if @presenter.active_page %>
+  <% page_dom = @presenter.active_page_link.dom_id %>
+
+  <div id="<%= page_dom %>" class="answer-page" style="<% if show_first.nil? -%>display: none;<% end -%>">  <!-- this id is parsed by fe.public.js -->
+
+    <div class="page">
+      <%= render "fe/answer_pages/page_name" %>
+
+      <% if @elements.length > 0 -%>
+        <%= form_tag @presenter.active_page_link.save_path, id: "#{page_dom}-form", autocomplete: "off", onsubmit: "fe.pageHandler.savePage($('#sp_application_55716-page_331')); return false;", multipart: true do -%>
+          <%= hidden_field_tag "a", params[:a] %>
+          <ul class="questions" id="questions_list">
+            <% previous_element = nil %>
+            <% @elements.each do |element| %>
+              <li style="<%= "display:none" if element.hidden?(@answer_sheet, @presenter.active_page) %>" class="<%= element.class.to_s.downcase.gsub("::","_") %> <%= element.style.to_s.downcase %> <%= "conditional" if element.conditional %>" id="element_<%= element.id %>" <% if element.conditional %>data-conditional_id="<%= element.conditional_id %>" data-conditional_type="<%= element.conditional_type %>" data-conditional_answer="<%= element.conditional_answer %>" data-application_id="<%= @answer_sheet.id %>" data-answer_sheet_id_prefix="<%= @answer_sheet.class.name.underscore.gsub("/","_") %>"<% end %><% if element.slug %> data-slug="<%= element.slug %>"<% end %>>
+                <%= render "fe/answer_pages/element", element: element %>
+              </li>
+              <% previous_element = element %>
+            <% end %>
+          </ul>
+
+          <% unless @presenter.next_page -%>
+            <div id="submit_message" class="validation-advice" style="display: none;"></div>
+            <div>
+              <button type="button" class="<%= "btn btn-default" if Fe.bootstrap %> button save_button"><%= _("Save Now") %></button>
+              <button type="submit" class="<%= "btn btn-default" if Fe.bootstrap %> button cru-gold no-left-margin" onclick="page_handler.completeAll(); return false;" id="submit_button"><%= _("Submit") %></button>
+            </div>
+          <% else -%>
+            <div class="savestatus">
+              <%= _("Last Saved:") %> <span class="last-saved"><%= l(@answer_sheet.updated_at, format: :datetime) %></span><%= spinner(page_dom) %>
+            </div>
+            <div>
+              <button type="button" class="button no-left-margin save_button"><%= _("Save Now") %></button>
+              <button type="button" class="button cru-gold" onclick="fe.pageHandler.next(); return false;"><%= _("Next >>") %></button>
+            </div>
+          <% end -%>
+        <% end -%>
+      <% else -%>
+        <div style="background: #ffc;">
+          <p><%= _("There are no questions on this page.") %></p>
+        </div>
+      <% end -%>
+    </div>
+  </div>
+
+  <% if session[:attempted_submit] %>
+    <script type="text/javascript" charset="utf-8">
+        $(function() {
+            fe.pageHandler.validatePage("<%= page_dom %>")
+        });
+    </script>
+  <% end %>
+<% end %>

data/app/views.current/fe/answer_pages/_element.html.erb

@@ -0,0 +1,32 @@
+<% if Fe.bootstrap %>
+
+<div class="form-group">
+  <% if element.question? && element.default_label? && element.label.present? && !element.hide_label? -%>
+    <label for="<%= dom_id(element) %>" class="desc">
+      <%= raw element.label(session[:locale]) %>
+      <% if element.required?(@answer_sheet, @page) -%><span class="required">required</span><% end -%>
+      <%= tip(element.tooltip) if element.tooltip.present? %>
+
+      <% col ||= nil %>
+      <%= render partial: "fe/questions/" + element.ptemplate, object: element, locals: {col: col} %>
+    </label>
+  <% else %>
+    <% col ||= nil %>
+    <%= render partial: "fe/questions/" + element.ptemplate, object: element, locals: {col: col} %>
+  <% end -%>
+</div>
+
+<% else %>
+
+<% if element.question? && element.default_label? && element.label.present? && !element.hide_label? -%>
+  <label for="<%= dom_id(element) %>" class="desc">
+    <%= raw element.label(session[:locale]) %>
+    <% if element.required?(@answer_sheet, @page) -%><span class="required"><%= _("required") %></span><% end -%>
+    <%= tip(element.tooltip) if element.tooltip.present? %>
+  </label>
+<% end -%>
+
+<% col ||= nil %>
+<%= render partial: "fe/questions/" + element.ptemplate, object: element, locals: {col: col} %>
+
+<% end %>

data/app/views.current/fe/answer_pages/_page_name.html.erb

@@ -0,0 +1 @@
+<h4 id="page-name"><%= @presenter.active_page.label(session[:locale]) %></h4>

data/app/views.current/fe/answer_pages/show.html.erb

@@ -0,0 +1,39 @@
+<% if @presenter.active_page %>
+  <% page_dom = @presenter.active_page_link.dom_id
+     next_js = load_page_js(@presenter.next_page) -%>
+
+  <div id="<%= page_dom %>" class="answer-page">  <!-- this id is parsed by fe.public.js -->
+
+    <div class="page">
+      <%= render "fe/answer_pages/page_name" %>
+
+      <% if @elements.length > 0 -%>
+        <%= form_tag @presenter.active_page_link.save_path, id: "#{page_dom}-form", autocomplete: "off", onsubmit: "fe.pageHandler.savePage($("#sp_application_55716-page_331")); return false;", multipart: true do -%>
+          <%= hidden_field_tag "a", params[:a] %>
+          <ul class="questions" id="questions_list">
+            <% previous_element = nil %>
+            <% @elements.each do |element| %>
+              <li class="<%= element.class.to_s.downcase.gsub("::","_") %> <%= element.style.to_s.downcase %> <%= "conditional" if element.conditional %>" id="element_<%= element.id %>" <% if element.conditional %>data-conditional_id="<%= element.conditional_id %>" data-conditional_type="<%= element.conditional_type %>" data-conditional_answer="<%= element.conditional_answer %>" data-application_id="<%= @answer_sheet.id %>" data-answer_sheet_id_prefix="<%= @answer_sheet.class.name.underscore.gsub("/","_") %>"<% end %><% if element.slug %> data-slug="<%= element.slug %>"<% end %>>
+                <%= render "fe/answer_pages/element", element: element %>
+              </li>
+              <% previous_element = element %>
+            <% end %>
+          </ul>
+
+        <% end -%>
+      <% else -%>
+        <div style="background: #ffc;">
+          <p><%= _("There are no questions on this page.") %></p>
+        </div>
+      <% end -%>
+    </div>
+  </div>
+
+  <% if session[:attempted_submit] %>
+    <script type="text/javascript" charset="utf-8">
+      $(function() {
+        fe.pageHandler.validatePage("<%= page_dom %>")
+      });
+    </script>
+  <% end %>
+<% end %>

data/app/views.current/fe/answer_pages/update.js.erb

@@ -0,0 +1,13 @@
+<% if @saved_at_timestamp.is_a?(Time) || @saved_at_timestamp.is_a?(Date) %>
+  $('.last-saved').html('<%= escape_javascript(l(@saved_at_timestamp, format: :datetime)) %>')
+<% end %>
+<% if @answer && @answer.attachment_file_name %>
+    $('#<%= dom_id(@answer.question) %>_filename').html('Current File: ' +
+        '<%= link_to(@answer.attachment_file_name, @answer.attachment.expiring_url) %>' +
+        '<%= link_to(image_tag("fe/icons/minus-button.png"),
+                     delete_file_fe_answer_sheet_page_path(@presenter.active_answer_sheet, @page, question_id: @answer.question.id),
+                     method: :delete, remote: true) %>')
+    $('#<%= dom_id(@answer.question) %>_filename').effect('highlight')
+<% elsif @answer %>
+    $('#<%= dom_id(@answer.question) %>_filename').html('')
+<% end %>

data/app/views.current/fe/answer_sheets/_answer_sheet.html.erb

@@ -0,0 +1,26 @@
+<h3 id="sheet-name"><%= answer_sheet.question_sheet.label %></h3>
+
+<% if elements.length > 0 -%>
+
+    <% elements.each do |page, page_elements| -%>
+        <% next unless page.has_questions? %>
+        <a name="<%= dom_id(page) %>" class="anchor"></a>
+
+        <div class="page" data-page-id="<%= page.id %>">
+          <h3><%= page.label %></h3>
+          <ul class="questions readonly" start="<%= @question_number %>">
+            <%= render partial: "fe/answer_sheets/element", collection: page_elements, locals: {elements: page_elements} %>
+          </ul>
+        </div>
+
+        <br />
+
+    <% end -%>
+
+<% else -%>
+
+    <div style="background: #ffc;">
+      <p>That"s odd. There are no answers to review.</p>
+    </div>
+
+<% end -%>

data/app/views.current/fe/answer_sheets/_element.html.erb

@@ -0,0 +1,74 @@
+<% if element.kind == "Fe::QuestionGrid" || element.kind == "Fe::QuestionGridWithTotal"-%>
+  <li>
+    <% unless element.hide_label? %>
+      <label class="desc"><%= raw element.label %></label>
+    <% end %>
+    <table class="grid">
+    <%- if element.cols -%>
+    <tr>
+    <%- element.cols.split(";").each do |header| -%>
+      <th><%= raw header || "&nbsp;" %></th>
+    <%- end -%>
+    </tr>
+    <%- end -%>
+    <tr>
+      <%- col_count = 0
+        element.elements.each do |grid_element| -%>
+      <td id="element_<%= element.id %>">
+      <% if %w(Fe::Paragraph).include?(grid_element.kind) -%>
+        <%= simple_format grid_element.content %>
+      <% else -%>
+        <%# el = elements.detect {|el| el.id == grid_element.id } -%>
+        <% if grid_element.question? -%>
+          <label class="desc"><%= raw grid_element.label %></label>
+          <%- if @collating -%>
+            <%- for answer_sheet in @collated_answer_sheets[@answer_sheet] -%>
+              <div class="answer collate">
+              <span class="reviewer_name"><%= answer_sheet.collat_title %>:</span>
+              <span class="reviewer_answer"><%= simple_format grid_element.display_response(answer_sheet) %></span>
+              </div>
+            <%- end -%>
+          <%- else -%>
+            <span class="answer"><%= simple_format grid_element.display_response(@answer_sheet) %></span>
+          <%- end -%>
+        <% elsif grid_element.is_a?(Fe::QuestionGrid) || grid_element.is_a?(Fe::QuestionGridWithTotal) %>
+          <ul>
+            <%= render partial: "fe/answer_sheets/element", object: grid_element %>
+          </ul>
+        <% else %>
+          <%= render partial: "fe/questions/" + element.ptemplate, object: element %>
+        <% end %>
+      <% end -%>
+      </td>
+      <%-   col_count += 1
+          if col_count % element.num_cols == 0 then col_count = 0 -%></tr><tr><%- end -%>
+      <%- end -%>
+      <%- while col_count < element.num_cols do 
+          col_count += 1-%>
+          <td>&nbsp;</td>
+      <%- end unless col_count == 0-%>
+    </tr>
+    </table>
+  </li>
+<% else %>
+  <li>
+    <% if element.question? -%>
+      <label class="desc"><%= raw element.label %></label>
+      <%- if @collating -%>
+        <%- for answer_sheet in @collated_answer_sheets[@answer_sheet] -%>
+          <div class="answer collate">
+            <span class="reviewer_name"><%= answer_sheet.collat_title %>:</span>
+            <span class="reviewer_answer"><%= simple_format element.display_response(answer_sheet) %></span>
+          </div>
+        <%- end -%>
+      <%- else -%>
+        <span class="answer"><%= simple_format element.display_response(@answer_sheet) %></span>
+      <%- end -%>
+    <% else -%>
+      <%= render partial: "fe/questions/" + element.ptemplate, object: element %>
+    <% end -%>
+  </li>
+  <% element.choice_field_children.each do |choice_field_child| %>
+    <%= render "fe/answer_sheets/element", element: choice_field_child %>
+  <% end %>
+<% end -%>

data/app/views.current/fe/answer_sheets/_incomplete.html.erb

@@ -0,0 +1,10 @@
+<div class="submission_errors">
+  <p><%= _("You still need to answer questions on the following pages:") %></p>
+  <ul>
+    <% @answer_sheet.pages.each do |page| %>
+        <% unless page.complete?(@answer_sheet) %>
+            <li class="incomplete"><%= page.label %></li>
+        <% end %>
+    <% end %>
+  </ul>
+</div>

data/app/views.current/fe/answer_sheets/_page_link.html.erb

@@ -0,0 +1,9 @@
+<div class="application_section">
+  <% css_class = "" %>
+  <% if session[:attempted_submit] && page_link.page.has_questions? %>
+    <% css_class = page_link.page.complete?(@answer_sheet) ? "complete" : "incomplete" %>
+  <% end %>
+  <%= li_page_active_if(@presenter.active_page && page_link.page == @presenter.active_page, id: page_link.dom_id + "-li", class: css_class, style: ("display:none" if page_link.page.hidden?(@answer_sheet))) do %>
+    <%= link_to_function(page_link.label(session[:locale]), load_page_js(page_link), id: page_link.dom_id + "-link", "data-page-id" => page_link.dom_id, class: "page_link", href: page_link.load_path) %>
+  <% end -%>
+</div>

data/app/views.current/fe/answer_sheets/_pages_list.html.erb

@@ -0,0 +1,11 @@
+<div id="panel-pages">
+  <h4><%= _("Application Sections") %></h4>
+  <div id="page_ajax_spinner" style="display:none;">
+    <div>
+      <%= image_tag "fe/ajax-loader.gif" %> <%= _("Loading...") %>
+    </div>
+  </div>
+  <ul id="list-pages" class="navigation-list">
+    <%= render partial: "fe/answer_sheets/page_link", collection: @presenter.page_links %>
+  </ul>
+</div>

data/app/views.current/fe/answer_sheets/_submit_to.html.erb

@@ -0,0 +1 @@
+<%= hidden_field_tag "submit_to", submit_fe_answer_sheet_path(@answer_sheet), id: "submit_to" %>

data/app/views.current/fe/answer_sheets/_title.html.erb

@@ -0,0 +1 @@
+<h3 id="sheet-name"><%= @presenter.sheet_title %></h3>

data/app/views.current/fe/answer_sheets/edit.html.erb

@@ -0,0 +1,66 @@
+<% if !@presenter.active_page %>
+  <div>
+    The administrator has not set up this questionnaire yet.
+  </div>
+<% else %>
+  <div id="controls">
+    <div id="panel">
+      <%= render partial: "fe/answer_sheets/pages_list" %>
+    </div>
+    <div id="legend">
+      <%= image_tag("fe/icons/question-balloon.png") %> <%= _("Rolling over this symbol gives you help") %><br/>
+      <%= image_tag("fe/icons/star-small.png") %> <%= _("Marks a required field") %>
+    </div>
+  </div>
+
+  <div id="preview">
+      <%= render partial: "fe/answer_sheets/title" %>
+      <%= render partial: "fe/answer_pages/answer_page", locals: { show_first: true } %>
+  </div>
+
+  <script type="text/javascript">
+    $(function() {
+      page_handler = fe.pageHandler;
+      page_handler.initialize("<%= @presenter.active_page_link.try(:dom_id) %>");
+      // Event.observe(window, "unload", page_handler.savePage);
+
+      // Validation.add("validate-phone", "Please enter a valid phone number +1-800-555-1234 x102", {
+      //   pattern: /((\(\d{3}\)?)|(\d{3}))((\s|-|\.|\/)?)(\d{3})((\s|-|\.|\/)?)(\d{4})\s*([xX]|[eE][xX][tT])?\.?\s*\d*$/
+      // });
+      // Validation.add("validate-rating", "Please select one of the above options.", function(v,elm) {
+      //  var p = elm.parentNode.parentNode;
+      //  var options = p.getElementsByTagName("INPUT");
+      //  return $A(options).any(function(elm) {
+      //    return $F(elm);
+      //  });
+      // })
+
+      // global responders for all Ajax requests
+      $(function() {
+        $(document).ajaxStart(function() {
+          $("#page_ajax_spinner").show();
+          $("#page_ajax_spinner").css({top: $(window).scrollTop() + 200});
+        }).ajaxComplete(function() {
+          $("#page_ajax_spinner").hide();
+        })
+      });
+    });
+    function updateTotals() {
+      // Set up js for all question grids with totals
+      <% if @page %>
+        <% @page.question_sheet.pages.collect(&:question_grid_with_totals).flatten.each do |question_grid_with_total|
+            question_grid_with_total.total_cols.split(",").collect(&:to_i).each do |col| -%>
+              try {
+                updateTotal("<%= "#{question_grid_with_total.id}_#{col - 1}" %>");
+                $(".col_<%= "#{question_grid_with_total.id}_#{col - 1}" %>").change(function(e) {
+                  updateTotal("<%= "#{question_grid_with_total.id}_#{col - 1}" %>");
+                });
+              } catch(e) {}
+        <%  end
+          end %>
+      <% end %>
+    }
+    $(function() { $(document).trigger("fePageLoaded"); });
+  </script>
+  <%= render "fe/answer_sheets/submit_to" %>
+<% end %>

data/app/views.current/fe/answer_sheets/incomplete.js.erb

@@ -0,0 +1,11 @@
+if ($('#submit_message, .submit_message').length == 0) {
+  $("ul#questions_list").filter(":visible").append("<li><div id=\"submit_message\"></div></li>");
+}
+$('#submit_message, .submit_message').html('<%= escape_javascript(render("incomplete")) %>')
+<% @answer_sheet.pages.each do |page| %>
+  $page = $('<%= escape_javascript(render("fe/answer_sheets/page_link", page_link: @presenter.new_page_link(@answer_sheet, page))) %>');
+  <% id = "##{dom_id(@answer_sheet)}-#{dom_id(page)}-li" %> 
+  $('<%= id %>').replaceWith($page.find('<%= id %>'));
+<% end %>
+$('#submit_message, .submit_message').show();
+$('#'+fe.pageHandler.current_page+'-li').addClass('active');

data/app/views.current/fe/answer_sheets/index.html.erb

@@ -0,0 +1,18 @@
+<h1>Questionnaires</h1>
+
+<% form_tag fe_answer_sheets_path do %>
+  <%= select_tag("question_sheet_id", options_for_select(@question_sheets)) %>
+  <%= submit_tag("Capture") %>
+<% end -%>
+
+<table cellspacing="0" class="list"> 
+<% for answer_sheet in @answer_sheets %>
+  <tr>
+    <td><%= link_to answer_sheet.question_sheet.label, edit_fe_answer_sheet_path(answer_sheet) %></td>
+    <td><%= link_to "Review", fe_answer_sheet_path(answer_sheet), method: :get %></td>
+  </tr>
+<% end %>
+</table>
+
+<br />
+

data/app/views.current/fe/answer_sheets/send_reference_invite.js.erb

@@ -0,0 +1,8 @@
+<% unless @reference.valid? %>
+	alert('<%= escape_javascript(@reference.errors.full_messages.join("\n").html_safe) %>');
+<% else %>
+	<% if @reference.email_sent_at.present? %>
+	  $('#ref_last_sent_<%= @reference.id %>').html('<%= @reference.email_sent_at.strftime("%m/%d/%Y @ %I:%M%p") %>')
+	  $('#ref_last_sent_<%= @reference.id %>').effect("highlight", {}, 3000);
+	<% end %>
+<% end %>

data/app/views.current/fe/answer_sheets/show.html.erb

@@ -0,0 +1,13 @@
+<div id="controls">
+  <div id="panel">
+    <div class="panel">
+      &nbsp;
+    </div>
+  </div>
+</div>
+
+<div id="preview" class="answer-page">
+    
+<%= render partial: "fe/answer_sheets/answer_sheet", locals: {answer_sheet: @answer_sheet, elements: @elements } %>
+
+</div>

data/app/views.current/fe/applications/_logout.html.erb

@@ -0,0 +1 @@
+<% if user_signed_in? %><%= link_to(_("Log Out"), destroy_user_session_path, { method: :delete, style: "color: #fff;", id: "link-log-out" }) %><% end %>

data/app/views.current/fe/applications/show.html.erb

@@ -0,0 +1 @@
+Implement the applications show view in your app

data/app/views.current/fe/help/builder.html

@@ -0,0 +1,33 @@
+<div id="help">
+<h1>Form Designer Help</h1>
+
+<h2>Pages</h2>
+
+<p>Pages are the individual forms which make up a questionnaire.  There must be 
+	at least one page in your questionnaire, but there is no limit to the number
+	of pages allowed.</p>
+	
+<p>To add a page, click the "Add a page" link at the bottom of the list of 
+	pages.</p>
+	
+<p>To edit a page's title, click the text of the title in the preview area on the right.</p>
+
+<p>To edit the name of the questionnaire, click the text of the questionnaire's title in the preview area on the right.</p>
+	
+<h2>Elements</h2>
+
+<p>Elements are the individual questions on a page.  The list of elements can
+	be seen by clicking on the "Elements" tab.  To add an element, simply
+	click the type you wish to add to your form.  Once an element has been
+	added to a page, you can edit, reorder and add elements to grids.</p>
+
+<p>To edit an element, click on the 'pencil' icon [ <img src="/images/fe/icons/pencil.png" style="height: 11px; width: 11px;" /> ].</p>
+
+<p>To reorder elements, click on the 'drag' icon [ <img src="/images/fe/icons/move.png" style="height: 11px; width: 11px;" />  ]
+	and drag the element to the desired position in the list.  If you need to scroll to get to the desired position, you can use either the scroll wheel on your mouse
+	or your keyboard (arrows, page up/down, etc).</p>
+
+<p>To add an element to a grid, click on the 'drag' icon [ <img src="/images/fe/icons/move.png" style="height: 11px; width: 11px;" /> ] and drag the element onto the grid, within the gray border of the grid.</p>
+
+<p>To remove an element from a grid, click the 'remove' icon [ <img src="/images/fe/icons/arrow_out.png" style="height: 11px; width: 11px;" /> ]. </p>
+</div>

data/app/views.current/fe/help/question_grid.html

@@ -0,0 +1,18 @@
+<div id="help">
+<div style="float: right;"><a href="#" class="lbAction" rel="deactivate">close X</a></div>
+
+	<h1>Question Grid Help</h1>
+	
+	<p>Grids will not be displayed in a grid format in the administration 
+		system for easier editing and organization.  Please view the public
+		application to preview the final grid format once you have fully assembled
+		your list of elements in the grid.</p>
+	
+	<p>Set the number of columns and column headings using the <b>Column Headings</b>
+		field.  When the formatted grid is displayed on an application, the 
+		elements will be added left-to-right.  A new row will be created depending
+		on the number of columns you've set for the grid.  For example, if your 
+		<b>Column Headings</b> are "Column 1;Column 2;Column 3", then you have three
+		columns and every three elements added to the grid will create a new 
+		row in the grid.</p>
+</div>

data/app/views.current/fe/questions/fe/_acceptance.html.erb

@@ -0,0 +1,14 @@
+<% css_class = "checkbox " + acceptance.validation_class(@answer_sheet, @page)
+   checked = acceptance.has_answer?("1", @answer_sheet)
+   locked = acceptance.locked?(params, @answer_sheet, @presenter, current_person)
+%>
+<%= check_box_tag "answers[#{acceptance.id}]", "1",
+       checked,
+      id: dom_id(acceptance),
+      class: css_class,
+      disabled: locked,
+      readonly: locked %>
+<label class="choice" for="<%= dom_id(acceptance) %>">
+  <%= raw acceptance.label(session[:locale]) %>
+</label>
+<%= hidden_field_tag "answers[#{acceptance.id}]", "", id: "" %>