From 197473bbc463f04602a12da9a59f7ce682ee7441 Mon Sep 17 00:00:00 2001
From: Rodrigo Souto <rodrigo@colivre.coop.br>
Date: Mon, 21 May 2012 19:25:50 -0300
Subject: [PATCH] [stoa] Adding a balloon to encourage usp_id fill on signup

---
 plugins/stoa/lib/stoa_plugin.rb |  6 ++++++
 plugins/stoa/public/style.css   | 17 +++++++++++++++++
 2 files changed, 23 insertions(+), 0 deletions(-)

diff --git a/plugins/stoa/lib/stoa_plugin.rb b/plugins/stoa/lib/stoa_plugin.rb
index 78b2837..d1c4a55 100644
--- a/plugins/stoa/lib/stoa_plugin.rb
+++ b/plugins/stoa/lib/stoa_plugin.rb
@@ -20,6 +20,7 @@ class StoaPlugin < Noosfero::Plugin
   def signup_extra_contents
     lambda {
       required(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 in if you have one.'), :id => 'usp-id-balloon') +
       labelled_form_field(_('Select a confirmation data'), select_tag('confirmation_field',
         options_for_select([['CPF','cpf'], [_('Birth date (yyyy-mm-dd)'), 'birth_date']])
       )) +
@@ -42,6 +43,11 @@ class StoaPlugin < Noosfero::Plugin
                            height: "80%",
                            width:  "70%" });
         }
+
+        jQuery('#usp_id_field').focus(function() {
+          jQuery('#usp-id-balloon').fadeIn('slow');
+        });
+        jQuery('#usp_id_field').blur(function() { jQuery('#usp-id-balloon').fadeOut('slow'); });
         EOF
       )
     }
diff --git a/plugins/stoa/public/style.css b/plugins/stoa/public/style.css
index 4200d85..5a86990 100644
--- a/plugins/stoa/public/style.css
+++ b/plugins/stoa/public/style.css
@@ -5,3 +5,20 @@
 
 .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 {
+  display: none;
+  width: 142px;
+  height: 69px;
+  color: #FFFFFF;
+  font-weight: bold;
+  font-size: 11px;
+  padding: 5px 10px 45px 10px;
+  margin: 0;
+  line-height: 1.5em;
+  background: transparent url(/images/orange-balloon.png) bottom center no-repeat;
+  position: absolute;
+  z-index: 2;
+  right: 20px;
+  bottom: 235px;
+}
--
libgit2 0.21.2