Commit 197473bbc463f04602a12da9a59f7ce682ee7441

Authored by Rodrigo Souto
1 parent 1d38f6d7

[stoa] Adding a balloon to encourage usp_id fill on signup

plugins/stoa/lib/stoa_plugin.rb
... ... @@ -20,6 +20,7 @@ class StoaPlugin < Noosfero::Plugin
20 20 def signup_extra_contents
21 21 lambda {
22 22 required(labelled_form_field(_('USP number'), text_field_tag('profile_data[usp_id]', '', :id => 'usp_id_field'))) +
  23 + 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') +
23 24 labelled_form_field(_('Select a confirmation data'), select_tag('confirmation_field',
24 25 options_for_select([['CPF','cpf'], [_('Birth date (yyyy-mm-dd)'), 'birth_date']])
25 26 )) +
... ... @@ -42,6 +43,11 @@ class StoaPlugin < Noosfero::Plugin
42 43 height: "80%",
43 44 width: "70%" });
44 45 }
  46 +
  47 + jQuery('#usp_id_field').focus(function() {
  48 + jQuery('#usp-id-balloon').fadeIn('slow');
  49 + });
  50 + jQuery('#usp_id_field').blur(function() { jQuery('#usp-id-balloon').fadeOut('slow'); });
45 51 EOF
46 52 )
47 53 }
... ...
plugins/stoa/public/style.css
... ... @@ -5,3 +5,20 @@
5 5  
6 6 .controller-profile_editor a.control-panel-invite-friends {background-image: url(../../plugins/stoa/images/control-panel/invite-friends.png)}
7 7 .controller-profile_editor .msie6 a.control-panel-invite-friends {background-image: url(../../plugins/stoa/images/control-panel/invite-friends.gif)}
  8 +
  9 +#signup-form small#usp-id-balloon {
  10 + display: none;
  11 + width: 142px;
  12 + height: 69px;
  13 + color: #FFFFFF;
  14 + font-weight: bold;
  15 + font-size: 11px;
  16 + padding: 5px 10px 45px 10px;
  17 + margin: 0;
  18 + line-height: 1.5em;
  19 + background: transparent url(/images/orange-balloon.png) bottom center no-repeat;
  20 + position: absolute;
  21 + z-index: 2;
  22 + right: 20px;
  23 + bottom: 235px;
  24 +}
... ...