fe 0.0.4 → 2.0.0

data/app/views/fe/questions/fe/_date_field_mmyy.html.erb

@@ -1,9 +1,9 @@
-<%= select_month(date_field_mmyy.response(@answer_sheet), :include_blank => true,
-      :prefix => "answers[#{date_field_mmyy.id}]",
-      :class => 'select ' + date_field_mmyy.validation_class(@answer_sheet)) %> 
-<%= select_year(date_field_mmyy.response(@answer_sheet), :include_blank => true,
-      :start_year => Time.now.year - 50, :end_year => Time.now.year + 7, 
-      :prefix => "answers[#{date_field_mmyy.id}]",
-      :class => 'select ' + date_field_mmyy.validation_class(@answer_sheet)) %>
+<%= select_month(date_field_mmyy.response(@answer_sheet), include_blank: true,
+      prefix: "answers[#{date_field_mmyy.id}]",
+      class: "#{"form-control" if Fe.bootstrap} select " + date_field_mmyy.validation_class(@answer_sheet, @page)) %>
+<%= select_year(date_field_mmyy.response(@answer_sheet), include_blank: true,
+      start_year: Time.now.year - 50, end_year: Time.now.year + 7,
+      prefix: "answers[#{date_field_mmyy.id}]",
+      class: "select " + date_field_mmyy.validation_class(@answer_sheet, @page)) %>
 
-<% # not validated because class doesn't pass, see ticket #6000 -%>
+<% # not validated because class doesn"t pass, see ticket #6000 -%>

data/app/views/fe/questions/fe/_drop_down_field.html.erb

@@ -1,7 +1,8 @@
-<% locked = drop_down_field.locked?(params, @answer_sheet, @presenter) %>
+<% choices = drop_down_field.choices(session[:locale]) %>
+<% locked = drop_down_field.locked?(params, @answer_sheet, @presenter, current_person) %>
 <%= select_tag "answers[#{drop_down_field.id}]",
-      options_for_select([""] + drop_down_field.choices, drop_down_field.response(@answer_sheet).to_s),
-      :class => 'select ' + drop_down_field.validation_class(@answer_sheet),
-      :id => dom_id(drop_down_field),
-      :disabled => locked,
-      :readonly => locked %>
+      options_for_select([""] + choices, drop_down_field.response(@answer_sheet).to_s),
+      class: "form-control select " + drop_down_field.validation_class(@answer_sheet, @page) + " #{drop_down_field.css_class}",
+      id: dom_id(drop_down_field),
+      disabled: locked,
+      readonly: locked %>

data/app/views/fe/questions/fe/_paragraph.html.erb

@@ -1 +1 @@
-<div class="p_content"><%= raw paragraph.content %></div>
+<div class="p_content <%= paragraph.css_class %>"><%= raw paragraph.content(session[:locale]) %></div>

data/app/views/fe/questions/fe/_question_grid.html.erb

@@ -1,16 +1,16 @@
-<%- if ['question_pages', 'question_sheets', 'elements'].include?(controller.controller_name) -%>
+<%- if ["question_pages", "question_sheets", "elements"].include?(controller.controller_name) -%>
   <div class="droppable" data-url="<%= drop_fe_admin_question_sheet_page_element_path(@page.question_sheet_id, @page.id, question_grid.id) %>">
     <% if question_grid.label.present? && !question_grid.hide_label? -%>
       <label class="desc gridname">
-				<%= raw question_grid.label %>
-    		<% if question_grid.required?(@answer_sheet) -%><span class="required">required</span><% end -%>
+				<%= raw question_grid.label(session[:locale]) %>
+    		<% if question_grid.required?(@answer_sheet, @page) -%><span class="required">required</span><% end -%>
 			</label>
     <% end %>
     <div class="sub_q">
       <!-- Create a sortable list for each grid on the page -->
     	<ul class="questions" id="questions_list_<%= question_grid.id %>" data-sortable="true" data-sortable-url="<%= reorder_fe_admin_question_sheet_page_elements_path(@page.question_sheet_id, @page.id) %>" data-sortable-handle=".handle">
     	<%- if question_grid.elements.length > 0 -%>
-        <%= render :partial => 'fe/admin/question_pages/element', :collection => question_grid.elements, :locals => {:in_grid => true} %>
+        <%= render partial: "fe/admin/question_pages/element", collection: question_grid.elements, locals: {in_grid: true} %>
     	<%- else -%>
     		Grid
     	<%- end -%>
@@ -19,34 +19,35 @@
   </div>
 <%- else -%>
   <% if question_grid.label.present? && !question_grid.hide_label? -%>
-    <label class="desc gridname"><%= raw question_grid.label %></label>
+    <label class="desc gridname"><%= raw question_grid.label(session[:locale]) %></label>
   <% end %>
