Highlight fields with errors.

Signed-off-by: Gabriela Navarro <navarro1703@gmail.com> Signed-off-by: Thiago Ribeiro <thiagitosouza@hotmail.com>

Highlight fields with errors.
Signed-off-by: Gabriela Navarro <navarro1703@gmail.com> Signed-off-by: Thiago Ribeiro <thiagitosouza@hotmail.com>
Gabriela Navarro · Fabio Teixeira
1 parent 946bc87a
Showing 4 changed files with 40 additions and 16 deletions Show diff stats
controllers/gov_user_plugin_controller.rb
lib/gov_user_plugin.rb
public/style.css
views/gov_user_plugin/_institution.html.erb
@@ -23,7 +23,6 @@ class GovUserPluginController &lt; ApplicationController
     @governmental_sphere_options = [[_("Select a Governmental Sphere"), 0]]|GovernmentalSphere.all.map {|s| [s.name, s.id]}
     @governmental_power_options = [[_("Select a Governmental Power"), 0]]|GovernmentalPower.all.map {|g| [g.name, g.id]}
     @juridical_nature_options = [[_("Select a Juridical Nature"), 0]]|JuridicalNature.all.map {|j| [j.name, j.id]}
-
     if request.xhr?
       render :layout=>false
     else
@@ -67,7 +66,6 @@ class GovUserPluginController &lt; ApplicationController
     response_message = save_institution @institutions
     if request.xhr? #User create institution
-      puts "-"*80, response_message
       render :json => response_message.to_json
     else #Admin create institution
       session[:notice] = response_message[:message] # consume the notice
@@ -187,7 +185,6 @@ class GovUserPluginController &lt; ApplicationController
     institution.date_modification = DateTime.now
     institution.save
-
     institution
   end
@@ -208,9 +205,12 @@ class GovUserPluginController &lt; ApplicationController
   end
   def save_institution institution
+
     inst_errors = institution.errors.full_messages
     com_errors = institution.community.errors.full_messages
+    set_error_css institution
+
     if inst_errors.empty? && com_errors.empty? && institution.valid? && institution.save
       { :success => true,
         :message => _("Institution successful created!"),
@@ -233,4 +233,19 @@ class GovUserPluginController &lt; ApplicationController
     end
   end
+  def set_error_css institution
+    institution.valid?
+    institution.community.valid?
+    params[:error_community_name] = institution.community.errors.include?(:name) ? "highlight-error" : ""
+    params[:error_community_country] = institution.community.errors.include?(:country) ? "highlight-error" : ""
+    params[:error_community_city] = institution.errors.include?(:city) ? "highlight-error" : ""
+    params[:error_community_state] = institution.errors.include?(:state) ? "highlight-error" : ""
+    params[:error_institution_corporate_name] = institution.errors.include?(:corporate_name) ? "highlight-error" : ""
+    params[:error_institution_acronym] = institution.errors.include?(:acronym) ? "highlight-error" : ""
+    params[:error_institution_cnpj] = institution.errors.include?(:cnpj) ? "highlight-error" : ""
+    params[:error_institution_governmental_sphere] = institution.errors.include?(:governmental_sphere) ? "highlight-error" : ""
+    params[:error_institution_governmental_power] = institution.errors.include?(:governmental_power) ? "highlight-error" : ""
+    params[:error_institution_juridical_nature] = institution.errors.include?(:juridical_nature) ? "highlight-error" : ""
+    params[:error_institution_sisp] = institution.errors.include?(:sisp) ? "highlight-error" : ""
+  end
 end
@@ -19,6 +19,10 @@ class GovUserPlugin &lt; Noosfero::Plugin
     _("A plugin that does this and that.")
   end
+  def stylesheet?
+    true
+  end
+
   # Hotspot to insert html without an especific hotspot on view.
   def body_beginning
     return if context.session[:user].nil? or context.session[:hide_incomplete_percentage] == true
@@ -18,3 +18,9 @@
   background: #fff;
   border: solid 1px #000;
 }
+
+.highlight-error {
+  outline: none;
+  border-color: #FF0000;
+  box-shadow: 0 0 10px #FF0000;
+}
@@ -39,15 +39,14 @@
             </label>
           </div>
         </span>
-
-      <%= required f.text_field(:name, :value => params[:community][:name], :size => 55) %>
+      <%= required f.text_field(:name, :value => params[:community][:name], :size => 55, :class => "#{params[:error_community_name]}" ) %>
       <%= content_tag :span, _("Institution name already exists"), :id=>"already_exists_text", :class=>"errorExplanation hide-field" %>
       <div class= <%= @error_corporate_name %> >
         <span class='required-field'>
           <div class="formfield type-text">
             <%= inst.label "corporate_name", _("Corporate Name"), :class=>"formlabel" %>
