Highlight Previewed Video in Videos Table and FileBin

web/assets/js/bs5.dashboard-base.js

@@ -958,6 +958,10 @@ function loadDateRangePicker(dateSelector,options){
         }
     },options || {},{ onChange: undefined }), options.onChange)
 }
+function setPreviewedVideoHighlight(buttonEl,tableEl){
+    tableEl.find('tr').removeClass('bg-gradient-blue')
+    buttonEl.parents('tr').addClass('bg-gradient-blue')
+}
 // on page load
 var readyFunctions = []
 function onDashboardReady(theAction){

web/assets/js/bs5.fileBin.js

@@ -184,7 +184,9 @@ $(document).ready(function(e){
     })
     .on('click','.preview-video',function(e){
         e.preventDefault()
-        var href = $(this).attr('href')
+        var el = $(this)
+        var href = el.attr('href')
+        setPreviewedVideoHighlight(el,fileBinDrawArea)
         drawPreviewVideo(href)
         return false;
     })

web/assets/js/bs5.videosTable.js

@@ -257,7 +257,9 @@ $(document).ready(function(e){
     theEnclosure
     .on('click','.preview-video',function(e){
         e.preventDefault()
-        var href = $(this).attr('href')
+        var el = $(this)
+        var href = el.attr('href')
+        setPreviewedVideoHighlight(el,videosTableDrawArea)
         drawPreviewVideo(href)
         return false;
     })