-  <% headers = question_grid.cols.to_s.split(';') %>
+  <% headers = question_grid.cols.to_s.split(";") %>
   <% if headers.length > 1 %>
   	<table class="grid <%= question_grid.css_class %>" id="<%= question_grid.css_id %>">
 	  <% if headers.detect {|h| h.strip.present?} %>
     	<tr>
     	<%- headers.each do |header| -%>
-    		<th><%= raw header || '&nbsp;' %></th>
+    		<th><%= raw header || "&nbsp;" %></th>
     	<%- end -%>
     	</tr>
     <% end %>
-    <% if question_grid.style == 'radio' %>
+    <% if question_grid.style == "radio" %>
     	<% question_grid.elements.each do |element| -%>
-    	  <%= render :partial => 'fe/answer_pages/element', :object => element %>
+    	  <%= render partial: "fe/answer_pages/element", object: element %>
     	<% end %>
     <% else %>
     	<tr >
-    		<%- col_count = 0
+    		<%- col_count = 0; previous_element = nil;
     			question_grid.elements.each do |element| -%>
-    			<td id="element_<%= element.id %>" class="hidecell">
+          <td style="<%= "display:none" if previous_element && previous_element.conditional == element && !previous_element.conditional_match(@answer_sheet) %>" class="hidecell <%= 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 %>>
     				<%# grid_el = @elements.to_a.find {|el| el.id == element.id} %>
-    				<%= render :partial => 'fe/answer_pages/element', :object => element, :locals => {:col => col_count} %>
+    				<%= render partial: "fe/answer_pages/element", object: element, locals: {col: col_count} %>
     			</td>
-    			<%- 	col_count += 1
-    					if col_count % question_grid.num_cols == 0  && element != question_grid.elements.last then col_count = 0 -%></tr><tr><%- end -%>
+          <%- previous_element = element;
+              col_count += 1
+              if col_count % question_grid.num_cols == 0  && element != question_grid.elements.last then col_count = 0 -%></tr><tr><%- end -%>
     		<%-	end -%>
-    		<%- while col_count < question_grid.num_cols do 
+    		<%- while col_count < question_grid.num_cols do
     				col_count += 1-%>
     				<td>&nbsp;</td>
     		<%- end unless col_count == 0-%>
@@ -57,8 +58,12 @@
     <% if headers[0].to_s.strip.present? %>
       <div class="header"><%= headers[0] %></div>
     <% end %>
+    <% previous_element = nil %>
     <% question_grid.elements.each do |element| -%>
-      <div class="row" id="element_<%= element.id %>"><%= render :partial => 'fe/answer_pages/element', :object => element, :locals => {:in_grid => true} %></div>
+      <div style="<%= "display:none" if previous_element && previous_element.conditional == element && !previous_element.conditional_match(@answer_sheet) %>" class="<%= "row" unless Fe.bootstrap %> <%= 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 %>>
+        <%= render partial: "fe/answer_pages/element", object: element, locals: {in_grid: true} %>
+      </div>
+      <% previous_element = element %>
     <% end %>
     <div class="clear"></div>
   <% end %>

data/app/views/fe/questions/fe/_question_grid_with_total.html.erb

@@ -1,50 +1,57 @@
-<%- if ['question_pages', 'question_sheets', 'elements'].include?(controller.controller_name) -%>
+<%- if ["question_pages", "question_sheets", "elements"].include?(controller.controller_name) -%>
   <div class="droppable" data-url="<%= drop_fe_admin_question_sheet_page_element_path(@page.question_sheet_id, @page.id, question_grid_with_total.id) %>">
-    <label class="desc"><%= raw question_grid_with_total.label %></label>
+    <label class="desc"><%= raw question_grid_with_total.label(session[:locale]) %></label>
     <div>
-    	<ul class="questions" id="questions_list_<%= question_grid_with_total.id %>">
+      <ul class="questions" id="questions_list_<%= question_grid_with_total.id %>" data-sortable="true" data-sortable-url="<%= reorder_fe_admin_question_sheet_page_elements_path(@page.question_sheet_id, @page.id) %>" data-sortable-handle=".handle">
     	<%- if question_grid_with_total.elements.length > 0 -%>
-        <%= render :partial => 'question_pages/element', :collection => question_grid_with_total.elements, :locals => {:in_grid => true} %>
+        <%= render partial: "fe/admin/question_pages/element", collection: question_grid_with_total.elements, locals: {in_grid: true} %>
     	<%- else -%>
     		Grid
     	<%- end -%>
        </ul>
     </div>
-  </div>      
+  </div>
 <%- else -%>
