Agahnim/agahnim.dev
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

setup htmx to swap (or not) inner html

Browse source
This commit is contained in:
Agahnim 2026-03-19 15:46:26 +01:00
parent 3fe2c50961
commit b8e8c0edfa
Signed by: Agahnim
SSH key fingerprint: SHA256:Zj65PJnE0dRYye8Ltk/qDglynyXUxJngQ9qqx/VI+b4
6 changed files with 23 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

15
src/templates/index.rs
View file

@ -1,10 +1,21 @@
use askama::Template;
use axum::response::{Html, IntoResponse};
use axum::{
http::HeaderMap,
response::{Html, IntoResponse},
};
#[derive(Template)]
#[template(path = "index.html")]
struct IndexTemplate;
pub async fn home() -> impl IntoResponse {
#[derive(Template)]
#[template(path = "partials/index.html")]
struct IndexPartialTemplate;
pub async fn home(headers: HeaderMap) -> impl IntoResponse {
if headers.contains_key("hx-request") {
Html(IndexPartialTemplate.render().unwrap())
} else {
Html(IndexTemplate.render().unwrap())
}
}

1
static/vendor/htmx.min.js vendored Normal file
View file

File diff suppressed because one or more lines are too long

7
templates/base.html
View file

@ -5,13 +5,16 @@
<meta charset="UTF-8" />
<link rel="icon" type="image/gif" href="/static/assets/gifs/pcgif.gif" />
<title>Ａｇａｈｎｉｍ</title>
<link rel="stylesheet" href="/static/style.css">
<link rel="stylesheet" href="/static/style.css" />
<script src="/static/vendor/htmx.min.js"></script>
</head>
<body>
<body hx-boost="true" hx-target="#content">
{% include "partials/header.html" %}
<main id="content">
{% block content %}{% endblock %}
</main>
</body>

3
templates/index.html
View file

@ -2,6 +2,5 @@
{% block content %}
<h1>Bonjour</h1>
<p>Bienvenue sur mon site.</p>
{% include "partials/index.html" %}
{% endblock %}

1
templates/partials/header.html
View file

@ -1,6 +1,5 @@
<header>
<nav>
<a href="/">Accueil</a>
<a href="/blog">Blog</a>
</nav>
</header>

1
templates/partials/index.html Normal file
View file

@ -0,0 +1 @@
<h1>Bonjour</h1>