Added:
- toogle chapter visibility - delete chapter cbz - preferred ContentSource.php and modal - minor fixes
This commit is contained in:
Jérémy Guillot
@@ -49,7 +49,9 @@
|
||||
</div>
|
||||
|
||||
<turbo-frame id="chapter_list"
|
||||
src="{{ fragment_uri(controller('App\\Controller\\MangaController::_chaptersByManga', {'id': manga.id})) }}"></turbo-frame>
|
||||
src="{{ fragment_uri(controller('App\\Controller\\MangaController::_chaptersByManga', {'id': manga.id})) }}"
|
||||
>
|
||||
</turbo-frame>
|
||||
{# Modal d'édition #}
|
||||
<twig:Modal
|
||||
openTrigger="openEditModal"
|
||||
@@ -81,21 +83,26 @@
|
||||
<label class="block text-sm font-medium text-gray-700">Slugs alternatifs</label>
|
||||
<div data-collection-target="container" class="grid grid-cols-4 gap-2 mt-1">
|
||||
{% for slug in form.alternativeSlugs %}
|
||||
<div class="inline-flex items-center bg-gray-100 rounded-full px-3 py-1 text-sm collection-item">
|
||||
<div
|
||||
class="inline-flex items-center bg-gray-100 rounded-full px-3 py-1 text-sm collection-item">
|
||||
{{ form_widget(slug, {'attr': {'class': 'bg-transparent border-none focus:outline-none focus:border-b focus:border-green-500 p-0 w-full'}}) }}
|
||||
<button type="button" data-action="collection#remove" class="ml-2 text-gray-500 hover:text-green-500 flex-shrink-0">
|
||||
<button type="button" data-action="collection#remove"
|
||||
class="ml-2 text-gray-500 hover:text-green-500 flex-shrink-0">
|
||||
<i class="fas fa-times"></i>
|
||||
</button>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
<button type="button" data-action="collection#add" class="mt-2 text-sm text-green-500 hover:text-green-700">
|
||||
<button type="button" data-action="collection#add"
|
||||
class="mt-2 text-sm text-green-500 hover:text-green-700">
|
||||
+ Ajouter un slug alternatif
|
||||
</button>
|
||||
<template data-collection-target="template">
|
||||
<div class="inline-flex items-center bg-gray-100 rounded-full px-3 py-1 text-sm collection-item">
|
||||
<div
|
||||
class="inline-flex items-center bg-gray-100 rounded-full px-3 py-1 text-sm collection-item">
|
||||
{{ form_widget(form.alternativeSlugs.vars.prototype, {'attr': {'class': 'bg-transparent border-none focus:outline-none focus:border-b focus:border-green-500 p-0 w-full'}}) }}
|
||||
<button type="button" data-action="collection#remove" class="ml-2 text-gray-500 hover:text-green-500 flex-shrink-0">
|
||||
<button type="button" data-action="collection#remove"
|
||||
class="ml-2 text-gray-500 hover:text-green-500 flex-shrink-0">
|
||||
<i class="fas fa-times"></i>
|
||||
</button>
|
||||
</div>
|
||||
@@ -106,21 +113,26 @@
|
||||
<label class="block text-sm font-medium text-gray-700">{{ form_label(form.genres) }}</label>
|
||||
<div data-collection-target="container" class="grid grid-cols-4 gap-2 mt-1">
|
||||
{% for genre in form.genres %}
|
||||
<div class="inline-flex items-center bg-gray-100 rounded-full px-3 py-1 text-sm collection-item">
|
||||
<div
|
||||
class="inline-flex items-center bg-gray-100 rounded-full px-3 py-1 text-sm collection-item">
|
||||
{{ form_widget(genre, {'attr': {'class': 'bg-transparent border-none focus:outline-none focus:border-b focus:border-green-500 p-0 w-full'}}) }}
|
||||
<button type="button" data-action="collection#remove" class="ml-2 text-gray-500 hover:text-green-500 flex-shrink-0">
|
||||
<button type="button" data-action="collection#remove"
|
||||
class="ml-2 text-gray-500 hover:text-green-500 flex-shrink-0">
|
||||
<i class="fas fa-times"></i>
|
||||
</button>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
<button type="button" data-action="collection#add" class="mt-2 text-sm text-green-500 hover:text-green-700">
|
||||
<button type="button" data-action="collection#add"
|
||||
class="mt-2 text-sm text-green-500 hover:text-green-700">
|
||||
+ Ajouter un genre
|
||||
</button>
|
||||
<template data-collection-target="template">
|
||||
<div class="inline-flex items-center bg-gray-100 rounded-full px-3 py-1 text-sm collection-item">
|
||||
<div
|
||||
class="inline-flex items-center bg-gray-100 rounded-full px-3 py-1 text-sm collection-item">
|
||||
{{ form_widget(form.genres.vars.prototype, {'attr': {'class': 'bg-transparent border-none focus:outline-none focus:border-b focus:border-green-500 p-0 w-full'}}) }}
|
||||
<button type="button" data-action="collection#remove" class="ml-2 text-gray-500 hover:text-green-500 flex-shrink-0">
|
||||
<button type="button" data-action="collection#remove"
|
||||
class="ml-2 text-gray-500 hover:text-green-500 flex-shrink-0">
|
||||
<i class="fas fa-times"></i>
|
||||
</button>
|
||||
</div>
|
||||
@@ -166,5 +178,63 @@
|
||||
</button>
|
||||
</twig:block>
|
||||
</twig:Modal>
|
||||
|
||||
<twig:Modal
|
||||
openTrigger="openPreferredSourcesModal"
|
||||
closeTrigger="closePreferredSourcesModal"
|
||||
title="Manage Preferred Sources"
|
||||
modalClass="w-full max-w-4xl"
|
||||
>
|
||||
{% block content %}
|
||||
<div {{ stimulus_controller('preferred-sources', {
|
||||
mangaId: manga.id,
|
||||
preferredSources: manga.preferredSources|map(s => s.id)|json_encode,
|
||||
allSources: contentSources|map(s => {
|
||||
id: s.id,
|
||||
name: s.cleanBaseUrl
|
||||
})|json_encode
|
||||
}) }}>
|
||||
<div>
|
||||
<h3 class="text-lg font-medium text-gray-900">Preferred Sources</h3>
|
||||
<ul data-preferred-sources-target="preferredList" class="mt-2 space-y-2">
|
||||
{% for source in manga.preferredSources %}
|
||||
<li data-id="{{ source.id }}" draggable="true"
|
||||
class="flex items-center justify-between p-2 bg-gray-100 rounded cursor-move">
|
||||
<span>{{ source.cleanBaseUrl }}</span>
|
||||
<button type="button" data-action="preferred-sources#removeSource"
|
||||
data-source-id="{{ source.id }}" class="text-red-500 hover:text-red-700">
|
||||
<i class="fas fa-times"></i>
|
||||
</button>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="text-lg font-medium text-gray-900">Available Sources</h3>
|
||||
<ul data-preferred-sources-target="availableList" class="mt-2 space-y-2">
|
||||
{% for source in contentSources %}
|
||||
{% if source not in manga.preferredSources %}
|
||||
<li class="flex items-center justify-between p-2 bg-gray-100 rounded">
|
||||
<span>{{ source.cleanBaseUrl }}</span>
|
||||
<button type="button" data-action="preferred-sources#addSource"
|
||||
data-source-id="{{ source.id }}"
|
||||
class="text-green-500 hover:text-green-700">
|
||||
<i class="fas fa-plus"></i>
|
||||
</button>
|
||||
</li>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
{% block footer %}
|
||||
<button type="button" data-action="modal#close"
|
||||
class="mt-3 w-full inline-flex justify-center rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-base font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm">
|
||||
Close
|
||||
</button>
|
||||
{% endblock %}
|
||||
</twig:Modal>
|
||||
{% endblock %}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user