forked from yuantuo666/baiduwp-php
-
Notifications
You must be signed in to change notification settings - Fork 0
/
usersettings.php
210 lines (194 loc) · 8.71 KB
/
usersettings.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
<?php
session_start();
define('init', true);
if (version_compare(PHP_VERSION, '7.0.0', '<')) {
http_response_code(503);
header('Content-Type: text/plain; charset=utf-8');
header('Refresh: 5;url=https://www.php.net/downloads.php');
die("HTTP 503 服务不可用！\r\nPHP 版本过低！无法正常运行程序！\r\n请安装 7.0.0 或以上版本的 PHP！\r\n将在五秒内跳转到 PHP 官方下载页面！");
}
if (!(file_exists('config.php') && file_exists('functions.php') && file_exists('language.php'))) {
http_response_code(503);
header('Content-Type: text/plain; charset=utf-8');
header('Refresh: 5;url=https://github.com/yuantuo666/baiduwp-php');
die("HTTP 503 服务不可用！\r\n缺少相关配置和定义文件！无法正常运行程序！\r\n请重新 Clone 项目并配置！\r\n将在五秒内跳转到 GitHub 储存库！");
}
// 导入配置和函数
require('config.php');
require('language.php');
// 通用响应头
header('Content-Type: text/html; charset=utf-8');
header('X-UA-Compatible: IE=edge,chrome=1');
if (DEBUG) {
error_reporting(E_ALL);
} else {
error_reporting(0); //关闭错误报告
}
?>
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="referrer" content="same-origin" />
<meta name="author" content="Yuan_Tuo" />
<meta name="version" content="<?php echo programVersion; ?>" />
<title>用户设置</title>
<link rel="icon" href="favicon.ico" />
<link rel="stylesheet" href="static/index.css" />
<link rel="stylesheet" disabled id="ColorMode-Auto" href="static/colorMode/auto.css" />
<link rel="stylesheet" disabled id="ColorMode-Dark" href="static/colorMode/dark.css" />
<link rel="stylesheet" disabled id="ColorMode-Light" href="static/colorMode/light.css" />
<link rel="stylesheet" href="static/colorMode/index.css" />
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.1.2/css/bootstrap.min.css" />
<link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/5.8.1/css/all.min.css" />
<link rel="stylesheet" disabled id="Swal2-Dark" href="https://cdn.jsdelivr.net/npm/@sweetalert2/[email protected]/dark.min.css" />
<link rel="stylesheet" disabled id="Swal2-Light" href="https://cdn.jsdelivr.net/npm/@sweetalert2/[email protected]/default.min.css" />
<script src="https://cdn.jsdelivr.net/gh/jquery/[email protected]/dist/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/4.1.2/js/bootstrap.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/sweetalert2.min.js"></script>
<script src="static/colorMode/index.js"></script>
<style>
.card {
margin-top: 3rem;
}
@media (prefers-color-scheme: dark) {
#ColorMode-Auto-Button {
background: #424242 !important;
color: white !important;
}
}
@media (prefers-color-scheme: light) {
#ColorMode-Auto-Button {
background: #f1f1f1 !important;
color: black !important;
}
}
#ColorMode-Dark-Button {
background: #424242 !important;
color: white !important;
}
#ColorMode-Light-Button {
background: #f1f1f1 !important;
color: black !important;
}
#Browser-ColorMode,
#Browser-Language {
margin-right: 2rem;
}
.SaveTime {
margin-right: 0.8rem;
}
.card-item:not(:first-of-type) {
margin-top: 2rem;
}
select {
margin-top: 0.5rem;
}
</style>
</head>
<body>
<nav class="navbar navbar-expand-sm navbar-dark">
<div class="container">
<a class="navbar-brand" href="./"><img src="resource/logo.png" class="img-fluid rounded logo-img mr-2" alt="LOGO" />PanDownload</a>
<button class="navbar-toggler border-0" type="button" data-toggle="collapse" data-target="#collpase-bar"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="collpase-bar">
<ul class="navbar-nav">
<li class="nav-item"><a class="nav-link" href="./"><?php echo Language["IndexButton"]; ?></a></li>
<li class="nav-item"><a class="nav-link" href="?help" target="_blank"><?php echo Language["HelpButton"]; ?></a></li>
<li class="nav-item"><a class="nav-link" href="usersettings.php" target="_blank"><?php echo Language["UserSettings"]; ?></a></li>
<li class="nav-item"><a class="nav-link" href="https://imwcr.cn/" target="_blank">Made by Yuan_Tuo</a></li>
</ul>
</div>
</div>
</nav>
<div class="container">
<div class="card">
<div class="card-header"><?php echo Language["UserSettings"]; ?></div>
<div class="card-body">
<div class="card-item">
<h3><?php echo Language["ColorMode"]; ?></h3>
<div id="ColorMode-Setting-View">
<span class="SaveTime"><?php echo Language["SaveForever"]; ?></span>
<span><?php echo Language["BrowserSettings"]; ?></span><span id="Browser-ColorMode"></span>
<span><?php echo Language["CurrentSetting"]; ?></span><span id="Setting-ColorMode"></span>
</div>
<select id="ColorMode-Select" class="form-control">
<option value="auto"><?php echo Language["FollowBrowser"]; ?></option>
<option value="dark"><?php echo Language["DarkMode"]; ?></option>
<option value="light"><?php echo Language["LightMode"]; ?></option>
</select>
</div>
<div class="card-item">
<h3><?php echo Language["LanguageChoose"]; ?></h3>
<div id="LanguageChoose">
<span class="SaveTime"><?php echo Language["Save365"]; ?></span>
<span><?php echo Language["BrowserSettings"]; ?></span><span id="Browser-Language"><?php echo BrowserLanguage; ?></span>
<span><?php echo Language["CurrentDisplayed"]; ?></span><span id="Displayed-Language"><?php echo Lang; ?></span>
</div>
<select id="Language-Select" class="form-control">
<option value="auto"><?php echo Language["FollowBrowser"]; ?></option>
<option value="zh-CN">简体中文</option>
<option value="en">English</option>
</select>
</div>
</div>
</div>
</div>
<script>
if (localStorage.getItem('colorMode') === null) { // 判断用户设置的颜色
$('#Setting-ColorMode').text('<?php echo Language["FollowBrowser"]; ?>'); // 跟随浏览器
$('#ColorMode-Select option[value=auto]')[0].selected = true;
} else if (localStorage.getItem('colorMode') === 'dark') { // 深色模式
$('#Setting-ColorMode').text('<?php echo Language["DarkMode"]; ?>');
$('#ColorMode-Select option[value=dark]')[0].selected = true;
} else if (localStorage.getItem('colorMode') === 'light') { // 浅色模式
$('#Setting-ColorMode').text('<?php echo Language["LightMode"]; ?>');
$('#ColorMode-Select option[value=light]')[0].selected = true;
}
const LanguageSetting = '<?php echo $_COOKIE['Language']; ?>';
if (LanguageSetting === '') { // 判断用户设置的语言
$('#Language-Select option[value=auto]').text('<?php echo Language["CurrentSetting"]; ?>' + $('#Language-Select option[value=auto]').text());
$('#Language-Select option[value=auto]')[0].selected = true;
} else if (LanguageSetting === 'zh-CN') { // zh-CN
$('#Language-Select option[value="zh-CN"]').text('<?php echo Language["CurrentSetting"]; ?>' + $('#Language-Select option[value="zh-CN"]').text());
$('#Language-Select option[value="zh-CN"]')[0].selected = true;
} else if (LanguageSetting === 'en') { // en
$('#Language-Select option[value="en"]').text('<?php echo Language["CurrentSetting"]; ?>' + $('#Language-Select option[value="en"]').text());
$('#Language-Select option[value="en"]')[0].selected = true;
}
if (window.matchMedia('(prefers-color-scheme: dark)').matches) { // 获取浏览器设置
$('#Browser-ColorMode').text('<?php echo Language["DarkMode"]; ?>'); // 深色模式
} else if (window.matchMedia('(prefers-color-scheme: light)').matches) {
$('#Browser-ColorMode').text('<?php echo Language["LightMode"]; ?>'); // 浅色模式
}
window.matchMedia('(prefers-color-scheme: dark)').addListener(function(e) { // 当色彩模式改变为深色模式
if (e.matches) {
$('#Browser-ColorMode').text('<?php echo Language["DarkMode"]; ?>');
}
});
window.matchMedia('(prefers-color-scheme: light)').addListener(function(e) { // 当色彩模式改变为浅色模式
if (e.matches) {
$('#Browser-ColorMode').text('<?php echo Language["LightMode"]; ?>');
}
});
$('#ColorMode-Select').on('change', function() {
if (this.value === 'auto') {
localStorage.removeItem('colorMode');
location.reload();
} else {
localStorage.setItem('colorMode', this.value);
location.reload();
}
});
$('#Language-Select').on('change', function() {
if (this.value === 'auto') {
document.cookie = 'Language=; expires=Thu, 01 Jan 1970 00:00:00 GMT';
location.reload();
} else {
document.cookie = `Language=${this.value}; expires=${new Date(Date.now() + 31536000000)}`;
location.reload();
}
});
</script>
</body>
</html>