Screen view fixups

adisbladis · adisbladis · commit 1b00dffb9871 · 2022-08-18T17:58:36.000+08:00
- Use non arrow style JS
- Add AbortController polyfill
diff --git a/hackman/static/screen/app.js b/hackman/static/screen/app.js
@@ -1,24 +1,26 @@
-(() => {
+(function() {
   const timeoutSeconds = 50;
   const controller = new AbortController();
-  const timeoutId = setTimeout(() => controller.abort(), timeoutSeconds * 1000);
+  const timeoutId = setTimeout(function() {
+    controller.abort();
+  }, timeoutSeconds * 1000);
 
   fetch("/screen/poll/")
-    .then(resp => {
+    .then(function(resp) {
       if(!resp.ok) {
         window.location.href = '/screen/';
         return Promise.reject("Response not OK: " + resp.status);
       }
       return resp.text();
     })
-    .then((url) => {
+    .then(function(url) {
       window.location.href = url;
     })
-    .catch(err => {
-        window.location.href = '/screen/';
+    .catch(function(err) {
+      window.location.href = '/screen/';
     })
-    .then(() => {
+    .then(function() {
       clearTimeout(timeoutId);
     })
   ;
-})();
+}))();
diff --git a/hackman/templates/screen/base.jinja2 b/hackman/templates/screen/base.jinja2
@@ -7,6 +7,9 @@
 	<title>DSL Door 點心樂部門</title>
 	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
     <link rel="stylesheet" type="text/css" href="/static/screen/style.css">
+
+    <!-- Add to home screen -->
+    <meta name="mobile-web-app-capable" content="yes">
   </head>
   <body>
     <main>
@@ -16,6 +19,7 @@
 
     </main>
   </body>
-  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/fetch/3.6.2/fetch.min.js"></script>
+  <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/fetch-polyfill@0.8.2/fetch.min.js"></script>
+  <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/abortcontroller-polyfill@1.7.3/dist/umd-polyfill.min.js"></script>
   <script type="text/javascript" src="/static/screen/app.js"></script>
 </html>
