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> |