Commit 5e12247d03e3bf2eced187624a34fc93609c9d26

Authored by Daniela Feitosa
1 parent 41373171

Fixes on stoa plugin signup balloons

Added balloons to fields cpf and birth date
Fixed alignment
plugins/stoa/lib/stoa_plugin.rb
... ... @@ -19,10 +19,12 @@ class StoaPlugin < Noosfero::Plugin
19 19  
20 20 def signup_extra_contents
21 21 lambda {
22   - 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 if you have one.'), :id => 'usp-id-balloon') +
24   - content_tag('div', required(labelled_form_field(_('Birth date (yyyy-mm-dd)'), text_field_tag('birth_date', ''))), :id => 'signup-birth-date', :style => 'display: none') +
25   - content_tag('div', required(labelled_form_field(_('CPF'), text_field_tag('cpf', ''))), :id => 'signup-cpf', :style => 'display:none') +
  22 + content_tag(:div, 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 wth a valid number if you have one.'), :id => 'usp-id-balloon'), :id => 'signup-usp-id') +
  24 + content_tag('div', required(labelled_form_field(_('Birth date (yyyy-mm-dd)'), text_field_tag('birth_date', ''))) +
  25 + 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') +
  26 + content_tag('div', required(labelled_form_field(_('CPF'), text_field_tag('cpf', ''))) +
  27 + content_tag(:small, _('Confirm your CPF number.'), :id => 'usp-cpf-balloon'), :id => 'signup-cpf', :style => 'display: none') +
26 28 javascript_include_tag('../plugins/stoa/javascripts/jquery.observe_field', '../plugins/stoa/javascripts/signup_complement')
27 29 }
28 30 end
... ...
plugins/stoa/public/javascripts/signup_complement.js
... ... @@ -55,3 +55,17 @@ jQuery('#usp_id_field').focus(function() {
55 55 });
56 56  
57 57 jQuery('#usp_id_field').blur(function() { jQuery('#usp-id-balloon').fadeOut('slow'); });
  58 +
  59 +jQuery('#signup-birth-date #birth_date').focus(function() {
  60 + jQuery('#usp-birth-date-balloon').fadeIn('slow');
  61 +});
  62 +jQuery('#signup-birth-date #birth_date').blur(function() {
  63 + jQuery('#usp-birth-date-balloon').fadeOut('slow');
  64 +});
  65 +
  66 +jQuery('#signup-cpf #cpf').focus(function() {
  67 + jQuery('#usp-cpf-balloon').fadeIn('slow');
  68 +});
  69 +jQuery('#signup-cpf #cpf').blur(function() {
  70 + jQuery('#usp-cpf-balloon').fadeOut('slow');
  71 +});
... ...
plugins/stoa/public/style.css
... ... @@ -13,7 +13,15 @@
13 13 .controller-profile_editor a.control-panel-invite-friends {background-image: url(/plugins/stoa/images/control-panel/invite-friends.png)}
14 14 .controller-profile_editor .msie6 a.control-panel-invite-friends {background-image: url(/plugins/stoa/images/control-panel/invite-friends.gif)}
15 15  
16   -#signup-form small#usp-id-balloon {
  16 +#signup-form #signup-usp-id,
  17 +#signup-form #signup-birth-date,
  18 +#signup-form #signup-cpf {
  19 + position: relative;
  20 +}
  21 +
  22 +#signup-form small#usp-id-balloon,
  23 +#signup-form small#usp-birth-date-balloon,
  24 +#signup-form small#usp-cpf-balloon {
17 25 display: none;
18 26 width: 142px;
19 27 height: 69px;
... ... @@ -27,7 +35,7 @@
27 35 position: absolute;
28 36 z-index: 2;
29 37 right: 20px;
30   - bottom: 110px;
  38 + top: -75px;
31 39 }
32 40  
33 41 .controller-profile_editor input.checking {
... ...