joakimp/python_test
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Joakim Persson
2024-07-27 22:46:13 +02:00
parent f8c3bcd156
commit d1b0554748
1 changed files with 12 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
smartassist/src/templates/index.html
+12 -6
View File
@@ -4,19 +4,25 @@
<!-- <title>Frontend</title> --> <!-- <title>Frontend</title> -->
</head> </head>
<body> <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 --> <!-- This iframe will hold the content from client.html -->
<!-- Passing the API endpoint as a query parameter to the srcdoc attribute --> <!-- Passing the API endpoint as a query parameter to the srcdoc attribute -->
<!-- srcdoc="{{ client_content }}?apiEndpoint={{ api_endpoint }}/"> -->
<iframe id="client-frame" <iframe id="client-frame"
style="width: 100%; height: 100vh;" style="width: 100%; height: 100vh;"
srcdoc="{{ client_content }}?apiEndpoint={{ api_endpoint }}/"> srcdoc="{{ client_content }}">
</iframe> </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 --> <!-- Responsive scaling and some padding -->
<script> <script>
const clientFrame = document.getElementById('client-frame'); const clientFrame = document.getElementById('client-frame');