73 lines
2.2 KiB
Plaintext
73 lines
2.2 KiB
Plaintext
<!doctype html>
|
|
<html class="no-js" lang="">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta http-equiv="x-ua-compatible" content="ie=edge" />
|
|
<title>Should be set in base template</title>
|
|
<meta name="description" content="" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
|
|
<script
|
|
src="https://unpkg.com/htmx.org@1.9.6"
|
|
integrity="sha384-FhXw7b6AlE/jyjlZH5iHa/tTe9EpJ1Y55RjcgPbjeWMskSxZt1v9qkxLJWNJaGni"
|
|
crossorigin="anonymous"
|
|
></script>
|
|
<link
|
|
rel="stylesheet"
|
|
href="/static/out.css"
|
|
type="text/css"
|
|
media="screen"
|
|
/>
|
|
<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
|
|
<!-- Place favicon.ico in the root directory -->
|
|
</head>
|
|
<body>
|
|
<!--[if lt IE 8]>
|
|
<p class="browserupgrade">
|
|
You are using an <strong>outdated</strong> browser. Please
|
|
<a href="http://browsehappy.com/">upgrade your browser</a> to improve
|
|
your experience.
|
|
</p>
|
|
<![endif]-->
|
|
{{ define "main-content" }}
|
|
<main class="h-screen">
|
|
<div class="h-full w-full grid">
|
|
<script src="https://unpkg.com/htmx.org/dist/ext/sse.js"></script>
|
|
<div
|
|
id="roomTextContainer"
|
|
class="bg-blue-200 grid place-content-center"
|
|
hx-ext="sse"
|
|
sse-connect="/rooms/subscribe?roomName={{ .Room.Name }}"
|
|
>
|
|
{{ block "simpleRoomShow" .Room }}
|
|
<!-- TODO use template, not block, have only 'loader' in base place -->
|
|
<!-- use different template based on 'mobile' query param -->
|
|
<div sse-swap="message">
|
|
<div>
|
|
{{ template "roomPeople" . }}
|
|
</div>
|
|
</div>
|
|
{{ end }}
|
|
</div>
|
|
<div id="controls" class="bg-green-300">
|
|
{{ range .Gestures }}
|
|
<button
|
|
hx-get="{{ .Url }}"
|
|
class="bg-white rounded border-blue-700 border-2"
|
|
>
|
|
{{ .Name }}
|
|
</button>
|
|
{{ end }}
|
|
<button
|
|
hx-get="/rooms/releaseHand"
|
|
class="bg-white rounded border-yellow-700 border-4"
|
|
>
|
|
Release Hand
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
{{ end }}
|
|
</body>
|
|
</html>
|