diff --git a/resources/assets/javascripts/bootstrap/files.js b/resources/assets/javascripts/bootstrap/files.js index 0cc8642a652565a4e26d1f40ee67d0172d2092da..2f0c172667d61e9f05c29726c2dda1faab2b6d63 100644 --- a/resources/assets/javascripts/bootstrap/files.js +++ b/resources/assets/javascripts/bootstrap/files.js @@ -49,6 +49,10 @@ STUDIP.domReady(() => { }); }); +$(document).on('files-vue-app-loaded', () => { + const lightboxImages = $('.lightbox-image'); + $('#sidebar-actions a[onclick*="Files.openGallery"]').attr('disabled', lightboxImages.length === 0); +}); jQuery(document).on('ajaxComplete', (event, xhr) => { if (!xhr.getResponseHeader('X-Filesystem-Changes')) { diff --git a/resources/assets/javascripts/lib/files.js b/resources/assets/javascripts/lib/files.js index cd17ddf6b058d833e0b250ca7cddc58453a0044d..2e79bbe324b189a1215f9cfbf112785bbd4e9fbd 100644 --- a/resources/assets/javascripts/lib/files.js +++ b/resources/assets/javascripts/lib/files.js @@ -30,6 +30,9 @@ const Files = { } }, components: { FilesTable, }, + mounted () { + $(document).trigger('files-vue-app-loaded'); + } }); }); } diff --git a/resources/assets/stylesheets/scss/sidebar.scss b/resources/assets/stylesheets/scss/sidebar.scss index 0bc9e18b5758c074e7a20790c3bb8c7b7420ab3b..0b9393380dbc433c75c6c217005ff4c4d3ad8abf 100644 --- a/resources/assets/stylesheets/scss/sidebar.scss +++ b/resources/assets/stylesheets/scss/sidebar.scss @@ -143,7 +143,8 @@ div#sidebar-navigation { box-sizing: border-box; line-height: 16px; } - span[disabled] { + span[disabled], + a[disabled] { color: $dark-gray-color-80; cursor: not-allowed; font-weight: lighter;