colgora/Mangarr
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added:

Browse Source 
- new simpler modal without bootstrap
- new loadingbutton component
- cleanupsome old code
- toolbar adjusments
This commit is contained in:
Jérémy Guillot
2024-06-30 12:44:41 +02:00
parent b4f0811bca
commit ba30d3102d
23 changed files with 403 additions and 302 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
templates/menu/base_menu.html.twig
View File

@@ -1,10 +0,0 @@
<!-- Menu latéral -->
{#<header class="fixed top-0 left-0 z-10 w-full bg-blue-600 p-4 md:hidden">#}
{# <button id="hamburger-button" class="text-white">#}
{# <i class="fas fa-bars"></i>#}
{# </button>#}
{#</header>#}
<div id="menu" class="fixed left-0 h-full w-60 bg-gray-600 text-white hidden md:block">
{{ render(controller('App\\Controller\\MenuController::menu')) }}
</div>

4
templates/menu/menu.html.twig
View File

@@ -1,4 +1,4 @@
<div id="menu" class="h-full w-full bg-gray-600 text-white overflow-y-auto">
<div id="menu" class="h-full w-full bg-gray-600 text-white">
<nav>
<ul>
<li class="{{ app.request.get('_route') starts with 'app_manga' ? 'border-l-4 border-green-600' : '' }}">
@@ -8,7 +8,7 @@
</a>
{% if app.request.get('_route') starts with 'app_manga' %}
<ul class="ml-8 mt-2 space-y-4">
<li><a href="{{ path('app_manga_new') }}" class="hover:text-green-600">Ajouter un nouveau</a></li>
<li><a href="{{ path('app_manga_search') }}" class="hover:text-green-600">Ajouter un nouveau</a></li>
<li><a href="{{ path('app_manga_import') }}" class="hover:text-green-600">Import bibliothèque</a></li>
<li><a href="#" class="hover:text-green-600">Découvrir</a></li>
</ul>

35
templates/menu/menu_old.html.twig
View File

@@ -1,35 +0,0 @@
<div class="fixed left-0 h-screen w-60">
<h2 class="text-xl font-bold mb-4">Menu</h2>
<form>
<div class="form-group">
<label for="manga-select">Choisissez un manga :</label>
<select id="manga-select" class="form-control w-full">
<option value="" selected disabled>Sélectionnez un manga</option>
{% for manga in availableManga %}
<option value="{{ path('manga_show', { 'mangaSlug': manga.slug }) }}">{{ manga.name }}</option>
{% endfor %}
</select>
</div>
</form>
<div>
<ul>
{% for manga in mangas %}
<li class="my-2">
<a href="{{ path('manga_show', { 'mangaSlug': manga.slug }) }}" class="text-blue-600 hover:text-blue-800">
{{ manga.title }}
</a>
</li>
{% endfor %}
</ul>
</div>
</div>
{% block javascripts %}
<script>
const mangaSelect = document.getElementById('manga-select');
mangaSelect.addEventListener('change', () => {
const selectedUrl = mangaSelect.options[mangaSelect.selectedIndex].value;
window.open(selectedUrl, '_top');
});
</script>
{% endblock %}