colgora/Mangarr
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

- début refonte graphique

Browse Source 
- début MangaDbProvider
This commit is contained in:
Jérémy Guillot
2024-06-05 00:05:28 +02:00
parent 2f9ff7facb
commit 9595831aa3
23 changed files with 607 additions and 515 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
templates/base.html.twig
View File

@@ -1,59 +1,31 @@
<!DOCTYPE html>
<html>
<html lang="">
<head>
<meta charset="UTF-8">
<title>{% block title %}Welcome!{% endblock %}</title>
<title>{% block title %}Mangarr{% 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') }}
{{ encore_entry_link_tags('app') }}
{% endblock %}
</head>
<body>
<body class="h-screen">
<div class="w-full bg-green-600 h-16">
<div class="fixed w-full bg-green-600 h-16">
<a href="{{ path('app_manga') }}">
<span class="">Mangarr</span>
</a>
</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 class="w-screen pt-16 flex bg-white">
{% include 'menu/menu.html.twig' %}
{% block body %}{% endblock %}
</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') }}
{{ encore_entry_script_tags('app') }}
{{ encore_entry_script_tags('app') }}
{% endblock %}
<script src="https://kit.fontawesome.com/42e345444d.js" crossorigin="anonymous"></script>
</body>
</html>