-  <label class="desc"><%= raw question_grid_with_total.label %></label>
-  	<table class="grid">
-	  <% headers = question_grid_with_total.cols.to_s.split(';') %>
+  <label class="desc"><%= raw question_grid_with_total.label(session[:locale]) %></label>
+  	<table class="grid with_total">
+	  <% headers = question_grid_with_total.cols.to_s.split(";") %>
 	  <% if headers.detect {|h| h.strip.present?} %>
     	<tr>
     	<%- headers.each do |header| -%>
-    		<th><%= header || '&nbsp;' %></th>
+    		<th><%= header || "&nbsp;" %></th>
     	<%- end -%>
     	</tr>
     <% end %>
-  	<tr >
+  	<tr>
   		<%- col_count = 0
   			question_grid_with_total.elements.each do |element| -%>
   			<td id="element_<%= element.id %>">
-  				<% grid_el = @elements.to_a.find {|el| el.id == element.id} %>
-  				<%= render :partial => 'answer_pages/element', :object => grid_el, :locals => {:in_grid => true, :col => col_count} if grid_el %>
+  				<%# grid_el = @elements.to_a.find {|el| el.id == element.id} %>
+          <% col_count = col_count % question_grid_with_total.num_cols unless Fe.bootstrap %>
+  				<%= render partial: "fe/answer_pages/element", object: element, locals: {in_grid: true, col: col_count} %>
   			</td>
   			<%- 	col_count += 1
   					if col_count % question_grid_with_total.num_cols == 0  && element != question_grid_with_total.elements.last then col_count = 0 -%></tr><tr><%- end -%>
   		<%-	end -%>
-  		<%- while col_count < question_grid_with_total.num_cols do 
+  		<%- while col_count < question_grid_with_total.num_cols do
   				col_count += 1-%>
   				<td>&nbsp;</td>
   		<%- end unless col_count == 0-%>
   	</tr>
   	<%- if question_grid_with_total.total_cols.present? -%>
-    	<tr>
+    	<tr class="total">
     		<td>Total</td>
-      	<%- total_cols = question_grid_with_total.total_cols.split(',').collect(&:to_i) 
-      	    (question_grid_with_total.num_cols - 1).times do |i| 
-      	      if total_cols.include?(i + 2) -%>
+      	<%- total_cols = question_grid_with_total.total_cols.split(",").collect(&:to_i)
+      	    (question_grid_with_total.num_cols - 1).times do |i|
+              ci = i + 2
+      	      if total_cols.include?(ci) -%>
             	  <td>
-            	    <%= text_field_tag "total_#{question_grid_with_total.id}_#{i + 1}", '', :class => 'text validate-number', :readonly => true %>
+            	    <%= text_field_tag "total_#{question_grid_with_total.id}_#{i + 1}", "", class: "text validate-number", readonly: true %>
+                  <script>
+                    $("#<%= "total_#{question_grid_with_total.id}_#{i + 1}" %>").closest("table").find("td:nth-child(<%= ci %>)").change(function() {
+                      updateTotal("<%= question_grid_with_total.id %>_<%= i+1 %>");
+                    });
+                  </script>
             	  </td>
             <% else %>
               <td>&nbsp;</td>

data/app/views/fe/questions/fe/_questions.html.erb

@@ -1,9 +1,15 @@
 <ul>
 	<% questions.each do |question| %>
-		<li><%= link_to(use_existing_fe_admin_question_sheet_page_element_path(:question_sheet_id => @page.question_sheet_id, :page_id => @page.id, :id => question.id), 
-										:remote => true, :method => :post) do %>
-					<span>select</span><label><%= raw question.label %></label>
-				<% end %>
-		</li>
+    <li class="new-dialog-<%= dom_id(question) %>">
+      <% unless Fe.never_reuse_elements %>
+        <%= link_to(use_existing_fe_admin_question_sheet_page_element_path(question_sheet_id: @page.question_sheet_id, page_id: @page.id, id: question.id), remote: true, method: :post, onClick: "$('li.new-dialog-#{dom_id(question)}').html('Inserting...')") do %>
+          <span>Insert</span><label>
+        <% end %>
+      <% end %>
+      <%= link_to(copy_existing_fe_admin_question_sheet_page_element_path(question_sheet_id: @page.question_sheet_id, page_id: @page.id, id: question.id), remote: true, method: :post, onClick: "$('li.new-dialog-#{dom_id(question)}').html('Copying... This can take a minute')") do %>
+        <span>Copy</span>
+      <% end %>
+      <label><%= raw question.label(session[:locale]) %></label>
+    </li>
 	<% end %>
 </ul>

data/app/views/fe/questions/fe/_radio_button_field.html.erb

