From d23faa6e9672b7d9bbf99e3dbcdb262c36c10580 Mon Sep 17 00:00:00 2001 From: Cris Date: Mon, 3 May 2021 10:50:52 +0200 Subject: [PATCH] Usability: Avoided manually scrolling when recommending/approving on Detailsite ...for STGL and lectors Detailview. Before the downsliding panel was sliding above the window screen, so that user was forced to scroll down the page. Now it scrolls up by itself. Signed-off-by: cris-technikum --- .../lehre/anrechnung/approveAnrechnungDetail.js | 16 +++++++++++++--- .../lehre/anrechnung/reviewAnrechnungDetail.js | 12 ++++++++++-- 2 files changed, 23 insertions(+), 5 deletions(-) diff --git a/public/js/lehre/anrechnung/approveAnrechnungDetail.js b/public/js/lehre/anrechnung/approveAnrechnungDetail.js index 131adc7be..975939c19 100644 --- a/public/js/lehre/anrechnung/approveAnrechnungDetail.js +++ b/public/js/lehre/anrechnung/approveAnrechnungDetail.js @@ -37,8 +37,13 @@ $(function(){ if (genehmigung_panel.is(":hidden")) { - // Show begruendung panel if is hidden - genehmigung_panel.slideDown('slow'); + // Show genehmigung panel if is hidden + genehmigung_panel.slideDown(400, function() { + $('html, body').animate({ + scrollTop: genehmigung_panel.offset().top // Move genehmigung panel bottom up to be visible within window screen + }, 400); + }); + return; } }); @@ -99,7 +104,12 @@ $(function(){ if (begruendung_panel.is(":hidden")) { // Show begruendung panel if is hidden - begruendung_panel.slideDown('slow'); + begruendung_panel.slideDown(400, function() { + $('html, body').animate({ + scrollTop: begruendung_panel.offset().top // Move begruendung panel bottom up to be visible within window screen + }, 400); + }); + return; } }); diff --git a/public/js/lehre/anrechnung/reviewAnrechnungDetail.js b/public/js/lehre/anrechnung/reviewAnrechnungDetail.js index e68de609e..fc26f4577 100644 --- a/public/js/lehre/anrechnung/reviewAnrechnungDetail.js +++ b/public/js/lehre/anrechnung/reviewAnrechnungDetail.js @@ -44,7 +44,11 @@ $(function(){ if (empfehlung_panel.is(":hidden")) { // Show begruendung panel if is hidden - empfehlung_panel.slideDown('slow'); + empfehlung_panel.slideDown(400, function() { + $('html, body').animate({ + scrollTop: empfehlung_panel.offset().top // Move empfehlung panel bottom up to be visible within window screen + }, 400); + }); return; } }); @@ -105,7 +109,11 @@ $(function(){ if (begruendung_panel.is(":hidden")) { // Show begruendung panel if is hidden - begruendung_panel.slideDown('slow'); + begruendung_panel.slideDown(400, function() { + $('html, body').animate({ + scrollTop: begruendung_panel.offset().top // Move begruendung panel bottom up to be visible within window screen + }, 400); + }); return; } });