2025-04-12 18:40:50 +02:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
|
<title>PDF Viewer</title>
|
|
|
|
|
<script type="module" src="./js/main.js"></script>
|
|
|
|
|
</head>
|
2025-04-12 19:02:34 +02:00
|
|
|
<body x-data="gameManager" class="p-4">
|
|
|
|
|
|
|
|
|
|
<template x-if="isLoading">
|
|
|
|
|
<div class="alert alert-info" role="alert">
|
|
|
|
|
Loading game data...
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<template x-if="error">
|
|
|
|
|
<div class="alert alert-danger" role="alert" x-text="error"></div>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<template x-if="gameData && !isLoading && !error">
|
|
|
|
|
<div>
|
|
|
|
|
<p>Game Ready!</p>
|
|
|
|
|
<p>Session ID: <code x-text="gameData.session_id"></code></p>
|
|
|
|
|
<p>First Client ID: <code x-text="gameData.client_id"></code></p>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
|
2025-04-12 18:40:50 +02:00
|
|
|
<div class="container py-4 px-3 mx-auto">
|
|
|
|
|
<h1>Hello, Bootstrap and Vite!</h1>
|
|
|
|
|
<button class="btn btn-primary">Primary button</button>
|
|
|
|
|
</div>
|
|
|
|
|
<div x-data="pdfViewer()" class="space-y-4">
|
|
|
|
|
<button @click="loadPdf" class="px-4 py-2 bg-blue-500 text-white rounded">Load PDF</button>
|
|
|
|
|
|
|
|
|
|
<template x-if="pdfUrl">
|
|
|
|
|
<iframe
|
|
|
|
|
:src="pdfUrl"
|
|
|
|
|
type="application/pdf"
|
|
|
|
|
width="100%"
|
|
|
|
|
height="600px"
|
|
|
|
|
class="border border-gray-400 rounded"
|
|
|
|
|
></iframe>
|
|
|
|
|
</template>
|
|
|
|
|
</div>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