@@ -1,43 +1,60 @@
-<% css_class = 'radio ' -%>
-<% css_class += 'required' if radio_button_field.required? %>
-<% if radio_button_field.hide_option_labels? && !['question_pages', 'question_sheets', 'elements'].include?(controller.controller_name) %>
+<% choices = radio_button_field.choices(session[:locale]) %>
+<% css_class = "radio " -%>
+<% css_class += "required" if radio_button_field.required?(@answer_sheet, @page) %>
+<% if radio_button_field.hide_option_labels? && !["question_pages", "question_sheets", "elements"].include?(controller.controller_name) %>
   <tr id="<%= dom_id(radio_button_field) %>">
     <td class="col1">
       <label for="<%= dom_id(radio_button_field) %>" class="desc">
-        <%= raw radio_button_field.label %>
-        <% if radio_button_field.required?(@answer_sheet) -%><span class="required">required</span><% end -%>
+        <%= raw radio_button_field.label(session[:locale]) %>
+        <% if radio_button_field.required?(@answer_sheet, @page) -%><span class="required">required</span><% end -%>
         <%= tip(radio_button_field.tooltip) if radio_button_field.tooltip.present? %>
       </label>
     </td>
-  <% radio_button_field.choices.each_with_index do |choice, num| -%>
+  <% choices.each_with_index do |choice, num| -%>
     <td class="col">
       <% dom_id = dom_id(radio_button_field) + "_" + pretty_tag(choice[1])
-         last_choice =  (num == radio_button_field.choices.length - 1)
-         css_class += radio_button_field.validation_class(@answer_sheet) if last_choice
-         checked = radio_button_field.has_answer?(choice[1], @answer_sheet) -%>
+         last_choice =  (num == choices.length - 1)
+         css_class += radio_button_field.validation_class(@answer_sheet, @page) if last_choice
+         checked = radio_button_field.has_answer?(choice[1], @answer_sheet) 
+         locked = radio_button_field.locked?(params, @answer_sheet, @presenter, current_person)
+       %>
       <%= radio_button_tag "answers[#{radio_button_field.id}]", choice[1], checked,
-            :id => dom_id,
-            :class => css_class,
-            :disabled => @answer_sheet.frozen?&&!@presenter.reference?,
-            :readonly => @answer_sheet.frozen?&&!@presenter.reference? %>
+            id: dom_id,
+            class: css_class,
+            disabled: locked,
+            readonly: locked %>
      </td>
   <% end -%>
   </tr>
 <% else %>
   <div id="<%= dom_id(radio_button_field) %>">
-  <% radio_button_field.choices.each_with_index do |choice, num| -%>
+  <% choices.each_with_index do |choice, num| -%>
     <% dom_id = dom_id(radio_button_field) + "_" + pretty_tag(choice[1])
-       last_choice =  (num == radio_button_field.choices.length - 1)
-       css_class += radio_button_field.validation_class(@answer_sheet) if last_choice
-       checked = radio_button_field.has_answer?(choice[1], @answer_sheet) -%>
-    <div class="radio-set">
-      <%= radio_button_tag "answers[#{radio_button_field.id}]", choice[1], checked,
-                :id => dom_id,
-                :class => css_class,
-                :disabled => @answer_sheet.frozen?&&!@presenter.reference?,
-                :readonly => @answer_sheet.frozen?&&!@presenter.reference? %>
-          <label class="choice" for="<%= dom_id %>"><%= choice[0] %></label>
-    </div>
+       last_choice =  (num == choices.length - 1)
+       css_class += radio_button_field.validation_class(@answer_sheet, @page) if last_choice
+       checked = radio_button_field.has_answer?(choice[1], @answer_sheet)
+       locked = radio_button_field.locked?(params, @answer_sheet, @presenter, current_person)
+     %>
+    <% if Fe.bootstrap %>
+    <div class="radio <%= "disabled" if locked %> radio-set">
+      <label class="choice" for="<%= dom_id %>">
+        <%= radio_button_tag "answers[#{radio_button_field.id}]", choice[1], checked,
+          id: dom_id,
+          class: css_class,
+          disabled: locked,
+          readonly: locked %>
+        <%= choice[0] %>
+      </label>
+    <% else %>
+      <div class="radio-set">
+        <%= radio_button_tag "answers[#{radio_button_field.id}]", choice[1], checked,
+                  id: dom_id,
+                  class: css_class,
+                  disabled: locked,
+                  readonly: locked %>
+            <label class="choice" for="<%= dom_id %>"><%= choice[0] %></label>
+      </div>
+    <% end %>
   <% end -%>
   </div>
 <% end %>

data/app/views/fe/questions/fe/_rating.html.erb

