500 lines
28 KiB
Smarty
Executable File
500 lines
28 KiB
Smarty
Executable File
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<title>用户中心 — {$config['appName']}</title>
|
||
<meta charset="UTF-8" />
|
||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
|
||
{assign var='themeMod' value='system'}
|
||
{assign var='themeLight' value='purple'}
|
||
{assign var='themeDark' value='purple'}
|
||
|
||
{if isset($user->panel_option['themeMod'])}
|
||
{assign var='themeMod' value=$user->panel_option['themeMod']}
|
||
{/if}
|
||
|
||
{if isset($user->panel_option['themeLight'])}
|
||
{assign var='themeLight' value=$user->panel_option['themeLight']}
|
||
{/if}
|
||
|
||
{if isset($user->panel_option['themeDark'])}
|
||
{assign var='themeDark' value=$user->panel_option['themeDark']}
|
||
{/if}
|
||
<link rel="icon" type="image/png" href="/favicon.png">
|
||
<!-- BEGIN: Vendor CSS-->
|
||
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.8.2/css/all.min.css">
|
||
<link rel="stylesheet" type="text/css" href="/theme/cool/assets/vendors/css/vendors.min.css">
|
||
<!-- END: Vendor CSS-->
|
||
<!-- BEGIN: Theme CSS-->
|
||
<link rel="stylesheet" type="text/css" href="/theme/cool/assets/css/color.css">
|
||
<link rel="stylesheet" type="text/css" href="/theme/cool/assets/css/bootstrap.css">
|
||
<link rel="stylesheet" type="text/css" href="/theme/cool/assets/css/bootstrap-extended.css">
|
||
<link rel="stylesheet" type="text/css" href="/theme/cool/assets/css/cool.css">
|
||
<link rel="stylesheet" type="text/css" href="/theme/cool/assets/css/theme/style-{$themeLight}.css">
|
||
{if $themeMod == 'dark'}
|
||
<link rel="stylesheet" type="text/css" href="/theme/cool/assets/css/theme/dark-layout.css">
|
||
<script>
|
||
var themeMod = 'dark';
|
||
</script>
|
||
{else}
|
||
<script>
|
||
var themeMod = 'light';
|
||
</script>
|
||
{/if}
|
||
|
||
<!-- END: Theme CSS-->
|
||
|
||
<!-- BEGIN: Page CSS-->
|
||
<link rel="stylesheet" type="text/css" href="/theme/cool/assets/css/plugins/sweetalert2.min.css">
|
||
<!-- END: Page CSS-->
|
||
|
||
{if $themeMod == 'system'}
|
||
<script>
|
||
function loadStylesheet(url, id) {
|
||
const link = document.createElement('link');
|
||
link.rel = 'stylesheet';
|
||
link.href = url;
|
||
link.id = id; // 添加一个ID，方便后续移除
|
||
document.head.appendChild(link);
|
||
}
|
||
|
||
function applyTheme(isDark) {
|
||
//var themeMod;
|
||
// 先移除旧的样式表，避免重复加载
|
||
const oldLink = document.getElementById('theme-stylesheet');
|
||
if (oldLink) {
|
||
oldLink.remove();
|
||
}
|
||
|
||
if (isDark) {
|
||
loadStylesheet('/theme/cool/assets/css/theme/dark-layout.css', 'theme-stylesheet');
|
||
themeMod = 'dark';
|
||
} else {
|
||
themeMod = 'light';
|
||
}
|
||
}
|
||
|
||
// 1. 首次加载时应用主题
|
||
const darkThemeMediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
|
||
applyTheme(darkThemeMediaQuery.matches);
|
||
|
||
// 2. 监听主题变化事件
|
||
darkThemeMediaQuery.addEventListener('change', (event) => {
|
||
applyTheme(event.matches);
|
||
});
|
||
</script>
|
||
{/if}
|
||
</head>
|
||
<!-- END: Head-->
|
||
<style>
|
||
|
||
/* 原始转移
|
||
.nav-link:hover{
|
||
color:#4535b7;
|
||
}
|
||
.header-navbar .navbar-container .bookmark-wrapper ul.nav li>a.nav-link i:hover
|
||
{
|
||
color:#7367f0;
|
||
}
|
||
.header-navbar .navbar-container ul.nav li i.ficon:hover
|
||
{
|
||
color:#7367f0;
|
||
}
|
||
|
||
.header-navbar .navbar-container ul.nav li i.icon-moon:hover
|
||
{
|
||
color:#7367f0;
|
||
}
|
||
|
||
|
||
|
||
@media (prefers-color-scheme: dark) {
|
||
.nav-link:hover {
|
||
color: yellow;
|
||
}
|
||
}
|
||
*/
|
||
|
||
.ficon.feather:hover
|
||
{
|
||
color:#7367f0;
|
||
}
|
||
.toggle-icon
|
||
{
|
||
cursor: pointer;
|
||
}
|
||
</style>
|
||
<!-- BEGIN: Body menu-collapsed menu-expanded -->
|
||
<body class="dark-layout vertical-layout vertical-menu-modern navbar-floating footer-static pace-done
|
||
{if !isset($user->panel_option['menuToggle']) || $user->panel_option['menuToggle'] == 'open'}
|
||
menu-expanded
|
||
{else}
|
||
menu-collapsed
|
||
{/if}
|
||
" data-open="click" data-menu="vertical-menu-modern" data-col="2-columns">
|
||
<!-- BEGIN: Header-->
|
||
<nav class="header-navbar navbar-expand-lg navbar navbar-with-menu floating-nav navbar-light navbar-shadow">
|
||
<div class="navbar-wrapper">
|
||
<div class="navbar-container content">
|
||
<div class="navbar-collapse" id="navbar-mobile">
|
||
<div class="mr-auto float-left bookmark-wrapper d-flex align-items-center">
|
||
<ul class="nav navbar-nav">
|
||
<li class="nav-item mobile-menu d-xl-none mr-auto">
|
||
<a class="nav-link nav-menu-main menu-toggle hidden-xs" href="#">
|
||
<i class="ficon feather icon-menu"></i>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
<ul class="nav navbar-nav bookmark-icons">
|
||
|
||
<li class="nav-item d-none d-lg-block">
|
||
<a class="nav-link tom-hand" href="javascript:void(0);" data-toggle="modal" data-target="#panel-option-modal">
|
||
<!-- <a class="nav-link tom-hand" onclick="if (!window.__cfRLUnblockHandlers) return false; darkToggle();"> -->
|
||
<i class="ficon feather icon-settings"></i>
|
||
</a>
|
||
</li>
|
||
|
||
<!--
|
||
<li class="nav-item d-none d-lg-block">
|
||
<a class="nav-link" href="/user/shop" data-toggle="tooltip" data-placement="top" title="" data-original-title="购买套餐">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-shopping-bag">
|
||
<path d="M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z"></path>
|
||
<line x1="3" y1="6" x2="21" y2="6"></line>
|
||
<path d="M16 10a4 4 0 0 1-8 0">
|
||
</path>
|
||
</svg>
|
||
<i class="ficon feather icon-settings"></i>
|
||
</a>
|
||
</li>
|
||
-->
|
||
|
||
</ul>
|
||
<!--
|
||
<ul class="nav navbar-nav bookmark-icons">
|
||
<li class="nav-item d-none d-lg-block"><a class="nav-link" href="https://doc.福云index.com" data-toggle="tooltip" data-placement="top" data-original-title="下载与使用教程">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-book-open"><path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z"></path><path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"></path></svg>
|
||
</a></li>
|
||
</ul>
|
||
-->
|
||
</div>
|
||
<ul class="nav navbar-nav float-right">
|
||
<li class="nav-item d-none d-lg-block">
|
||
<a class="nav-link tom-hand" onclick="if (!window.__cfRLUnblockHandlers) return false; darkToggle();">
|
||
<i class="ficon feather icon-sun icon-moon"></i>
|
||
</a>
|
||
</li>
|
||
|
||
<li class="dropdown dropdown-notification nav-item">
|
||
<a href="#" data-toggle="dropdown" class="nav-link notification-toggle nav-link-lg tongzhi">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bell"><path d="M22 17H2a3 3 0 0 0 3-3V9a7 7 0 0 1 14 0v5a3 3 0 0 0 3 3zm-8.27 4a2 2 0 0 1-3.46 0"></path>
|
||
</svg>
|
||
</a>
|
||
<div class="dropdown-menu dropdown-list dropdown-menu-right">
|
||
<div class="dropdown-header">消息提醒</div>
|
||
|
||
<div class="dropdown-list-content dropdown-list-icons" id="notifiView">
|
||
|
||
|
||
|
||
</div>
|
||
|
||
|
||
<!--
|
||
<div class="dropdown-list-content dropdown-list-icons">
|
||
<a href="/user/announcement" class="dropdown-item">
|
||
<div class="dropdown-item-icon bg-primary text-white">
|
||
<i class="fas fa-code"></i>
|
||
</div>
|
||
<div class="dropdown-item-desc">
|
||
查看公告日志！
|
||
<div class="time text-primary"></div>
|
||
</div>
|
||
</a>
|
||
<a href="/user/shop" class="dropdown-item">
|
||
<div class="dropdown-item-icon bg-danger text-white">
|
||
<i class="fas fa-exclamation-triangle"></i>
|
||
</div>
|
||
<div class="dropdown-item-desc">
|
||
您的会员计划已过期，请及时到商店购买。
|
||
<div class="time"></div>
|
||
</div>
|
||
</a>
|
||
<a href="/user/shop" class="dropdown-item">
|
||
<div class="dropdown-item-icon bg-danger text-white">
|
||
<i class="fas fa-exclamation-triangle"></i>
|
||
</div>
|
||
<div class="dropdown-item-desc">
|
||
您的套餐即将到期，请及时到商店续费或购买套餐。
|
||
<div class="time"></div>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
-->
|
||
</div>
|
||
|
||
</li>
|
||
<li class="dropdown dropdown-user nav-item"><a class="dropdown-toggle nav-link dropdown-user-link" href="#" data-toggle="dropdown">
|
||
<div class="user-nav d-sm-flex d-none">
|
||
<span class="user-name text-bold-600">{$user->user_name}</span>
|
||
<span class="user-status">
|
||
{$user->email}
|
||
</span>
|
||
</div>
|
||
<span class="avatar">
|
||
<img class="w-px-40 h-px-40 round" src="/theme/cool/assets/images/images.png" alt="avatar">
|
||
<span class="avatar-status-online"></span>
|
||
</span>
|
||
</a>
|
||
<div class="dropdown-menu dropdown-menu-right">
|
||
<a class="dropdown-item" href="/user/shop"><i class="feather icon-shopping-cart""></i> 套餐商店</a>
|
||
<a class="dropdown-item" href="/user/plan"><i class="feather icon-hard-drive""></i> 我的套餐</a>
|
||
<a class="dropdown-item" href="/user/code"><i class="feather icon-credit-card""></i> 我的钱包</a>
|
||
<a class="dropdown-item" href="/user/invite"><i class="feather icon-paperclip"></i> 推荐计划</a>
|
||
|
||
<div class="dropdown-divider"></div>
|
||
<a class="dropdown-item" href="{$config['url_doc_base']}" target="_blank">
|
||
<i class="feather icon-headphones"></i> 使用教程
|
||
</a>
|
||
<a class="dropdown-item" href="/user/faq/1"><i class="feather icon-help-circle"></i> 常见问题</a>
|
||
|
||
<div class="dropdown-divider"></div>
|
||
<a class="dropdown-item" href="/user/logout"><i class="feather icon-power"></i> 退出登录</a>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
<!-- END: Header-->
|
||
|
||
<!-- BEGIN: Main Menu-->
|
||
<div class="main-menu menu-fixed menu-accordion menu-shadow menu-light menu-dark" data-scroll-to-active="true">
|
||
<div class="navbar-header">
|
||
<ul class="nav navbar-nav flex-row">
|
||
<li class="nav-item mr-auto"><a class="navbar-brand" href="/user">
|
||
<!-- <div class="brand-logo"></div> -->
|
||
<img src="/fucai192.png" class="brand-logo-img" height="33" style="margin-right:12px;">
|
||
<!-- <h2 class="text-primary mb-0" style="">{$config['appName']}</h2> -->
|
||
</a></li>
|
||
<li class="nav-item nav-toggle">
|
||
<a class="nav-link modern-nav-toggle pr-0" data-toggle="collapse">
|
||
<i class="icon-x d-block d-xl-none font-medium-4 primary toggle-icon feather icon-disc"></i>
|
||
<i class="toggle-icon icon-disc font-medium-4 d-none d-xl-block collapse-toggle-icon primary feather" data-ticon="icon-disc"></i>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="shadow-bottom"></div>
|
||
<div class="main-menu-content">
|
||
<ul class="navigation navigation-main sidebarnav" data-menu="menu-navigation">
|
||
<li class="nav-item"><a href="/user"><i class="feather icon-home"></i><span class="menu-title">用户中心</span></a></li>
|
||
<li class="nav-item"><a href="/user/shop"><i class="feather icon-shopping-cart"></i><span class="menu-title">套餐商店</span></a></li>
|
||
<li class="nav-item"><a href="/user/announcement"><i class="feather icon-volume-1"></i><span class="menu-title">网站公告</span></a></li>
|
||
|
||
<li class="nav-item navigation-header"><span>我的</span></li>
|
||
<li class="nav-item"><a href="/user/code"><i class="feather icon-credit-card"></i><span class="menu-title">我的钱包</span></a></li>
|
||
<li class="nav-item"><a href="/user/plan"><i class="feather icon-hard-drive"></i><span class="menu-title">我的套餐</span></a></li>
|
||
<li class="nav-item"><a href="/user/invite"><i class="feather icon-git-merge"></i><span class="menu-title">邀请返利</span></a></li>
|
||
<li class="nav-item"><a href="/user/profile"><i class="feather icon-user"></i><span class="menu-title">账号设置</span></a></li>
|
||
|
||
<li class="navigation-header"><span>服务</span></li>
|
||
<li class="nav-item">
|
||
<a href="/user/ticket">
|
||
<i class="feather icon-mail"></i>
|
||
<span class="menu-title">联系客服</span>
|
||
</a>
|
||
</li>
|
||
<li class="nav-item"><a href="/user/node"><i class="feather icon-server"></i><span class="menu-title">节点列表</span></a></li>
|
||
<!-- <li class="nav-item"><a href="https://doc.福云index.com/emby.html" target="_blank"><i class="feather icon-video"></i><span class="menu-title">Emby 服</span></a></li> -->
|
||
|
||
<!-- <li class="nav-item"><a href="/user/subscribe_log"><i class="feather icon-download-cloud"></i><span class="menu-title">订阅记录</span></a></li> -->
|
||
|
||
<!-- <li class="nav-item"><a href="/user/share-account"><i class="feather icon-share-2"></i><span class="menu-title">共享账号</span></a></li> -->
|
||
|
||
<!-- <li class="nav-item"><a href="/user/detect"><i class="feather icon-shield"></i><span class="menu-title">审计系统</span></a></li> -->
|
||
|
||
<li class="navigation-header"><span>使用</span></li>
|
||
<li class="nav-item">
|
||
<a href="{$config['url_doc_base']}" target="_blank">
|
||
<i class="feather icon-headphones"></i><span class="menu-title">使用教程</span></a>
|
||
</li>
|
||
<li class="nav-item"><a href="/user/faq/1"><i class="feather icon-help-circle"></i>
|
||
<span class="menu-title">常见问题</span></a>
|
||
</li>
|
||
<hr />
|
||
|
||
<div class="mb-2 hide-sidebar-mini" style="padding: 1rem 2.5rem">
|
||
<a href="https://t.me/fuyunpindao" onclick="if (!window.__cfRLUnblockHandlers) return false; joinTelegramGroup()" class="btn btn-primary waves-effect waves-light btn-block btn-icon-split" target="_blank" data-cf-modified-c34ec07e5b9e3e6c2bc9ea79-="">
|
||
<i class="fab fa-telegram-plane"></i> 加入 Telegram
|
||
</a>
|
||
</div>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<!-- END: Main Menu-->
|
||
<link rel="stylesheet" type="text/css" href="/theme/cool/assets/css/plugins/chart-apex.css">
|
||
|
||
|
||
<style>
|
||
.nav-pills .nav-link {
|
||
font-weight: 500;
|
||
transition: all .15s ease;
|
||
box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
|
||
}
|
||
|
||
.dropdown .btn-group{
|
||
margin: 5px;
|
||
}
|
||
|
||
@media (max-width:575.98px) {
|
||
.nav-pills .nav-item {
|
||
margin-bottom: 1rem
|
||
}
|
||
}
|
||
|
||
@media (max-width:767.98px) {
|
||
.nav-pills:not(.nav-pills-circle) .nav-item {
|
||
padding-right: 0
|
||
}
|
||
}
|
||
|
||
@keyframes flame {
|
||
50% {
|
||
-webkit-transform: scale(0.8) rotate(45deg);
|
||
transform: scale(0.8) rotate(45deg);
|
||
}
|
||
}
|
||
</style>
|
||
<!-- BEGIN: Content-->
|
||
</head>
|
||
|
||
|
||
<!-- 面板设置 -->
|
||
<div class="modal fade" id="panel-option-modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
|
||
<div class="modal-dialog modal-dialog-centered" role="document">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<h5 class="modal-title"><strong>面板设置</strong></h5>
|
||
</div>
|
||
<div class="modal-body" id="panel-option-modal-body">
|
||
<div id="panel-option-modal-body-content">
|
||
<div class="form-group">
|
||
亮暗主题选择：
|
||
<select style="display:inline-block; width:auto; padding-right:32px;" class="form-control" id="themeMod">
|
||
<option value="system"
|
||
{if $themeMod == 'system'}
|
||
selected
|
||
{/if}>
|
||
跟随系统
|
||
</option>
|
||
<option value="light"
|
||
{if $themeMod == 'light'}
|
||
selected
|
||
{/if}>
|
||
使用亮色主题
|
||
</option>
|
||
<option value="dark"
|
||
{if $themeMod == 'dark'}
|
||
selected
|
||
{/if}>
|
||
使用暗色主题
|
||
</option>
|
||
</select>
|
||
</div>
|
||
<div class="form-group">
|
||
亮色主题选择：
|
||
<select style="display:inline-block; width:auto; padding-right:32px;" class="form-control" id="themeLight">
|
||
<option value="cyan"
|
||
{if $themeLight == 'cyan'}
|
||
selected
|
||
{/if}>
|
||
绿色
|
||
</option>
|
||
|
||
<option value="purple"
|
||
{if $themeLight == 'purple'}
|
||
selected
|
||
{/if}>
|
||
紫色
|
||
</option>
|
||
</select>
|
||
</div>
|
||
<div class="form-group">
|
||
暗色主题选择：
|
||
<select style="display:inline-block; width:auto; padding-right:32px;" class="form-control" id="themeDark">
|
||
<option value="purple"
|
||
{if $themeDark == 'purple'}
|
||
selected
|
||
{/if}>
|
||
紫色
|
||
</option>
|
||
</select>
|
||
</div>
|
||
<div class="form-group">
|
||
左侧菜单：
|
||
<select style="display:inline-block; width:auto; padding-right:32px;" class="form-control" id="menuToggle">
|
||
<option value="open"
|
||
{if isset($user->panel_option['menuToggle']) && $user->panel_option['menuToggle'] == 'open'}
|
||
selected
|
||
{/if}>
|
||
展开
|
||
</option>
|
||
<option value="close"
|
||
{if isset($user->panel_option['menuToggle']) && $user->panel_option['menuToggle'] == 'close'}
|
||
selected
|
||
{/if}>
|
||
折叠
|
||
</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="modal-footer">
|
||
<button type="button" class="btn btn-primary" id="panel_option_save">保存更改</button>
|
||
<button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<!-- 每日邮件 -->
|
||
<div class="modal fade" id="dailymail-modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
|
||
<div class="modal-dialog modal-dialog-centered" role="document">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<h5 class="modal-title"><strong>每日邮件设置</strong></h5>
|
||
</div>
|
||
<div class="modal-body" id="dailymail-modal-body">
|
||
<div id="dailymail-modal-body-content">
|
||
<p>设置接收邮件的等级</p>
|
||
<p>
|
||
当前状态：
|
||
{if $user->mail_level == 0}
|
||
<code>只接收重要邮件</code>
|
||
{else if $user->mail_level == 1}
|
||
<code>接收重要邮件、活动邮件</code>
|
||
{else}
|
||
<code>接收重要邮件、活动邮件、每日流量报告</code>
|
||
{/if}
|
||
</p>
|
||
<p> </p>
|
||
<div class="form-group">
|
||
<label>修改状态</label>
|
||
<select class="form-control" id="dailymail">
|
||
<option {if $user->mail_level == 0} selected {/if} value="0">只接收重要邮件（更换域名等）</option>
|
||
<option {if $user->mail_level == 1} selected {/if} value="1">接收重要邮件、活动邮件</option>
|
||
<option {if $user->mail_level == 2} selected {/if} value="2">接收重要邮件、活动邮件、每日流量报告</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="modal-footer">
|
||
<button type="button" class="btn btn-primary" id="user_profile_dailymail">保存更改</button>
|
||
<button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|