Commit b84cd1d64073397d1755f76a006c80c4146df8ee
Committed by
Fabio Teixeira
1 parent
981a76dc
Exists in
master
and in
5 other branches
Add ballons to software creation page
Signed-off-by: Luciano Prestes <lucianopcbr@gmail.com> Signed-off-by: Gustavo Jaruga <darksshades@gmail.com>
Showing
2 changed files
with
36 additions
and
0 deletions
Show diff stats
public/style.css
| @@ -156,3 +156,19 @@ | @@ -156,3 +156,19 @@ | ||
| 156 | color: red; | 156 | color: red; |
| 157 | content: ' (*)' | 157 | content: ' (*)' |
| 158 | } | 158 | } |
| 159 | + | ||
| 160 | +.helper-balloon { | ||
| 161 | + display: none; | ||
| 162 | + width: 142px; | ||
| 163 | + height: 69px; | ||
| 164 | + color: #FFFFFF; | ||
| 165 | + font-weight: bold; | ||
| 166 | + font-size: 11px; | ||
| 167 | + padding: 5px 10px 45px 10px; | ||
| 168 | + margin: 0; | ||
| 169 | + line-height: 1.5em; | ||
| 170 | + background: transparent url(/images/gray-balloon.png) bottom center no-repeat; | ||
| 171 | + position: absolute; | ||
| 172 | + margin-top: -110px; | ||
| 173 | + margin-left: 0px; | ||
| 174 | +} | ||
| 159 | \ No newline at end of file | 175 | \ No newline at end of file |
views/mpog_software_plugin_myprofile/new_software.html.erb
| @@ -30,12 +30,14 @@ | @@ -30,12 +30,14 @@ | ||
| 30 | <div id='software-name-field' class='formfield'> | 30 | <div id='software-name-field' class='formfield'> |
| 31 | <span id='software-hostname'><%= environment.default_hostname %>/</span> | 31 | <span id='software-hostname'><%= environment.default_hostname %>/</span> |
| 32 | <%= required text_field(:community, :name) %> | 32 | <%= required text_field(:community, :name) %> |
| 33 | + <%= content_tag(:small,_('Insert the name'), :id => 'name-balloon', :class => "helper-balloon") %> | ||
| 33 | </div> | 34 | </div> |
| 34 | 35 | ||
| 35 | <%= fields_for @software_info do |swf| %> | 36 | <%= fields_for @software_info do |swf| %> |
| 36 | <div class="formfield type-text"> | 37 | <div class="formfield type-text"> |
| 37 | <%= swf.label("finality" ,_("Finality"), :class=>"formlabel") %> | 38 | <%= swf.label("finality" ,_("Finality"), :class=>"formlabel") %> |
| 38 | <%= required swf.text_field(:finality) %> | 39 | <%= required swf.text_field(:finality) %> |
| 40 | + <%= content_tag(:small,_('Insert the finality'), :id => 'finality-balloon', :class => "helper-balloon") %> | ||
| 39 | </div> | 41 | </div> |
| 40 | <% end %> | 42 | <% end %> |
| 41 | 43 | ||
| @@ -64,3 +66,21 @@ | @@ -64,3 +66,21 @@ | ||
| 64 | <% end %> | 66 | <% end %> |
| 65 | 67 | ||
| 66 | </div> | 68 | </div> |
| 69 | + | ||
| 70 | + | ||
| 71 | +<script type="text/javascript"> | ||
| 72 | +jQuery(function($) { | ||
| 73 | + add_balloon('#community_name', '#name-balloon'); | ||
| 74 | + add_balloon('#software_info_finality', '#finality-balloon'); | ||
| 75 | +}); | ||
| 76 | + | ||
| 77 | +function add_balloon(input_field, balloon_id){ | ||
| 78 | + jQuery(balloon_id).hide(); | ||
| 79 | + jQuery(input_field).focus(function() { | ||
| 80 | + jQuery(balloon_id).fadeIn('slow'); | ||
| 81 | + }); | ||
| 82 | + jQuery(input_field).blur(function() { | ||
| 83 | + jQuery(balloon_id).css('display','none');; | ||
| 84 | + }); | ||
| 85 | +} | ||
| 86 | +</script> |