Added:
- manga import - read from cbz - save cbz from scrapping - menu interactions
This commit is contained in:
@@ -16,40 +16,50 @@
|
||||
</div>
|
||||
{% endblock %}
|
||||
{% block body %}
|
||||
{# TODO styliser cette page #}
|
||||
<table class="min-w-full bg-white">
|
||||
<thead class="bg-gray-800 text-white">
|
||||
<tr>
|
||||
<th class="w-1/12 py-2 px-4">
|
||||
<input type="checkbox">
|
||||
</th>
|
||||
<th class="w-2/12 py-2 px-4 text-left">Manga</th>
|
||||
<th class="w-1/12 py-2 px-4 text-left">Volume</th>
|
||||
<th class="w-4/12 py-2 px-4 text-left">Chapter</th>
|
||||
<th class="w-1/12 py-2 px-4 text-left">Title</th>
|
||||
<th class="w-1/12 py-2 px-4 text-left">Actions</th>
|
||||
<div class="container mx-auto mt-2">
|
||||
<div class="bg-white overflow-hidden">
|
||||
<div class="overflow-x-auto">
|
||||
<table class="min-w-full bg-white">
|
||||
<thead>
|
||||
<tr class="bg-gray-800 text-white">
|
||||
<th class="w-1/12 py-3 px-4 text-left">
|
||||
<input type="checkbox" class="form-checkbox h-5 w-5 text-green-600">
|
||||
</th>
|
||||
<th class="w-2/12 py-3 px-4 text-left">Manga</th>
|
||||
<th class="w-1/12 py-3 px-4 text-left">Volume</th>
|
||||
<th class="w-3/12 py-3 px-4 text-left">Chapitre</th>
|
||||
<th class="w-3/12 py-3 px-4 text-left">Titre</th>
|
||||
<th class="w-2/12 py-3 px-4 text-left">Actions</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="text-gray-700">
|
||||
{% for manga in status %}
|
||||
<tr class="border-b border-gray-200 hover:bg-gray-50 transition duration-150 ease-in-out">
|
||||
<td class="py-4 px-4 text-center">
|
||||
<input type="checkbox" class="form-checkbox h-5 w-5 text-green-600">
|
||||
</td>
|
||||
<td class="py-4 px-4 font-medium">{{ manga.manga }}</td>
|
||||
<td class="py-4 px-4">{{ manga.volume }}</td>
|
||||
<td class="py-4 px-4">{{ manga.chapter }}</td>
|
||||
<td class="py-4 px-4">{{ manga.title }}</td>
|
||||
<td class="py-4 px-4">
|
||||
<button class="text-red-500 hover:text-red-700 transition duration-150 ease-in-out">
|
||||
<i class="fas fa-trash-alt"></i>
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
{% else %}
|
||||
<tr>
|
||||
<td colspan="6" class="py-4 px-4 text-center text-gray-500">Aucune activité en cours.</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<th class="w-1/12 py-2 px-4"></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="text-gray-700">
|
||||
{% for manga in status %}
|
||||
<tr class="border-b">
|
||||
<td class="py-2 px-4 text-center">
|
||||
<input type="checkbox">
|
||||
</td>
|
||||
<td class="py-2 px-4">{{ manga.manga }}</td>
|
||||
<td class="py-2 px-4">{{ manga.volume }}</td>
|
||||
<td class="py-2 px-4">{{ manga.chapter }}</td>
|
||||
<td class="py-2 px-4">{{ manga.title }}</td>
|
||||
<td class="py-2 px-4 text-center">
|
||||
<button class="text-red-500 hover:text-red-700">×</button>
|
||||
</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="mt-4">
|
||||
<span>Total records: {{ status|length }}</span>
|
||||
{# <div class="mt-6 ml-4 flex justify-between items-center">#}
|
||||
{# <span class="text-sm text-gray-600">Total des enregistrements: {{ status|length }}</span>#}
|
||||
{# </div>#}
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
Reference in New Issue
Block a user