mirror of
https://github.com/jcreek/Tech-Radar-Editor.git
synced 2026-07-12 18:43:46 +00:00
Joshua Creek
24 lines
787 B
HTML
24 lines
787 B
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Tech Radar Editor</title>
|
|
<script type="module" src="/src/main.ts"></script>
|
|
</head>
|
|
<body>
|
|
<tech-radar-editor></tech-radar-editor>
|
|
|
|
<script>
|
|
// Listen for custom events from the web component
|
|
document.querySelector('tech-radar-editor').addEventListener('radar-data-loaded', (e) => {
|
|
console.log('Data loaded:', e.detail.data);
|
|
});
|
|
document.querySelector('tech-radar-editor').addEventListener('radar-data-change', (e) => {
|
|
console.log('Data changed:', e.detail.data);
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|