Add tooltips for the category radio buttons and for the "post as comm…

…ent"-field.

app/views/annotations/_form.html.erb

@@ -57,7 +57,8 @@
     <!--- CATEGORY RADIO BUTTON -->
     <b><%= t('admin.annotation.category') %></b>
     <div class="form-row ml-2", id="category-radios">
-      <div class="form-check form-check-inline">
+      <div class="form-check form-check-inline",
+           title="<%= t('admin.annotation.note_tooltip') %>">
         <%= f.radio_button :category,
                            :note,
                            class: 'form-check-input' %>
@@ -66,7 +67,8 @@
                     value: :note,
                     class: 'form-check-label' %>
       </div>
-      <div class="form-check form-check-inline">
+      <div class="form-check form-check-inline",
+           title="<%= t('admin.annotation.content_tooltip') %>">
         <%= f.radio_button :category,
                            :content,
                            class: 'form-check-input' %>
@@ -75,7 +77,8 @@
                     value: :content,
                     class: 'form-check-label' %>
       </div>
-      <div class="form-check form-check-inline">
+      <div class="form-check form-check-inline",
+           title="<%= t('admin.annotation.mistake_tooltip') %>">
         <%= f.radio_button :category,
                            :mistake,
                            class: 'form-check-input' %>
@@ -84,7 +87,8 @@
                     value: :mistake,
                     class: 'form-check-label' %>
       </div>
-      <div class="form-check form-check-inline">
+      <div class="form-check form-check-inline",
+           title="<%= t('admin.annotation.presentation_tooltip') %>">
         <%= f.radio_button :category,
                            :presentation,
                            class: 'form-check-input' %>
@@ -118,7 +122,9 @@
     <% end %>
 
     <%= f.label :visible_for_teacher, class: "checkbox inline" do %>
-      <span><b><%= t('admin.annotation.post_as_comment') %> &nbsp</b></span>
+      <span, title="<%= t('admin.annotation.post_as_comment_tooltip') %>"><b>
+        <%= t('admin.annotation.post_as_comment') %> &nbsp
+      </b></span>
       <%= f.check_box :post_as_comment %>
     <% end %>
 

app/views/annotations/_form_content.html.erb

@@ -3,7 +3,8 @@
 <br>
 
 <div class="form-row ml-2", id="content-category-radios">
-  <div class="form-check form-check-inline">
+  <div class="form-check form-check-inline",
+       title="<%= t('admin.annotation.definition_tooltip') %>">
     <input id="content-category-definition"
            class="form-check-input"
            type="radio"
@@ -14,7 +15,8 @@
       <%= t('admin.annotation.definition') %>
     </label>
   </div>
-  <div class="form-check form-check-inline">
+  <div class="form-check form-check-inline",
+       title="<%= t('admin.annotation.argument_tooltip') %>">
     <input id="content-category-argument"
            class="form-check-input"
            type="radio"
@@ -25,7 +27,8 @@
       <%= t('admin.annotation.argument') %>
     </label>
   </div>
-  <div class="form-check form-check-inline">
+  <div class="form-check form-check-inline",
+       title="<%= t('admin.annotation.strategy_tooltip') %>">
     <input id="content-category-strategy"
            class="form-check-input"
            type="radio"

config/locales/de.yml

@@ -331,14 +331,35 @@ de:
       color: 'Farbe'
       category: 'Kategorie'
       note: 'Notiz'
+      note_tooltip: >
+        Wähle diese Kategorie aus, wenn Du Deine Annotation als
+        persönliche Notiz anlegen möchtest.
       content: 'Inhalt'
+      content_tooltip: >
+        Wähle diese Kategorie aus, wenn Du den Inhalt des Videos an dieser
+        Stelle nicht verstehst.
       mistake: 'Fehler'
+      mistake_tooltip: >
+        Wähle diese Kategorie aus, wenn Du der Meinung bist, an dieser
+        Stelle im Video wurde ein inhaltlicher Fehler gemacht.
       presentation: 'Darstellung'
+      presentation_tooltip: >
+        Wähle diese Kategorie aus, wenn Dir die Darstellung im Video
+        an dieser Stelle Probleme bereitet, z.B. falls Du die Schrift
+        nicht lesen kannst oder falls der Ton unverständlich ist.
       where_problem: >
         Wo liegt das Problem?
       definition: 'Definition'
+      definition_tooltip: >
+        Wähle diese Unterkategorie aus, wenn Du Probleme mit einer Definition hast.
       argument: 'Argument'
+      argument_tooltip: >
+        Wähle diese Unterkategorie aus, wenn Du Probleme mit einem Argument
+        (z.B. in einem Beweis) hast.
       strategy: 'Beweisstrategie'
+      strategy_tooltip: >
+        Wähle diese Unterkategorie aus, wenn Du Probleme mit der allgemeinen
+        (Beweis-)Strategie hast.
       previous_annotation: 'vorherige Annotation'
       annotation_position: 'zur Annotation springen'
       edit_annotation: 'Annotation editieren'
@@ -365,6 +386,9 @@ de:
         Falls diese Checkbox ausgewählt ist, kann Dein(e) Dozent(in) diese Annotation
         in ihrem/seinem Thyme-Player (ohne Deinen Namen) sehen.
       post_as_comment: 'Als Kommentar veröffentlichen?'
+      post_as_comment_tooltip: >
+        Falls diese Checkbox ausgewählt ist, wird diese Annotation automatisch
+        als Kommentar zu diesem Video veröffentlicht.
       toggle:
         note: "Notiz-Annotationen ein-/ausblenden"
         content: "Inhalt-Annotationen ein-/ausblenden"

config/locales/en.yml

@@ -332,14 +332,35 @@ en:
       color: 'Color'
       category: 'Category'
       note: 'note'
+      note_tooltip: >
+        Select this category if you want to create your annotation
+        as a personal note.
       content: 'content'
+      content_tooltip: >
+        Select this category if you don't understand the content
+        of the video at this position.
       mistake: 'mistake'
+      mistake_tooltip: >
+        Select this category if you think there has been made a mistake
+        in the content of the video at this position.
       presentation: 'presentation'
+      presentation_tooltip: >
+        Select this category if you have problems with the presentation
+        in the video at this position, e.g. if you cannot read the
+        handwriting or if you cannot understand the audio.
       where_problem: >
         Where's the problem?
       definition: 'definition'
+      definition_tooltip: >
+        Select this subcategory if you have problems with a definition.
       argument: 'argument'
+      argument_tooltip: >
+        Select this subcategory if you have problems with an argument
+        (e.g. in a proof).
       strategy: 'proof strategy'
+      strategy_tooltip: >
+        Select this subcategory if you have problems with the general
+        (proof) strategy.
       previous_annotation: 'previous annotation'
       annotation_position: 'go to annotation'
       edit_annotation: 'edit annotation'
@@ -365,6 +386,9 @@ en:
         If this checkbox is selected your teacher can see this annotation
         (without your name!) in his own thyme player.
       post_as_comment: 'Post as comment?'
+      post_as_comment_tooltip: >
+        If this checkbox is selected, this annotation will be published as
+        comment for this video.
       toggle:
         note: "toggle note annotations"
         content: "toggle note content"