fe 1.0.0 → 2.0.0

data/app/views.current/fe/admin/email_templates/index.html.erb

@@ -0,0 +1,20 @@
+<div id="content">
+    <h1>Email Templates</h1>
+    
+    <table cellspacing="0" class="list"> 
+        <tr>
+            <th>Template Name</th>
+            <th>&nbsp;</th>
+        </tr>
+    <% for email_template in @email_templates %>
+      <tr class="<%= cycle("","alt") %>">
+        <td><%= link_to email_template.name, edit_fe_admin_email_template_path(email_template), class: "email-template" %></td>
+        <td class="actions"><%= link_to "Destroy", fe_admin_email_template_path(email_template), data: {confirm: "Are you sure?"}, method: :delete, class: "destroy" %></td>
+      </tr>
+    <% end %>
+    </table>
+    
+    <br />
+    
+    <%= link_to "New Template", new_fe_admin_email_template_path, method: :GET, class: "add-link" %>
+</div>

data/app/views.current/fe/admin/email_templates/new.html.erb

@@ -0,0 +1,11 @@
+<div id="content">
+    <h1>New Email Template</h1>
+    
+    <%= error_messages_for :email_template %>
+    
+    <%= form_for(:email_template, url: fe_admin_email_templates_path) do |f| %>
+        <%= render partial: "form", locals: {f: f}%>
+        
+        <p><%= submit_tag "Create" %> or <%= link_to "Cancel", fe_admin_email_templates_path, class: "cancel" %></p>
+    <% end %>
+</div>

data/app/views.current/fe/admin/panels/_advanced_options.html.erb

@@ -0,0 +1,49 @@
+<h3 id="<%= dom_id(element) %>-h3-show-advanced-options">Advanced Options<br/>
+<a style="font-size: 11px; font-weight: normal; " href="#" onclick="$("#<%= dom_id(element) %>-pnl-advanced").show();$("#<%= dom_id(element) %>-h3-show-advanced-options").hide();return false;">Show Advanced Options</a></h3>
+
+<div id="<%= dom_id(element) %>-pnl-advanced" style="display: none;">
+	<h3>Advanced Options<br/>
+		<a style="font-size: 11px; font-weight: normal; " href="#" onclick="$("#<%= dom_id(element) %>-pnl-advanced").hide();$("#<%= dom_id(element) %>-h3-show-advanced-options").show();return false;">Hide Advanced Options</a></h3>
+
+  <div class="future_affect">
+    <%= label_tag "Future questions/pages will be shown based on the answer to this question: " %>
+    <%= radio_button_tag :future_affect, "yes" %>
+    <%= label_tag :future_affect_yes, "Yes" %>
+    <%= radio_button_tag :future_affect, "no" %>
+    <%= label_tag :future_affect_no, "No" %>
+    <% if @element.conditional.present? %>
+      <script>$(function() { $("#<%= dom_id(element) %>-pnl-advanced input[name=future_affect][value=yes]").click(); });</script>
+    <% end %>
+    <div class="future_answer" style="display:none">
+      What answer should show the element or page? <%= f.text_field "conditional_answer" %>
+      <br/>
+      Enter multiple answers separated by semi-colon to match using an OR condition.  Ex: "Option A; Option B" will match either "Option A" or "Option B" answers
+    </div>
+    <div class="future_target" style="display:none">
+      <label>Should it show the next element or a page further down the application?</label>
+      <%= f.radio_button :conditional_type, "Fe::Element" %>
+      <%= f.label :conditional_type_feelement, "Next Element" %>
+      <%= f.radio_button :conditional_type, "Fe::Page" %>
+      <%= f.label :conditional_type_fepage, "Page" %>
+      <%= f.radio_button :conditional_type, "", style: "display:none" %>
+      <script>$(function() { $("#<%= dom_id(element) %>-pnl-advanced .future_target input[checked]").click(); });</script>
+    </div>
+    <div class="future_page" style="<%= "display:none" unless @element.conditional.is_a?(Fe::Page) %>">
+      <label>Which page? </label>
+      <%= f.collection_select :conditional_id, @page.question_sheet.pages, :id, :label, include_blank: true %>
+    </div>
+  </div>
+  <br/>
+
+	<p><label for="css_class" class="desc">Css Class</label>
+		<%= f.text_field :css_class %></p>
+
+	<p><label for="element_object" class="desc">Object Name</label>
+		<%= f.text_field :object_name %></p>
+
+	<p><label for="element_object" class="desc">Attribute Name</label>
+		<%= f.text_field :attribute_name %></p>
+
+	<p><label for="element_object" class="desc">Max Length</label>
+		<%= f.text_field :max_length %></p>
+</div>

