- Portage des fonctionnalités de la branche main
- Ajout de node et npm dans la Dockerfile - Ajout des Factories et Fixtures - Ajout de npm-install dans Make install
This commit is contained in:
Jérémy Guillot
@@ -1,16 +1,59 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>{% block title %}Welcome!{% endblock %}</title>
|
||||
<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text><text y=%221.3em%22 x=%220.2em%22 font-size=%2276%22 fill=%22%23fff%22>sf</text></svg>">
|
||||
{% block stylesheets %}
|
||||
{% endblock %}
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>{% block title %}Welcome!{% endblock %}</title>
|
||||
<link rel="icon"
|
||||
href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text></svg>">
|
||||
{% block stylesheets %}
|
||||
{{ encore_entry_link_tags('app') }}
|
||||
{{ encore_entry_link_tags('app') }}
|
||||
{% endblock %}
|
||||
</head>
|
||||
<body>
|
||||
|
||||
{% block javascripts %}
|
||||
{% endblock %}
|
||||
</head>
|
||||
<body>
|
||||
{% block body %}{% endblock %}
|
||||
</body>
|
||||
<div class="w-full bg-green-600 h-16">
|
||||
</div>
|
||||
<div class="max-w-7xl flex">
|
||||
<div x-data="{ activeItem: { main: null, sub: null } }" class="block w-1/5 bg-gray-700 w-56 flex flex-col justify-center pl-8">
|
||||
<div class="py-4">
|
||||
<button @click="activeItem.main = activeItem.main === 'mangas' ? null : 'mangas'" class="w-full text-left">
|
||||
<span :class="{'text-green-600 bg-gray-800': activeItem.main === 'mangas'}">Mangas</span>
|
||||
</button>
|
||||
<div x-show="activeItem.main === 'mangas'" class="pl-6">
|
||||
<button @click="activeItem.sub = 'add-new'" class="py-4 block w-full text-left hover:text-green-600">
|
||||
<span :class="{'text-green-600': activeItem.sub === 'add-new'}">Add New</span>
|
||||
</button>
|
||||
<button @click="activeItem.sub = 'import'" class="py-4 block w-full text-left hover:text-green-600">
|
||||
<span :class="{'text-green-600': activeItem.sub === 'import'}">Import</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button @click="activeItem.main = 'calendar'" class="pb-4 block w-full text-left hover:text-green-600">
|
||||
<span :class="{'text-green-600': activeItem.main === 'calendar'}">Calendar</span>
|
||||
</button>
|
||||
|
||||
<button @click="activeItem.main = 'settings'" class="pb-4 block w-full text-left hover:text-green-600">
|
||||
<span :class="{'text-green-600': activeItem.main === 'settings'}">Settings</span>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
|
||||
{# {% include 'menu/base_menu.html.twig' %} #}
|
||||
<main class="mx-auto flex">
|
||||
<div class="p-4">
|
||||
{% block body %}
|
||||
{# {{ wo_render_breadcrumbs() }}#}
|
||||
{% endblock %}
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
{% block javascripts %}
|
||||
{{ encore_entry_script_tags('app') }}
|
||||
<script src="https://kit.fontawesome.com/42e345444d.js" crossorigin="anonymous"></script>
|
||||
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.13.3/dist/cdn.min.js"></script>
|
||||
{{ encore_entry_script_tags('app') }}
|
||||
{% endblock %}
|
||||
</body>
|
||||
</html>
|
||||
|
||||
19
templates/manga/index.html.twig
Normal file
19
templates/manga/index.html.twig
Normal file
@@ -0,0 +1,19 @@
|
||||
{% extends 'base.html.twig' %}
|
||||
|
||||
{% block title %}Liste des mangas{% endblock %}
|
||||
|
||||
{% block body %}
|
||||
<h1>Liste des mangas</h1>
|
||||
|
||||
<ul>
|
||||
{% for manga in mangas %}
|
||||
<li>
|
||||
<a href="{{ path('manga_show', { 'mangaSlug': manga.slug }) }}">
|
||||
{{ manga.title }}
|
||||
</a>
|
||||
</li>
|
||||
{% else %}
|
||||
<li>Aucun manga trouvé.</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{% endblock %}
|
||||
35
templates/manga/manga_reader.html.twig
Normal file
35
templates/manga/manga_reader.html.twig
Normal file
@@ -0,0 +1,35 @@
|
||||
{% extends 'base.html.twig' %}
|
||||
|
||||
{% block title %}{{ manga.title }} - Chapitre {{ chapter.number }}{% endblock %}
|
||||
|
||||
{% block body %}
|
||||
<h1 class="text-center text-3xl my-4">{{ manga.title }} - Chapitre {{ chapter.number }}</h1>
|
||||
|
||||
<div class="flex justify-center my-4">
|
||||
{% if currentPage.number > 1 %}
|
||||
<a href="{{ path('read_chapter_page', { 'mangaSlug': manga.slug, 'chapterNumber': chapter.number, 'pageNumber': currentPage.number - 1 }) }}" class="bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-600 mr-4">« Précédent</a>
|
||||
{% endif %}
|
||||
{% if currentPage.number < pages|length %}
|
||||
<a href="{{ path('read_chapter_page', { 'mangaSlug': manga.slug, 'chapterNumber': chapter.number, 'pageNumber': currentPage.number + 1 }) }}" class="bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-600">Suivant »</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
<div class="page-container flex justify-center">
|
||||
{% if currentPage.number < pages|length %}
|
||||
<a href="{{ path('read_chapter_page', {'mangaSlug': manga.slug, 'chapterNumber': chapter.number, 'pageNumber': currentPage.number + 1}) }}">
|
||||
<img src="{{ asset(currentPage.imageLocalUrl) }}" alt="Page {{ currentPage.number }}" class="shadow-lg">
|
||||
</a>
|
||||
{% else %}
|
||||
<img src="{{ asset(currentPage.imageLocalUrl) }}" alt="Page {{ currentPage.number }}" class="shadow-lg">
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
<div class="flex justify-center my-4">
|
||||
{% if currentPage.number > 1 %}
|
||||
<a href="{{ path('read_chapter_page', { 'mangaSlug': manga.slug, 'chapterNumber': chapter.number, 'pageNumber': currentPage.number - 1 }) }}" class="bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-600 mr-4">« Précédent</a>
|
||||
{% endif %}
|
||||
{% if currentPage.number < pages|length %}
|
||||
<a href="{{ path('read_chapter_page', { 'mangaSlug': manga.slug, 'chapterNumber': chapter.number, 'pageNumber': currentPage.number + 1 }) }}" class="bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-600">Suivant »</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endblock %}
|
||||
67
templates/manga/show_chapters.html.twig
Normal file
67
templates/manga/show_chapters.html.twig
Normal file
@@ -0,0 +1,67 @@
|
||||
{% extends 'base.html.twig' %}
|
||||
|
||||
{% block title %}Chapitres de {{ manga.title }}{% endblock %}
|
||||
|
||||
{% block body %}
|
||||
<div class="container mx-auto px-4">
|
||||
<h1 class="text-4xl font-bold mb-8">Chapitres de {{ manga.title }}</h1>
|
||||
|
||||
<ul class="list-disc pl-5">
|
||||
{% for chapter in manga.chapters|sort((a, b) => a.number <=> b.number) %}
|
||||
<li class="my-2">
|
||||
<a class="text-blue-600 hover:text-blue-800" href="{{ path('read_chapter_page', { 'mangaSlug': manga.slug, 'chapterNumber': chapter.number, 'pageNumber': 1 }) }}">
|
||||
Chapitre : {{ chapter.number }}
|
||||
</a>
|
||||
<a class="text-blue-600 hover:text-blue-800" href="{{ path('download_chapter', {'mangaSlug': manga.slug, 'chapterNumber': chapter.number}) }}"><i class="fas fa-save"></i></a>
|
||||
</li>
|
||||
{% else %}
|
||||
<li>Aucun chapitre trouvé.</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
|
||||
<h2 class="text-2xl font-semibold mb-4">Scrapper un chapitre</h2>
|
||||
<form id="scrape-form" action="{{ path('manga_scrape') }}" method="post" class="space-y-4">
|
||||
<input type="hidden" name="mangaSlug" value="{{ manga.slug }}">
|
||||
<div>
|
||||
<label for="chapterNumber" class="block mb-1">Numéro de chapitre :</label>
|
||||
<input type="number" name="chapterNumber" id="chapterNumber" class="border border-gray-300 p-2 rounded">
|
||||
</div>
|
||||
<div>
|
||||
<label for="availableChapters" class="block mb-1">Chapitres disponibles :</label>
|
||||
<select id="availableChapters" class="border border-gray-300 p-2 rounded">
|
||||
<option value="" selected disabled>Choisissez un chapitre</option>
|
||||
{% for chapter in availableChapters %}
|
||||
<option value="{{ chapter.number }}">{{ chapter.number }}</option>
|
||||
{% endfor %}
|
||||
</select>
|
||||
</div>
|
||||
<div class="flex items-center space-x-2">
|
||||
<input type="checkbox" name="scrapeFromChapter" id="scrapeFromChapter" class="rounded">
|
||||
<label for="scrapeFromChapter">Depuis ce chapitre :</label>
|
||||
</div>
|
||||
<input type="submit" value="Scrapper" class="button bg-blue-500 hover:bg-blue-600 text-white font-semibold py-2 px-4 rounded">
|
||||
</form>
|
||||
</div>
|
||||
|
||||
{% block javascripts %}
|
||||
{{ parent() }}
|
||||
<script>
|
||||
document.getElementById('scrape-form').addEventListener('submit', function(event) {
|
||||
const chapterNumberInput = document.getElementById('chapterNumber');
|
||||
const availableChaptersSelect = document.getElementById('availableChapters');
|
||||
if (availableChaptersSelect.value) {
|
||||
chapterNumberInput.value = availableChaptersSelect.value;
|
||||
}
|
||||
});
|
||||
|
||||
document.getElementById('scrapeFromChapter').addEventListener('change', function(event) {
|
||||
const form = document.getElementById('scrape-form');
|
||||
if (event.target.checked) {
|
||||
form.action = "{{ path('manga_scrape_from_chapter') }}";
|
||||
} else {
|
||||
form.action = "{{ path('manga_scrape') }}";
|
||||
}
|
||||
});
|
||||
</script>
|
||||
{% endblock %}
|
||||
{% endblock %}
|
||||
10
templates/menu/base_menu.html.twig
Normal file
10
templates/menu/base_menu.html.twig
Normal file
@@ -0,0 +1,10 @@
|
||||
<!-- 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>
|
||||
|
||||
<aside id="menu" class="fixed top-0 left-0 z-10 h-full w-64 bg-gray-800 text-white p-4 hidden md:block">
|
||||
{{ render(controller('App\\Controller\\MenuController::menu')) }}
|
||||
</aside>
|
||||
35
templates/menu/menu.html.twig
Normal file
35
templates/menu/menu.html.twig
Normal file
@@ -0,0 +1,35 @@
|
||||
<div class="fixed top-0 left-0 h-screen w-64 bg-gray-100 p-6">
|
||||
<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 %}
|
||||
Reference in New Issue
Block a user