Added:
- Messenger, Mercure - chapter download flow (lelscan only)
This commit is contained in:
@@ -12,7 +12,17 @@
|
||||
{{ encore_entry_script_tags('app') }}
|
||||
{% endblock %}
|
||||
</head>
|
||||
<body>
|
||||
<body class="bg-gray-50">
|
||||
<div data-controller="mercure"
|
||||
data-mercure-topic="notification">
|
||||
</div>
|
||||
<div data-controller="alert" class="fixed right-0 z-50 flex justify-center w-full">
|
||||
<div data-alert-target="alert" style="display: none;"
|
||||
class="mt-8 max-w-fit p-4 rounded-lg shadow-lg text-white border-2 border-gray-200 transition-opacity duration-1000 ease-out">
|
||||
<i data-alert-target="icon" class="fa text-xl mr-2"></i>
|
||||
<span data-alert-target="message"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="h-full">
|
||||
<div class="fixed flex flex-row justify-start items-center w-full z-10 bg-green-600 h-16 z-30">
|
||||
<div class="flex justify-center ml-10">
|
||||
@@ -49,13 +59,13 @@
|
||||
{% block toolbar %}
|
||||
{% endblock %}
|
||||
</div>
|
||||
<div class="z-10">
|
||||
<div class="z-10 bg-gray-50">
|
||||
{% block body %}
|
||||
{% endblock %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script src="https://kit.fontawesome.com/42e345444d.js" crossorigin="anonymous"></script>
|
||||
{#<script src="https://kit.fontawesome.com/42e345444d.js" crossorigin="anonymous"></script>#}
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -97,7 +97,7 @@
|
||||
<tbody>
|
||||
{% for chapter in chapters %}
|
||||
<tr class="border-t hover:bg-green-100">
|
||||
{% if chapter.pagesLink|length > 0 %}
|
||||
{% if chapter.localPath is not null %}
|
||||
<td class="px-4 py-2 text-green-500">
|
||||
<a href="{{ path('read_chapter_page', { mangaSlug: manga.slug, chapterNumber: chapter.number, pageNumber: 1 }) }}">
|
||||
{{ chapter.number }}</a>
|
||||
@@ -107,15 +107,32 @@
|
||||
{% endif %}
|
||||
|
||||
<td class="px-4 py-2 w-full text-left">
|
||||
{% if chapter.pagesLink|length > 0 %}
|
||||
{% if chapter.localPath is not null %}
|
||||
<a class=""
|
||||
href="{{ path('read_chapter_page', { mangaSlug: manga.slug, chapterNumber: chapter.number }) }}">{{ chapter.title ?? 'No title' }}</a>
|
||||
href="{{ path('read_chapter_page', { mangaSlug: manga.slug, chapterNumber: chapter.number, pageNumber: 1 }) }}">{{ chapter.title ?? 'No title' }}</a>
|
||||
{% else %}
|
||||
{{ chapter.title ?? 'No title'}}
|
||||
{{ chapter.title ?? 'No title' }}
|
||||
{% endif %}
|
||||
</td>
|
||||
<td class="px-4 py-2 flex justify-end gap-2">
|
||||
{# <twig:DownloadChapter mangaSlug="{{ manga.slug }}" chapterNumber="{{ chapter.number }}" /> #}
|
||||
{% if chapter.localPath is null %}
|
||||
<button
|
||||
data-controller="download-chapter"
|
||||
data-action="click->download-chapter#handleClick"
|
||||
data-url="{{ path('add_chapter', {id: chapter.id}) }}"
|
||||
|
||||
>
|
||||
<span class="text-gray-500 hover:text-green-500">
|
||||
<i data-download-chapter-target="icon" class="fas fa-search"></i>
|
||||
</span>
|
||||
</button>
|
||||
{% else %}
|
||||
<button>
|
||||
<span class="text-gray-500" disabled="disabled">
|
||||
<i data-download-chapter-target="icon" class="fas fa-search"></i>
|
||||
</span>
|
||||
</button>
|
||||
{% endif %}
|
||||
<a href="#" class="text-gray-500 hover:text-green-500">
|
||||
<i class="fas fa-download"></i>
|
||||
</a>
|
||||
|
||||
@@ -21,6 +21,10 @@
|
||||
<i class="fas fa-calendar-alt mr-2"></i>
|
||||
<span>Calendrier</span>
|
||||
</li>
|
||||
<li class="mb-4 pl-8 flex items-center hover:text-green-600">
|
||||
<i class="fas fa-clock mr-2"></i>
|
||||
<span>Activité</span>
|
||||
</li>
|
||||
<li class="mb-4 pl-8 flex items-center hover:text-green-600">
|
||||
<i class="fas fa-cog mr-2"></i>
|
||||
<span>Paramètres</span>
|
||||
|
||||
Reference in New Issue
Block a user