fe 0.0.3

data/app/views/fe/admin/panels/_prop_section.html.erb

@@ -0,0 +1,2 @@
+    <p><label for="element_label" class="desc">Heading Label <span class="required">required</span></label>
+        <%= f.text_field :label, :maxlength => Element.max_label_length %></p>

data/app/views/fe/admin/panels/_prop_sheet.html.erb

@@ -0,0 +1,17 @@
+<div id="panel-properties-sheet" class="panel" style="display:block;">
+    <p class="instruction">Update the settings for this form.</p>
+    
+    <div id="errors">
+       <%= render :partial => 'errors', :locals => { :question_sheet => @question_sheet }%>
+    </div>
+
+<%= form_for @question_sheet, :url => admin_question_sheet_path(@question_sheet), :remote => true, :method => :put do |f| %>
+
+    <p><label for="" class="desc">Label <span class="required">required</span></label>
+        <%= f.text_field :label, :maxlength => 60 %></p>
+
+    <p class="buttons">
+        <%= submit_tag"Update &raquo;".html_safe %></p>
+
+<% end %>
+</div>

data/app/views/fe/admin/panels/_prop_text_field.html.erb

@@ -0,0 +1,20 @@
+<%- options = [ OptionGroup.new('Short Answer', [
+                    Option.new('short', 'Simple'),
+                    Option.new('number', 'Number'),
+                    Option.new('currency-dollar', 'Currency'),
+                    Option.new('email', 'E-mail address'),
+                    Option.new('url', 'Web address'),
+                    Option.new('phone', 'Telephone number')
+                  ]),
+                OptionGroup.new('Long Answer', [
+                    Option.new('essay', 'Essay')
+                  ])
+              ]
+%>
+<div class="field">
+  <label for="element_style" class="desc">Style</label>
+  <%= select_tag 'element[style]', 
+        option_groups_from_collection_for_select(options, 'group', 'label', 'key', 'value', @element.style) %>
+</div>
+
+<%= render 'admin/panels/common_fields', :f => f %>

data/app/views/fe/admin/question_pages/_element.html.erb

@@ -0,0 +1,18 @@
+<li class="element" id="element_<%= element.id %>">
+  <div class="controls">
+  	<ul>
+  		<li><%= link_to "edit", edit_admin_question_sheet_page_element_path(@page.question_sheet.id, @page.id, element.id), :remote => true, :method => :get, :class => "edit", :title => "Edit this element" %></li>
+  <% if in_grid -%>		
+  		<li><%= link_to("remove", remove_from_grid_admin_question_sheet_page_element_path(@page.question_sheet.id, @page.id, element.id), :remote => true, :class => "remove", :title => "remove" )%></li>
+  <% end -%>
+      <li><%= link_to "duplicate",  duplicate_admin_question_sheet_page_element_path(@page.question_sheet.id, @page.id, element.id), :remote => true, :method => :post, :class => "duplicate", :title => "Duplicate this element" %></li>
+      <li><%= link_to('Delete', admin_question_sheet_page_element_path( @page.question_sheet_id,  @page.id, element.id), :remote => true, :method => :delete, :class => "delete", data: {confirm: "Are you sure you want to remove this element from this form?"}, :title => "Permanently delete this item") %></li>
+  		<li><a href="#" class="handle" title="Reorder this element">drag</a></li>
+  	</ul>
+  </div>
+  <div class="q" id="element_<%= dom_id(element) %>">
+      <%= render 'admin/question_pages/element_show', :element => element %>
+  </div>
+  <div class="q q_form" id="element_form_<%= dom_id(element) %>">
+  </div>
+</li>

data/app/views/fe/admin/question_pages/_element_show.html.erb

@@ -0,0 +1,10 @@
+<%# encoding: utf-8 %>
+<% if element.question? && element.label.present? && !element.hide_label? -%>
+  <label for="<%= dom_id(element) %>" class="desc">
+    <%= raw element.label %>
+    <% if element.required? -%><span class="required">required</span><% end -%>
+    <%= image_tag('fe/icons/question-balloon.png', :class => 'tip', :title => element.tooltip) if element.tooltip.present? %>
+  </label>
+<% end -%>
+    
+<%= render :partial => 'questions/' + element.ptemplate, :object => element, :locals => {:col => nil} %>

data/app/views/fe/admin/question_pages/_errors.html.erb

@@ -0,0 +1 @@
+<%= error_messages_for :page %>

data/app/views/fe/admin/question_pages/_question_page.html.erb

