inventree/InvenTree
2
0
Fork 0
mirror of https://github.com/inventree/InvenTree.git synced 2025-07-03 20:20:58 +00:00
Code Activity

Add "modal image" display for part thumbnails

Browse Source
This commit is contained in:
Oliver Walters
2021-03-17 23:44:47 +11:00
parent db47629867
commit e3a5a56371
4 changed files with 99 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
InvenTree/templates/js/modals.js
View File

@ -909,3 +909,42 @@ function launchModalForm(url, options = {}) {
// Send the AJAX request
$.ajax(ajax_data);
}
function hideModalImage() {
var modal = $('#modal-image-dialog');
modal.animate({
opacity: 0.0,
}, 250, function() {
modal.hide();
});
}
function showModalImage(image_url) {
// Display full-screen modal image
console.log('showing modal image: ' + image_url);
var modal = $('#modal-image-dialog');
// Set image content
$('#modal-image').attr('src', image_url);
modal.show();
modal.animate({
opacity: 1.0,
}, 250);
$('#modal-image-close').click(function() {
hideModalImage();
});
modal.click(function() {
hideModalImage();
});
}