data/app/views.current/fe/admin/panels/_common_boolean_fields.html.erb

@@ -0,0 +1 @@
+<%= render "fe/admin/panels/common_boolean_fields_default", f: f %>

data/app/views.current/fe/admin/panels/_common_boolean_fields_default.html.erb

@@ -0,0 +1,11 @@
+<p>
+  <%= f.check_box :required, class: "inlinecheck" %>
+  <label for="element_required" class="inline">This field is required</label>
+</p>
+
+<p><%= f.check_box :is_confidential, class: "inlinecheck" %> <label for="element_is_confidential" class="inline">This field is confidential</label></p>
+
+<p>
+  <%= f.check_box :hide_label, class: "inlinecheck" %>
+  <label for="element_hide_label" class="inline">Hide Label</label>
+</p>

data/app/views.current/fe/admin/panels/_common_fields.html.erb

@@ -0,0 +1,23 @@
+<p>
+  <label for="element_label" class="desc">Label (English) <span class="required">required</span></label>
+  <%= f.text_field :label, maxlength: Fe::Element.max_label_length %>
+</p>
+<% @page.question_sheet.languages.select(&:present?).each do |language| %>
+  <p>
+  <label for="element_label_translations_<%= language %>" class="desc">Label (<%= Fe::LANGUAGES[language] %>) <span class="required">required</span></label>
+  <%= text_field_tag "element[label_translations][#{language}]", @element.label_translations[language] %>
+  </p>
+<% end %>
+
+<p>
+  <label for="element_tooltip" class="desc">Tip (English)</label>
+  <%= f.text_field :tooltip %>
+</p>
+<% @page.question_sheet.languages.select(&:present?).each do |language| %>
+  <p>
+    <label for="element_tip_translations_<%= language %>" class="desc">Tip (<%= Fe::LANGUAGES[language] %>)</label>
+  <%= text_field_tag "element[tip_translations][#{language}]", @element.tip_translations[language] %>
+  </p>
+<% end %>
+
+<%= render "fe/admin/panels/common_boolean_fields", f: f %>

data/app/views.current/fe/admin/panels/_condition.html.erb

@@ -0,0 +1,6 @@
+<% fields_for "element[conditions_attributes][#{i}]", condition do |fields| -%>
+  <p><%= "and<br/>" if i != 0 %>
+  	<%= fields.collection_select :trigger_id, @questions_before_this, :id, :label %> is
+  	<%= fields.text_field :expression %>
+  </p>
+<% end -%>

data/app/views.current/fe/admin/panels/_insert.html.erb

