diff --git a/app/assets/javascripts/protocols/steps.js.erb b/app/assets/javascripts/protocols/steps.js.erb index 715b4071b..f57b28617 100644 --- a/app/assets/javascripts/protocols/steps.js.erb +++ b/app/assets/javascripts/protocols/steps.js.erb @@ -205,6 +205,7 @@ function formEditAjax($form) { initCallBacks(); initHandsOnTable($new_step); toggleButtons(true); + initPreviewModal(); // Show the edited step $new_step.find(".panel-collapse:first").addClass("collapse in"); diff --git a/app/assets/javascripts/sitewide/image_preview.js b/app/assets/javascripts/sitewide/image_preview.js index c761bfc00..8b26aabc2 100644 --- a/app/assets/javascripts/sitewide/image_preview.js +++ b/app/assets/javascripts/sitewide/image_preview.js @@ -17,17 +17,18 @@ function openPreviewModal(name, url, downloadUrl, description) { type: 'GET', dataType: 'json', success: function(data) { + modal.find('.modal-body img').remove(); modal.find('.image-name').text(name); var link = modal.find('.image-download-link'); link.attr('href', downloadUrl); link.attr('data-no-turbolink', true); link.attr('data-status', 'asset-present'); - var image = modal.find('.modal-body img'); - image.attr('src', data['large-preview-url']); - image.attr('alt', name); - image.click(function(ev) { - ev.stopPropagation(); - }); + modal.find('.modal-body').append($('') + .attr('src', data['large-preview-url']) + .attr('alt', name) + .click(function(ev) { + ev.stopPropagation(); + })); modal.find('.modal-footer .image-description').text(description); modal.find('.modal-body').click(function() { modal.modal('hide'); diff --git a/app/views/shared/_image_preview_modal.html.erb b/app/views/shared/_image_preview_modal.html.erb index 9baac98c1..23edd2da2 100644 --- a/app/views/shared/_image_preview_modal.html.erb +++ b/app/views/shared/_image_preview_modal.html.erb @@ -1,4 +1,4 @@ -