@@ -0,0 +1,13 @@
+<div class="page">
+  <h3 id='page-name'>
+    <%= link_to @page.label, edit_admin_question_sheet_page_path(@page.question_sheet_id, @page.id), :remote => true, :method => :get ,  :class => "ctl", :id => "link-page-name"  -%>
+  </h3>
+  <% if @page.elements.length > 0 %>
+    <ul>
+    <ul class="questions" id="questions_list" data-sortable="true" data-sortable-url="<%= reorder_admin_question_sheet_page_elements_path(@page.question_sheet_id, @page.id) %>" data-sortable-handle=".handle">
+      <%= render :partial => 'admin/question_pages/element', :collection => @page.elements, :locals => {:in_grid => false} %>
+    </ul>
+  <% else %>
+    <div style="background: #ffc;"><p>You don't have any questions on this page yet.</p></div>
+  <% end %>
+</div>

data/app/views/fe/admin/question_pages/create.js.erb

@@ -0,0 +1,11 @@
+$('#page-preview').html('<%= escape_javascript(render('admin/question_pages/question_page')) %>')
+$('#panel').html('<%= escape_javascript(render('admin/panels/prop_page', :page => @page)) %>')
+$('#nav-controls').html('<%= escape_javascript(render('admin/panels/nav_controls')) %>')
+switchTab('properties');
+selectPage();
+$('#list-pages li').removeClass('active')
+$('#link-<%= dom_id(@page) %>').addClass('active')
+clearCurrentElement()
+activeElement = ''
+$(".tip[title]").tooltip();
+

data/app/views/fe/admin/question_pages/destroy.js.erb

@@ -0,0 +1,5 @@
+$('#panel').html('<%= escape_javascript(render('admin/panels/pages_list')) %>')
+$('#page-preview').html('<%= escape_javascript(render('admin/question_pages/question_page')) %>')
+$('#nav-controls').html('<%= escape_javascript(render('admin/panels/nav_controls')) %>')
+switchTab("pages_list")
+

data/app/views/fe/admin/question_pages/edit.js.erb

@@ -0,0 +1,3 @@
+$('#panel').html('<%= escape_javascript(render('admin/panels/prop_page', :page => @page)) %>');
+switchTab('properties');
+selectPage();

data/app/views/fe/admin/question_pages/error.js.erb

@@ -0,0 +1,4 @@
+$('#errors').html('<%= escape_javascript(render('errors', :element => @page)) %>')
+<% @page.errors.each do |attr_name, message| %>
+  addError("page_<%= attr_name %>")
+<% end %>

data/app/views/fe/admin/question_pages/show.js.erb

@@ -0,0 +1,8 @@
+$('#page-preview').html('<%= escape_javascript(render('admin/question_pages/question_page')) %>')
+$('#nav-controls').html('<%= escape_javascript(render('admin/panels/nav_controls')) %>')
+switchTab("pages_list")
+$('#list-pages li').removeClass('active')
+$('#link-<%= dom_id(@page) %>').addClass('active')
+clearCurrentElement()
+activeElement = ''
+$(".tip[title]").tooltip();

data/app/views/fe/admin/question_pages/show_panel.js.erb

@@ -0,0 +1,3 @@
+$('#panel').html('<%= escape_javascript(render('admin/panels/' + @panel_name)) %>')
+switchTab('<%= @tab_name %>')
+clearCurrentElement()

data/app/views/fe/admin/question_pages/update.js.erb

@@ -0,0 +1,2 @@
+$("#page-name").html('<%= escape_javascript(@page.label) %>')
+$('#panel').html('<%= escape_javascript(render('admin/panels/pages_list')) %>')

data/app/views/fe/admin/question_sheets/_errors.html.erb

@@ -0,0 +1 @@
+<%= error_messages_for :question_sheet %>

data/app/views/fe/admin/question_sheets/edit.js.erb

@@ -0,0 +1,3 @@
+$('#panel').html('<%= escape_javascript(render('admin/panels/prop_sheet', :question_sheet => @question_sheet)) %>');
+clearPageName()
+clearCurrentElement()

data/app/views/fe/admin/question_sheets/error.js.erb

@@ -0,0 +1,5 @@
+$('#errors').html('<%= escape_javascript(render('errors', :page => @question_sheet)) %>');
+
+<% @question_sheet.errors.each do |attr_name, message| %> 
+  addError('question_sheet_<%= attr_name %>')
+<% end %>

data/app/views/fe/admin/question_sheets/index.html.erb

