Add scroll locking with modal opening

parent 7d345c54
...@@ -115,13 +115,15 @@ window.addEventListener("load", function() { ...@@ -115,13 +115,15 @@ window.addEventListener("load", function() {
// add listener for comment commit // add listener for comment commit
//let commitBtn = document.querySelector("#commit"); //let commitBtn = document.querySelector("#commit");
let openButton = document.querySelector("#commit"); let openButton = document.querySelector("#commit");
let closeButton = document.querySelectorAll("#timeQuestionDiv .close"); let closeButton = document.querySelector("#timeQuestionDiv .close");
let dialog = document.querySelector("#timeQuestionDiv"); let dialog = document.querySelector("#timeQuestionDiv");
openButton.addEventListener("click", function(event) { openButton.addEventListener("click", function(event) {
// cancel form submiting // cancel form submiting
event.preventDefault(); event.preventDefault();
document.querySelector('html').style.overflow = "hidden";
let timespentValue = getTimespentValue(); let timespentValue = getTimespentValue();
dialog.style.display = "block"; dialog.style.display = "block";
...@@ -133,6 +135,8 @@ window.addEventListener("load", function() { ...@@ -133,6 +135,8 @@ window.addEventListener("load", function() {
document.querySelector("#saveTime").dataset["time"] = timespentValue; document.querySelector("#saveTime").dataset["time"] = timespentValue;
}); });
closeButton.addEventListener("click", function () { document.querySelector('html').style.overflow = "auto"; })
document document
.querySelector("#realworktime") .querySelector("#realworktime")
.addEventListener("change", function() { .addEventListener("change", function() {
......
...@@ -46,4 +46,4 @@ ...@@ -46,4 +46,4 @@
<script language="javascript" type="text/javascript" src="js/etersoft/focusManager.js"></script> <script language="javascript" type="text/javascript" src="js/etersoft/focusManager.js"></script>
<script language="javascript" type="text/javascript" src="js/etersoft/timer_common.js?25_10_2017"></script> <script language="javascript" type="text/javascript" src="js/etersoft/timer_common.js?25_10_2017"></script>
<script language="javascript" type="text/javascript" src="js/etersoft/timer.js?27_03_2020"></script> <script language="javascript" type="text/javascript" src="js/etersoft/timer.js?14_04_2020"></script>
...@@ -46,4 +46,4 @@ ...@@ -46,4 +46,4 @@
<script language="javascript" type="text/javascript" src="js/etersoft/focusManager.js"></script> <script language="javascript" type="text/javascript" src="js/etersoft/focusManager.js"></script>
<script language="javascript" type="text/javascript" src="js/etersoft/timer_common.js?25_10_2017"></script> <script language="javascript" type="text/javascript" src="js/etersoft/timer_common.js?25_10_2017"></script>
<script language="javascript" type="text/javascript" src="js/etersoft/timer.js?27_03_2020"></script> <script language="javascript" type="text/javascript" src="js/etersoft/timer.js?14_04_2020"></script>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment