Commit 5e12247d03e3bf2eced187624a34fc93609c9d26
1 parent
41373171
Exists in
master
and in
28 other branches
Fixes on stoa plugin signup balloons
Added balloons to fields cpf and birth date Fixed alignment
Showing
3 changed files
with
30 additions
and
6 deletions
Show diff stats
plugins/stoa/lib/stoa_plugin.rb
@@ -19,10 +19,12 @@ class StoaPlugin < Noosfero::Plugin | @@ -19,10 +19,12 @@ class StoaPlugin < Noosfero::Plugin | ||
19 | 19 | ||
20 | def signup_extra_contents | 20 | def signup_extra_contents |
21 | lambda { | 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 | javascript_include_tag('../plugins/stoa/javascripts/jquery.observe_field', '../plugins/stoa/javascripts/signup_complement') | 28 | javascript_include_tag('../plugins/stoa/javascripts/jquery.observe_field', '../plugins/stoa/javascripts/signup_complement') |
27 | } | 29 | } |
28 | end | 30 | end |
plugins/stoa/public/javascripts/signup_complement.js
@@ -55,3 +55,17 @@ jQuery('#usp_id_field').focus(function() { | @@ -55,3 +55,17 @@ jQuery('#usp_id_field').focus(function() { | ||
55 | }); | 55 | }); |
56 | 56 | ||
57 | jQuery('#usp_id_field').blur(function() { jQuery('#usp-id-balloon').fadeOut('slow'); }); | 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,7 +13,15 @@ | ||
13 | .controller-profile_editor a.control-panel-invite-friends {background-image: url(/plugins/stoa/images/control-panel/invite-friends.png)} | 13 | .controller-profile_editor a.control-panel-invite-friends {background-image: url(/plugins/stoa/images/control-panel/invite-friends.png)} |
14 | .controller-profile_editor .msie6 a.control-panel-invite-friends {background-image: url(/plugins/stoa/images/control-panel/invite-friends.gif)} | 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 | display: none; | 25 | display: none; |
18 | width: 142px; | 26 | width: 142px; |
19 | height: 69px; | 27 | height: 69px; |
@@ -27,7 +35,7 @@ | @@ -27,7 +35,7 @@ | ||
27 | position: absolute; | 35 | position: absolute; |
28 | z-index: 2; | 36 | z-index: 2; |
29 | right: 20px; | 37 | right: 20px; |
30 | - bottom: 110px; | 38 | + top: -75px; |
31 | } | 39 | } |
32 | 40 | ||
33 | .controller-profile_editor input.checking { | 41 | .controller-profile_editor input.checking { |