header.tpl 16 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279
  1. <!doctype html>
  2. <html lang="{$user->locale}">
  3. <head>
  4. <meta charset="utf-8"/>
  5. <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
  6. <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"/>
  7. <meta name="format-detection" content="telephone=no"/>
  8. <title>{$config['appName']}</title>
  9. <!-- CSS files -->
  10. <link href="//{$config['jsdelivr_url']}/npm/@tabler/core@latest/dist/css/tabler.min.css" rel="stylesheet"/>
  11. <link href="//{$config['jsdelivr_url']}/npm/@tabler/icons-webfont@latest/tabler-icons.min.css" rel="stylesheet"/>
  12. <!-- JS files -->
  13. <script src="//{$config['jsdelivr_url']}/npm/qrcode_js@latest/qrcode.min.js"></script>
  14. <script src="//{$config['jsdelivr_url']}/npm/clipboard@latest/dist/clipboard.min.js"></script>
  15. <script src="//{$config['jsdelivr_url']}/npm/jquery/dist/jquery.min.js"></script>
  16. <script src="//{$config['jsdelivr_url']}/npm/htmx.org@v2/dist/htmx.min.js"></script>
  17. <style>
  18. .home-subtitle {
  19. font-size: 14px;
  20. }
  21. .home-title {
  22. font-size: 36px;
  23. }
  24. </style>
  25. </head>
  26. {if $user->is_dark_mode}
  27. <body data-bs-theme="dark">
  28. {else}
  29. <body>
  30. {/if}
  31. <div class="page">
  32. <header class="navbar navbar-expand-md navbar-overlap d-print-none" data-bs-theme="dark">
  33. <div class="container-xl" style="background-image: none;">
  34. <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu">
  35. <span class="navbar-toggler-icon"></span>
  36. </button>
  37. <h1 class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pe-0 pe-md-3">
  38. <img src="/images/next-logo.svg" height="32" alt="Next Panel Logo" class="navbar-brand-image" style="filter: none;">
  39. </h1>
  40. <div class="navbar-nav flex-row order-md-last">
  41. <div class="nav-item dropdown">
  42. <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-bs-toggle="dropdown">
  43. <span class="avatar avatar-sm" style="background-image: url({$user->dice_bear})"></span>
  44. </a>
  45. <div class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
  46. <a href="/user/logout" class="dropdown-item">登出</a>
  47. </div>
  48. </div>
  49. </div>
  50. <div class="collapse navbar-collapse" id="navbar-menu">
  51. <div class="d-flex flex-column flex-md-row flex-fill align-items-stretch align-items-md-center">
  52. <ul class="navbar-nav">
  53. <li class="nav-item">
  54. <a class="nav-link" href="/admin">
  55. <span class="nav-link-icon d-md-none d-lg-inline-block">
  56. <i class="ti ti-home icon"></i>
  57. </span>
  58. <span class="nav-link-title">
  59. 概况
  60. </span>
  61. </a>
  62. </li>
  63. <li class="nav-item dropdown">
  64. <a class="nav-link dropdown-toggle" href="#navbar-base" data-bs-toggle="dropdown"
  65. data-bs-auto-close="outside" role="button" aria-expanded="false">
  66. <span class="nav-link-icon d-md-none d-lg-inline-block">
  67. <i class="ti ti-settings icon"></i>
  68. </span>
  69. <span class="nav-link-title">
  70. 管理
  71. </span>
  72. </a>
  73. <div class="dropdown-menu">
  74. <div class="dropdown-menu-columns">
  75. <div class="dropdown-menu-column">
  76. <div class="dropend">
  77. <a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown"
  78. data-bs-auto-close="outside" role="button" aria-expanded="false">
  79. <i class="ti ti-settings"></i>&nbsp;
  80. 设置
  81. </a>
  82. <div class="dropdown-menu">
  83. <a href="/admin/setting/billing" class="dropdown-item">
  84. 财务
  85. </a>
  86. <a href="/admin/setting/email" class="dropdown-item">
  87. 邮件
  88. </a>
  89. <a href="/admin/setting/support" class="dropdown-item">
  90. 客服
  91. </a>
  92. <a href="/admin/setting/captcha" class="dropdown-item">
  93. 验证
  94. </a>
  95. <a href="/admin/setting/reg" class="dropdown-item">
  96. 注册
  97. </a>
  98. <a href="/admin/setting/ref" class="dropdown-item">
  99. 邀请
  100. </a>
  101. <a href="/admin/setting/im" class="dropdown-item">
  102. IM
  103. </a>
  104. <a href="/admin/setting/sub" class="dropdown-item">
  105. 订阅
  106. </a>
  107. <a href="/admin/setting/cron" class="dropdown-item">
  108. 定时任务
  109. </a>
  110. <a href="/admin/setting/llm" class="dropdown-item">
  111. LLM
  112. </a>
  113. <a href="/admin/setting/feature" class="dropdown-item">
  114. 其他设置
  115. </a>
  116. </div>
  117. </div>
  118. <a class="dropdown-item" href="/admin/user">
  119. <i class="ti ti-users"></i>&nbsp;
  120. 用户
  121. </a>
  122. <a class="dropdown-item" href="/admin/node">
  123. <i class="ti ti-server-2"></i>&nbsp;
  124. 节点
  125. </a>
  126. <a class="dropdown-item" href="/admin/system">
  127. <i class="ti ti-tool"></i>&nbsp;
  128. 系统
  129. </a>
  130. </div>
  131. </div>
  132. </div>
  133. </li>
  134. <li class="nav-item dropdown">
  135. <a class="nav-link dropdown-toggle" href="#navbar-extra" data-bs-toggle="dropdown"
  136. data-bs-auto-close="outside" role="button" aria-expanded="false">
  137. <span class="nav-link-icon d-md-none d-lg-inline-block">
  138. <i class="ti ti-brand-hipchat icon"></i>
  139. </span>
  140. <span class="nav-link-title">
  141. 运营
  142. </span>
  143. </a>
  144. <div class="dropdown-menu">
  145. <a class="dropdown-item" href="/admin/announcement">
  146. <i class="ti ti-speakerphone"></i>&nbsp;
  147. 公告
  148. </a>
  149. <a class="dropdown-item" href="/admin/ticket">
  150. <i class="ti ti-messages"></i>&nbsp;
  151. 工单
  152. </a>
  153. <a class="dropdown-item" href="/admin/docs">
  154. <i class="ti ti-notes"></i>&nbsp;
  155. 文档
  156. </a>
  157. </div>
  158. </li>
  159. <li class="nav-item dropdown">
  160. <a class="nav-link dropdown-toggle" href="#navbar-extra" data-bs-toggle="dropdown"
  161. data-bs-auto-close="outside" role="button" aria-expanded="false">
  162. <span class="nav-link-icon d-md-none d-lg-inline-block">
  163. <i class="ti ti-address-book icon"></i>
  164. </span>
  165. <span class="nav-link-title">
  166. 日志
  167. </span>
  168. </a>
  169. <div class="dropdown-menu">
  170. <a class="dropdown-item" href="/admin/login">
  171. <i class="ti ti-login"></i>&nbsp;
  172. 登录
  173. </a>
  174. <a class="dropdown-item" href="/admin/subscribe">
  175. <i class="ti ti-rss"></i>&nbsp;
  176. 订阅
  177. </a>
  178. <a class="dropdown-item" href="/admin/payback">
  179. <i class="ti ti-friends"></i>&nbsp;
  180. 返利
  181. </a>
  182. <a class="dropdown-item" href="/admin/money">
  183. <i class="ti ti-coin"></i>&nbsp;
  184. 余额
  185. </a>
  186. <a class="dropdown-item" href="/admin/gateway">
  187. <i class="ti ti-torii"></i>&nbsp;
  188. 支付网关
  189. </a>
  190. <a class="dropdown-item" href="/admin/online">
  191. <i class="ti ti-router"></i>&nbsp;
  192. 在线IP
  193. </a>
  194. <a class="dropdown-item" href="/admin/syslog">
  195. <i class="ti ti-settings"></i>&nbsp;
  196. 系统日志
  197. </a>
  198. </div>
  199. </li>
  200. <li class="nav-item dropdown">
  201. <a class="nav-link dropdown-toggle" href="#navbar-extra" data-bs-toggle="dropdown"
  202. data-bs-auto-close="outside" role="button" aria-expanded="false">
  203. <span class="nav-link-icon d-md-none d-lg-inline-block">
  204. <i class="ti ti-shield-check icon"></i>
  205. </span>
  206. <span class="nav-link-title">
  207. 审计
  208. </span>
  209. </a>
  210. <div class="dropdown-menu">
  211. <a class="dropdown-item" href="/admin/detect">
  212. <i class="ti ti-barrier-block"></i>&nbsp;
  213. 规则
  214. </a>
  215. <a class="dropdown-item" href="/admin/detect/log">
  216. <i class="ti ti-notes"></i>&nbsp;
  217. 碰撞记录
  218. </a>
  219. <a class="dropdown-item" href="/admin/detect/ban">
  220. <i class="ti ti-notes"></i>&nbsp;
  221. 封禁记录
  222. </a>
  223. </div>
  224. </li>
  225. <li class="nav-item dropdown">
  226. <a class="nav-link dropdown-toggle" href="#navbar-layout" data-bs-toggle="dropdown"
  227. data-bs-auto-close="outside" role="button" aria-expanded="false">
  228. <span class="nav-link-icon d-md-none d-lg-inline-block">
  229. <i class="ti ti-coin icon"></i>
  230. </span>
  231. <span class="nav-link-title">
  232. 财务
  233. </span>
  234. </a>
  235. <div class="dropdown-menu">
  236. <div class="dropdown-menu-columns">
  237. <div class="dropdown-menu-column">
  238. <a class="dropdown-item" href="/admin/product">
  239. <i class="ti ti-list-details"></i>&nbsp;
  240. 商品
  241. </a>
  242. <a class="dropdown-item" href="/admin/order">
  243. <i class="ti ti-receipt"></i>&nbsp;
  244. 订单
  245. </a>
  246. <a class="dropdown-item" href="/admin/invoice">
  247. <i class="ti ti-file-dollar"></i>&nbsp;
  248. 账单
  249. </a>
  250. <a class="dropdown-item" href="/admin/coupon">
  251. <i class="ti ti-ticket"></i>&nbsp;
  252. 优惠码
  253. </a>
  254. <a class="dropdown-item" href="/admin/giftcard">
  255. <i class="ti ti-gift"></i>&nbsp;
  256. 礼品卡
  257. </a>
  258. </div>
  259. </div>
  260. </div>
  261. </li>
  262. <li class="nav-item">
  263. <a class="nav-link" href="/user">
  264. <span class="nav-link-icon d-md-none d-lg-inline-block">
  265. <i class="ti ti-arrow-back-up icon"></i>
  266. </span>
  267. <span class="nav-link-title">
  268. 返回用户中心
  269. </span>
  270. </a>
  271. </li>
  272. </ul>
  273. </div>
  274. </div>
  275. </div>
  276. </header>