Commit ad3365b5b7ab50fd7bc5a87f568c052d32a9507c

Authored by Diego Camarinha
1 parent 748f28e8

Tooltips for reading and reading group.

app/views/reading_groups/_form.html.erb
@@ -9,11 +9,6 @@ @@ -9,11 +9,6 @@
9 <%= f.label :name, class: 'control-label' %> 9 <%= f.label :name, class: 'control-label' %>
10 <%= f.text_field :name, class: 'text-field' %> 10 <%= f.text_field :name, class: 'text-field' %>
11 </div> 11 </div>
12 - <div class="help-container">  
13 - <p>  
14 - The name of your Reading Group.  
15 - </p>  
16 - </div>  
17 </div> 12 </div>
18 13
19 <div class="form-row"> 14 <div class="form-row">
@@ -21,11 +16,6 @@ @@ -21,11 +16,6 @@
21 <%= f.label :description, class: 'control-label' %> 16 <%= f.label :description, class: 'control-label' %>
22 <%= f.text_area :description, class: 'text-area' %> 17 <%= f.text_area :description, class: 'text-area' %>
23 </div> 18 </div>
24 - <div class="help-container">  
25 - <p>  
26 - A short description of your Reading Group.  
27 - </p>  
28 - </div>  
29 </div> 19 </div>
30 </div> 20 </div>
31 </div> 21 </div>
app/views/readings/_form.html.erb
@@ -10,7 +10,7 @@ @@ -10,7 +10,7 @@
10 </div> 10 </div>
11 <div class="help-container"> 11 <div class="help-container">
12 <p> 12 <p>
13 - Name the quality of this reading. 13 + It is a verbal concise form of highlighting the content of an interpretation.
14 </p> 14 </p>
15 <p> 15 <p>
16 Example values: terrible, bad, regular, good, great etc. 16 Example values: terrible, bad, regular, good, great etc.
@@ -20,37 +20,33 @@ @@ -20,37 +20,33 @@
20 20
21 <div class="form-row"> 21 <div class="form-row">
22 <div class="field-container"> 22 <div class="field-container">
23 - <%= f.label :grade, class: 'control-label' %>  
24 - <%= f.text_field :grade, class: 'text-field' %> 23 + <%= f.label :color, class: 'control-label' %>
  24 + <div class="input-append" id="color_div" >
  25 + <%= f.text_field :color, class: 'text-field' %>
  26 + <input type="button" class="btn btn-info" style="height:30px" id="pickcolor_button" value="Pick color" />
  27 + </div>
25 </div> 28 </div>
26 <div class="help-container"> 29 <div class="help-container">
27 <p> 30 <p>
28 - Your software will be given a grade for its performance in each metric. Define this grade. 31 + It is a visual form of highlighting an interpretation. You can choose one by typing its hexadecimal value or by using the color picker.
29 </p> 32 </p>
30 <p> 33 <p>
31 - Example values: 0, 1, 2, 3, 4 etc. 34 + Example values: 000000, 00ff00 etc
32 </p> 35 </p>
33 </div> 36 </div>
34 </div> 37 </div>
35 38
36 <div class="form-row"> 39 <div class="form-row">
37 <div class="field-container"> 40 <div class="field-container">
38 - <%= f.label :color, class: 'control-label' %>  
39 - <div class="input-append" id="color_div" >  
40 - <%= f.text_field :color, class: 'text-field' %>  
41 - <input type="button" class="btn btn-info" style="height:30px" id="pickcolor_button" value="Pick color" />  
42 - </div> 41 + <%= f.label :grade, class: 'control-label' %>
  42 + <%= f.text_field :grade, class: 'text-field' %>
43 </div> 43 </div>
44 <div class="help-container"> 44 <div class="help-container">
45 <p> 45 <p>
46 - The color that represents your Reading. You can choose one by typing its hexadecimal value or by using the color picker.  
47 - </p>  
48 - <p>  
49 - Example values: 000000, 00ff00 etc 46 + A number to classify this reading.
50 </p> 47 </p>
51 </div> 48 </div>
52 </div> 49 </div>
53 -  
54 </div> 50 </div>
55 </div> 51 </div>
56 52