Commit ad3365b5b7ab50fd7bc5a87f568c052d32a9507c
1 parent
748f28e8
Exists in
colab
and in
4 other branches
Tooltips for reading and reading group.
Showing
2 changed files
with
11 additions
and
25 deletions
Show diff stats
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 |