@@ -1,25 +1,64 @@
+<% choices = rating.choices(session[:locale]) %>
 <% dom_id = "" %>
+<% locked = rating.locked?(params, @answer_sheet, @presenter, current_person) %>
 <div id="<%= dom_id(rating) %>">
 <table cellspacing="0" class="rating">
 	<tr>
-	<% css_class = ' ' -%>
-	<% rating.choices.each_with_index do |choice, num| -%>
-	  <% dom_id = dom_id(rating) + "_" + pretty_tag(choice[1]) 
-	     last_choice =  (num == rating.choices.length - 1)
-	     css_class += rating.validation_class(@answer_sheet) if last_choice
-	     checked = rating.has_answer?(choice[1],@answer_sheet) -%>
-	  <td><%= radio_button_tag "answers[#{rating.id}]", choice[1], checked, 
-	        :id => dom_id,
-            :class => css_class,
-            :disabled => @answer_sheet.frozen?&&!@presenter.reference?,
-            :readonly => @answer_sheet.frozen?&&!@presenter.reference? %></td>
-    <% end -%>
-	</tr>
-	<tr>
-		<% rating.choices.each do |choice| %>
-		<td><%= choice[0] %></td>
-		<% end -%>
+    <% if rating.rating_before_label.present? %>
+      <td class="rating_before">
+        <% first_dom = dom_id(rating) + "_" + pretty_tag(choices.first[1]) %>
+        <label class="no_label_styles" for="<%= first_dom %>">
+          <%= rating.rating_before_label(session[:locale]) %>
+        </label>
+      </td>
+    <% end %>
+    <% css_class = " " %>
+    <% choices.each_with_index do |choice, num| %>
+      <% dom_id = dom_id(rating) + "_" + pretty_tag(choice[1])
+         last_choice =  (num == choices.length - 1)
+         css_class += rating.validation_class(@answer_sheet, @page) if last_choice
+         checked = rating.has_answer?(choice[1],@answer_sheet) %>
+      <td class="rating_choice"><%= radio_button_tag "answers[#{rating.id}]", choice[1], checked,
+            id: dom_id,
+              class: css_class,
+              disabled: locked,
+              readonly: locked %></td>
+    <% end %>
+    <% if rating.rating_after_label.present? %>
+      <td class="rating_after">
+        <% last_dom = dom_id(rating) + "_" + pretty_tag(choices.last[1]) %>
+        <label class="no_label_styles" for="<%= last_dom %>">
+          <%= rating.rating_after_label(session[:locale]) %>
+        </label>
+      </td>
+    <% end %>
+    <% if rating.rating_na_label.present? %>
+      <% choice = "na"
+         dom_id = dom_id(rating) + "_" + pretty_tag(choice)
+         checked = rating.has_answer?(choice, @answer_sheet) %>
+      <td class="rating_na">
+        <%= radio_button_tag "answers[#{rating.id}]", "na", checked,
+          id: dom_id,
+          class: "",
+          disabled: locked,
+          readonly: locked %>
+      </td>
+      <td class="rating_na_label">
+        <label class="no_label_styles" for="<%= dom_id %>">
+          <%= rating.rating_na_label(session[:locale]) %>
+        </label>
+      </td>
+    <% end %>
 	</tr>
+  <% unless rating.hide_option_labels %>
+    <tr>
+      <% if rating.rating_before_label.present? %><td></td><% end %>
+      <% choices.each do |choice| %>
+      <td class="rating_choice"><%= choice[0].html_safe %></td>
+      <% end %>
+      <% if rating.rating_after_label.present? %><td></td><% end %>
+    </tr>
+  <% end %>
 </table>
-<div id="advice-validate-rating-<%= dom_id %>" class="validation-advice" style="display: none;">Please select one of the above options.</div>
+<div id="advice-validate-rating-<%= dom_id %>" class="validation-advice" style="display: none;"><%= _("Please select one of the above options.") %></div>
 </div>

data/app/views/fe/questions/fe/_reference_discipler.html.erb

@@ -1 +1 @@
-<%= render 'fe/questions/fe/reference_question', :reference_question => reference_discipler, :title => 'Discipler Reference' %>
+<%= render "fe/questions/fe/reference_question", reference_question: reference_discipler, title: _("Discipler Reference") %>

data/app/views/fe/questions/fe/_reference_friend.html.erb

@@ -1 +1 @@
-<%= render 'fe/questions/fe/reference_question', :reference_question => reference_friend, :title => 'Friend Reference' %>
+<%= render "fe/questions/fe/reference_question", reference_question: reference_friend, title: _("Friend Reference") %>

data/app/views/fe/questions/fe/_reference_parent.html.erb

