36 lines
1.4 KiB
Twig
36 lines
1.4 KiB
Twig
<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 %}
|