fuc/resources/views/tabler/user/header.tpl
2025-05-06 12:33:04 +08:00

297 lines
16 KiB
Smarty
Executable File

<!doctype html>
<html lang="zh">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"/>
<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
<meta name="referrer" content="never">
<title>{$config['appName']}</title>
<!-- CSS files -->
<link href="//{$config['jsdelivr_url']}/npm/@tabler/core@1.1.1/dist/css/tabler.min.css" rel="stylesheet"/>
<link href="//{$config['jsdelivr_url']}/npm/@tabler/icons-webfont@latest/tabler-icons.min.css" rel="stylesheet"/>
<link href="/assets/css/common.css" rel="stylesheet"/>
<!-- JS files -->
<script src="/assets/js/fuck.min.js"></script>
<script src="//{$config['jsdelivr_url']}/npm/qrcode_js@latest/qrcode.min.js"></script>
<script src="//{$config['jsdelivr_url']}/npm/clipboard@latest/dist/clipboard.min.js"></script>
<script src="//{$config['jsdelivr_url']}/npm/htmx.org@latest/dist/htmx.min.js"></script>
<link rel="apple-touch-icon" sizes="57x57" nonce="" href="/assets/baba/default_files/imgs/barbar_logos/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" nonce="" href="/assets/baba/default_files/imgs/barbar_logos/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" nonce="" href="/assets/baba/default_files/imgs/barbar_logos/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" nonce="" href="/assets/baba/default_files/imgs/barbar_logos/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" nonce="" href="/assets/baba/default_files/imgs/barbar_logos/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" nonce="" href="/assets/baba/default_files/imgs/barbar_logos/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" nonce="" href="/assets/baba/default_files/imgs/barbar_logos/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" nonce="" href="/assets/baba/default_files/imgs/barbar_logos/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" nonce="" href="/assets/baba/default_files/imgs/barbar_logos/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" nonce="" href="/assets/baba/default_files/imgs/barbar_logos/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" nonce="" href="/assets/baba/default_files/imgs/barbar_logos/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" nonce="" href="/assets/baba/default_files/imgs/barbar_logos/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" nonce="" href="/assets/baba/default_files/imgs/barbar_logos/favicon-16x16.png">
<style>
.home-subtitle {
font-size: 14px;
}
.home-title {
font-size: 36px;
}
.spoiler {
background-color: gray;
color: transparent;
transition: 0.3s;
}
.spoiler:hover {
background-color: inherit;
color: inherit;
}
/* .card-body a {
color: rgba(var(--tblr-link-color-rgb),var(--tblr-link-opacity,1));
text-decoration: underline;
} */
</style>
</head>
{if $user->is_dark_mode}
<body data-bs-theme="dark">
{else}
<body>
{/if}
<div class="page">
<header class="navbar navbar-expand-md navbar-overlap d-print-none" data-bs-theme="dark">
<div class="container-xl" style="background-image: none;">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu">
<span class="navbar-toggler-icon"></span>
</button>
<!-- <h1 class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pe-0 pe-md-3"> -->
<!-- <img src="/assets/baba/default_files/barbar_logo.svg" height="40" alt="Next Panel Logo"> -->
<!-- <img src="/images/next-logo.svg" height="32" alt="Next Panel Logo" class="navbar-brand-image" style="filter: none;"> -->
<!-- </h1> -->
<div class="navbar-nav flex-row order-md-last">
<div class="nav-item dropdown">
<a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-bs-toggle="dropdown">
<span class="avatar avatar-sm" style="background-image: url({$user->dice_bear})"></span>
</a>
<div class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
{if $user->is_dark_mode}
<a class="dropdown-item" hx-post="/user/switch_theme_mode" hx-swap="none">
浅色模式
</a>
{else}
<a class="dropdown-item" hx-post="/user/switch_theme_mode" hx-swap="none">
深色模式
</a>
{/if}
<a href="/user/logout" class="dropdown-item">登出</a>
</div>
</div>
</div>
<div class="collapse navbar-collapse" id="navbar-menu">
<div class="d-flex flex-column flex-md-row flex-fill align-items-stretch align-items-md-center">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="/user">
<span class="nav-link-icon d-md-none d-lg-inline-block">
<i class="ti ti-home icon"></i>
</span>
<span class="nav-link-title">
主页
</span>
</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#navbar-base" data-bs-toggle="dropdown"
data-bs-auto-close="outside" role="button" aria-expanded="false">
<span class="nav-link-icon d-md-none d-lg-inline-block">
<i class="ti ti-user icon"></i>
</span>
<span class="nav-link-title">
我的
</span>
</a>
<div class="dropdown-menu">
<div class="dropdown-menu-columns">
<div class="dropdown-menu-column">
<a class="dropdown-item" href="/user/money">
<i class="ti ti-home-dollar"></i>&nbsp;
余额
</a>
<a class="dropdown-item" href="/user/order">
<i class="ti ti-file-invoice"></i>&nbsp;
订单
</a>
<a class="dropdown-item" href="/user/invoice">
<i class="ti ti-file-dollar"></i>&nbsp;
账单
</a>
<!--
<a class="dropdown-item" href="/user/profile">
<i class="ti ti-info-square"></i>&nbsp;
账户
</a>
-->
<a class="dropdown-item" href="/user/edit">
<i class="ti ti-edit"></i>&nbsp;
资料
</a>
<!-- <a class="dropdown-item" href="/user/invite">
<i class="ti ti-friends"></i>&nbsp;
邀请
</a> -->
</div>
</div>
</div>
</li>
{if $user->is_admin == 2}
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#navbar-extra" data-bs-toggle="dropdown"
data-bs-auto-close="outside" role="button" aria-expanded="false">
<span class="nav-link-icon d-md-none d-lg-inline-block">
<i class="ti ti-brand-telegram icon"></i>
</span>
<span class="nav-link-title">
使用
</span>
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="/user/server">
<i class="ti ti-server"></i>&nbsp;
节点
</a>
<a class="dropdown-item" href="/user/rate">
<i class="ti ti-chart-bar"></i>&nbsp;
流量倍率
</a>
</div>
</li>
{/if}
<li class="nav-item">
<a class="nav-link" href="/user/invite">
<span class="nav-link-icon d-md-none d-lg-inline-block">
<i class="ti ti-friends icon"></i>
</span>
<span class="nav-link-title">
邀请好友
</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/user/ticket">
<span class="nav-link-icon d-md-none d-lg-inline-block">
<i class="ti ti-ticket icon"></i>
</span>
<span class="nav-link-title">
问题反馈
</span>
</a>
<!-- <a class="nav-link dropdown-toggle" href="#navbar-extra" data-bs-toggle="dropdown"
data-bs-auto-close="outside" role="button" aria-expanded="false">
<span class="nav-link-icon d-md-none d-lg-inline-block">
<i class="ti ti-dots-circle-horizontal icon"></i>
</span>
<span class="nav-link-title">
支援
</span>
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="/user/announcement">
<i class="ti ti-speakerphone"></i>&nbsp;
公告
</a>
{if $public_setting['enable_ticket']}
<a class="dropdown-item" href="/user/ticket">
<i class="ti ti-ticket"></i>&nbsp;
工单
</a>
{/if}
{if $public_setting['display_docs'] &&
(! $public_setting['display_docs_only_for_paid_user'] || $user->class !== 0)}
<a class="dropdown-item" href="/user/docs">
<i class="ti ti-notes"></i>&nbsp;
文档
</a>
{/if}
</div> -->
</li>
{if $user->is_admin == 2}
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#navbar-extra" data-bs-toggle="dropdown"
data-bs-auto-close="outside" role="button" aria-expanded="false">
<span class="nav-link-icon d-md-none d-lg-inline-block">
<i class="ti ti-shield-check icon"></i>
</span>
<span class="nav-link-title">
审计
</span>
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="/user/detect">
<i class="ti ti-barrier-block"></i>&nbsp;
规则
</a>
{if $public_setting['display_detect_log']}
<a class="dropdown-item" href="/user/detect/log">
<i class="ti ti-notes"></i>&nbsp;
日志
</a>
{/if}
</div>
</li>
{/if}
<li class="nav-item">
<a class="nav-link" href="/user/product">
<span class="nav-link-icon d-md-none d-lg-inline-block">
<i class="ti ti-building-store icon"></i>
</span>
<span class="nav-link-title">
购买套餐
</span>
</a>
</li>
<!-- <li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#navbar-layout" data-bs-toggle="dropdown"
data-bs-auto-close="outside" role="button" aria-expanded="false">
<span class="nav-link-icon d-md-none d-lg-inline-block">
<i class="ti ti-building-store icon"></i>
</span>
<span class="nav-link-title">
商店
</span>
</a>
<div class="dropdown-menu">
<div class="dropdown-menu-columns">
<div class="dropdown-menu-column">
<a class="dropdown-item" href="/user/product">
<i class="ti ti-list"></i>&nbsp;
商品
</a>
</div>
</div>
</div>
</li> -->
{if $user->is_admin}
<li class="nav-item">
<a class="nav-link" href="/admin">
<span class="nav-link-icon d-md-none d-lg-inline-block">
<i class="ti ti-settings icon"></i>
</span>
<span class="nav-link-title">
站点管理
</span>
</a>
</li>
{/if}
</ul>
</div>
</div>
</div>
</header>