@@ -1 +1 @@
-<%= render 'fe/questions/fe/reference_question', :reference_question => reference_parent, :title => 'Parent Reference' %>
+<%= render "fe/questions/fe/reference_question", reference_question: reference_parent, title: _("Parent Reference") %>

data/app/views/fe/questions/fe/_reference_peer.html.erb

@@ -1 +1 @@
-<%= render 'fe/questions/fe/reference_question', :reference_question => reference_peer, :title => 'Peer Reference' %>
+<%= render "fe/questions/fe/reference_question", reference_question: reference_peer, title: _("Peer Reference") %>

data/app/views/fe/questions/fe/_reference_question.html.erb

@@ -1,38 +1,61 @@
 <% reference = reference_question.response(@answer_sheet) %>
 <% reference ||= Fe::ReferenceSheet.new %>
-<% css_class = reference_question.required?(@answer_sheet) ? 'required' : '' %>
-<% email_css_class = reference_question.required?(@answer_sheet) ? 'required validate-email' : '' %>
-<% phone_css_class = reference_question.required?(@answer_sheet) ? 'required validate-phone' : '' %>
-<%#= hidden_field_tag "reference[#{reference.id}]", :class => reference_question.required? && !reference.email_sent? ? 'required' : '' %>
+<% css_class = reference_question.required?(@answer_sheet, @page) ? "required" : "" %>
+<% email_css_class = reference_question.required?(@answer_sheet, @page) ? "required email email" : "" %>
+<% phone_css_class = reference_question.required?(@answer_sheet, @page) ? "required phone phone" : "" %>
+<%#= hidden_field_tag "reference[#{reference.id}]", class: reference_question.required? && !reference.email_sent? ? "required" : "" %>
 <div id="<%= dom_id(reference_question) %>" class="reference_question">
   <ul class="questions level1">
     <li>
-      <label for="<%= "name_#{reference.id}" %>" class="desc">First Name</label>
-      <%= text_field_tag "reference[#{reference.id}][first_name]", reference.first_name, :class => "text #{css_class}", :id => "name_#{reference.id}", :readonly => !@answer_sheet.try(:can_change_references?), :disabled => !@answer_sheet.try(:can_change_references?) %>
+    <label for="<%= "name_#{reference.id}" %>" class="desc"><%= _("First Name") %></label>
+      <%= text_field_tag "reference[#{reference.id}][first_name]", reference.first_name, class: "#{"form-control" if Fe.bootstrap} text #{css_class}", id: "name_#{reference.id}", readonly: reference.completed? || !@answer_sheet.try(:can_change_references?), disabled: reference.completed? || !@answer_sheet.try(:can_change_references?) %>
     </li>
     <li>
-      <label for="<%= "name_#{reference.id}" %>" class="desc">Last Name</label>
-      <%= text_field_tag "reference[#{reference.id}][last_name]", reference.last_name, :class => "text #{css_class}", :id => "name_#{reference.id}", :readonly => !@answer_sheet.try(:can_change_references?), :disabled => !@answer_sheet.try(:can_change_references?) %>
+    <label for="<%= "name_#{reference.id}" %>" class="desc"><%= _("Last Name") %> </label>
+      <%= text_field_tag "reference[#{reference.id}][last_name]", reference.last_name, class: "#{"form-control" if Fe.bootstrap} text #{css_class}", id: "name_#{reference.id}", readonly: reference.completed? || !@answer_sheet.try(:can_change_references?), disabled: reference.completed? || !@answer_sheet.try(:can_change_references?) %>
     </li>
     <li>
-      <label for="<%= "name_#{reference.id}" %>" class="desc">Relationship to You</label>
-      <%= text_field_tag "reference[#{reference.id}][relationship]", reference.relationship, :class => "text #{css_class}", :id => "name_#{reference.id}", :readonly => !@answer_sheet.try(:can_change_references?), :disabled => !@answer_sheet.try(:can_change_references?) %>
+    <label for="<%= "name_#{reference.id}" %>" class="desc"><%= _("Relationship to You") %></label>
+      <%= text_field_tag "reference[#{reference.id}][relationship]", reference.relationship, class: "#{"form-control" if Fe.bootstrap} text #{css_class}", id: "name_#{reference.id}", readonly: reference.completed? || !@answer_sheet.try(:can_change_references?), disabled: reference.completed? || !@answer_sheet.try(:can_change_references?) %>
     </li>
     <li>
