Machine gen icon for supplemental files (#6011)

* Show an icon for machine-generated transcripts in manage file * From code review: cleanup JS
avalonmediasystem · Aug 30, 2024 · d9dfe95 · d9dfe95
1 parent c3dce9d
commit d9dfe95
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 0 deletions.
diff --git a/app/assets/javascripts/supplemental_files.js b/app/assets/javascripts/supplemental_files.js
@@ -73,6 +73,8 @@ $('.supplemental-file-form')
   .on('ajax:success', (event, data, status, xhr) => {
     var $row = $(event.currentTarget.parentElement);
     const { masterfileId, fileId } = event.currentTarget.dataset;
+    // Get machine-generated checkbox input on form submission
+    var isMachineGen = $row.find(`input[id="machine_generated_${fileId}"]`)[0].checked;
 
     // Set the label to the new value
     var newLabel = $row
@@ -90,6 +92,10 @@ $('.supplemental-file-form')
 
     // Show flash message for success
     $row.find('.message-content').html('Successfully updated.');
+    // Show/hide icon based on the updated machine-generated form check
+    isMachineGen
+      ? $row.find('.fa-laptop').removeClass('d-none')
+      : $row.find('.fa-laptop').addClass('d-none');
     $row.find('.icon-success').removeClass('d-none');
     $row.find('.visible-inline').addClass('alert');
   })

diff --git a/app/assets/stylesheets/avalon.scss b/app/assets/stylesheets/avalon.scss
@@ -935,6 +935,9 @@ h5.card-title {
         .form-group {
           margin-bottom: 0.2rem;
         }
+        .fa-laptop {
+          display: none;
+        }
         display: flex;
       }
       margin-top: 0.75rem;

diff --git a/app/views/media_objects/_supplemental_files_list.html.erb b/app/views/media_objects/_supplemental_files_list.html.erb
@@ -98,6 +98,7 @@ Unless required by applicable law or agreed to in writing, software distributed
       </small>
       <div class="btn-toolbar float-right">
         <%# Update button %>
+        <i class="fa fa-laptop align-content-center<%= file.machine_generated? ? '' : ' d-none' %>" title="Machine generated file"></i>
         <%= button_tag name: 'edit_label', class:'btn btn-outline btn-sm edit_label display-item', type: 'button' do %>
           <i class="fa fa-edit" title="Edit"></i> <span class="sm-hidden">Edit</span>
         <% end %>