@@ -0,0 +1,39 @@
+<% route = { question_sheet_id: @page.question_sheet_id, page_id: @page.id } %>
+
+<div id="panel-elements" class="panel">
+
+  <p class="instruction">Click an element to add it to the end of 
+  your page (you can drag and drop fields to reorder them later). <a href="/fe/help/builder.html" class="lbOn help" id="link-builder-help" >Help</a></p>
+     
+  <ul id="list-elements" class="list-elements">
+    <li id="sp"><%= link_to "Heading", fe_admin_question_sheet_page_elements_path(route.merge(element_type: "Fe::Section")),
+                      remote: true,
+                      method: :post %></li>
+    <li id="pa"><%= link_to "Paragraph", fe_admin_question_sheet_page_elements_path(route.merge(element_type: "Fe::Paragraph")),
+                      remote: true, 
+                      method: :post %></li>
+    <li id="sl"><%= link_to "Short Answer",  new_fe_admin_question_sheet_page_element_path(route.merge(element_type: "Fe::TextField", human_type: "Short Answer")),
+                      remote: true %></li>
+    <li id="ml"><%= link_to "Long Answer", new_fe_admin_question_sheet_page_element_path(route.merge(element_type: "Fe::TextField", human_type: "Long Answer")),
+                      remote: true %></li>
+    <li id="co"><%= link_to "Choose One", new_fe_admin_question_sheet_page_element_path(route.merge(element_type: "Fe::ChoiceField", human_type: "Choose One")),
+                      remote: true %></li>
+    <li id="cm"><%= link_to "Choose Many", new_fe_admin_question_sheet_page_element_path(route.merge(element_type: "Fe::ChoiceField", human_type: "Choose Many")),
+                      remote: true %></li>
+    <li id="dt"><%= link_to "Date",  new_fe_admin_question_sheet_page_element_path(route.merge(element_type: "Fe::DateField", human_type: "Date")),
+                      remote: true %></li>
+    <li id="qg"><%= link_to "Grid",  new_fe_admin_question_sheet_page_element_path(route.merge(element_type: "Fe::QuestionGrid", human_type: "Grid")),
+                      remote: true %></li>
+    <li id="at"><%= link_to "Attachment", new_fe_admin_question_sheet_page_element_path(route.merge(element_type: "Fe::AttachmentField", human_type: "Attachment")),
+                      remote: true %></li>
+    <li id="qgt"><%= link_to "Grid w/Total", new_fe_admin_question_sheet_page_element_path(route.merge(element_type: "Fe::QuestionGridWithTotal", human_type: "Grid w/Total")),
+                      remote: true %></li>
+    <%#- unless Fe::Form.respond_to?(:no_refs) && Fe::Form.no_refs -%>
+    <li id="ref"><%= link_to "Reference",  new_fe_admin_question_sheet_page_element_path(route.merge(element_type: "Fe::ReferenceQuestion", human_type: "Reference")),
+                      remote: true %></li>
+    <%#- end -%>
+  </ul>
+  
+  <p style="clear: both;">&nbsp;</p>
+</div>
+

data/app/views.current/fe/admin/panels/_nav_controls.html.erb

@@ -0,0 +1,6 @@
+<% route = { question_sheet_id: @question_sheet.id, id: @page.id } -%>
+
+<li id="tab-pages_list" class="active"><%= link_to "Pages", show_panel_fe_admin_question_sheet_page_path( route.merge(panel_name: "pages_list")), remote: true, method: :get %></li>
+<li id="tab-insert"><%= link_to "Elements", show_panel_fe_admin_question_sheet_page_path(route.merge(panel_name: "insert")), remote: true, method: :get %></li>
+<li id="tab-properties"><%= link_to "Properties", show_panel_fe_admin_question_sheet_page_path(route.merge(panel_name: "properties")), remote: true, method: :get %></li>
+<div class="clear"></div>

data/app/views.current/fe/admin/panels/_page.html.erb

@@ -0,0 +1,3 @@
+<li id="link-<%= dom_id(page) %>" class="sortable <% if page == current_page %>active<% end -%>">
+  <%= link_to page.label, fe_admin_question_sheet_page_path(page.question_sheet_id, page.id), remote: true, method: :get %>
+</li>

data/app/views.current/fe/admin/panels/_pages_list.html.erb

@@ -0,0 +1,16 @@
+<div id="panel-pages" class="panel">
+<div>
+  
+  <%= link_to "Add a page", fe_admin_question_sheet_pages_path(@page.question_sheet_id), remote: true, method: :post,  id: "link-page-add"  %>
+     
+  <ul id="list-pages" data-sortable="true" data-sortable-url="<%= reorder_fe_admin_question_sheet_pages_path(@page.question_sheet_id) %>">
+    <%= render partial: "fe/admin/panels/page", collection: @all_pages, locals: { current_page: @page } %>
+  </ul>
+  
+  
+</div>
+
+</div>
+
+<p class="instruction">Select a page to edit.  Click "Add a page" 
+to add a page to your form. <a href="/fe/help/builder.html" class="help" id="link-builder-help" >Help</a></p>

data/app/views.current/fe/admin/panels/_prop_attachment_field.html.erb

@@ -0,0 +1,2 @@
+<%= hidden_field_tag "element[style]", "file" %>
+<%= render "fe/admin/panels/common_fields", f: f %>

