From d584129e6c95835003206ce1dc002aea81282c6f Mon Sep 17 00:00:00 2001
From: dananji <dwithana@iu.edu>
Date: Fri, 8 Dec 2023 13:54:02 -0500
Subject: [PATCH] Fix disabled current-track option behavior

---
 app/assets/javascripts/ramp_utils.js              | 2 ++
 app/views/media_objects/_add_to_playlist.html.erb | 8 ++++----
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/app/assets/javascripts/ramp_utils.js b/app/assets/javascripts/ramp_utils.js
index d9af2eaeff..6b270c3f02 100644
--- a/app/assets/javascripts/ramp_utils.js
+++ b/app/assets/javascripts/ramp_utils.js
@@ -218,12 +218,14 @@ function disableEnableCurrentTrack(activeTrack, currentTime, isSeeked, sectionTi
     if(times.begin <= starttime && starttime <= times.end) {
       $('#playlistitem_scope_track')[0].disabled = false;
       $('#current-track-text').removeClass('disabled-option');
+      $('#playlistitem_scope_track').closest('label').css('cursor', 'pointer');
     }
   } else {
     // Whena activeTrack is undefined, disable the current track option
     $('#playlistitem_scope_track')[0].disabled = true;
     $('#current-track-name').text('');
     $('#current-track-text').addClass('disabled-option');
+    $('#playlistitem_scope_track').closest('label').css('cursor', 'not-allowed');
     if($('#playlistitem_scope_track')[0].checked) {
       $('#moreDetails').collapse('hide');
       $('#playlistitem_scope_track').prop('checked', false);
diff --git a/app/views/media_objects/_add_to_playlist.html.erb b/app/views/media_objects/_add_to_playlist.html.erb
index 3102e396f6..5939324fed 100644
--- a/app/views/media_objects/_add_to_playlist.html.erb
+++ b/app/views/media_objects/_add_to_playlist.html.erb
@@ -38,14 +38,14 @@ Unless required by applicable law or agreed to in writing, software distributed
 
         <div id="add-to-playlist-form-group">
           <div class="form-check">
-            <label class="form-check-label" onclick="collapseMoreDetails()">
-              <input type="radio" name="post[playlistitem_scope]" id="playlistitem_scope_track" aria-label="playlist item current track">
+            <label class="form-check-label">
+              <input type="radio" onclick="collapseMoreDetails()" name="post[playlistitem_scope]" id="playlistitem_scope_track" aria-label="playlist item current track">
                 <span id="current-track-text">Current Track (<span id="current-track-name"></span>)</span>
             </label>
           </div>
           <div class="form-check">
-            <label class="form-check-label" onclick="collapseMoreDetails()">
-              <input type="radio" name="post[playlistitem_scope]" id="playlistitem_timeselection" aria-label="playlist item time selection">
+            <label class="form-check-label">
+              <input type="radio" onclick="collapseMoreDetails()" name="post[playlistitem_scope]" id="playlistitem_timeselection" aria-label="playlist item time selection">
               Time Selection
             </label>
             <input type="text" name="playlist_item_start" id="playlist_item_start" pattern="(\d+:){0,2}\d+(\.\d+)?" value="" aria-label="start time">