65 lines
2.0 KiB
Plaintext
65 lines
2.0 KiB
Plaintext
<!doctype html>
|
|
<html class="no-js" lang="">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta http-equiv="x-ua-compatible" content="ie=edge" />
|
|
<title>Room {{ .Room.Name }} : Some Automoderation</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 class="h-screen">
|
|
<!--[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]-->
|
|
<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"
|
|
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>
|
|
{{ end }}
|
|
</div>
|
|
<div id="controls" class="bg-green-300">
|
|
<p>Room name is "{{ .Room.Name }}"</p>
|
|
{{ 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>
|
|
</body>
|
|
</html>
|