data/app/views.current/fe/admin/panels/_prop_choice_field.html.erb

@@ -0,0 +1,74 @@
+<%- options = [ Fe::OptionGroup.new("Choose One", [
+                    Fe::Option.new("drop-down", "Drop Down"),
+                    Fe::Option.new("radio", "Radio Buttons"),
+					          Fe::Option.new("rating", "Rating"),
+					          Fe::Option.new("acceptance", "Acceptance"),
+	                  Fe::Option.new("yes-no", "Yes/No"),
+                    Fe::Option.new("country", "Country")
+                  ]),
+                Fe::OptionGroup.new("Choose Many", [
+                    Fe::Option.new("checkbox", "Checkboxes")
+                  ])
+              ]
+%>
+    <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),
+          onchange: "if(["acceptance", "yes-no"].include($F("element[style]"))) $("choices_section").hide(); else $("choices_section").show();" %></div>
+
+<%= render "fe/admin/panels/common_fields", f: f %>
+
+<% if @element.style == "rating" %>
+  <% %w(before after na).each do |prefix| %>
+    <p>
+      <% text = prefix == "na" ? "\"Don"t Know\" " : "#{prefix.capitalize} Rating" %>
+      <% label = "(Optional) #{text} Label" %>
+      <label for="element_rating_<%= prefix %>_label" class="desc"><%= label %> (English)</label>
+      <%= f.text_field :"rating_#{prefix}_label", maxlength: Fe::Element.max_label_length %>
+    </p>
+
+    <% @page.question_sheet.languages.select(&:present?).each do |language| %>
+      <p>
+        <label for="element_rating_<%= prefix %>_label_translations_<%= language %>" class="desc"><%= label %> (<%= Fe::LANGUAGES[language] %>)</label>
+        <% translations_hash = @element.send("rating_#{prefix}_label_translations") || {} %>
+        <%= text_field_tag "element[rating_#{prefix}_label_translations][#{language}]", translations_hash[language] %>
+      </p>
+    <% end %>
+  <% end %>
+<% end %>
+
+<div class="choices_section" style="display:<%= ["acceptance", "yes-no"].include?(@element.style) ? "none" : "block" %>">
+  <h3>Choices<br/>
+  <% showXML = !@element.source.blank? %>
+  <a class="link-show-xml" style="font-size: 11px; font-weight: normal; display:<% if showXML -%>none<%else-%>block<%end-%>" href="javascript:void(0);">Use External XML Feed</a>
+  <a class="link-show-csv" style="font-size: 11px; font-weight: normal; display:<% if showXML -%>block<%else-%>none<%end-%>" href="javascript:void(0);">Manually Enter Choices</a></h3>
+
+  <div class="csvChoices" style="display:<% if showXML -%>none<%else-%>block<%end-%>">
+    <p>
+    <label for="element_content" class="desc"><%= _("Choices (English) - One choice per line.  To specify a value, split the label and value with a semi-colon, ie. "Value;Label".  The value is what gets displayed on the read-only view.  If no value is specified, the value will default to the choice text.") %></label>
+      <%= f.text_area :content, rows: 6, cols: 80 %>
+    </p>
+    <% @page.question_sheet.languages.select(&:present?).each do |language| %>
+      <p>
+        <label for="element_content_translations_<%= language %>" class="desc">Choices (<%= Fe::LANGUAGES[language] %>)</label>
+        <%= text_area_tag "element[content_translations][#{language}]", @element.content_translations[language], rows: 6, cols: 80 %>
+      </p>
+    <% end %>
+
+  </div>
+
+  <p>
+    <%= f.check_box :hide_option_labels, class: "inlinecheck" %>
+    <label for="element_hide_option_labels" class="inline">Hide Option Labels</label>
+  </p>
+
+  <div class="xmlChoices" style="display:<% if showXML -%>block<%else-%>none<%end-%>">
+  	<p><label for="element_source" class="desc">XML Feed for Choices</label>
+  		<%= f.text_field :source %></p>
+
+      <p><label for="element_text_xpath" class="desc">XPath to Choice Text</label>
+  		<%= f.text_field :text_xpath %></p>
+
+      <p><label for="element_value_xpath" class="desc">XPath to Choice Value</label>
+  		<%= f.text_field :value_xpath %></p>
+  </div>
+</div>

