Fix template.

Browse Source
This commit is contained in:
retoor 2025-02-08 17:09:05 +01:00
parent f291c0f2e4
commit fcb05903f3
1 changed files with 68 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

68
src/snek/templates/app.html Normal file
View File

@ -0,0 +1,68 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Snek</title>
<style>{{highlight_styles}}</style>
<script src="/push.js"></script>
<script src="/upload-button.js"></script>
<script src="/html-frame.js"></script>
<script src="/schedule.js"></script>
<script src="/app.js"></script>
<script src="/models.js"></script>
<script src="/message-list.js"></script>
<script src="/message-list-manager.js"></script>
<script src="/chat-input.js"></script>
<script src="/chat-window.js"></script>
<link rel="stylesheet" href="/base.css">
<link rel="manifest" href="/manifest.json" />
<link rel="icon" type="image/png" href="/image/snek1.png" sizes="32x32">
</head>
<body>
<header>
<div class="logo">Snek</div>
<nav>
<a href="/web.html">🏠</a>
<a style="display:none" id="install-button" href="#">📥</a>
<a href="/web.html">👥</a>
<a href="#">⚙️</a>
<a href="/logout.html">🔒</a>
</nav>
</header>
<main>
{% block sidebar %}
<aside class="sidebar">
<h2>Chat Rooms</h2>
<ul>
<li><a href="#">General</a></li>
<li><a href="#">Development</a></li>
<li><a href="#">Support</a></li>
<li><a href="#">Random</a></li>
</ul>
</aside>
{% endblock %}
{% block main %}
<chat-window class="chat-area"></chat-window>
{% endblock %}
</main>
<script>
let installPrompt = null
window.addEventListener("beforeinstallprompt", async(event) => {
event.preventDefault();
installPrompt = event;
//document.addEventListener("DOMContentLoaded", () => {
alert("Jaaah")
const button = document.getElementById("install-button")
button.addEventListener("click", async ()=>{
const result = await installPrompt.prompt()
console.info(result.outcome)
})
button.style.display = 'inline-block'
});
;
</script>
</body>
</html>