44 lines
2.5 KiB
Twig
44 lines
2.5 KiB
Twig
<header {{ attributes }} class="bg-cyan-950 z-40">
|
|
<div class="px-4 sm:px-6 lg:px-8">
|
|
<div class="h-16 flex flex-row items-center justify-between">
|
|
<twig:SearchBar />
|
|
<div class="md:flex md:items-center md:gap-12">
|
|
<nav aria-label="Global" class="md:block">
|
|
<ul class="flex items-center align-middle gap-6 text-sm">
|
|
<li id="active_download_notis" class="">
|
|
<ul>
|
|
{% if this.activeDownloads|length > 0 %}
|
|
<li class="flex flex-col gap-1 align-middle">
|
|
<twig:ux:icon name="flowbite:download-outline" width="1.75rem" color="#f97316" class="border-2 border-orange-500 rounded-md p-1" />
|
|
{# {% include 'partial/alert-status.html.twig' %}#}
|
|
{# <div class="absolute" style="top: 3.5rem; right: 7rem; z-index: 1000;">#}
|
|
{# <div class="flex flex-col gap-1 bg-cyan-950 border-2 border-orange-500 text-white rounded-md p-3">#}
|
|
{# <h3>Inception</h3>#}
|
|
{# <div class="border-2 border-green-700 rounded-md w-full h-6 align-middle overflow-hidden">#}
|
|
{# <div class="rounded-sm text-bold text-center text-white bg-green-600 h-5" style="width:47%">47%</div>#}
|
|
{# </div>#}
|
|
{# </div>#}
|
|
{# </div>#}
|
|
</li>
|
|
{% endif %}
|
|
</ul>
|
|
</li>
|
|
<li><twig:ux:icon name="fluent:alert-12-regular" width="2.5rem" class="text-orange-500 rounded-full p-2"/></li>
|
|
<li>
|
|
<a href="{{ path('app_logout') }}">
|
|
<twig:ux:icon name="material-symbols:logout" width="2rem" class="text-orange-500" />
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div {{ turbo_stream_listen(app.session.get('mercure_alert_topic')) }} class="absolute top-10 right-10">
|
|
<div >
|
|
<ul id="alert_list">
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</header>
|