fe 0.0.4 → 2.0.0

data/app/views/fe/admin/elements/new.js.erb

@@ -1,10 +1,17 @@
+<% if @questions.any? %>
 if ($('#question_modal')[0] == null) {
 	$('body').append('<div id="question_modal"></div>');
 }
-$('#question_modal').html('<%= link_to("Add \"#{params[:human_type]}\"", fe_admin_question_sheet_page_elements_path(:question_sheet_id => @page.question_sheet_id, :page_id => @page.id,
-                                            :element_type => params[:element_type], "element[style]" => @style, format: :js),
-                                            :remote => true,
-                                            :method => :post,
-                                            :class => "add_type") %><p>Or you can also use an existing <%= params[:human_type] %> element. If you are unsure, just <strong>Add <%= params[:human_type] %>.</strong></p><div id="questions_div" title=""></div>');
-$('#questions_div').html("<%= escape_javascript(render('fe/questions/fe/questions', :questions => @questions)) %>")
+$('#question_modal').html('<%= link_to("Add \"#{params[:human_type]}\"", fe_admin_question_sheet_page_elements_path(question_sheet_id: @page.question_sheet_id, page_id: @page.id,
+                                            element_type: params[:element_type], "element[style]" => @style, format: :js),
+                                            remote: true,
+                                            method: :post,
+                                            class: "add_type",
+                                            data: { disable_with: "Add \"#{params[:human_type]}\"" }) %><p>Or you can also copy an existing <%= params[:human_type] %> element. If you are unsure, just <strong>Add <%= params[:human_type] %>.</strong></p><div id="questions_div" title=""></div>');
+$('#questions_div').html("<%= escape_javascript(render("fe/questions/fe/questions", questions: @questions)) %>")
 $('#question_modal').dialog({width: 500, height: 400});
+<% else %>
+  $.post('<%= fe_admin_question_sheet_page_elements_path(question_sheet_id: @page.question_sheet_id, 
+                                                    page_id: @page.id,
+                                                    element_type: params[:element_type], "element[style]" => @style, format: :js) %>');
+<% end %>

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

@@ -1,5 +1,5 @@
 $('#element_form_<%= dom_id(@element) %>').hide();
-$('#element_<%= dom_id(@element) %>').html('<%= escape_javascript(render('fe/admin/question_pages/element_show', :element => @element)) %>')
+$('#element_<%= dom_id(@element) %>').html('<%= escape_javascript(render("fe/admin/question_pages/element_show", element: @element)) %>')
 $('#element_<%= dom_id(@element) %>').show()
 clearCurrentElement()
 $('#questions_list').sortable('refresh');

data/app/views/fe/admin/email_templates/_form.html.erb

@@ -1,8 +1,8 @@
       <p><label for="email_template_name" class="desc">Template Name</label>
-        <%= f.text_field :name, :class => "text", :size => 93 %></p>
+        <%= f.text_field :name, class: "text", size: 93 %></p>
 
       <p><label for="email_template_subject" class="desc">Subject</label>
-        <%= f.text_field :subject, :class => "text", :size => 93 %></p>
+        <%= f.text_field :subject, class: "text", size: 93 %></p>
 
       <p><label for="email_template_content" class="desc">Content</label>
-        <%= f.text_area :content, :rows => 25, :cols => 80, :class => "text" %>
+        <%= f.text_area :content, rows: 25, cols: 80, class: "text" %>

data/app/views/fe/admin/email_templates/edit.html.erb

@@ -3,10 +3,10 @@
 
   <%= error_messages_for :email_template %>
 
-  <%= form_for(:email_template, :url => fe_admin_email_template_path(@email_template), :html => { :method => :put } ) do |f| %>
-    <%= render 'form', f: f %>
+  <%= form_for(:email_template, url: fe_admin_email_template_path(@email_template), html: { method: :put } ) do |f| %>
+    <%= render "form", f: f %>
 
-    <p><%= submit_tag "Update" %> or <%= link_to "Cancel", fe_admin_email_templates_path, :class => "cancel" %></p>
+    <p><%= submit_tag "Update" %> or <%= link_to "Cancel", fe_admin_email_templates_path, class: "cancel" %></p>
   <% end %>
 
 

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

@@ -8,13 +8,13 @@
         </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>
+        <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" %>
+    <%= link_to "New Template", new_fe_admin_email_template_path, method: :GET, class: "add-link" %>
 </div>

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

@@ -3,9 +3,9 @@
     
     <%= error_messages_for :email_template %>
     
-    <%= form_for(:email_template, :url => fe_admin_email_templates_path) do |f| %>
-        <%= render :partial => 'form', :locals => {:f => f}%>
+    <%= 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>
+        <p><%= submit_tag "Create" %> or <%= link_to "Cancel", fe_admin_email_templates_path, class: "cancel" %></p>
     <% end %>
 </div>

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

@@ -1,37 +1,43 @@
 <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>
+<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>
+		<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'>
+  <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() { $("#future_affect_yes").click(); });</script>
+      <script>$(function() { $("#<%= dom_id(element) %>-pnl-advanced input[name=future_affect][value=yes]").click(); });</script>
     <% end %>
-    <div class='future_answer' style='display:none'>
+    <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 commas to match using an OR condition.  Ex: "Option A, Option B" will match either "Option A" or "Option B" answers
+      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'>
-      Should it show the next element or a page further down the application?
+    <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) %>'>
-      Which page? <%= f.collection_select :conditional_id, @page.question_sheet.pages, :id, :label %>
+    <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>
 

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

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

data/app/views/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/fe/admin/panels/_common_fields.html.erb

@@ -1,24 +1,23 @@
 <p>
