291e85338a
- Ajout de node et npm dans la Dockerfile - Ajout des Factories et Fixtures - Ajout de npm-install dans Make install
60 lines
2.5 KiB
Twig
60 lines
2.5 KiB
Twig
<!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></svg>">
|
|
{% block stylesheets %}
|
|
{{ encore_entry_link_tags('app') }}
|
|
{{ encore_entry_link_tags('app') }}
|
|
{% endblock %}
|
|
</head>
|
|
<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>
|