diff options
| author | Jan-Hendrik Willms <tleilax+studip@gmail.com> | 2022-09-27 10:14:51 +0000 |
|---|---|---|
| committer | David Siegfried <david.siegfried@uni-vechta.de> | 2022-09-27 10:14:51 +0000 |
| commit | f40481ca9930ac528596c606e8b4c9d9bb2a4e8d (patch) | |
| tree | dbdc3a9c24f7d4646278f705d4d5185a09a8b145 | |
| parent | d27a01e0b2fe4aa6a9696f8feca3b6b66cdca94b (diff) | |
disable gallery action when no images are visible, fixes #620
Closes #620
Merge request studip/studip!1005
| -rw-r--r-- | resources/assets/javascripts/bootstrap/files.js | 4 | ||||
| -rw-r--r-- | resources/assets/javascripts/lib/files.js | 3 | ||||
| -rw-r--r-- | resources/assets/stylesheets/scss/sidebar.scss | 3 |
3 files changed, 9 insertions, 1 deletions
diff --git a/resources/assets/javascripts/bootstrap/files.js b/resources/assets/javascripts/bootstrap/files.js index 0cc8642..2f0c172 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 cd17ddf..2e79bbe 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 0bc9e18..0b93933 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; |