Integrate django-htmx into project: update settings, middleware, and base HTML with HTMX utilities.
This commit is contained in:
@@ -46,6 +46,7 @@ INSTALLED_APPS = [
|
|||||||
"constance",
|
"constance",
|
||||||
"tailwind",
|
"tailwind",
|
||||||
"django_filters",
|
"django_filters",
|
||||||
|
"django_htmx",
|
||||||
"rules.apps.AutodiscoverRulesConfig",
|
"rules.apps.AutodiscoverRulesConfig",
|
||||||
"theme.apps.ThemeConfig", # Tailwind theme app
|
"theme.apps.ThemeConfig", # Tailwind theme app
|
||||||
"members.apps.MembersConfig",
|
"members.apps.MembersConfig",
|
||||||
@@ -60,6 +61,7 @@ MIDDLEWARE = [
|
|||||||
"django.contrib.auth.middleware.AuthenticationMiddleware",
|
"django.contrib.auth.middleware.AuthenticationMiddleware",
|
||||||
"django.contrib.messages.middleware.MessageMiddleware",
|
"django.contrib.messages.middleware.MessageMiddleware",
|
||||||
"django.middleware.clickjacking.XFrameOptionsMiddleware",
|
"django.middleware.clickjacking.XFrameOptionsMiddleware",
|
||||||
|
"django_htmx.middleware.HtmxMiddleware",
|
||||||
]
|
]
|
||||||
|
|
||||||
ROOT_URLCONF = "TeamForge.urls"
|
ROOT_URLCONF = "TeamForge.urls"
|
||||||
|
|||||||
@@ -1,6 +1,7 @@
|
|||||||
{% load tailwind_tags %}
|
{% load tailwind_tags %}
|
||||||
{% load static %}
|
{% load static %}
|
||||||
{% load avatar %}
|
{% load avatar %}
|
||||||
|
{% load django_htmx %}
|
||||||
|
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
|
|
||||||
@@ -23,6 +24,7 @@
|
|||||||
<link href="{% static "css/brands.css" %}" rel="stylesheet"/>
|
<link href="{% static "css/brands.css" %}" rel="stylesheet"/>
|
||||||
|
|
||||||
{% tailwind_css %}
|
{% tailwind_css %}
|
||||||
|
{% htmx_script %}
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
.navbar-shrink {
|
.navbar-shrink {
|
||||||
@@ -37,7 +39,7 @@
|
|||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body class="flex flex-col h-screen">
|
<body class="flex flex-col h-screen" hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'>
|
||||||
<!-- NAVBAR -->
|
<!-- NAVBAR -->
|
||||||
<header id="mainNavbar" class="navbar-normal navbar bg-base-100 sticky top-0 z-50 shadow">
|
<header id="mainNavbar" class="navbar-normal navbar bg-base-100 sticky top-0 z-50 shadow">
|
||||||
<div class="flex-none lg:hidden">
|
<div class="flex-none lg:hidden">
|
||||||
|
|||||||
Reference in New Issue
Block a user