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

mini-player: implemented

Browse source
This commit is contained in:
Agahnim 2026-03-20 11:28:11 +01:00
parent a741d256be
commit 979ac108a7
10 changed files with 81 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

21
templates/base.html
View file

@ -12,11 +12,30 @@
<body hx-boost="true" hx-target="#content">
{% include "partials/header.html" %}
<!-- <div hx-get="/miniplayer" hx-trigger="load" hx-swap="outerHtml"></div> -->
<div id="miniplayer-container" hx-get="/miniplayer" hx-trigger="load" hx-swap="innerHTML"
hx-target="#miniplayer-container">
<miniplayer>
<h1>Chargement...</h1>
</miniplayer>
</div>
<main id="content">
{% block content %}{% endblock %}
</main>
<script>
function updateMiniplayerVisibility() {
const isMusicPage = window.location.pathname === '/music';
const miniplayer = document.getElementById('miniplayer-container');
if (miniplayer) {
miniplayer.style.display = isMusicPage ? 'none' : '';
}
}
updateMiniplayerVisibility();
document.body.addEventListener('htmx:afterSwap', updateMiniplayerVisibility);
</script>
</body>
</html>