-  <label for="element_label" class="desc">Label <span class="required">required</span></label>
-  <%= f.text_field :label, :maxlength => Fe::Element.max_label_length %>
+  <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>
-<div class="field">
-  <label for="element_tooltip" class="desc">Tip</label>
-  <%= f.text_field :tooltip %>
-</div>
-<p>
-  <label for="element_slug" class="desc">Variable</label>
-  <%= f.text_field :slug %>
-<p>
-  
-<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>
+<% @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>
-  <%= f.check_box :hide_label, :class => 'inlinecheck' %>
-  <label for="element_hide_label" class="inline">Hide Label</label>
+  <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/fe/admin/panels/_condition.html.erb

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

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

@@ -1,4 +1,4 @@
-<% route = { :question_sheet_id => @page.question_sheet_id, :page_id => @page.id } %>
+<% route = { question_sheet_id: @page.question_sheet_id, page_id: @page.id } %>
 
 <div id="panel-elements" class="panel">
 
@@ -6,31 +6,31 @@
   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>
+    <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>
+    <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>
   

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

@@ -1,6 +1,6 @@
-<% route = { :question_sheet_id => @question_sheet.id, :id => @page.id } -%>
+<% 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>
+<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/fe/admin/panels/_page.html.erb

@@ -1,3 +1,3 @@
-<li id="link-<%= dom_id(page) %>" <% if page == current_page -%> class="active"<% end -%>>
-  <%= link_to page.label, fe_admin_question_sheet_page_path(page.question_sheet_id, page.id), :remote => true, :method => :get %>
+<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/fe/admin/panels/_pages_list.html.erb

@@ -1,10 +1,10 @@
 <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"  %>
+  <%= 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 } %>
+    <%= render partial: "fe/admin/panels/page", collection: @all_pages, locals: { current_page: @page } %>
   </ul>
   
   
@@ -12,5 +12,5 @@
 
 </div>
 
-<p class="instruction">Select a page to edit.  Click 'Add a page' 
+<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/fe/admin/panels/_prop_attachment_field.html.erb

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

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

@@ -1,46 +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')
+<%- 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')
+                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>
+        <%= 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 %>
+<%= render "fe/admin/panels/common_fields", f: f %>
 
-<div id="choices_section" style="display:<%= ['acceptance', 'yes-no'].include?(@element.style) ? 'none' : 'block' %>">
+<% 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 id="link-show-xml" style="font-size: 11px; font-weight: normal; display:<% if showXML -%>none<%else-%>block<%end-%>" href="javascript:void(0);" onclick="$('xmlChoices').show();$('link-show-csv').show();$('link-show-xml').hide();$('csvChoices').hide();">Use External XML Feed</a>
-  <a id="link-show-csv" style="font-size: 11px; font-weight: normal; display:<% if showXML -%>block<%else-%>none<%end-%>" href="javascript:void(0);" onclick="$('csvChoices').show();$('link-show-xml').show();$('link-show-csv').hide();$('xmlChoices').hide();">Manually Enter Choices</a></h3>
+  <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 id="csvChoices" style="display:<% if showXML -%>none<%else-%>block<%end-%>">
-      <p><label for="element_content" class="desc">Choices</label>
-          <%= f.text_area :content, :rows => 4, :cols => 25 %></p>
   </div>
 
   <p>
-    <%= f.check_box :hide_option_labels, :class => 'inlinecheck' %>
+    <%= f.check_box :hide_option_labels, class: "inlinecheck" %>
     <label for="element_hide_option_labels" class="inline">Hide Option Labels</label>
   </p>
-  
-  <div id="xmlChoices" style="display:<% if showXML -%>block<%else-%>none<%end-%>">
+
+  <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>		
+</div>

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

@@ -4,4 +4,4 @@
   <%= f.select :style, [["Calendar", "date"], ["Month/Year", "mmyy"]] %>
 </p>
 
-<%= render 'fe/admin/panels/common_fields', :f => f %>
+<%= render "fe/admin/panels/common_fields", f: f %>

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

@@ -1,28 +1,21 @@
 <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 %>
+       <%= 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| -%>
+<%= 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 %>
 
-  <%= render 'fe/admin/panels/prop_' + element.class.to_s.split('::').last.underscore, :f => f, :element => element %>
-  
   <% if element.question? -%>
-    <!-- <h3>Dependency</h3>
-    <p><strong>Ask this question if:</strong></p> 
-    <% element.conditions.each_with_index do |condition, i| %>
-      <%#= render :partial => 'fe/admin/panels/condition', :object => condition, :locals => {:i => i} %>
-    <% end %> -->
-    
-    <%= render 'fe/admin/panels/advanced_options', :f => f, :element => element %>
+    <%= 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') %>
-    <%#= link_to('Delete', fe_admin_question_sheet_page_element_path( @page.question_sheet_id,  @page.id, element.id), :remote => true, :method => :delete, data: {:confirm => "Are you sure you want to delete this element?"}) %>
+    <%= link_to("Close", "#", "data-dom_id" => dom_id(element), class: "close_prop") %>
   </p>
 
 <% end -%>

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

@@ -2,20 +2,25 @@
     <p>Update the settings for this page.</p>
 
     <div id="errors">
-       <%= render :partial => 'errors', :locals => { :page => page }%>
+       <%= 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 <span class="required">required</span></label>
+  <%= 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 %>
+      <%= 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>
+    <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/fe/admin/panels/_prop_paragraph.html.erb

@@ -1,32 +1,46 @@
 <p>
-  <label for="element_content" class="desc">Paragraph Content</label>
-  <%= f.text_area :content, :rows => 4, :cols => 25, :id => "element_content_#{element.id}" %>
+  <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 (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
-                    });
-            }
-        }
+  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>
+