Integrate django-htmx into project: update settings, middleware, and base HTML with HTMX utilities.

2026-01-10 23:01:39 +01:00
parent 97ee6c2500
commit f4c5377727
2 changed files with 5 additions and 1 deletions
--- a/TeamForge/settings.py
+++ b/TeamForge/settings.py
@@ -46,6 +46,7 @@ INSTALLED_APPS = [
    "constance",
    "tailwind",
    "django_filters",
+    "django_htmx",
    "rules.apps.AutodiscoverRulesConfig",
    "theme.apps.ThemeConfig",  # Tailwind theme app
    "members.apps.MembersConfig",
@@ -60,6 +61,7 @@ MIDDLEWARE = [
    "django.contrib.auth.middleware.AuthenticationMiddleware",
    "django.contrib.messages.middleware.MessageMiddleware",
    "django.middleware.clickjacking.XFrameOptionsMiddleware",
+    "django_htmx.middleware.HtmxMiddleware",
 ]

 ROOT_URLCONF = "TeamForge.urls"
--- a/templates/base.html
+++ b/templates/base.html
@@ -1,6 +1,7 @@
 {% load tailwind_tags %}
 {% load static %}
 {% load avatar %}
+{% load django_htmx %}

 <!DOCTYPE html>

@@ -23,6 +24,7 @@
        <link href="{% static "css/brands.css" %}" rel="stylesheet"/>

        {% tailwind_css %}
+        {% htmx_script %}

        <style>
            .navbar-shrink {
@@ -37,7 +39,7 @@
        </style>
    </head>

-    <body class="flex flex-col h-screen">
+    <body class="flex flex-col h-screen" hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'>
        <!-- NAVBAR -->
        <header id="mainNavbar" class="navbar-normal navbar bg-base-100 sticky top-0 z-50 shadow">
            <div class="flex-none lg:hidden">