data/app/views.current/fe/admin/panels/_prop_date_field.html.erb

@@ -0,0 +1,7 @@
+
+<p>
+  <label for="element_style" class="desc">Style</label>
+  <%= f.select :style, [["Calendar", "date"], ["Month/Year", "mmyy"]] %>
+</p>
+
+<%= render "fe/admin/panels/common_fields", f: f %>

data/app/views.current/fe/admin/panels/_prop_element.html.erb

@@ -0,0 +1,23 @@
+<div id="panel-properties-element" class="panel" style="display:block;">
+    <p>Update the settings for this element.</p>
+
+    <div id="errors">
+       <%= render "errors", element: element %>
+    </div>
+
+<%= form_for :element, url: fe_admin_question_sheet_page_element_path( @page.question_sheet_id, @page.id, element.id), remote: true, html: {method: :put} do |f| -%>
+
+  <%= render "fe/admin/panels/prop_" + element.class.to_s.split("::").last.underscore, f: f, element: element %>
+
+  <% if element.question? -%>
+    <%= render "fe/admin/panels/advanced_options", f: f, element: element %>
+  <% end-%>
+
+  <p class="buttons">
+    <button type="submit"><span>Update</span></button>
+    <%= link_to("Close", "#", "data-dom_id" => dom_id(element), class: "close_prop") %>
+  </p>
+
+<% end -%>
+
+</div>

data/app/views.current/fe/admin/panels/_prop_page.html.erb

@@ -0,0 +1,26 @@
+<div id="panel-properties-page" class="panel" style="display:block;">
+    <p>Update the settings for this page.</p>
+
+    <div id="errors">
+       <%= render partial: "errors", locals: { page: page }%>
+    </div>
+
+  <%= form_for(page, url: fe_admin_question_sheet_page_path(page.question_sheet_id, page.id), remote: true, html: {method: :put}) do |f| %>
+    <p><label for="" class="desc">Label (English) <span class="required">required</span></label>
+        <%= f.text_field :label, maxlength: 100, size: 40 %></p>
+      <% page.question_sheet.languages.select(&:present?).each do |language| %>
+        <p>
+        <label for="fe_page_label_translations_<%= language %>" class="desc">Label (<%= Fe::LANGUAGES[language] %>) <span class="required">required</span></label>
+        <%= text_field_tag "fe_page[label_translations][#{language}]", page.label_translations[language] %>
+        </p>
+      <% end %>
+    <p><label for="" class="desc">Hidden</label>
+        <%= f.check_box :hidden %></p>
+
+    <p class="buttons">
+      <%= submit_tag "Update &raquo;".html_safe, data: { disable_with: "Please wait..." } %>
+    </p>
+    <p class="buttons"><%= link_to "Delete", fe_admin_question_sheet_page_path(page.question_sheet_id, page.id), remote: true, method: :delete, data: {confirm: "Are you sure you want to delete this page?"} %></p>
+  <% end %>
+
+</div>

data/app/views.current/fe/admin/panels/_prop_paragraph.html.erb

@@ -0,0 +1,46 @@
+<p>
+  <label for="element_content" class="desc">Paragraph Content (English)</label>
+  <%= f.text_area :content, rows: 6, cols: 80, id: "element_content_#{element.id}" %>
+</p>
+<% @page.question_sheet.languages.select(&:present?).each do |language| %>
+  <p>
+    <label for="element_content_translations_<%= language %>" class="desc">Paragraph Content (<%= Fe::LANGUAGES[language] %>)</label>
+    <%= text_area_tag "element[content_translations][#{language}]", @element.content_translations[language], rows: 6, cols: 80 %>
+  </p>
+<% end %>
+
+<p>
+  <label for="element_css_class" class="desc">Css Class</label>
+  <%= f.text_field :css_class %>
+</p>
+
+<script type="text/javascript" charset="utf-8">
+$(function() {
+  if (typeof(CKEDITOR) !== "undefined") {
+    if (CKEDITOR.instances["element_content_<%= element.id %>"]) {
+      CKEDITOR.instances["element_content_<%= element.id %>"].destroy();
+    }
+    editor = CKEDITOR.replace( "element_content_<%= element.id %>", {
+          toolbar : [["Bold", "Italic", "-", "NumberedList", "BulletedList", "-", "Link"]],
+          on :
+          {
+              instanceReady : function( ev )
+              {
+                  // Output paragraphs as <p>Text</p>.
+                  this.dataProcessor.writer.setRules( "p",
+                      {
+                          indent : false,
+                          breakBeforeOpen : true,
+                          breakAfterOpen : false,
+                          breakBeforeClose : false,
+                          breakAfterClose : true
+                      });
+              }
+          }
+
+        }
+      );
+  }
+});
+</script>
+

