Add annotation tool & migrate to JS in Thyme Player

app/abilities/annotation_ability.rb

@@ -0,0 +1,12 @@
+class AnnotationAbility
+  include CanCan::Ability
+
+  def initialize(user)
+  	can [:edit, :update, :destroy], Annotation do |annotation|
+  	  annotation.user == user
+  	end
+
+  	can [:new, :create, :update_markers, :near_mistake_annotations], Annotation
+  end
+
+end

app/abilities/medium_ability.rb

@@ -5,7 +5,7 @@ def initialize(user)
     user ||= User.new
     clear_aliased_actions
 
-    can [:index, :new, :search], Medium
+    can [:index, :new, :search, :check_annotation_visibility], Medium
 
     can [:show, :show_comments], Medium do |medium|
       medium.visible_for_user?(user) &&
@@ -16,7 +16,7 @@ def initialize(user)
       !user.generic? && medium.visible_for_user?(user)
     end
 
-    can [:edit, :update, :enrich, :publish, :destroy, :cancel_publication,
+    can [:edit, :update, :enrich, :feedback, :publish, :destroy, :cancel_publication,
          :add_item, :add_reference, :add_screenshot, :remove_screenshot,
          :import_script_items, :import_manuscript, :get_statistics,
          :render_medium_tags, :fill_quizzable_area,

app/assets/javascripts/annotations.coffee

@@ -0,0 +1,3 @@
+# Place all the behaviors and hooks related to the matching controller here.
+# All this logic will automatically be available in application.js.
+# You can use CoffeeScript in this file: http://coffeescript.org/

app/assets/javascripts/application.js

@@ -49,8 +49,10 @@
 //= require talks
 //= require terms
 //= require tex_preview
+//= require thyme_func
 //= require thyme
 //= require thyme_editor
+//= require thyme_feedback
 //= require upload
 //= require users
 //= require vertices

app/assets/javascripts/lectures.coffee

@@ -10,7 +10,6 @@ disableExceptOrganizational = ->
   return
 
 $(document).on 'turbolinks:load', ->
-
   # activate all popovers
   $('[data-bs-toggle="popover"]').popover()
 
@@ -206,6 +205,29 @@ $(document).on 'turbolinks:load', ->
           userModalContent.dataset.filled = 'true'
         return
 
+  # Dynamically render content for entering emergency links.
+  updateEmergencyLink = (value) ->
+    if value == "no_link"
+      $('#direct-link-field').hide()
+      $('#lecture-link-field').hide()
+    if value == "lecture_link"
+      $('#direct-link-field').hide()
+      $('#lecture-link-field').show()
+    if value == "direct_link"
+      $('#lecture-link-field').hide()
+      $('#direct-link-field').show()
+    return
+
+  emergencyLinkRadios = document.getElementById('emergency-link-status-radios')
+
+  if (emergencyLinkRadios != null)
+    $('#emergency-link-status-radios input:radio:checked').each ->
+      updateEmergencyLink(this.value)
+      return
+    emergencyLinkRadios.addEventListener 'click', (evt) ->
+      if evt.target && event.target.matches("input[type='radio']")
+        updateEmergencyLink(evt.target.value)
+      return
 
   # on small mobile display, use shortened tag badges and
   # shortened course titles