-            <%= required inst.text_field(:corporate_name, :value => params[:institutions][:corporate_name], :size => 55) %>
+            <%= required inst.text_field(:corporate_name, :value => params[:institutions][:corporate_name], :size => 55, :class => "#{params[:error_institution_corporate_name]}") %>
           </div>
         </span>
       </div>
@@ -57,46 +56,46 @@
           <%= hidden_field_tag "acronym_translate", _("Acronym") %>
           <%= hidden_field_tag "fantasy_name_translate", _("Fantasy name") %>
           <%= inst.label("acronym" ,_("Acronym"), :class=>"formlabel") %>
-          <%= inst.text_field(:acronym, :value => params[:institutions][:acronym]) %>
+          <%= inst.text_field(:acronym, :value => params[:institutions][:acronym], :class => "#{params[:error_institution_acronym]}") %>
         </div>
       </span>
-      <%= required select_country(_('Country'), 'community', 'country', {:class => 'type-select', :id => "community_country"}) %>
+      <%= required select_country(_('Country'), 'community', 'country', {:class => "type-select #{params[:error_community_country]}", :id => "community_country"}) %>
       <span class='required-field'>
         <div class="formfield">
           <label for="community_state" class="formlabel"><%= _("State") %></label>
-          <%= f.select(:state, @state_options, :selected => params[:community][:state]) %>
+          <%= f.select(:state, @state_options, :selected => params[:community][:state], :class => "#{params[:error_community_state]}") %>
         </div>
       </span>
-      <%= required f.text_field(:city, :value => params[:community][:city], :id => "city_field") %>
+      <%= required f.text_field(:city, :value => params[:community][:city], :id => "city_field", :class => "#{params[:error_community_city]}") %>
       <span class='required-field'>
         <div class="formfield type-text">
           <%= inst.label("cnpj" ,_("CNPJ"), :class=>"formlabel") %>
-          <%= required inst.text_field(:cnpj, :value => params[:institutions][:cnpj], :placeholder=>"99.999.999/9999-99", :class=>"intitution_cnpj_field") %>
+          <%= required inst.text_field(:cnpj, :value => params[:institutions][:cnpj], :placeholder=>"99.999.999/9999-99", :class=>"intitution_cnpj_field #{params[:error_institution_cnpj]}") %>
         </div>
       </span>
       <span class='required-field public-institutions-fields'>
         <div class="formfield type-text">
           <%= inst.label("governmental_sphere_id" ,_("Governmental Sphere:"), :class=>"formlabel") %>
-          <%= inst.select(:governmental_sphere, @governmental_sphere_options, :selected => params[:institutions][:governmental_sphere])%>
+          <%= inst.select(:governmental_sphere, @governmental_sphere_options, :selected => params[:institutions][:governmental_sphere], :class => "#{params[:error_institution_governmental_sphere]}" )%>
         </div>
       </span>
       <span class='required-field public-institutions-fields'>
         <div class="formfield type-text">
           <%= inst.label("governmental_power_id" ,_("Governmental Power:"), :class=>"formlabel") %>
-          <%= inst.select(:governmental_power, @governmental_power_options, :selected => params[:institutions][:governmental_power])%>
+          <%= inst.select(:governmental_power, @governmental_power_options, :selected => params[:institutions][:governmental_power], :class => "#{params[:error_institution_governmental_power]}")%>
         </div>
       </span>
       <span class='required-field public-institutions-fields'>
         <div class="formfield type-text">
           <%= inst.label("juridical_nature_id" ,_("Juridical Nature:"), :class=>"formlabel") %>
-          <%= inst.select(:juridical_nature, @juridical_nature_options, :selected => params[:institutions][:juridical_nature])%>
+          <%= inst.select(:juridical_nature, @juridical_nature_options, :selected => params[:institutions][:juridical_nature], :class => "#{params[:error_institution_juridical_nature]}")%>
         </div>
       </span>
@@ -104,9 +103,9 @@
         <div class="formfield type-text">
           <%= _("SISP?") %>
           <% if @show_sisp_field %>
-            <%= inst.radio_button(:sisp, true) %>
+            <%= inst.radio_button(:sisp, true, :class => "#{params[:error_institution_sisp]}" ) %>
             <%= inst.label :sisp ,_("Yes"), :value => true %>
-            <%= inst.radio_button(:sisp, false, :checked=>"checked") %>
+            <%= inst.radio_button(:sisp, false, :checked=>"checked", :class => "#{params[:error_institution_sisp]}") %>
             <%= inst.label :sisp ,_("No"), :value => false %>
           <% else %>
             <%= inst.label("sisp", _("No")) %>
	@@ -18,3 +18,9 @@		@@ -18,3 +18,9 @@
18	background: #fff;	18	background: #fff;
19	border: solid 1px #000;	19	border: solid 1px #000;
20	}	20	}
		21	+
		22	+.highlight-error {
		23	+ outline: none;
		24	+ border-color: #FF0000;
		25	+ box-shadow: 0 0 10px #FF0000;
		26	+}