andros/html-over-websockets-with-django-and-htmx
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add loading

Browse Source
This commit is contained in:
Andros Fenollosa
2021-11-20 19:54:57 +01:00
parent 209adf66f7
commit 7a53b7ddf5
8 changed files with 33 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
app/website/templates/layouts/base.html
View File

@ -1,4 +1,5 @@
{% load static %}
{% load slippers %}
<!DOCTYPE html>
<html lang="en">
<head>
@ -12,9 +13,12 @@
<meta property="og:type" content="website">
{# Styles #}
<link rel="stylesheet" type="text/css" href="{% static "css/normalize.css" %}">
<link rel="stylesheet" type="text/css" href="{% static "css/nprogress.css" %}">
<link rel="stylesheet" type="text/css" href="{% static "css/pico.min.css" %}">
{# JavaScript #}
<script defer src="{% static "js/htmx.min.js" %}"></script>
<script src="{% static "js/nprogress.js" %}"></script>
<script src="{% static "js/htmx.min.js" %}"></script>
<script defer src="{% static "js/main.js" %}"></script>
</head>
<body>
<div class="container" hx-ws="connect:ws:{{ DOMAIN }}/ws/pages/{{ room_random }}/">
@ -26,20 +30,15 @@
<ul>
<li>
{# To page Talks #}
<form hx-ws="send">
<input type="hidden" name="action" value="page">
<input type="hidden" name="value" value="talks">
<a href="#" hx-ws="send" hx-trigger="click">Talks</a>
</form>
{% #link text="Talks" action="page" value="talks" scroll-up="true" %}{% /link %}
</li>
<li>
{# To page Profiles #}
{% #link text="Profiles" action="page" value="profiles" scroll-up="true" %}{% /link %}
</li>
<li><a href="#">Profiles</a></li>
<li>
{# To page About #}
<form hx-ws="send">
<input type="hidden" name="action" value="page">
<input type="hidden" name="value" value="about">
<a href="#" hx-ws="send" hx-trigger="click">About</a>
</form>
{% #link text="About" action="page" value="about" scroll-up="true" %}{% /link %}
</li>
</ul>
</nav>