@@ -0,0 +1,41 @@
+<div id="content">
+  <h1>Questionnaires</h1>
+    
+	<% if flash[:error] -%>
+		<div style="background: #ffe5df; border: solid 1px #efbeb3; padding: 9px; margin: 0 0 18px;"><%= flash[:error] %></div>
+	<% end -%>
+
+  <%= link_to 'New Form', admin_question_sheets_path(), :method => :post, :class => "add-link" %>
+  <br/>	
+  <table cellspacing="0" class="list"> 
+    <tr>
+      <th>Active Question Sheets</th>
+      <th colspan="3">&nbsp;</th>
+    </tr>
+    <% for question_sheet in @active_question_sheets %>
+      <tr class="<%= cycle("","alt") %>">
+        <td class="title"><%= link_to question_sheet.label, admin_question_sheet_path(question_sheet), :class => "questionnaire" %></td>
+        <td class="actions"><%= link_to 'Duplicate', duplicate_admin_question_sheet_path(question_sheet), data: {confirm: 'This will take some time depending on the number of questions. Please be patient.'}, :method => :post, :class => 'duplicate' %></td>
+        <td class="actions"><%= link_to 'Archive', archive_admin_question_sheet_path(question_sheet), data: {confirm: 'Are you sure you want to archive this Question Sheet?'}, :method => :post, :class => 'archive' %></td>
+        <td class="actions"><%= link_to 'Destroy', admin_question_sheet_path(question_sheet), data: {confirm: 'Are you sure you want to delete this Question Sheet?'}, :method => :delete, :class => "destroy", :class => 'delete' %></td>
+      </tr>
+    <% end %>
+  </table>
+    
+	
+  <table cellspacing="0" class="list"> 
+    <tr>
+      <th>Archived Question Sheets</th>
+      <th>&nbsp;</th>
+      <th>&nbsp;</th>
+    </tr>
+    <% for question_sheet in @archived_question_sheets %>
+      <tr class="<%= cycle("","alt") %>">
+        <td class="title"><%= link_to question_sheet.label, admin_question_sheet_path(question_sheet), :class => "questionnaire" %></td>
+        <td class="actions"><%= link_to 'Duplicate', duplicate_admin_question_sheet_path(question_sheet), data: {confirm: 'This will take some time depending on the number of questions. Please be patient.'}, :method => :post, :class => 'duplicate' %></td>
+        <td class="actions"><%= link_to 'Un-Archive', unarchive_admin_question_sheet_path(question_sheet), :method => :post, :class => 'unarchive'  %></td>
+      </tr>
+    <% end %>
+  </table>
+</div>
+

data/app/views/fe/admin/question_sheets/new.html.erb

@@ -0,0 +1,15 @@
+<h1>New Form</h1>
+
+<%= error_messages_for :question_sheet %>
+
+<% form_for(:question_sheet, :url => admin_question_sheets_path) do |f| %>
+  <p>
+    <label for="question_sheet_label">Label</label>
+    <%= f.text_field :label, :maxlength => 60 %>
+  </p>
+  <p>
+    <%= submit_tag "Create" %>
+  </p>
+<% end %>
+
+<%= link_to 'Back', admin_question_sheets_path %>

data/app/views/fe/admin/question_sheets/show.html.erb

@@ -0,0 +1,27 @@
+<script language="javascript">
+var activeElement = "";
+</script>
+
+
+<div id="controls">
+  <ul id="nav-controls">
+    <%= render :partial => 'admin/panels/nav_controls' %>
+  </ul>
+      
+  <div id="panel">
+    <%= render :partial => 'admin/panels/pages_list' %>
+  </div>
+</div>
+
+
+<div id="preview">
+  <h2 id='sheet-name'>
+    <%= link_to @question_sheet.label, edit_admin_question_sheet_path(@question_sheet), :remote => true, :method => :get , :class => "ctl"  -%>
+  </h2>
+  <div id="page-preview">
+    <%= render :partial => 'admin/question_pages/question_page' %>
+  </div>
+</div>
+
+<div style="clear:both;">&nbsp;</div>
+

data/app/views/fe/admin/question_sheets/update.js.erb

@@ -0,0 +1,2 @@
+$('#sheet-name').html('<%= escape_javascript(@question_sheet.label) %>');
+$('#panel').html('<%= escape_javascript(render('admin/panels/prop_sheet', :question_sheet => @question_sheet)) %>');

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