-      <label for="<%= "email_#{reference.id}" %>" class="desc">E-mail</label>
-      <% if (!reference.email.blank?) %><div class="warningText">Please be aware that any changes to this email address after your reference has started filling out their form will cause their answers to be lost.</div><% end %>
-      <%= text_field_tag "reference[#{reference.id}][email]", reference.email, :class => "text #{email_css_class}", :id => "email_#{reference.id}", :readonly => !@answer_sheet.try(:can_change_references?), :disabled => !@answer_sheet.try(:can_change_references?) %>
+    <label for="<%= "email_#{reference.id}" %>" class="desc"><%= _("E-mail") %></label>
+      <% if (!reference.email.blank?) %>
+        <div class="warningText">
+          <%= _("Please be aware that any changes to this email address after your reference has started filling out their form will cause their answers to be lost.") %>
+        </div>
+      <% end %>
+      <%= text_field_tag "reference[#{reference.id}][email]", reference.email, class: "#{"form-control" if Fe.bootstrap} text #{email_css_class}", id: "email_#{reference.id}", readonly: reference.completed? || !@answer_sheet.try(:can_change_references?), disabled: reference.completed? || !@answer_sheet.try(:can_change_references?) %>
     </li>
     <li>
-      <label for="<%= "phone_#{reference.id}" %>" class="desc">Phone</label>
-      <%= text_field_tag "reference[#{reference.id}][phone]", reference.phone, :class => "text #{phone_css_class}", :id => "phone_#{reference.id}", :readonly => !@answer_sheet.try(:can_change_references?), :disabled => !@answer_sheet.try(:can_change_references?) %>
+    <label for="<%= "phone_#{reference.id}" %>" class="desc"><%= _("Phone") %></label>
+      <%= text_field_tag "reference[#{reference.id}][phone]", reference.phone, class: "#{"form-control" if Fe.bootstrap} text #{phone_css_class}", id: "phone_#{reference.id}", readonly: reference.completed? || !@answer_sheet.try(:can_change_references?), disabled: reference.completed? || !@answer_sheet.try(:can_change_references?) %>
     </li>
-    <li><p>An invitation will be sent to this reference when you submit your application.  If you would
-      like to get a head start, please feel free to click 'Send Email Invitation' below.<br/>
-      <em><strong>If you already submitted your application and have returned to update your reference information - you must click "Send Email Invitation" after you
-        have edited the information in order for your reference to receive another email. </strong></em></p></li>
+    <li>
+      <% if reference.completed? %>
+        <p><strong><%= _("This reference is completed") %></strong></p>
+      <% else %>
+        <p>
+        <%= _("An invitation will be sent to this reference when you submit your application.  If you would " \
+              "like to get a head start, please feel free to click "Send Email Invitation" below.") %><br/>
+              <em><strong>
+        <%= _("If you already submitted your application and have returned to update your reference information - you must click "Send Email Invitation" after you " \
+          "have edited the information in order for your reference to receive another email.") %>
+    </strong></em></p></li>
 
-    <li><%= link_to('Send Email Invitation', @answer_sheet ? send_reference_invite_fe_answer_sheet_path(@answer_sheet, :reference_id => reference.id) : '#', :class => 'reference_send_invite button no-left-margin') %>
-      <br/>Invitation last sent: <span id="ref_last_sent_<%= reference.id %>"><% if reference.email_sent_at.nil? -%>Never<% else %><%= reference.email_sent_at.strftime("%m/%d/%Y @ %I:%M%p") %><% end %></span></li>
+      <li><%= link_to(_("Send Email Invitation"), @answer_sheet ? send_reference_invite_fe_answer_sheet_path(@answer_sheet, reference_id: reference.id) : "#", class: "#{"form-control" if Fe.bootstrap} reference_send_invite button no-left-margin", disabled: !reference.all_affecting_questions_answered) %>
+      <% if reference.question && !reference.all_affecting_questions_answered %>
+        <div>
+          <strong><i>This button is disabled because there are questions that affect whether this reference is required that need to answered first:</i></strong>
+          <ul>
+            <% reference.question.visibility_affecting_questions.each do |q| %>
+              <% next if q.has_response?(@answer_sheet) %>
+              <li>"<%= q.pages.where(question_sheet_id: @answer_sheet.question_sheet_ids).first.label %>" Page: "<%= q.label %>"</li>
+            <% end %>
+          </ul>
+        </div>
+      <% end %>
+    <br/><%= _("Invitation last sent:") %> <span id="ref_last_sent_<%= reference.id %>"><% if reference.email_sent_at.nil? -%><%= _("Never") %><% else %><%= reference.email_sent_at.strftime("%Y-%m-%d @ %I:%M%p") %><% end %></span></li>
+      <% end %>
   </ul>
 </div>

data/app/views/fe/questions/fe/_reference_roommate.html.erb

@@ -1 +1 @@
-<%= render 'fe/questions/fe/reference_question', :reference_question => reference_roommate, :title => 'Roommate Reference' %>
+<%= render "fe/questions/fe/reference_question", reference_question: reference_roommate, title: _("Roommate Reference") %>

