From f7a63dd6fedc822b907414f13e51b3f0f9b0a489 Mon Sep 17 00:00:00 2001
From: MichaelKapustey <michaelkapustey@gmail.com>
Date: Sun, 16 Nov 2025 13:58:41 +0100
Subject: [PATCH] Add simple download HTML page

My pocketbook has troubles displaying the table of files in the bottom of the usual page.
This simple download page should work on any device. Its ugly but functional. Should be available through '/assets/simple-download.html' according to current routing setup
---
 app/src/main/assets/simple-download.html | 102 +++++++++++++++++++++++
 1 file changed, 102 insertions(+)
 create mode 100644 app/src/main/assets/simple-download.html
diff --git a/app/src/main/assets/simple-download.html b/app/src/main/assets/simple-download.html
new file mode 100644
index 0000000..90f8f80
--- /dev/null
+++ b/app/src/main/assets/simple-download.html
@@ -0,0 +1,102 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Simple Download</title>
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            padding: 20px;
+            margin: 0;
+        }
+
+        h1 {
+            font-size: 32px;
+            margin-bottom: 20px;
+        }
+
+        #file-list {
+            list-style: none;
+            padding: 0;
+        }
+
+        #file-list li {
+            margin-bottom: 10px;
+        }
+
+        #file-list a {
+            font-size: 24px;
+            color: black;
+            text-decoration: underline;
+        }
+
+        #error-message {
+            color: #cc0000;
+            font-size: 18px;
+        }
+    </style>
+</head>
+
+<body>
+    <h1>Available Files</h1>
+    <ul id="file-list"></ul>
+    <p id="error-message"></p>
+
+    <script>
+        function loadFiles() {
+            var fileList = document.getElementById('file-list');
+            var errorMessage = document.getElementById('error-message');
+            var xhr = new XMLHttpRequest();
+
+            xhr.onreadystatechange = function () {
+                if (xhr.readyState === 4 && xhr.status === 200) {
+                    try {
+                        var data = JSON.parse(xhr.responseText);
+                        var files = data.files;
+                        var i, len, file, li, a, fragment;
+
+                        if (!files || files.length === 0) {
+                            errorMessage.innerHTML = 'No files available for download.';
+                            return;
+                        }
+
+                        // Use DocumentFragment for batch DOM update (much faster on old devices)
+                        fragment = document.createDocumentFragment();
+
+                        for (i = 0, len = files.length; i < len; i++) {
+                            file = files[i];
+                            li = document.createElement('li');
+                            a = document.createElement('a');
+                            a.href = file.downloadUrl;
+                            a.setAttribute('download', file.name);
+                            a.innerHTML = file.name;
+                            li.appendChild(a);
+                            fragment.appendChild(li);
+                        }
+
+                        // Single DOM update - triggers only one reflow
+                        fileList.appendChild(fragment);
+
+                    } catch (error) {
+                        errorMessage.innerHTML = 'Error loading files. Please try again later.';
+                    }
+                } else if (xhr.readyState === 4) {
+                    errorMessage.innerHTML = 'Error loading files. Please try again later.';
+                }
+            };
+
+            xhr.open('GET', '/api/files', true);
+            xhr.send();
+        }
+
+        if (document.addEventListener) {
+            document.addEventListener('DOMContentLoaded', loadFiles);
+        } else {
+            window.onload = loadFiles;
+        }
+    </script>
+</body>
+
+</html>