data/app/views.current/fe/admin/panels/_prop_question_grid.html.erb

@@ -0,0 +1,28 @@
+<p><%= link_to "Question Grid Help", "/fe/help/question_grid.html", { class:"lbOn", id: "link-question-grid-help" } %></p>
+
+<%= render "fe/admin/panels/common_fields", f: f %>
+
+<p>
+  <%= f.check_box :share, class: "inlinecheck" %>
+  <label for="element_share" class="inline">Make this group available to be copied to other forms</label>
+</p>
+
+<p>
+  <label for="element_style" class="desc">Style</label>
+  <%= f.select :style, [["Standard", "standard"], ["Radio Grid", "radio"]] %>
+</p>
+
+<div class="field">
+  <label for="element_slug" class="desc">Column Headings <span class="required">required</span></label>
+  <%= f.text_field :cols %><br/>
+  <span class="help">Separate column headings by a semi-colon.  This determines how many columns the grid will contain and what the column headings will be. </span>
+</div>
+
+<div class="field">
+  <label for="css_id" class="desc">Css ID</label>
+  <%= f.text_field :css_id %>
+</div>
+<div class="field">
+  <label for="css_class" class="desc">Css Class</label>
+  <%= f.text_field :css_class %>
+</div>

data/app/views.current/fe/admin/panels/_prop_question_grid_with_total.html.erb

@@ -0,0 +1,14 @@
+<p><%= link_to "Question Grid Help", "/fe/help/question_grid.html", { class:"lbOn", id: "link-question-grid-help" } %></p>
+
+<div class="field">
+  <label for="element_slug" class="desc">Column Headings <span class="required">required</span></label>
+  <%= f.text_field :cols %><br/>
+  <span class="help">Separate column headings by a semi-colon.  This determines how many columns the grid will contain and what the column headings will be. </span>
+</div>
+<div class="field">
+  <label for="element_slug" class="desc">Total Columns <span class="required">required</span></label>
+  <%= f.text_field :total_cols %><br/>
+  <span class="help">Which columns should be totaled? e.g. 2 OR 2,3</span>
+</div>
+
+<%= render "fe/admin/panels/common_fields", f: f %>

data/app/views.current/fe/admin/panels/_prop_reference_question.html.erb

@@ -0,0 +1,12 @@
+<div class="field">
+  <label for="element_style" class="desc">Related Question Sheet
+  <%= image_tag("fe/icons/question-balloon.png", title: "This list includes any template with "Reference" in the name.") %></label>
+  <%= f.select :related_question_sheet_id, (Fe::QuestionSheet.active.where("label like "REFERENCE%"").order(:label).all - [@page.question_sheet]).collect {|qs| [qs.label, qs.id]} %>
+</div>
+
+<div class="field">
+  <label for="element_style" class="desc">Style</label>
+  <%= f.select :style, [["Peer", "peer"], ["Spiritual", "spiritual"], ["Parent", "parent"]] %>
+</div>
+
+<%= render "fe/admin/panels/common_fields", f: f %>

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

@@ -0,0 +1,8 @@
+<p><label for="element_label" class="desc">Heading Label <span class="required">required</span></label>
+    <%= f.text_field :label, maxlength: Fe::Element.max_label_length %></p>
+<% @page.question_sheet.languages.select(&:present?).each do |language| %>
+  <p>
+  <label for="element_label_translations_<%= language %>" class="desc">Label (<%= Fe::LANGUAGES[language] %>) <span class="required">required</span></label>
+  <%= text_field_tag "element[label_translations][#{language}]", @element.label_translations[language] %>
+  </p>
+<% end %>

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

