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 7815b07f81
commit bfc2721f28
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 askama::Template;
use axum::response::{Html, IntoResponse}; use axum::{
http::HeaderMap,
response::{Html, IntoResponse},
};
#[derive(Template)] #[derive(Template)]
#[template(path = "index.html")] #[template(path = "index.html")]
struct IndexTemplate; 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()) 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" /> <meta charset="UTF-8" />
<link rel="icon" type="image/gif" href="/static/assets/gifs/pcgif.gif" /> <link rel="icon" type="image/gif" href="/static/assets/gifs/pcgif.gif" />
<title>Ａｇａｈｎｉｍ</title> <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> </head>
<body> <body hx-boost="true" hx-target="#content">
{% include "partials/header.html" %} {% include "partials/header.html" %}
<main id="content">
{% block content %}{% endblock %} {% block content %}{% endblock %}
</main>
</body> </body>

3
templates/index.html
View file

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

1
templates/partials/header.html
View file

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

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

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