toolbox-aoaostar/view/index/default/layout/header.html

169 lines
10 KiB
HTML

<div class="navbar sticky top-0 z-30 flex h-16 w-full justify-center bg-opacity-90 backdrop-blur transition-all duration-100
bg-base-100 text-base-content shadow-lg mb-2">
<div class="flex-1 px-2 mx-2">
<a class="btn btn-ghost btn-sm rounded-btn text-lg font-bold" href="/">
{$app.title}
</a>
</div>
<div class="flex-none hidden px-2 mx-2 lg:flex">
<div class="flex items-stretch">
<a href="/stars" class="btn btn-ghost btn-sm rounded-btn">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
class="inline-block w-5 mr-2 stroke-current">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
</svg>
Stars
</a>
<a target="_blank" href="https://t.me/aoaostar" class="btn btn-ghost btn-sm rounded-btn">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
class="inline-block w-5 mr-2 stroke-current">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M17 8h2a2 2 0 012 2v6a2 2 0 01-2 2h-2v4l-4-4H9a1.994 1.994 0 01-1.414-.586m0 0L11 14h4a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2v4l.586-.586z"/>
</svg>
Chat
</a>
{include file="layout/change_theme" /}
{if(is_login())}
<div class="dropdown dropdown-end">
<label tabindex="1" class="btn btn-ghost btn-sm rounded-btn justify-start truncate">
<div class="avatar mr-2">
<div class="rounded-full w-6 h-6">
<img src="{$user->avatar}" alt="">
</div>
</div>
<div class="flex-1 truncate" style="max-width: 10rem">
{$user->username}
</div>
</label>
<ul tabindex="2"
class="p-2 shadow menu dropdown-content bg-base-100 rounded-box w-48 text-base-content">
<li>
<a href="/user" class="btn btn-ghost rounded-btn justify-start">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
class="inline-block w-5 mr-2 stroke-current">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M17.982 18.725A7.488 7.488 0 0012 15.75a7.488 7.488 0 00-5.982 2.975m11.963 0a9 9 0 10-11.963 0m11.963 0A8.966 8.966 0 0112 21a8.966 8.966 0 01-5.982-2.275M15 9.75a3 3 0 11-6 0 3 3 0 016 0z"/>
</svg>
用户中心
</a>
</li>
{if(is_admin())}
<li>
<a href="{:get_master_path()}" class="btn btn-ghost rounded-btn justify-start">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
class="inline-block w-5 mr-2 stroke-current">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6zM14 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V6zM4 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2zM14 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z"/>
</svg>
管理后台
</a>
</li>
{/if}
<li>
<a href="/auth/logout" class="btn btn-ghost rounded-btn justify-start order-last">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
class="inline-block w-5 mr-2 stroke-current">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1"/>
</svg>
注销登录
</a>
</li>
</ul>
</div>
{else}
<a href="/auth/login" class="btn btn-ghost btn-sm rounded-btn">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 mr-2" fill="none" viewBox="0 0 24 24"
stroke="currentColor" stroke-width="2">
<path stroke-linecap="round" stroke-linejoin="round"
d="M11 16l-4-4m0 0l4-4m-4 4h14m-5 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h7a3 3 0 013 3v1"></path>
</svg>
Login
</a>
{/if}
</div>
</div>
<div class="flex-none lg:hidden">
{include file="layout/change_theme" /}
<div class=" dropdown dropdown-end">
<label tabindex="2" class="btn btn-square btn-ghost">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
class="inline-block w-6 h-6 stroke-current">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M4 6h16M4 12h16M4 18h16"></path>
</svg>
</label>
<ul tabindex="2" class="p-2 shadow menu dropdown-content bg-base-100 rounded-box w-48 text-base-content">
<a href="/stars" class="btn btn-ghost btn-sm rounded-btn justify-start order-2">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
class="inline-block w-5 mr-2 stroke-current">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
</svg>
Stars
</a>
<a target="_blank" href="https://t.me/aoaostar"
class="btn btn-ghost btn-sm rounded-btn justify-start order-3">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
class="inline-block w-5 mr-2 stroke-current">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M17 8h2a2 2 0 012 2v6a2 2 0 01-2 2h-2v4l-4-4H9a1.994 1.994 0 01-1.414-.586m0 0L11 14h4a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2v4l.586-.586z"/>
</svg>
Chat
</a>
{if(is_login())}
<button class="btn btn-ghost btn-sm rounded-btn justify-start order-first truncate">
<div class="avatar mr-2">
<div class="rounded-full w-6 h-6">
<img src="{$user->avatar}" alt="">
</div>
</div>
<div class="flex-1 text-left truncate">
{$user->username}
</div>
</button>
<a href="/user" class="btn btn-ghost btn-sm rounded-btn justify-start order-4">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
class="inline-block w-5 mr-2 stroke-current">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M17.982 18.725A7.488 7.488 0 0012 15.75a7.488 7.488 0 00-5.982 2.975m11.963 0a9 9 0 10-11.963 0m11.963 0A8.966 8.966 0 0112 21a8.966 8.966 0 01-5.982-2.275M15 9.75a3 3 0 11-6 0 3 3 0 016 0z"/>
</svg>
用户中心
</a>
{if(is_admin())}
<a href="{:get_master_path()}" class="btn btn-ghost btn-sm rounded-btn justify-start order-5">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
class="inline-block w-5 mr-2 stroke-current">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6zM14 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V6zM4 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2zM14 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z"/>
</svg>
管理后台
</a>
{/if}
<a href="/auth/logout" class="btn btn-ghost btn-sm rounded-btn justify-start order-last">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
class="inline-block w-5 mr-2 stroke-current">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1"/>
</svg>
注销登录
</a>
{else}
<a href="/auth/login" class="btn btn-ghost btn-sm rounded-btn justify-start order-last">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 mr-2 " fill="none" viewBox="0 0 24 24"
stroke="currentColor" stroke-width="2">
<path stroke-linecap="round" stroke-linejoin="round"
d="M11 16l-4-4m0 0l4-4m-4 4h14m-5 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h7a3 3 0 013 3v1"></path>
</svg>
Login
</a>
{/if}
</ul>
</div>
</div>
</div>