71 lines
2.7 KiB
HTML
71 lines
2.7 KiB
HTML
<div class="flex items-center md:order-2">
|
|
{% match opts.session %}
|
|
{% when Some with (session) %}
|
|
<button
|
|
type="button"
|
|
class="flex mr-3 text-sm bg-gray-800 rounded-full md:mr-0 focus:ring-4 focus:ring-gray-300 dark:focus:ring-gray-600"
|
|
id="user-menu-button"
|
|
aria-expanded="false"
|
|
data-dropdown-toggle="user-dropdown"
|
|
data-dropdown-placement="bottom"
|
|
hx-replace-url="true"
|
|
>
|
|
<span class="sr-only">Open user menu</span>
|
|
{% match session.profile_image_url %}
|
|
{% when Some with (url) %}
|
|
<img class="w-8 h-8 rounded-full" src="{{ url }}" alt="user photo">
|
|
{% when None %}
|
|
<span>{{ session.login }}</span>
|
|
{% endmatch %}
|
|
</button>
|
|
|
|
<!-- Dropdown menu -->
|
|
<div class="z-50 hidden my-4 text-base list-none bg-white divide-y divide-gray-100 rounded-lg shadow dark:bg-gray-700 dark:divide-gray-600" id="user-dropdown">
|
|
<div class="px-4 py-3">
|
|
<span class="block text-sm text-gray-900 dark:text-white">session.login</span>
|
|
<span class="block text-sm text-gray-500 truncate dark:text-gray-400">session.login</span>
|
|
</div>
|
|
{% include "nav/account-options.html" %}
|
|
</div>
|
|
|
|
<button
|
|
data-collapse-toggle="navbar-user"
|
|
type="button"
|
|
class="inline-flex items-center p-2 w-10 h-10 justify-center text-sm text-gray-500 rounded-lg md:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600"
|
|
aria-controls="navbar-user"
|
|
aria-expanded="false"
|
|
>
|
|
<span class="sr-only">Open main menu</span>
|
|
<svg class="w-5 h-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 17 14">
|
|
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 1h15M1 7h15M1 13h15"/>
|
|
</svg>
|
|
</button>
|
|
{% when None %}
|
|
<a
|
|
class="flex items-center px-2 text-neutral-500 transition duration-200 hover:text-neutral-700 hover:ease-in-out focus:text-neutral-700 disabled:text-black/30 motion-reduce:transition-none dark:text-neutral-200 dark:hover:text-neutral-400 dark:focus:text-neutral-400 [&.active]:text-black/90 dark:[&.active]:text-neutral-400"
|
|
href="/login"
|
|
hx-get='/login'
|
|
hx-target='main'
|
|
hx-headers='{"Accept":"text/html-partial"}'
|
|
data-te-dropdown-toggle-ref
|
|
aria-expanded="false"
|
|
hx-replace-url="true"
|
|
>
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
viewBox="0 0 24 24"
|
|
fill="currentColor"
|
|
stroke-width="1.5"
|
|
stroke="currentColor"
|
|
class="h-5 w-5"
|
|
>
|
|
<path
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
d="M15.75 6a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0zM4.501 20.118a7.5 7.5 0 0114.998 0A17.933 17.933 0 0112 21.75c-2.676 0-5.216-.584-7.499-1.632z"
|
|
/>
|
|
</svg>
|
|
</a>
|
|
{% endmatch %}
|
|
</div>
|