Commit b84cd1d64073397d1755f76a006c80c4146df8ee

Authored by Gust
Committed by Fabio Teixeira
1 parent 981a76dc

Add ballons to software creation page

Signed-off-by: Luciano Prestes <lucianopcbr@gmail.com>
Signed-off-by: Gustavo Jaruga <darksshades@gmail.com>
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>