From 8eb6588b75feb7adfe21d7bddb8042cbd9f2ef61 Mon Sep 17 00:00:00 2001
From: Aaron Lee <longyklee@gmail.com>
Date: Thu, 7 Oct 2021 22:03:30 +0800
Subject: [PATCH] Update scroll to signature area

---
 templates/group_teach.html | 6 ++++--
 templates/homeroom.html    | 1 +
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/templates/group_teach.html b/templates/group_teach.html
index 1ed3e4f..1c8919e 100644
--- a/templates/group_teach.html
+++ b/templates/group_teach.html
@@ -114,7 +114,8 @@
                     ↑ Confirm 確認 (Period {{i}}) ↑</button>
                 {% endif %}
                 <div class="signDiv" id="sign^{{i}}" hidden="hidden">
-                    <div class="alert alert-warning margin-top" id="allPresentWarning" role="alert" hidden="hidden">
+                    <div class="alert alert-warning margin-top" id="allPresentWarning-{{i}}" role="alert"
+                        hidden="hidden">
                         <h4 class="alert-heading">請確認是否全班全到！Please check if everyone is present!</h4>
                     </div>
                     <h3 class="margin-top">Please Sign Below 請在下方簽名</h3>
@@ -161,7 +162,7 @@
                 }
             });
             if (cnt == 0) {
-                $('#allPresentWarning').removeAttr('hidden');
+                $('#allPresentWarning-' + period).removeAttr('hidden');
             }
 
             var canvas = document.getElementById("signature_pad^" + period);
@@ -181,6 +182,7 @@
                 }
             });
             resizeCanvas();
+            $('html,body').unbind().animate({ scrollTop: document.getElementById("sign^" + period).offsetTop - $(".sticky-top").outerHeight() - 10 }, 'slow');
         }
         function unCheckAbs(string) {
             document.getElementById('absent^' + string).checked = false;
diff --git a/templates/homeroom.html b/templates/homeroom.html
index fbbb557..2a43805 100644
--- a/templates/homeroom.html
+++ b/templates/homeroom.html
@@ -280,6 +280,7 @@
                 }
             });
             resizeCanvas();
+            $('html,body').unbind().animate({ scrollTop: $("#finalCheck").offset().top - $(".sticky-top").outerHeight() - 10 }, 'slow');
         }
         function afterSelAbs(period) {
             var tobeformArr = [];