Mercurial > public > pacobot

annotate www/pages/index.html @ 13:e7ab74d2ad88 default tip

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Move to mercurial
author Dennis C. M. <dennis@denniscm.com>
date Wed, 04 Jun 2025 09:38:35 +0100
parents aaf85ae1f942
children
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
12
aaf85ae1f942 add very simple html template
Dennis C. M. <dennis@denniscm.com>
parents:
diff changeset
1 <!DOCTYPE html>
aaf85ae1f942 add very simple html template
Dennis C. M. <dennis@denniscm.com>
parents:
diff changeset
2 <html lang="en">
aaf85ae1f942 add very simple html template
Dennis C. M. <dennis@denniscm.com>
parents:
diff changeset
3
aaf85ae1f942 add very simple html template
Dennis C. M. <dennis@denniscm.com>
parents:
diff changeset
4 <head>
aaf85ae1f942 add very simple html template
Dennis C. M. <dennis@denniscm.com>
parents:
diff changeset
5 {{ template "head.html" .}}
aaf85ae1f942 add very simple html template
Dennis C. M. <dennis@denniscm.com>
parents:
diff changeset
6 <style>
aaf85ae1f942 add very simple html template
Dennis C. M. <dennis@denniscm.com>
parents:
diff changeset
7 .container {
aaf85ae1f942 add very simple html template
Dennis C. M. <dennis@denniscm.com>
parents:
diff changeset
8 display: flex;
aaf85ae1f942 add very simple html template
Dennis C. M. <dennis@denniscm.com>
parents:
diff changeset
9 align-items: center;
aaf85ae1f942 add very simple html template
Dennis C. M. <dennis@denniscm.com>
parents:
diff changeset
10 gap: 10px;
aaf85ae1f942 add very simple html template
Dennis C. M. <dennis@denniscm.com>
parents:
diff changeset
11 }
aaf85ae1f942 add very simple html template
Dennis C. M. <dennis@denniscm.com>
parents:
diff changeset
12 </style>
aaf85ae1f942 add very simple html template
Dennis C. M. <dennis@denniscm.com>
parents:
diff changeset
13 </head>
aaf85ae1f942 add very simple html template
Dennis C. M. <dennis@denniscm.com>
parents:
diff changeset
14
aaf85ae1f942 add very simple html template
Dennis C. M. <dennis@denniscm.com>
parents:
diff changeset
15 <body>
aaf85ae1f942 add very simple html template
Dennis C. M. <dennis@denniscm.com>
parents:
diff changeset
16 <h1>Hola, soy Pacobot, tu bot de Twitch.</h1>
aaf85ae1f942 add very simple html template
Dennis C. M. <dennis@denniscm.com>
parents:
diff changeset
17 <div class="col">
aaf85ae1f942 add very simple html template
Dennis C. M. <dennis@denniscm.com>
parents:
diff changeset
18 <div class="container">
aaf85ae1f942 add very simple html template
Dennis C. M. <dennis@denniscm.com>
parents:
diff changeset
19 <a href="api/auth"><button id="loginBtn">Login</button></a>
aaf85ae1f942 add very simple html template
Dennis C. M. <dennis@denniscm.com>
parents:
diff changeset
20 <div id="loginOkMsg">{{ if .isLogged}} ✅ Logged in {{ end }}</div>
aaf85ae1f942 add very simple html template
Dennis C. M. <dennis@denniscm.com>
parents:
diff changeset
21 </div>
aaf85ae1f942 add very simple html template
Dennis C. M. <dennis@denniscm.com>
parents:
diff changeset
22 <div class="container">
aaf85ae1f942 add very simple html template
Dennis C. M. <dennis@denniscm.com>
parents:
diff changeset
23 <button id="connectBtn">Connect</button>
aaf85ae1f942 add very simple html template
Dennis C. M. <dennis@denniscm.com>
parents:
diff changeset
24 <div id="connectOkMsg" hidden>✅ Connected</div>
aaf85ae1f942 add very simple html template
Dennis C. M. <dennis@denniscm.com>
parents:
diff changeset
25 <div id="connectErrorMsg" hidden>❌ Connection failed</div>
aaf85ae1f942 add very simple html template
Dennis C. M. <dennis@denniscm.com>
parents:
diff changeset
26 </div>
aaf85ae1f942 add very simple html template
Dennis C. M. <dennis@denniscm.com>
parents:
diff changeset
27 </div>
aaf85ae1f942 add very simple html template
Dennis C. M. <dennis@denniscm.com>
parents:
diff changeset
28 </body>
aaf85ae1f942 add very simple html template
Dennis C. M. <dennis@denniscm.com>
parents:
diff changeset
29
aaf85ae1f942 add very simple html template
Dennis C. M. <dennis@denniscm.com>
parents:
diff changeset
30 <script lang="js">
aaf85ae1f942 add very simple html template
Dennis C. M. <dennis@denniscm.com>
parents:
diff changeset
31 const connectBtn = document.getElementById('connectBtn');
aaf85ae1f942 add very simple html template
Dennis C. M. <dennis@denniscm.com>
parents:
diff changeset
32 const connectOkMsg = document.getElementById("connectOkMsg")
aaf85ae1f942 add very simple html template
Dennis C. M. <dennis@denniscm.com>
parents:
diff changeset
33 const connectErrorMsg = document.getElementById("connectErrorMsg")
aaf85ae1f942 add very simple html template
Dennis C. M. <dennis@denniscm.com>
parents:
diff changeset
34
aaf85ae1f942 add very simple html template
Dennis C. M. <dennis@denniscm.com>
parents:
diff changeset
35 connectBtn.addEventListener('click', async () => {
aaf85ae1f942 add very simple html template
Dennis C. M. <dennis@denniscm.com>
parents:
diff changeset
36 try {
aaf85ae1f942 add very simple html template
Dennis C. M. <dennis@denniscm.com>
parents:
diff changeset
37 const response = await fetch('/api/connect');
aaf85ae1f942 add very simple html template
Dennis C. M. <dennis@denniscm.com>
parents:
diff changeset
38
aaf85ae1f942 add very simple html template
Dennis C. M. <dennis@denniscm.com>
parents:
diff changeset
39 if (!response.ok) {
aaf85ae1f942 add very simple html template
Dennis C. M. <dennis@denniscm.com>
parents:
diff changeset
40 throw new Error(`HTTP error! Status: ${response.status}`);
aaf85ae1f942 add very simple html template
Dennis C. M. <dennis@denniscm.com>
parents:
diff changeset
41 }
aaf85ae1f942 add very simple html template
Dennis C. M. <dennis@denniscm.com>
parents:
diff changeset
42
aaf85ae1f942 add very simple html template
Dennis C. M. <dennis@denniscm.com>
parents:
diff changeset
43 connectOkMsg.hidden = false;
aaf85ae1f942 add very simple html template
Dennis C. M. <dennis@denniscm.com>
parents:
diff changeset
44 connectErrorMsg.hidden = true;
aaf85ae1f942 add very simple html template
Dennis C. M. <dennis@denniscm.com>
parents:
diff changeset
45 } catch (error) {
aaf85ae1f942 add very simple html template
Dennis C. M. <dennis@denniscm.com>
parents:
diff changeset
46 console.error('Login failed:', error);
aaf85ae1f942 add very simple html template
Dennis C. M. <dennis@denniscm.com>
parents:
diff changeset
47 connectOkMsg.hidden = true;
aaf85ae1f942 add very simple html template
Dennis C. M. <dennis@denniscm.com>
parents:
diff changeset
48 connectErrorMsg.hidden = false;
aaf85ae1f942 add very simple html template
Dennis C. M. <dennis@denniscm.com>
parents:
diff changeset
49 }
aaf85ae1f942 add very simple html template
Dennis C. M. <dennis@denniscm.com>
parents:
diff changeset
50 });
aaf85ae1f942 add very simple html template
Dennis C. M. <dennis@denniscm.com>
parents:
diff changeset
51 </script>
aaf85ae1f942 add very simple html template
Dennis C. M. <dennis@denniscm.com>
parents:
diff changeset
52
aaf85ae1f942 add very simple html template
Dennis C. M. <dennis@denniscm.com>
parents:
diff changeset
53 </html>