@@ -0,0 +1,20 @@
+<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: fe_admin_question_sheet_path(@question_sheet, format: "js"), remote: true, method: :put do |f| %>
+
+    <p><label for="" class="desc">Label <span class="required">required</span></label>
+    <%= f.text_field :label, maxlength: 50 %></p>
+
+    <p><label for="" class="desc">Languages (in addition to english)</label>
+    <%= f.select :languages, Fe::LANGUAGES.collect {|k, v| [v, k]}, {}, { size: 3, multiple: true }  %></p>
+
+    <p class="buttons">
+    <%= submit_tag "Update &raquo;".html_safe, data: { disable_with: "Please wait..." } %></p>
+
+  <% end %>
+</div>

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

@@ -0,0 +1,20 @@
+<%- options = [ Fe::OptionGroup.new("Short Answer", [
+                    Fe::Option.new("short", "Simple"),
+                    Fe::Option.new("number", "Number"),
+                    Fe::Option.new("currency-dollar", "Currency"),
+                    Fe::Option.new("email", "E-mail address"),
+                    Fe::Option.new("url", "Web address"),
+                    Fe::Option.new("phone", "Telephone number")
+                  ]),
+                Fe::OptionGroup.new("Long Answer", [
+                    Fe::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 "fe/admin/panels/common_fields", f: f %>

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

@@ -0,0 +1,28 @@
+<% container_element = element.is_a?(Fe::QuestionGrid) || (element.is_a?(Fe::ChoiceField) && element.style == "yes-no") %>
+<% if container_element %>
+  <!-- add a droppable block before and after each container element (question_grid / choice_field) so that the admin can move elements out of a container element -->
+  <li class="droppable around-container before-container" data-element_id="<%= element.id %>" data-url="<%= drop_fe_admin_question_sheet_page_element_path(@page.question_sheet_id, @page.id, element.id, before: true) %>"></li>
+<% end %>
+
+<li class="element sortable <%= "container" if container_element %>" id="element_<%= element.id %>" data-element_id="<%= element.id %>">
+  <div class="controls">
+  	<ul>
+  		<li><%= link_to "edit", edit_fe_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_fe_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_fe_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", fe_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 "fe/admin/question_pages/element_show", element: element %>
+  </div>
+  <div class="q q_form" id="element_form_<%= dom_id(element) %>">
+  </div>
+</li>
+
+<% if container_element %>
+  <li class="droppable around-container after-container" data-element_id="<%= element.id %>" data-url="<%= drop_fe_admin_question_sheet_page_element_path(@page.question_sheet_id, @page.id, element.id, after: true) %>"></li>
+<% end %>

data/app/views.current/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: "fe/questions/" + element.ptemplate, object: element, locals: {col: nil} %>

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

@@ -0,0 +1,10 @@
+<% if @page.errors.any? %>
+  <div class="errors">
+    <h2>There was a problem saving this page</h2>
+    <ul>
+      <% @page.errors.full_messages.each do |msg| %>
+        <li><%= msg %></li>
+      <% end %>
+    </ul>
+  </div>
+<% end %>

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

@@ -0,0 +1,13 @@
+<div class="page">
+  <h3 id="page-name">
+    <%= link_to @page.label, edit_fe_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_fe_admin_question_sheet_page_elements_path(@page.question_sheet_id, @page.id) %>" data-sortable-handle=".handle">
+      <%= render partial: "fe/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.current/fe/admin/question_pages/create.js.erb

@@ -0,0 +1,11 @@
+$('#page-preview').html('<%= escape_javascript(render("fe/admin/question_pages/question_page")) %>')
+$('#panel').html('<%= escape_javascript(render("fe/admin/panels/prop_page", page: @page)) %>')
+$('#nav-controls').html('<%= escape_javascript(render("fe/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.current/fe/admin/question_pages/destroy.js.erb

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

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

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

data/app/views.current/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.current/fe/admin/question_pages/show.js.erb

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

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

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