38 lines
1.4 KiB
HTML
38 lines
1.4 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8" />
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||
|
|
<meta name="description" content="Control Center UI - Cloud Infrastructure Management" />
|
||
|
|
<title>Control Center - Infrastructure Management</title>
|
||
|
|
|
||
|
|
<!-- Basic CSS only - no external dependencies -->
|
||
|
|
|
||
|
|
<link data-trunk rel="rust" data-bin="control-center-ui" data-wasm-opt="z" />
|
||
|
|
<link data-trunk rel="css" href="src/index.css" />
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div id="leptos" style="min-height: 100vh; background: #fafafa;">
|
||
|
|
<div style="padding: 20px; color: #999; text-align: center;">
|
||
|
|
Loading Leptos app...
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
console.log("🟢 HTML loaded, DOM ready");
|
||
|
|
document.addEventListener('DOMContentLoaded', () => {
|
||
|
|
console.log("🟢 DOM fully loaded");
|
||
|
|
// Add a test element
|
||
|
|
const testDiv = document.createElement('div');
|
||
|
|
testDiv.innerHTML = '🟢 JavaScript is working';
|
||
|
|
testDiv.style = 'position: fixed; bottom: 0; left: 0; background: green; color: white; padding: 5px; z-index: 1000;';
|
||
|
|
document.body.appendChild(testDiv);
|
||
|
|
});
|
||
|
|
|
||
|
|
// Listen for WASM events
|
||
|
|
window.addEventListener('TrunkApplicationStarted', (event) => {
|
||
|
|
console.log("🟢 WASM application started:", event);
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
</body>
|
||
|
|
</html>
|