From 5e12247d03e3bf2eced187624a34fc93609c9d26 Mon Sep 17 00:00:00 2001
From: Daniela Soares Feitosa <danielafeitosa@colivre.coop.br>
Date: Sun, 11 Nov 2012 12:17:22 -0200
Subject: [PATCH] Fixes on stoa plugin signup balloons

---
 plugins/stoa/lib/stoa_plugin.rb                      | 10 ++++++----
 plugins/stoa/public/javascripts/signup_complement.js | 14 ++++++++++++++
 plugins/stoa/public/style.css                        | 12 ++++++++++--
 3 files changed, 30 insertions(+), 6 deletions(-)

diff --git a/plugins/stoa/lib/stoa_plugin.rb b/plugins/stoa/lib/stoa_plugin.rb
index ad0feb8..78657b9 100644
--- a/plugins/stoa/lib/stoa_plugin.rb
+++ b/plugins/stoa/lib/stoa_plugin.rb
@@ -19,10 +19,12 @@ class StoaPlugin < Noosfero::Plugin
 
   def signup_extra_contents
     lambda {
-      labelled_form_field(_('USP number'), text_field_tag('profile_data[usp_id]', '', :id => 'usp_id_field')) +
-      content_tag(:small, _('The usp id grants you special powers in the network. Don\'t forget to fill it if you have one.'), :id => 'usp-id-balloon') +
-      content_tag('div', required(labelled_form_field(_('Birth date (yyyy-mm-dd)'), text_field_tag('birth_date', ''))), :id => 'signup-birth-date', :style => 'display: none') +
-      content_tag('div', required(labelled_form_field(_('CPF'), text_field_tag('cpf', ''))), :id => 'signup-cpf', :style => 'display:none') +
+      content_tag(:div, labelled_form_field(_('USP number'), text_field_tag('profile_data[usp_id]', '', :id => 'usp_id_field')) +
+      content_tag(:small, _('The usp id grants you special powers in the network. Don\'t forget to fill it wth a valid number if you have one.'), :id => 'usp-id-balloon'), :id => 'signup-usp-id') +
+      content_tag('div', required(labelled_form_field(_('Birth date (yyyy-mm-dd)'), text_field_tag('birth_date', ''))) +
+      content_tag(:small, _('Confirm your birth date. Pay attention to the format: yyyy-mm-dd.'), :id => 'usp-birth-date-balloon'), :id => 'signup-birth-date', :style => 'display: none') +
+      content_tag('div', required(labelled_form_field(_('CPF'), text_field_tag('cpf', ''))) +
+      content_tag(:small, _('Confirm your CPF number.'), :id => 'usp-cpf-balloon'), :id => 'signup-cpf', :style => 'display: none') +
       javascript_include_tag('../plugins/stoa/javascripts/jquery.observe_field', '../plugins/stoa/javascripts/signup_complement')
     }
   end
diff --git a/plugins/stoa/public/javascripts/signup_complement.js b/plugins/stoa/public/javascripts/signup_complement.js
index 7454041..2a39a8f 100644
--- a/plugins/stoa/public/javascripts/signup_complement.js
+++ b/plugins/stoa/public/javascripts/signup_complement.js
@@ -55,3 +55,17 @@ jQuery('#usp_id_field').focus(function() {
 });
 
 jQuery('#usp_id_field').blur(function() { jQuery('#usp-id-balloon').fadeOut('slow'); });
+
+jQuery('#signup-birth-date #birth_date').focus(function() {
+  jQuery('#usp-birth-date-balloon').fadeIn('slow');
+});
+jQuery('#signup-birth-date #birth_date').blur(function() {
+  jQuery('#usp-birth-date-balloon').fadeOut('slow');
+});
+
+jQuery('#signup-cpf #cpf').focus(function() {
+  jQuery('#usp-cpf-balloon').fadeIn('slow');
+});
+jQuery('#signup-cpf #cpf').blur(function() {
+  jQuery('#usp-cpf-balloon').fadeOut('slow');
+});
diff --git a/plugins/stoa/public/style.css b/plugins/stoa/public/style.css
index 0020acf..6d7db94 100644
--- a/plugins/stoa/public/style.css
+++ b/plugins/stoa/public/style.css
@@ -13,7 +13,15 @@
 .controller-profile_editor a.control-panel-invite-friends {background-image: url(/plugins/stoa/images/control-panel/invite-friends.png)}
 .controller-profile_editor .msie6 a.control-panel-invite-friends {background-image: url(/plugins/stoa/images/control-panel/invite-friends.gif)}
 
-#signup-form small#usp-id-balloon {
+#signup-form #signup-usp-id,
+#signup-form #signup-birth-date,
+#signup-form #signup-cpf {
+  position: relative;
+}
+
+#signup-form small#usp-id-balloon,
+#signup-form small#usp-birth-date-balloon,
+#signup-form small#usp-cpf-balloon {
   display: none;
   width: 142px;
   height: 69px;
@@ -27,7 +35,7 @@
   position: absolute;
   z-index: 2;
   right: 20px;
-  bottom: 110px;
+  top: -75px;
 }
 
 .controller-profile_editor input.checking {
--
libgit2 0.21.2