diff --git a/app/assets/javascripts/supplemental_files.js b/app/assets/javascripts/supplemental_files.js index 891efcd16f..48c85856ab 100644 --- 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 index 2a686d88f2..b19fd95e98 100644 --- 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 index 39d8b3ce0f..02610ecc57 100644 --- 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
<%# Update button %> + <%= button_tag name: 'edit_label', class:'btn btn-outline btn-sm edit_label display-item', type: 'button' do %> Edit <% end %>