Skickar apiEndpoint till iframe genom att sätta contentWindow.apiEndpoint

2024-07-27 22:46:13 +02:00
parent f8c3bcd156
commit d1b0554748
1 changed files with 12 additions and 6 deletions
@@ -4,19 +4,25 @@
 <!-- <title>Frontend</title> -->
 </head>
 <body>
-    <script>
-        // Extract apiEndpoint for use in your frontend code...
-        const apiEndpoint = '{{ api_endpoint }}';  // Templating syntax (Jinja2)
-        console.log("index.html - API Endpoint: ", apiEndpoint);
-    </script>
+

    <!-- This iframe will hold the content from client.html -->
    <!-- Passing the API endpoint as a query parameter to the srcdoc attribute -->
+    <!-- srcdoc="{{ client_content }}?apiEndpoint={{ api_endpoint }}/"> -->
+
    <iframe id="client-frame" 
            style="width: 100%; height: 100vh;" 
-            srcdoc="{{ client_content }}?apiEndpoint={{ api_endpoint }}/">
+            srcdoc="{{ client_content }}">
    </iframe>

+    <script>
+        // Extract apiEndpoint for use in your frontend code...
+        const apiEndpoint = '{{ api_endpoint }}';  // Templating syntax (Jinja2)
+        // Tell the iframe about the apiEndpoing
+        document.getElementById('client-frame').contentWindow.apiEndpoint = apiEndpoint;
+        console.log("index.html - API Endpoint: ", apiEndpoint);
+    </script>
+
    <!-- Responsive scaling and some padding -->
    <script>
        const clientFrame = document.getElementById('client-frame');