@@ -0,0 +1,56 @@
+<% 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" style="<% if show_first.nil? -%>display: none;<% end -%>">  <!-- this id is parsed by fe.public.js -->
+
+    <div class="page">
+      <h3 id='page-name'><%= @presenter.active_page.label %></h3>
+    
+      <% if @elements.length > 0 -%>
+        <%= form_tag @presenter.active_page_link.save_path, :id => "#{page_dom}-form", :onsubmit => "$.fe.pageHandler.savePage($('#sp_application_55716-page_331')); return false;", :multipart => true do -%>
+          <ul class="questions" id="questions_list">
+            <% @elements.each do |element| %>
+              <li class="<%= element.class.to_s.downcase %>" id="element_<%= element.id %>">
+                <%= render 'answer_pages/element', :element => element %>
+              </li>
+            <% end %>
+          </ul>     
+      
+          <% if next_js.empty? -%>
+            <div id="submit_message" class="validation-advice" style="display: none;"></div>
+  					<div>
+              <button type="submit" onclick="page_handler.completeAll(); return false;" id="submit_button"><span>Submit</span></button>
+  	          <button type="button" class="save_button" style="font-family: Arial; cursor: pointer;"><span>Save Now</span></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="save_button" style="font-family: Arial; cursor: pointer;"><span>Save Now</span></button>
+  	          <button type="button" onclick="<%= next_js %>" style="font-family: Arial; cursor: pointer;"><span>Next >></span></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/fe/answer_pages/_element.html.erb

@@ -0,0 +1,9 @@
+<% if element.question? && element.default_label? && element.label.present? && !element.hide_label? -%>
+  <label for="<%= dom_id(element) %>" class="desc">
+    <%= raw element.label %>
+    <% if element.required?(@answer_sheet) -%><span class="required">required</span><% end -%>
+    <%= tip(element.tooltip) if element.tooltip.present? %>
+  </label>
+<% end -%>
+
+<%= render :partial => 'questions/' + element.ptemplate, :object => element, :locals => {:col => nil} %>

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

@@ -0,0 +1,5 @@
+$('.last-saved').html('<%= escape_javascript(l(@answer_sheet.updated_at, :format => :datetime)) %>')
+<% if @answer && @answer.attachment_file_name %>
+    $('#attachment_field_<%= @answer.question_id %>_filename').html('Current File: <%= link_to(@answer.attachment_file_name, @answer.attachment.url) %>')
+    $('#attachment_field_<%= @answer.question_id %>_filename').effect('highlight')
+<% end %>

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

@@ -0,0 +1,24 @@
+<h2 id='sheet-name'><%= answer_sheet.question_sheet.label %></h2>
+
+<% if elements.length > 0 -%>
+  
+  <% elements.each do |page, page_elements| -%>
+  
+    <div class="page">
+      <h3><%= page.label %></h3>
+      <ul class="questions readonly" start="<%= @question_number %>">
+        <%= render :partial => '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/fe/answer_sheets/_element.html.erb

@@ -0,0 +1,54 @@
+<% if element.kind == "Fe::QuestionGrid" -%>
+  <li>
+  	<label class="desc"><%= raw element.label %></label>
+  	<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>
+                        <% end %>
+                        <span class="answer"><%= simple_format grid_element.display_response(@answer_sheet) %></span>
+  			<% 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>
+<% elsif element.question_grid_id.nil? && element.conditional_id.nil? -%>
+  <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 => 'questions/' + element.ptemplate, :object => element %>
+    <% end -%>
+  </li>
+<% end -%>

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

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

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

@@ -0,0 +1,7 @@
+<% 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.dom_id == @presenter.active_page, :id => page_link.dom_id + '-li', :class => css_class) do %>
+  <%= link_to_function(page_link.label, 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 -%>

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

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

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

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

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

@@ -0,0 +1,60 @@
+<div id="controls">
+  <div id="panel">
+    <%= render :partial => '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 => 'answer_sheets/title' %>
+    <%= render :partial => 'answer_pages/answer_page', :locals => { :show_first => true } %>
+</div>
+
+<script type="text/javascript">
+  $(function() {
+    page_handler = $.fe.pageHandler;
+    page_handler.initialize('<%= @presenter.active_page.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() {
+    	$('#page_ajax_spinner').ajaxStart(function() {
+    		$(this).show();
+    	}).ajaxComplete(function() {
+    		$(this).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}" %>").each(function(e) {
+                Event.observe(e, 'blur', function(event) {
+                  updateTotal('<%= "#{question_grid_with_total.id}_#{col - 1}" %>')
+                });
+              });
+            } catch(e) {}
+      <%  end
+        end %>
+    <% end %>
+  }
+</script>
+<%= hidden_field_tag 'submit_to', submit_answer_sheet_path(@answer_sheet), :id => 'submit_to' %>