data/app/views/fe/questions/fe/_reference_spiritual.html.erb

@@ -1 +1 @@
-<%= render 'fe/questions/fe/reference_question', :reference_question => reference_spiritual, :title => 'Spiritual Reference' %>
+<%= render "fe/questions/fe/reference_question", reference_question: reference_spiritual, title: _("Spiritual Reference") %>

data/app/views/fe/questions/fe/_reference_staff.html.erb

@@ -1 +1 @@
-<%= render 'fe/questions/fe/reference_question', :reference_question => reference_staff, :title => 'Staff Reference' %>
+<%= render "fe/questions/fe/reference_question", reference_question: reference_staff, title: _("Staff Reference") %>

data/app/views/fe/questions/fe/_section.html.erb

@@ -1 +1 @@
-<h4><%= raw section.label %></h4>
+<h4><%= raw section.label(session[:locale]) %></h4>

data/app/views/fe/questions/fe/_state_chooser.html.erb

@@ -1,7 +1,7 @@
-<% locked = state_chooser.locked?(params, @answer_sheet, @presenter) %>
+<% locked = state_chooser.locked?(params, @answer_sheet, @presenter, current_person) %>
 <%= select_tag "answers[#{state_chooser.id}]",
-    options_for_select(["", ['Not Listed','N/A']] + state_chooser.choices, [state_chooser.response(@answer_sheet).to_s]),
-    :class => 'select ' + state_chooser.validation_class(@answer_sheet),
-    :id => dom_id(state_chooser), 
-    :disabled => locked,
-    :readonly => locked %>
+    options_for_select(["", ["Not Listed","N/A"]] + state_chooser.choices(session[:locale]), [state_chooser.response(@answer_sheet).to_s]),
+      class: "#{"form-control" if Fe.bootstrap} select " + state_chooser.validation_class(@answer_sheet, @page),
+      id: dom_id(state_chooser),
+      disabled: locked,
+      readonly: locked %>

data/app/views/fe/questions/fe/_text_area_field.html.erb

@@ -1,6 +1,17 @@
-<%= text_area_tag "answers[#{text_area_field.id}]", text_area_field.response(@answer_sheet), 
-      :class => 'text ' + text_area_field.validation_class(@answer_sheet),
-      :id => dom_id(text_area_field),
-      :rows => 6,
-      :disabled => @answer_sheet.frozen?&&!@presenter.reference?,
-      :readonly => @answer_sheet.frozen?&&!@presenter.reference? %>
+<%
+  max_length = text_area_field.max_length.to_i > 0 ? text_area_field.max_length : 4000
+  locked = text_area_field.locked?(params, @answer_sheet, @presenter, current_person)
+%>
+<% response = text_area_field.response(@answer_sheet).to_s %>
+<%= text_area_tag "answers[#{text_area_field.id}]", response, 
+      class: "text #{"form-control" if Fe.bootstrap}" + text_area_field.validation_class(@answer_sheet, @page),
+      id: dom_id(text_area_field),
+      rows: 6,
+      autocomplete: "off",
+      disabled: locked,
+      readonly: locked,
+      maxlength: max_length %>
+<div class="small" align="right"><span class="small notice"><%= _("(Please use paragraphs for long answers)") %></span> 
+<%= _("Characters remaining: ") %>
+<input type="text" id="<%= dom_id(text_area_field)+"_count" %>" size="4" value="<%= max_length - response.length %>" disabled="" class="small char-count">
+</div>

data/app/views/fe/questions/fe/_text_field.html.erb

@@ -1,8 +1,9 @@
-<% locked = text_field.locked?(params, @answer_sheet, @presenter) %>
+<% locked = text_field.locked?(params, @answer_sheet, @presenter, current_person) %>
 <%= text_field_tag "answers[#{text_field.id}]", text_field.response(@answer_sheet),
-      :class => "text #{text_field.question_grid_id.present? ? "col_#{text_field.question_grid_id}_#{col}" : ''}" + text_field.validation_class(@answer_sheet),
-      :id => dom_id(text_field),
-      :disabled => locked,
-      :readonly => locked,
-      :maxlength => text_field.max_length.to_i > 0 ? text_field.max_length : 255 %>
+      class: "#{"form-control" if Fe.bootstrap} text #{text_field.css_class} #{text_field.question_grid_id.present? ? "col_#{text_field.question_grid_id}_#{col}" : ""}" + text_field.validation_class(@answer_sheet, @page),
+      id: dom_id(text_field),
+      disabled: locked,
+      autocomplete: "off",
+      readonly: locked,
+      maxlength: text_field.max_length.to_i > 0 ? text_field.max_length : 255 %>