Commit ad887e182d4faceb404c1c7d05ecffa340deb0b0
Committed by
Daniela Feitosa
1 parent
19ece8ee
Exists in
staging
and in
42 other branches
Small refactoring on code for signup
Removing unused code
Showing
5 changed files
with
25 additions
and
48 deletions
Show diff stats
app/views/account/_signup_form.rhtml
| ... | ... | @@ -11,7 +11,7 @@ |
| 11 | 11 | <span id="signup-domain"><%= environment.default_hostname %>/</span> |
| 12 | 12 | <div id='signup-login'> |
| 13 | 13 | <div id='signup-login-field' class='formfield'> |
| 14 | - <%= required text_field(:profile_data, :login, :id => 'user_login', :onchange => 'this.value = convToValidLogin(this.value);') %> | |
| 14 | + <%= required text_field(:user, :login, :id => 'user_login', :onchange => 'this.value = convToValidLogin(this.value);') %> | |
| 15 | 15 | <div id='url-check'><p> </p></div> |
| 16 | 16 | </div> |
| 17 | 17 | <%= content_tag(:small, _('Choose your login name carefully! It will be your network access and you will not be able to change it later.'), :id => 'signup-balloon') %> |
| ... | ... | @@ -107,28 +107,14 @@ jQuery(function($) { |
| 107 | 107 | $('#signup-form #user_login').css('width', 335 - $('#signup-domain').outerWidth()); |
| 108 | 108 | |
| 109 | 109 | $('#signup-form input[type=text], #signup-form textarea').each(function() { |
| 110 | - if ($(this).attr('rel')) var default_value = $(this).attr('rel').toLowerCase(); | |
| 111 | - if ($(this).val() == '') $(this).val(default_value); | |
| 112 | - $(this).bind('focus', function() { | |
| 113 | - if ($(this).val() == default_value) $(this).val(''); | |
| 114 | - }); | |
| 115 | 110 | $(this).bind('blur', function() { |
| 116 | 111 | if ($(this).val() == '') { |
| 117 | - $(this).val(default_value); | |
| 118 | 112 | $(this).removeClass('filled-in'); |
| 119 | 113 | } |
| 120 | 114 | else $(this).addClass('filled-in'); |
| 121 | 115 | }); |
| 122 | 116 | }); |
| 123 | 117 | |
| 124 | - $('#signup-form').bind('submit', function() { | |
| 125 | - $('#signup-form input[type=text], #signup-form textarea').each(function() { | |
| 126 | - if ($(this).attr('rel')) var default_value = $(this).attr('rel').toLowerCase(); | |
| 127 | - if ($(this).val() == default_value) $(this).val(''); | |
| 128 | - }); | |
| 129 | - return true; | |
| 130 | - }); | |
| 131 | - | |
| 132 | 118 | $('#user_pw').focus(function() { |
| 133 | 119 | $('#password-balloon').fadeIn('slow'); |
| 134 | 120 | }); | ... | ... |
plugins/stoa/lib/stoa_plugin.rb
| ... | ... | @@ -20,7 +20,8 @@ class StoaPlugin < Noosfero::Plugin |
| 20 | 20 | def signup_extra_contents |
| 21 | 21 | lambda { |
| 22 | 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') + | |
| 23 | + content_tag(:small, _('The usp id grants you special powers in the network. Don\'t forget to fill it with a valid number if you have one.'), :id => 'usp-id-balloon') + | |
| 24 | + content_tag('div', '', :id => 'usp-id-check'), :id => 'signup-usp-id') + | |
| 24 | 25 | content_tag('div', required(labelled_form_field(_('Birth date (yyyy-mm-dd)'), text_field_tag('birth_date', ''))) + |
| 25 | 26 | 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 | 27 | content_tag('div', required(labelled_form_field(_('CPF'), text_field_tag('cpf', ''))) + | ... | ... |
plugins/stoa/public/javascripts/signup_complement.js
| 1 | 1 | jQuery("#usp_id_field").observe_field(1, function(){ |
| 2 | 2 | var me=this; |
| 3 | 3 | jQuery(this).addClass('checking').removeClass('validated'); |
| 4 | -// jQuery(this.parentNode).addClass('checking') | |
| 5 | 4 | jQuery.getJSON('/plugin/stoa/check_usp_id?usp_id='+me.value, |
| 6 | 5 | function(data){ |
| 7 | 6 | if(data.exists) { |
| ... | ... | @@ -21,12 +20,10 @@ jQuery("#usp_id_field").observe_field(1, function(){ |
| 21 | 20 | } |
| 22 | 21 | jQuery('#signup-form .submit').attr('disabled', false); |
| 23 | 22 | jQuery(me).removeClass('checking').addClass('validated'); |
| 24 | - // jQuery(me.parentNode).removeClass('checking') | |
| 25 | 23 | }); |
| 26 | 24 | } |
| 27 | 25 | else { |
| 28 | 26 | jQuery(me).removeClass('checking'); |
| 29 | -// jQuery(me.parentNode).removeClass('checking') | |
| 30 | 27 | if(me.value) { |
| 31 | 28 | jQuery('#signup-form .submit').attr('disabled', true); |
| 32 | 29 | jQuery(me).addClass('invalid'); | ... | ... |
plugins/stoa/public/style.css
| ... | ... | @@ -34,8 +34,8 @@ |
| 34 | 34 | background: transparent url(/images/orange-balloon.png) bottom center no-repeat; |
| 35 | 35 | position: absolute; |
| 36 | 36 | z-index: 2; |
| 37 | - right: 20px; | |
| 38 | - top: -75px; | |
| 37 | + right: 10px; | |
| 38 | + top: -80px; | |
| 39 | 39 | } |
| 40 | 40 | |
| 41 | 41 | .controller-profile_editor input.checking { |
| ... | ... | @@ -45,3 +45,13 @@ |
| 45 | 45 | .controller-profile_editor div.checking { |
| 46 | 46 | background: transparent url(/images/loading-small.gif) 153px center no-repeat; |
| 47 | 47 | } |
| 48 | + | |
| 49 | +#signup-form .invalid.valid.filled-in { | |
| 50 | + background-image: url("/images/passwords_nomatch.png"); | |
| 51 | + border-color: #FFA000; | |
| 52 | +} | |
| 53 | + | |
| 54 | +#signup-form .invalid.valid.filled-in.validated { | |
| 55 | + background-image: url("/images/passwords_match.png"); | |
| 56 | + border-color: #88BD00; | |
| 57 | +} | ... | ... |
public/stylesheets/application.css
| ... | ... | @@ -5597,7 +5597,7 @@ li.profile-activity-item.upload_image .activity-gallery-images-count-1 img { |
| 5597 | 5597 | #email-check, |
| 5598 | 5598 | #fake-check, |
| 5599 | 5599 | #password-check { |
| 5600 | - margin: -2px 171px -5px 0; | |
| 5600 | + margin: -2px 176px -5px 13px; | |
| 5601 | 5601 | text-align: right; |
| 5602 | 5602 | clear: both; |
| 5603 | 5603 | } |
| ... | ... | @@ -5674,7 +5674,6 @@ li.profile-activity-item.upload_image .activity-gallery-images-count-1 img { |
| 5674 | 5674 | |
| 5675 | 5675 | #signup-form select, |
| 5676 | 5676 | #signup-form textarea, |
| 5677 | -#signup-form #profile_data_name, | |
| 5678 | 5677 | #signup-form input { |
| 5679 | 5678 | padding: 7px 30px 10px 7px; |
| 5680 | 5679 | height: 20px; |
| ... | ... | @@ -5690,7 +5689,7 @@ li.profile-activity-item.upload_image .activity-gallery-images-count-1 img { |
| 5690 | 5689 | |
| 5691 | 5690 | #signup-form .filled-in, |
| 5692 | 5691 | #signup-form .invalid, |
| 5693 | -#signup-form .validated, | |
| 5692 | +#signup-form input.validated, | |
| 5694 | 5693 | #signup-form .checking { |
| 5695 | 5694 | border-width: 2px; |
| 5696 | 5695 | border-style: solid; |
| ... | ... | @@ -5765,10 +5764,6 @@ li.profile-activity-item.upload_image .activity-gallery-images-count-1 img { |
| 5765 | 5764 | display: block; |
| 5766 | 5765 | } |
| 5767 | 5766 | |
| 5768 | -#signup-form #profile_data_name { | |
| 5769 | - padding-left: 10px; | |
| 5770 | -} | |
| 5771 | - | |
| 5772 | 5767 | #signup-form .invalid { |
| 5773 | 5768 | border-color: #FFA000; |
| 5774 | 5769 | background-image: url(/images/passwords_nomatch.png); |
| ... | ... | @@ -5793,7 +5788,8 @@ li.profile-activity-item.upload_image .activity-gallery-images-count-1 img { |
| 5793 | 5788 | color: #4A4A4A; |
| 5794 | 5789 | } |
| 5795 | 5790 | |
| 5796 | -#signup-form .validated { | |
| 5791 | +#signup-form .validated, | |
| 5792 | +#signup-form .valid.filled-in { | |
| 5797 | 5793 | border-color: #88BD00; |
| 5798 | 5794 | background-image: url(/images/passwords_match.png); |
| 5799 | 5795 | } |
| ... | ... | @@ -5809,7 +5805,7 @@ li.profile-activity-item.upload_image .activity-gallery-images-count-1 img { |
| 5809 | 5805 | vertical-align: middle; |
| 5810 | 5806 | background: #EEE; |
| 5811 | 5807 | border: 1px solid #CFCFCF; |
| 5812 | - line-height: 37px; | |
| 5808 | + line-height: 35px; | |
| 5813 | 5809 | padding: 0px 7px; |
| 5814 | 5810 | color: #4A4A4A; |
| 5815 | 5811 | font-size: 20px; |
| ... | ... | @@ -5822,10 +5818,6 @@ li.profile-activity-item.upload_image .activity-gallery-images-count-1 img { |
| 5822 | 5818 | padding-right: 30px; |
| 5823 | 5819 | } |
| 5824 | 5820 | |
| 5825 | -#url-check { | |
| 5826 | - width: 239px; | |
| 5827 | -} | |
| 5828 | - | |
| 5829 | 5821 | #signup-login-field { |
| 5830 | 5822 | float: left; |
| 5831 | 5823 | } |
| ... | ... | @@ -5855,27 +5847,18 @@ li.profile-activity-item.upload_image .activity-gallery-images-count-1 img { |
| 5855 | 5847 | background: transparent url(/images/orange-balloon.png) bottom center no-repeat; |
| 5856 | 5848 | position: absolute; |
| 5857 | 5849 | z-index: 2; |
| 5858 | - right: 30px; | |
| 5850 | + right: 10px; | |
| 5859 | 5851 | } |
| 5860 | 5852 | |
| 5861 | 5853 | #signup-form small#signup-balloon { |
| 5862 | 5854 | top: -110px; |
| 5863 | 5855 | } |
| 5864 | 5856 | |
| 5865 | -#signup-form small#password-balloon { | |
| 5866 | - top: -85px; | |
| 5867 | -} | |
| 5868 | - | |
| 5869 | -#signup-form small#password-confirmation-balloon { | |
| 5870 | - top: -85px; | |
| 5871 | -} | |
| 5872 | - | |
| 5873 | -#signup-form small#email-balloon { | |
| 5874 | - top: -85px; | |
| 5875 | -} | |
| 5876 | - | |
| 5857 | +#signup-form small#password-balloon, | |
| 5858 | +#signup-form small#password-confirmation-balloon, | |
| 5859 | +#signup-form small#email-balloon, | |
| 5877 | 5860 | #signup-form small#name-balloon { |
| 5878 | - top: -85px; | |
| 5861 | + top: -80px; | |
| 5879 | 5862 | } |
| 5880 | 5863 | |
| 5881 | 5864 | #signup-form .required-field label, | ... | ... |