Merge pull request #45 from p1utoze/local

update: auto-refresh on page checkin
p1utoze · May 17, 2024 · ef24ab9 · ef24ab9
2 parents 9b7e796 + ed3983a
commit ef24ab9
Show file tree

Hide file tree

Showing 2 changed files with 47 additions and 0 deletions.
diff --git a/app/static/js/update_status.js b/app/static/js/update_status.js
@@ -0,0 +1,46 @@
+// Disable F5 and Ctrl+R
+window.addEventListener('keydown', function(e) {
+    if ((e.which || e.keyCode) == 116 || (e.ctrlKey && (e.which === 82))) {
+        e.preventDefault();
+    }
+});
+
+// Disable context menu (right-click) and refresh
+window.addEventListener('contextmenu', function(e) {
+    e.preventDefault();
+}, false);
+
+
+let startY; // Variable to store the initial touch position
+let startX; // Variable to store the initial touch position along the X-axis
+
+// Listen for touchstart event
+document.addEventListener('touchstart', function(event) {
+  // Get the starting X and Y positions of the touch
+  startX = event.touches[0].clientX;
+  startY = event.touches[0].clientY;
+}, false);
+
+// Listen for touchmove event
+document.addEventListener('touchmove', function(event) {
+  // Calculate the distance the finger has moved along the Y-axis
+  let currentY = event.touches[0].clientY;
+  let distanceY = startY - currentY;
+
+  // Calculate the distance the finger has moved along the X-axis
+  let currentX = event.touches[0].clientX;
+  let distanceX = startX - currentX;
+
+  // Check if the user is swiping from the top of the screen
+  if (distanceY > 0 && Math.abs(distanceX) < Math.abs(distanceY / 2)) {
+    // Prevent the default behavior (e.g., scroll or refresh)
+    event.preventDefault();
+  }
+}, false);
+
+// Listen for touchend event
+document.addEventListener('touchend', function(event) {
+  // Reset the starting position
+  startY = null;
+  startX = null;
+}, false);
diff --git a/app/templates/update_status.html b/app/templates/update_status.html
@@ -6,6 +6,7 @@
         <meta http-equiv="X-UA-Compatible"  content="ie=edge">
         <meta name="viewport" content="width=device-width, initial-scale=1.0" >
         <link rel="stylesheet" href="../static/css/update_status.css">
+        <script type="text/javascript" src="../static/js/update_status.js"></script>
     </head>
     <body>
         <div class="header">