From d496dec7731f76fd39eab18ea3d72bd6e58d4910 Mon Sep 17 00:00:00 2001
From: Till Tomczak <till.tmk@gmail.com>
Date: Mon, 24 Mar 2025 10:58:07 +0100
Subject: [PATCH] bootstrap test 2

---
 backend/install-backend.sh            | 20 ++++++++++++++++++++
 backend/static/css/bootstrap.css      |  4 ++++
 backend/static/js/bootstrap.bundle.js |  5 +++++
 backend/templates/base.html           |  4 ++--
 4 files changed, 31 insertions(+), 2 deletions(-)
 create mode 100644 backend/static/css/bootstrap.css
 create mode 100644 backend/static/js/bootstrap.bundle.js

diff --git a/backend/install-backend.sh b/backend/install-backend.sh
index ea28359..027a0c5 100755
--- a/backend/install-backend.sh
+++ b/backend/install-backend.sh
@@ -61,6 +61,26 @@ else
     exit 1
 fi
 
+# Setup Bootstrap for offline usage
+log "Setting up Bootstrap for offline usage..."
+mkdir -p "$SCRIPT_DIR/static/css" "$SCRIPT_DIR/static/js"
+
+# Download non-minified Bootstrap CSS and JS files
+log "Downloading Bootstrap files for offline usage..."
+wget -q -O "$SCRIPT_DIR/static/css/bootstrap.css" "https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.css" || {
+    log "WARNING: Could not download Bootstrap CSS. Creating placeholder..."
+    echo "/* Bootstrap 5.3.2 offline placeholder */" > "$SCRIPT_DIR/static/css/bootstrap.css"
+    echo "/* Please manually download the full unminified version from: */" >> "$SCRIPT_DIR/static/css/bootstrap.css"
+    echo "/* https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.css */" >> "$SCRIPT_DIR/static/css/bootstrap.css"
+}
+
+wget -q -O "$SCRIPT_DIR/static/js/bootstrap.bundle.js" "https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.js" || {
+    log "WARNING: Could not download Bootstrap JS. Creating placeholder..."
+    echo "/* Bootstrap 5.3.2 bundle offline placeholder */" > "$SCRIPT_DIR/static/js/bootstrap.bundle.js"
+    echo "/* Please manually download the full unminified version from: */" >> "$SCRIPT_DIR/static/js/bootstrap.bundle.js"
+    echo "/* https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.js */" >> "$SCRIPT_DIR/static/js/bootstrap.bundle.js"
+}
+
 # Create database directory if it doesn't exist
 log "Setting up database directories..."
 mkdir -p instance/backups
diff --git a/backend/static/css/bootstrap.css b/backend/static/css/bootstrap.css
new file mode 100644
index 0000000..87b7e1a
--- /dev/null
+++ b/backend/static/css/bootstrap.css
@@ -0,0 +1,4 @@
+/* Bootstrap 5.3.2 (uncompressed) */
+@import "https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.css";
+/* Fallback if the import doesn't work */
+/* The actual file content would be pasted here */
\ No newline at end of file
diff --git a/backend/static/js/bootstrap.bundle.js b/backend/static/js/bootstrap.bundle.js
new file mode 100644
index 0000000..34ba1ae
--- /dev/null
+++ b/backend/static/js/bootstrap.bundle.js
@@ -0,0 +1,5 @@
+/*!
+ * Bootstrap 5.3.2 (uncompressed)
+ */
+// The actual file content would be pasted here
+// This is just a placeholder - in a real scenario, you would download the full unminified bootstrap.bundle.js
\ No newline at end of file
diff --git a/backend/templates/base.html b/backend/templates/base.html
index 23588dd..3353f0b 100644
--- a/backend/templates/base.html
+++ b/backend/templates/base.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>{% block title %}MYP API Tester{% endblock %}</title>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css">
+    <link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap.css') }}">
     <style>
         .sidebar {
             min-height: calc(100vh - 56px);
@@ -83,7 +83,7 @@
         {% block content %}{% endblock %}
     </div>
 
-    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
+    <script src="{{ url_for('static', filename='js/bootstrap.bundle.js') }}"></script>
     <script>
         function formatJson(jsonString) {
             try {