nanhaoluo
0dba91c575
- 支持公开/私密反馈，公开反馈所有人可见 - 必填邮箱和昵称，支持从 Cookie 自动填充 - 反馈类型：建议、Bug、问题咨询、其他 - 管理员可回复反馈，回复后邮件通知用户 - 管理员可切换公开状态、更新处理状态、删除反馈 - 状态管理：待处理、处理中、已解决、已关闭 - 支持验证码防刷 - 页面样式参考友情链接页面
811 lines
38 KiB
PHP
811 lines
38 KiB
PHP
<?php
|
||
/**
|
||
* 问题反馈页面
|
||
* @package Argon
|
||
*/
|
||
$wp_load_path = dirname(dirname(dirname(dirname(__FILE__)))) . '/wp-load.php';
|
||
if (!file_exists($wp_load_path)) $wp_load_path = $_SERVER['DOCUMENT_ROOT'] . '/wp-load.php';
|
||
require_once($wp_load_path);
|
||
|
||
// 权限检查
|
||
$is_admin = current_user_can('manage_options');
|
||
|
||
// AJAX 处理反馈管理
|
||
if (isset($_POST['feedback_action'])) {
|
||
header('Content-Type: application/json; charset=utf-8');
|
||
$response = ['success' => false, 'message' => ''];
|
||
$action = sanitize_text_field($_POST['feedback_action']);
|
||
|
||
// 管理员操作
|
||
if (in_array($action, ['delete', 'toggle_public', 'reply', 'update_status'])) {
|
||
if (!$is_admin) {
|
||
echo json_encode(['success' => false, 'message' => '权限不足']);
|
||
exit;
|
||
}
|
||
if (!isset($_POST['feedback_nonce']) || !wp_verify_nonce($_POST['feedback_nonce'], 'argon_feedback_manage')) {
|
||
echo json_encode(['success' => false, 'message' => '安全验证失败']);
|
||
exit;
|
||
}
|
||
}
|
||
|
||
switch ($action) {
|
||
case 'submit':
|
||
$response = argon_handle_feedback_submit($_POST);
|
||
break;
|
||
case 'delete':
|
||
$id = isset($_POST['id']) ? sanitize_text_field($_POST['id']) : '';
|
||
$response = ['success' => argon_delete_feedback($id)];
|
||
break;
|
||
case 'toggle_public':
|
||
$id = isset($_POST['id']) ? sanitize_text_field($_POST['id']) : '';
|
||
$response = argon_toggle_feedback_public($id);
|
||
break;
|
||
case 'reply':
|
||
$id = isset($_POST['id']) ? sanitize_text_field($_POST['id']) : '';
|
||
$reply = isset($_POST['reply']) ? sanitize_textarea_field($_POST['reply']) : '';
|
||
$response = argon_reply_feedback($id, $reply);
|
||
break;
|
||
case 'update_status':
|
||
$id = isset($_POST['id']) ? sanitize_text_field($_POST['id']) : '';
|
||
$status = isset($_POST['status']) ? sanitize_text_field($_POST['status']) : '';
|
||
$response = argon_update_feedback_status($id, $status);
|
||
break;
|
||
}
|
||
echo json_encode($response);
|
||
exit;
|
||
}
|
||
|
||
// ==================== 反馈数据操作函数 ====================
|
||
|
||
/**
|
||
* 获取用户唯一标识
|
||
*/
|
||
function argon_get_feedback_user_identifier() {
|
||
if (is_user_logged_in()) {
|
||
return 'user_' . get_current_user_id();
|
||
}
|
||
$ip = '';
|
||
if (!empty($_SERVER['HTTP_CLIENT_IP'])) {
|
||
$ip = $_SERVER['HTTP_CLIENT_IP'];
|
||
} elseif (!empty($_SERVER['HTTP_X_FORWARDED_FOR'])) {
|
||
$ip_list = explode(',', $_SERVER['HTTP_X_FORWARDED_FOR']);
|
||
$ip = trim($ip_list[0]);
|
||
} elseif (!empty($_SERVER['HTTP_X_REAL_IP'])) {
|
||
$ip = $_SERVER['HTTP_X_REAL_IP'];
|
||
} else {
|
||
$ip = $_SERVER['REMOTE_ADDR'];
|
||
}
|
||
$user_agent = isset($_SERVER['HTTP_USER_AGENT']) ? $_SERVER['HTTP_USER_AGENT'] : '';
|
||
return substr(hash('sha256', $ip . '|' . $user_agent), 0, 16);
|
||
}
|
||
|
||
/**
|
||
* 获取所有反馈
|
||
*/
|
||
function argon_get_feedbacks($filter = 'all') {
|
||
$feedbacks = get_option('argon_feedbacks', []);
|
||
if (!is_array($feedbacks)) $feedbacks = [];
|
||
|
||
// 按时间倒序
|
||
usort($feedbacks, function($a, $b) {
|
||
return ($b['created_at'] ?? 0) - ($a['created_at'] ?? 0);
|
||
});
|
||
|
||
if ($filter === 'public') {
|
||
return array_filter($feedbacks, function($f) {
|
||
return !empty($f['is_public']);
|
||
});
|
||
}
|
||
return $feedbacks;
|
||
}
|
||
|
||
/**
|
||
* 获取单个反馈
|
||
*/
|
||
function argon_get_feedback($id) {
|
||
$feedbacks = argon_get_feedbacks();
|
||
foreach ($feedbacks as $f) {
|
||
if ($f['id'] === $id) return $f;
|
||
}
|
||
return null;
|
||
}
|
||
|
||
|
||
/**
|
||
* 添加反馈
|
||
*/
|
||
function argon_add_feedback($data) {
|
||
$feedbacks = get_option('argon_feedbacks', []);
|
||
if (!is_array($feedbacks)) $feedbacks = [];
|
||
|
||
$id = 'fb_' . uniqid();
|
||
$feedback = [
|
||
'id' => $id,
|
||
'title' => sanitize_text_field($data['title'] ?? ''),
|
||
'content' => sanitize_textarea_field($data['content'] ?? ''),
|
||
'type' => sanitize_text_field($data['type'] ?? 'suggestion'),
|
||
'name' => sanitize_text_field($data['name'] ?? ''),
|
||
'email' => sanitize_email($data['email'] ?? ''),
|
||
'url' => esc_url_raw($data['url'] ?? ''),
|
||
'is_public' => !empty($data['is_public']),
|
||
'status' => 'pending', // pending, processing, resolved, closed
|
||
'user_identifier' => argon_get_feedback_user_identifier(),
|
||
'user_id' => is_user_logged_in() ? get_current_user_id() : 0,
|
||
'ip' => $_SERVER['REMOTE_ADDR'] ?? '',
|
||
'user_agent' => $_SERVER['HTTP_USER_AGENT'] ?? '',
|
||
'created_at' => time(),
|
||
'reply' => '',
|
||
'reply_at' => 0,
|
||
];
|
||
|
||
$feedbacks[] = $feedback;
|
||
update_option('argon_feedbacks', $feedbacks);
|
||
|
||
return $id;
|
||
}
|
||
|
||
/**
|
||
* 删除反馈
|
||
*/
|
||
function argon_delete_feedback($id) {
|
||
$feedbacks = get_option('argon_feedbacks', []);
|
||
if (!is_array($feedbacks)) return false;
|
||
|
||
foreach ($feedbacks as $key => $f) {
|
||
if ($f['id'] === $id) {
|
||
unset($feedbacks[$key]);
|
||
update_option('argon_feedbacks', array_values($feedbacks));
|
||
return true;
|
||
}
|
||
}
|
||
return false;
|
||
}
|
||
|
||
/**
|
||
* 切换公开状态
|
||
*/
|
||
function argon_toggle_feedback_public($id) {
|
||
$feedbacks = get_option('argon_feedbacks', []);
|
||
if (!is_array($feedbacks)) return ['success' => false];
|
||
|
||
foreach ($feedbacks as &$f) {
|
||
if ($f['id'] === $id) {
|
||
$f['is_public'] = !$f['is_public'];
|
||
update_option('argon_feedbacks', $feedbacks);
|
||
return ['success' => true, 'is_public' => $f['is_public']];
|
||
}
|
||
}
|
||
return ['success' => false];
|
||
}
|
||
|
||
|
||
/**
|
||
* 回复反馈
|
||
*/
|
||
function argon_reply_feedback($id, $reply) {
|
||
$feedbacks = get_option('argon_feedbacks', []);
|
||
if (!is_array($feedbacks)) return ['success' => false];
|
||
|
||
foreach ($feedbacks as &$f) {
|
||
if ($f['id'] === $id) {
|
||
$f['reply'] = $reply;
|
||
$f['reply_at'] = time();
|
||
if ($f['status'] === 'pending') {
|
||
$f['status'] = 'processing';
|
||
}
|
||
update_option('argon_feedbacks', $feedbacks);
|
||
|
||
// 发送邮件通知
|
||
if (!empty($f['email']) && !empty($reply)) {
|
||
$subject = sprintf('[%s] 您的反馈已收到回复', get_bloginfo('name'));
|
||
$message = sprintf(
|
||
"您好 %s！\n\n您提交的反馈「%s」已收到回复：\n\n%s\n\n感谢您的反馈！\n\n%s",
|
||
$f['name'],
|
||
$f['title'],
|
||
$reply,
|
||
home_url()
|
||
);
|
||
wp_mail($f['email'], $subject, $message);
|
||
}
|
||
|
||
return ['success' => true];
|
||
}
|
||
}
|
||
return ['success' => false];
|
||
}
|
||
|
||
/**
|
||
* 更新反馈状态
|
||
*/
|
||
function argon_update_feedback_status($id, $status) {
|
||
$valid_statuses = ['pending', 'processing', 'resolved', 'closed'];
|
||
if (!in_array($status, $valid_statuses)) {
|
||
return ['success' => false, 'message' => '无效状态'];
|
||
}
|
||
|
||
$feedbacks = get_option('argon_feedbacks', []);
|
||
if (!is_array($feedbacks)) return ['success' => false];
|
||
|
||
foreach ($feedbacks as &$f) {
|
||
if ($f['id'] === $id) {
|
||
$f['status'] = $status;
|
||
update_option('argon_feedbacks', $feedbacks);
|
||
return ['success' => true];
|
||
}
|
||
}
|
||
return ['success' => false];
|
||
}
|
||
|
||
/**
|
||
* 处理反馈提交
|
||
*/
|
||
function argon_handle_feedback_submit($data) {
|
||
// 验证必填字段
|
||
if (empty($data['feedback_email'])) {
|
||
return ['success' => false, 'message' => __('请填写邮箱', 'argon')];
|
||
}
|
||
if (empty($data['feedback_name'])) {
|
||
return ['success' => false, 'message' => __('请填写昵称', 'argon')];
|
||
}
|
||
if (empty($data['feedback_content'])) {
|
||
return ['success' => false, 'message' => __('请填写反馈内容', 'argon')];
|
||
}
|
||
|
||
// 验证邮箱格式
|
||
if (!is_email($data['feedback_email'])) {
|
||
return ['success' => false, 'message' => __('邮箱格式错误', 'argon')];
|
||
}
|
||
|
||
// 验证码检查
|
||
$captcha_enabled = get_option('argon_feedback_captcha', 'true') === 'true';
|
||
if ($captcha_enabled && function_exists('check_comment_captcha')) {
|
||
$captcha_input = $data['feedback_captcha'] ?? '';
|
||
if (!check_comment_captcha($captcha_input)) {
|
||
return ['success' => false, 'message' => __('验证码错误', 'argon')];
|
||
}
|
||
}
|
||
|
||
// 添加反馈
|
||
$id = argon_add_feedback([
|
||
'title' => $data['feedback_title'] ?? '',
|
||
'content' => $data['feedback_content'],
|
||
'type' => $data['feedback_type'] ?? 'suggestion',
|
||
'name' => $data['feedback_name'],
|
||
'email' => $data['feedback_email'],
|
||
'url' => $data['feedback_url'] ?? '',
|
||
'is_public' => !empty($data['feedback_public']),
|
||
]);
|
||
|
||
if ($id) {
|
||
return ['success' => true, 'message' => __('反馈提交成功，感谢您的建议！', 'argon')];
|
||
}
|
||
return ['success' => false, 'message' => __('提交失败，请稍后重试', 'argon')];
|
||
}
|
||
|
||
|
||
// ==================== 页面渲染 ====================
|
||
|
||
// 获取反馈数据
|
||
$all_feedbacks = argon_get_feedbacks();
|
||
$public_feedbacks = argon_get_feedbacks('public');
|
||
$pending_count = count(array_filter($all_feedbacks, function($f) { return $f['status'] === 'pending'; }));
|
||
|
||
// 验证码设置
|
||
$captcha_enabled = get_option('argon_feedback_captcha', 'true') === 'true';
|
||
|
||
// 从 Cookie 获取用户信息
|
||
$saved_name = isset($_COOKIE['comment_author_' . COOKIEHASH]) ? $_COOKIE['comment_author_' . COOKIEHASH] : '';
|
||
$saved_email = isset($_COOKIE['comment_author_email_' . COOKIEHASH]) ? $_COOKIE['comment_author_email_' . COOKIEHASH] : '';
|
||
$saved_url = isset($_COOKIE['comment_author_url_' . COOKIEHASH]) ? $_COOKIE['comment_author_url_' . COOKIEHASH] : '';
|
||
|
||
// 如果已登录，使用用户信息
|
||
if (is_user_logged_in()) {
|
||
$current_user = wp_get_current_user();
|
||
$saved_name = $current_user->display_name;
|
||
$saved_email = $current_user->user_email;
|
||
$saved_url = $current_user->user_url;
|
||
}
|
||
|
||
get_header();
|
||
?>
|
||
|
||
<div class="page-information-card-container"></div>
|
||
<?php get_sidebar(); ?>
|
||
|
||
<div id="primary" class="content-area">
|
||
|
||
<style id="feedback-page-style">
|
||
/* 页面布局 */
|
||
@media screen and (min-width: 901px) {
|
||
body.feedback-page #leftbar_part, body.feedback-page #leftbar { display: none !important; }
|
||
}
|
||
@media screen and (max-width: 900px) {
|
||
body.feedback-page #leftbar {
|
||
display: block; position: fixed; background: var(--color-foreground);
|
||
top: 0; left: -300px; height: 100vh; width: 280px; padding: 0;
|
||
overflow-y: auto; z-index: 1002;
|
||
box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07) !important;
|
||
transition: left 0.35s cubic-bezier(0.4, 0, 0.2, 1);
|
||
}
|
||
html.leftbar-opened body.feedback-page #leftbar { left: 0px; }
|
||
}
|
||
body.feedback-page #primary { width: 100% !important; max-width: 900px !important; margin: 0 auto !important; float: none !important; }
|
||
body.feedback-page #content { margin-top: -50vh !important; }
|
||
|
||
/* 头部卡片 */
|
||
.feedback-header-card { text-align: center; padding: 24px 24px 20px; background: transparent !important; box-shadow: none !important; }
|
||
.feedback-header-icon { width: 56px; height: 56px; margin: 0 auto 12px; background: var(--themecolor-gradient); border-radius: 14px; display: flex; align-items: center; justify-content: center; font-size: 24px; color: #fff; box-shadow: 0 4px 16px rgba(var(--themecolor-rgbstr), 0.25); }
|
||
.feedback-title { font-size: 22px; font-weight: 700; margin: 0 0 6px; color: var(--color-text-deeper); background: none !important; }
|
||
.feedback-title::before, .feedback-title::after { display: none !important; }
|
||
.feedback-subtitle { font-size: 13px; color: #888; margin: 0 0 12px; }
|
||
.feedback-stats { display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; }
|
||
.feedback-stat { display: inline-flex; align-items: center; gap: 5px; padding: 6px 14px; background: rgba(var(--themecolor-rgbstr), 0.1); border-radius: 16px; font-size: 12px; font-weight: 500; color: var(--themecolor); }
|
||
</style>
|
||
|
||
<style>
|
||
/* 表单卡片 */
|
||
.feedback-form-card { padding: 20px 24px; }
|
||
.feedback-form-title { font-size: 16px; font-weight: 600; margin: 0 0 16px; color: var(--color-text-deeper); display: flex; align-items: center; gap: 8px; }
|
||
.feedback-form-title i { color: var(--themecolor); }
|
||
.feedback-form .form-row { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-bottom: 12px; }
|
||
.feedback-form .form-row.full { grid-template-columns: 1fr; }
|
||
.feedback-form .form-group { margin-bottom: 0; }
|
||
.feedback-form label { font-size: 13px; font-weight: 600; color: var(--color-text-deeper); margin-bottom: 4px; display: block; }
|
||
.feedback-form label .required { color: #f5365c; }
|
||
.feedback-form input, .feedback-form textarea, .feedback-form select {
|
||
width: 100%; padding: 10px 12px; font-size: 14px;
|
||
border: 1px solid var(--color-border); border-radius: calc(var(--card-radius) * 0.6);
|
||
background: var(--color-widgets); color: var(--color-text-deeper);
|
||
font-family: var(--font); box-sizing: border-box; transition: border-color 0.2s, box-shadow 0.2s;
|
||
}
|
||
.feedback-form input:focus, .feedback-form textarea:focus, .feedback-form select:focus {
|
||
border-color: var(--themecolor); box-shadow: 0 0 0 3px rgba(var(--themecolor-rgbstr), 0.1); outline: none;
|
||
}
|
||
.feedback-form textarea { resize: vertical; min-height: 120px; }
|
||
.feedback-form .char-count { font-size: 11px; color: #999; float: right; }
|
||
|
||
/* 公开选项 */
|
||
.feedback-public-option { display: flex; align-items: center; gap: 8px; margin: 16px 0; padding: 12px 16px; background: rgba(var(--themecolor-rgbstr), 0.05); border-radius: var(--card-radius); border: 1px solid rgba(var(--themecolor-rgbstr), 0.1); }
|
||
.feedback-public-option input[type="checkbox"] { width: 18px; height: 18px; accent-color: var(--themecolor); cursor: pointer; }
|
||
.feedback-public-option label { font-size: 13px; color: var(--color-text-deeper); cursor: pointer; margin: 0; font-weight: 500; }
|
||
.feedback-public-option .hint { font-size: 12px; color: #888; margin-left: auto; }
|
||
|
||
/* 验证码 */
|
||
.feedback-captcha { margin-top: 12px; }
|
||
.feedback-captcha .input-group { max-width: 280px; }
|
||
.feedback-captcha-text { background: var(--color-background); font-family: monospace; font-size: 14px; letter-spacing: 2px; cursor: pointer; user-select: none; padding: 8px 16px; }
|
||
|
||
/* 提交按钮 */
|
||
.feedback-submit { margin-top: 16px; text-align: center; }
|
||
.feedback-submit .btn { padding: 10px 32px; font-size: 14px; font-weight: 600; }
|
||
|
||
/* 反馈列表 */
|
||
.feedback-list-card { padding: 20px 24px; }
|
||
.feedback-list-title { font-size: 16px; font-weight: 600; margin: 0 0 16px; color: var(--color-text-deeper); display: flex; align-items: center; gap: 8px; }
|
||
.feedback-list-title i { color: var(--themecolor); }
|
||
.feedback-list-title .count { margin-left: auto; font-size: 12px; font-weight: 500; color: var(--themecolor); background: rgba(var(--themecolor-rgbstr), 0.1); padding: 3px 12px; border-radius: 12px; }
|
||
|
||
.feedback-item { padding: 16px; background: var(--color-background); border-radius: var(--card-radius); margin-bottom: 12px; position: relative; }
|
||
.feedback-item:last-child { margin-bottom: 0; }
|
||
.feedback-item-header { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 10px; }
|
||
.feedback-item-avatar { width: 40px; height: 40px; border-radius: 50%; background: var(--themecolor-gradient); display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 600; color: #fff; flex-shrink: 0; overflow: hidden; }
|
||
.feedback-item-avatar img { width: 100%; height: 100%; object-fit: cover; }
|
||
.feedback-item-meta { flex: 1; min-width: 0; }
|
||
.feedback-item-name { font-size: 14px; font-weight: 600; color: var(--color-text-deeper); display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
|
||
.feedback-item-time { font-size: 12px; color: #999; }
|
||
.feedback-item-badges { display: flex; gap: 6px; flex-wrap: wrap; }
|
||
.feedback-badge { font-size: 11px; padding: 2px 8px; border-radius: 10px; font-weight: 500; }
|
||
.feedback-badge.type-bug { background: #fee2e2; color: #dc2626; }
|
||
.feedback-badge.type-suggestion { background: #dbeafe; color: #2563eb; }
|
||
.feedback-badge.type-question { background: #fef3c7; color: #d97706; }
|
||
.feedback-badge.type-other { background: #e5e7eb; color: #6b7280; }
|
||
.feedback-badge.status-pending { background: #fef3c7; color: #d97706; }
|
||
.feedback-badge.status-processing { background: #dbeafe; color: #2563eb; }
|
||
.feedback-badge.status-resolved { background: #d1fae5; color: #059669; }
|
||
.feedback-badge.status-closed { background: #e5e7eb; color: #6b7280; }
|
||
|
||
.feedback-item-title { font-size: 15px; font-weight: 600; color: var(--color-text-deeper); margin-bottom: 8px; }
|
||
.feedback-item-content { font-size: 14px; color: #666; line-height: 1.6; white-space: pre-wrap; word-break: break-word; }
|
||
|
||
.feedback-item-reply { margin-top: 12px; padding: 12px; background: rgba(var(--themecolor-rgbstr), 0.05); border-radius: calc(var(--card-radius) * 0.6); border-left: 3px solid var(--themecolor); }
|
||
.feedback-item-reply-header { font-size: 12px; font-weight: 600; color: var(--themecolor); margin-bottom: 6px; display: flex; align-items: center; gap: 6px; }
|
||
.feedback-item-reply-content { font-size: 13px; color: #666; line-height: 1.6; white-space: pre-wrap; }
|
||
|
||
/* 管理员操作 */
|
||
.feedback-admin-actions { position: absolute; top: 12px; right: 12px; display: flex; gap: 6px; }
|
||
.feedback-admin-btn { width: 28px; height: 28px; border-radius: 6px; background: rgba(var(--themecolor-rgbstr), 0.1); color: var(--themecolor); border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 12px; transition: background 0.2s; }
|
||
.feedback-admin-btn:hover { background: rgba(var(--themecolor-rgbstr), 0.2); }
|
||
.feedback-admin-btn.danger { background: rgba(245, 54, 92, 0.1); color: #f5365c; }
|
||
.feedback-admin-btn.danger:hover { background: rgba(245, 54, 92, 0.2); }
|
||
|
||
/* 空状态 */
|
||
.feedback-empty { padding: 60px 24px; text-align: center; }
|
||
.feedback-empty i { font-size: 48px; color: var(--color-border); margin-bottom: 16px; display: block; }
|
||
.feedback-empty p { font-size: 15px; color: #888; margin: 0; }
|
||
|
||
/* 管理面板 */
|
||
.feedback-admin-card { padding: 16px 20px; }
|
||
.feedback-admin-title { font-size: 15px; font-weight: 600; color: var(--themecolor); margin: 0 0 12px; display: flex; align-items: center; gap: 8px; }
|
||
|
||
/* 回复弹窗 */
|
||
.feedback-modal-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.5); z-index: 9998; display: none; align-items: center; justify-content: center; }
|
||
.feedback-modal-overlay.show { display: flex; }
|
||
.feedback-modal { background: var(--color-foreground); border-radius: var(--card-radius); padding: 20px; width: 90%; max-width: 500px; max-height: 90vh; overflow-y: auto; }
|
||
.feedback-modal-title { font-size: 16px; font-weight: 600; margin-bottom: 16px; display: flex; align-items: center; justify-content: space-between; }
|
||
.feedback-modal-close { background: none; border: none; font-size: 20px; cursor: pointer; color: #999; padding: 0; line-height: 1; }
|
||
.feedback-modal .form-group { margin-bottom: 12px; }
|
||
.feedback-modal .form-group label { font-size: 12px; font-weight: 600; color: var(--color-text-deeper); margin-bottom: 4px; display: block; }
|
||
.feedback-modal .form-group textarea { width: 100%; padding: 10px; font-size: 13px; border: 1px solid var(--color-border); border-radius: calc(var(--card-radius) * 0.6); min-height: 100px; resize: vertical; box-sizing: border-box; }
|
||
.feedback-modal .form-group select { width: 100%; padding: 8px 10px; font-size: 13px; border: 1px solid var(--color-border); border-radius: calc(var(--card-radius) * 0.6); }
|
||
.feedback-modal .form-actions { margin-top: 16px; display: flex; gap: 8px; justify-content: flex-end; }
|
||
|
||
@media (max-width: 768px) {
|
||
.feedback-form .form-row { grid-template-columns: 1fr; }
|
||
.feedback-public-option { flex-wrap: wrap; }
|
||
.feedback-public-option .hint { width: 100%; margin-left: 26px; margin-top: 4px; }
|
||
}
|
||
|
||
html.darkmode .feedback-item { background: rgba(255, 255, 255, 0.03); }
|
||
html.darkmode .feedback-modal { background: var(--color-background); }
|
||
</style>
|
||
|
||
<script data-pjax>
|
||
(function() {
|
||
function cleanupFeedbackPage() {
|
||
document.body.classList.remove('feedback-page');
|
||
var s = document.getElementById('feedback-page-style');
|
||
if (s) s.remove();
|
||
}
|
||
if (!document.getElementById('feedback-page-style')) {
|
||
document.body.classList.remove('feedback-page');
|
||
}
|
||
document.body.classList.add('feedback-page');
|
||
if (typeof jQuery !== 'undefined') {
|
||
var $ = jQuery;
|
||
$(document).off('pjax:start.feedback pjax:popstate.feedback');
|
||
$(document).on('pjax:start.feedback', function() {
|
||
cleanupFeedbackPage();
|
||
$(document).off('pjax:start.feedback pjax:popstate.feedback');
|
||
});
|
||
$(document).on('pjax:popstate.feedback', function() {
|
||
setTimeout(function() {
|
||
if (!document.getElementById('feedback-page-style')) {
|
||
document.body.classList.remove('feedback-page');
|
||
}
|
||
}, 50);
|
||
});
|
||
}
|
||
})();
|
||
</script>
|
||
|
||
<main id="main" class="site-main" role="main">
|
||
|
||
<!-- 头部卡片 -->
|
||
<div class="feedback-header-card" style="margin-bottom: 16px;">
|
||
<div class="feedback-header-icon"><i class="fa fa-commenting"></i></div>
|
||
<h1 class="feedback-title"><?php _e('问题反馈', 'argon'); ?></h1>
|
||
<p class="feedback-subtitle"><?php _e('有任何建议或问题？欢迎告诉我！', 'argon'); ?></p>
|
||
<div class="feedback-stats">
|
||
<div class="feedback-stat"><i class="fa fa-comments"></i><span><?php echo count($public_feedbacks); ?> <?php _e('条公开反馈', 'argon'); ?></span></div>
|
||
<?php if ($is_admin && $pending_count > 0) : ?>
|
||
<div class="feedback-stat" style="background:rgba(245,54,92,0.1);color:#f5365c;"><i class="fa fa-clock-o"></i><span><?php echo $pending_count; ?> <?php _e('条待处理', 'argon'); ?></span></div>
|
||
<?php endif; ?>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 提交反馈表单 -->
|
||
<article class="post card shadow-sm bg-white border-0 feedback-form-card" style="margin-bottom: 16px;">
|
||
<h2 class="feedback-form-title"><i class="fa fa-pencil-square-o"></i><?php _e('提交反馈', 'argon'); ?></h2>
|
||
<form class="feedback-form" id="feedback-form">
|
||
<div class="form-row">
|
||
<div class="form-group">
|
||
<label><?php _e('昵称', 'argon'); ?> <span class="required">*</span></label>
|
||
<input type="text" name="feedback_name" id="feedback-name" required placeholder="<?php _e('您的称呼', 'argon'); ?>" value="<?php echo esc_attr($saved_name); ?>">
|
||
</div>
|
||
<div class="form-group">
|
||
<label><?php _e('邮箱', 'argon'); ?> <span class="required">*</span></label>
|
||
<input type="email" name="feedback_email" id="feedback-email" required placeholder="<?php _e('用于接收回复通知', 'argon'); ?>" value="<?php echo esc_attr($saved_email); ?>">
|
||
</div>
|
||
</div>
|
||
<div class="form-row">
|
||
<div class="form-group">
|
||
<label><?php _e('网站', 'argon'); ?></label>
|
||
<input type="url" name="feedback_url" id="feedback-url" placeholder="<?php _e('选填', 'argon'); ?>" value="<?php echo esc_attr($saved_url); ?>">
|
||
</div>
|
||
<div class="form-group">
|
||
<label><?php _e('反馈类型', 'argon'); ?></label>
|
||
<select name="feedback_type" id="feedback-type">
|
||
<option value="suggestion"><?php _e('💡 建议', 'argon'); ?></option>
|
||
<option value="bug"><?php _e('🐛 Bug 报告', 'argon'); ?></option>
|
||
<option value="question"><?php _e('❓ 问题咨询', 'argon'); ?></option>
|
||
<option value="other"><?php _e('📝 其他', 'argon'); ?></option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div class="form-row full">
|
||
<div class="form-group">
|
||
<label><?php _e('标题', 'argon'); ?></label>
|
||
<input type="text" name="feedback_title" id="feedback-title" placeholder="<?php _e('简要描述您的反馈（选填）', 'argon'); ?>" maxlength="100">
|
||
</div>
|
||
</div>
|
||
<div class="form-row full">
|
||
<div class="form-group">
|
||
<label><?php _e('详细内容', 'argon'); ?> <span class="required">*</span> <span class="char-count"><span id="content-count">0</span>/2000</span></label>
|
||
<textarea name="feedback_content" id="feedback-content" required placeholder="<?php _e('请详细描述您的建议或遇到的问题...', 'argon'); ?>" maxlength="2000" oninput="document.getElementById('content-count').textContent=this.value.length"></textarea>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="feedback-public-option">
|
||
<input type="checkbox" name="feedback_public" id="feedback-public" value="1">
|
||
<label for="feedback-public"><?php _e('公开此反馈', 'argon'); ?></label>
|
||
<span class="hint"><?php _e('公开后其他访客可以看到', 'argon'); ?></span>
|
||
</div>
|
||
|
||
<?php if ($captcha_enabled) : ?>
|
||
<div class="feedback-captcha">
|
||
<div class="input-group input-group-sm">
|
||
<input type="text" name="feedback_captcha" id="feedback-captcha" class="form-control" placeholder="<?php _e('验证码', 'argon'); ?>" required style="max-width:120px;">
|
||
<div class="input-group-append">
|
||
<span class="input-group-text feedback-captcha-text" id="feedback-captcha-text" onclick="refreshFeedbackCaptcha()" title="<?php _e('点击刷新', 'argon'); ?>"><?php echo function_exists('get_comment_captcha') ? get_comment_captcha() : ''; ?></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<?php endif; ?>
|
||
|
||
<div class="feedback-submit">
|
||
<button type="submit" class="btn btn-primary" id="feedback-submit-btn"><i class="fa fa-paper-plane"></i> <?php _e('提交反馈', 'argon'); ?></button>
|
||
</div>
|
||
</form>
|
||
</article>
|
||
|
||
<?php if ($is_admin && !empty($all_feedbacks)) : ?>
|
||
<!-- 管理员面板 - 所有反馈 -->
|
||
<article class="post card shadow-sm bg-white border-0 feedback-admin-card" style="margin-bottom: 16px;">
|
||
<h3 class="feedback-admin-title"><i class="fa fa-cog"></i><?php _e('反馈管理', 'argon'); ?> (<?php echo count($all_feedbacks); ?>)</h3>
|
||
<?php foreach ($all_feedbacks as $fb) :
|
||
$type_labels = ['bug' => __('Bug', 'argon'), 'suggestion' => __('建议', 'argon'), 'question' => __('问题', 'argon'), 'other' => __('其他', 'argon')];
|
||
$status_labels = ['pending' => __('待处理', 'argon'), 'processing' => __('处理中', 'argon'), 'resolved' => __('已解决', 'argon'), 'closed' => __('已关闭', 'argon')];
|
||
$type = $fb['type'] ?? 'other';
|
||
$status = $fb['status'] ?? 'pending';
|
||
$avatar_url = get_avatar_url($fb['email'], ['size' => 80]);
|
||
?>
|
||
<div class="feedback-item" data-id="<?php echo esc_attr($fb['id']); ?>">
|
||
<div class="feedback-admin-actions">
|
||
<button class="feedback-admin-btn" onclick="openReplyModal('<?php echo esc_attr($fb['id']); ?>')" title="<?php _e('回复', 'argon'); ?>"><i class="fa fa-reply"></i></button>
|
||
<button class="feedback-admin-btn" onclick="togglePublic('<?php echo esc_attr($fb['id']); ?>')" title="<?php echo $fb['is_public'] ? __('设为私密', 'argon') : __('设为公开', 'argon'); ?>"><i class="fa fa-<?php echo $fb['is_public'] ? 'eye' : 'eye-slash'; ?>"></i></button>
|
||
<button class="feedback-admin-btn danger" onclick="deleteFeedback('<?php echo esc_attr($fb['id']); ?>')" title="<?php _e('删除', 'argon'); ?>"><i class="fa fa-trash"></i></button>
|
||
</div>
|
||
<div class="feedback-item-header">
|
||
<div class="feedback-item-avatar">
|
||
<?php if ($avatar_url) : ?><img src="<?php echo esc_url($avatar_url); ?>" alt=""><?php else : echo mb_substr($fb['name'], 0, 1); endif; ?>
|
||
</div>
|
||
<div class="feedback-item-meta">
|
||
<div class="feedback-item-name">
|
||
<?php echo esc_html($fb['name']); ?>
|
||
<span class="feedback-item-time"><?php echo date('Y-m-d H:i', $fb['created_at']); ?></span>
|
||
</div>
|
||
<div class="feedback-item-badges">
|
||
<span class="feedback-badge type-<?php echo $type; ?>"><?php echo $type_labels[$type] ?? $type; ?></span>
|
||
<span class="feedback-badge status-<?php echo $status; ?>"><?php echo $status_labels[$status] ?? $status; ?></span>
|
||
<?php if ($fb['is_public']) : ?><span class="feedback-badge" style="background:#d1fae5;color:#059669;"><?php _e('公开', 'argon'); ?></span><?php endif; ?>
|
||
</div>
|
||
<div style="font-size:11px;color:#999;margin-top:4px;">
|
||
<?php echo esc_html($fb['email']); ?> | IP: <?php echo esc_html($fb['ip']); ?>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<?php if (!empty($fb['title'])) : ?>
|
||
<div class="feedback-item-title"><?php echo esc_html($fb['title']); ?></div>
|
||
<?php endif; ?>
|
||
<div class="feedback-item-content"><?php echo esc_html($fb['content']); ?></div>
|
||
<?php if (!empty($fb['reply'])) : ?>
|
||
<div class="feedback-item-reply">
|
||
<div class="feedback-item-reply-header"><i class="fa fa-reply"></i><?php _e('博主回复', 'argon'); ?> · <?php echo date('Y-m-d H:i', $fb['reply_at']); ?></div>
|
||
<div class="feedback-item-reply-content"><?php echo esc_html($fb['reply']); ?></div>
|
||
</div>
|
||
<?php endif; ?>
|
||
</div>
|
||
<?php endforeach; ?>
|
||
</article>
|
||
<?php endif; ?>
|
||
|
||
<?php if (!$is_admin) : ?>
|
||
<!-- 公开反馈列表（访客视图） -->
|
||
<article class="post card shadow-sm bg-white border-0 feedback-list-card" style="margin-bottom: 16px;">
|
||
<h2 class="feedback-list-title"><i class="fa fa-comments-o"></i><?php _e('公开反馈', 'argon'); ?><span class="count"><?php echo count($public_feedbacks); ?></span></h2>
|
||
<?php if (!empty($public_feedbacks)) : ?>
|
||
<?php foreach ($public_feedbacks as $fb) :
|
||
$type_labels = ['bug' => __('Bug', 'argon'), 'suggestion' => __('建议', 'argon'), 'question' => __('问题', 'argon'), 'other' => __('其他', 'argon')];
|
||
$status_labels = ['pending' => __('待处理', 'argon'), 'processing' => __('处理中', 'argon'), 'resolved' => __('已解决', 'argon'), 'closed' => __('已关闭', 'argon')];
|
||
$type = $fb['type'] ?? 'other';
|
||
$status = $fb['status'] ?? 'pending';
|
||
$avatar_url = get_avatar_url($fb['email'], ['size' => 80]);
|
||
?>
|
||
<div class="feedback-item">
|
||
<div class="feedback-item-header">
|
||
<div class="feedback-item-avatar">
|
||
<?php if ($avatar_url) : ?><img src="<?php echo esc_url($avatar_url); ?>" alt=""><?php else : echo mb_substr($fb['name'], 0, 1); endif; ?>
|
||
</div>
|
||
<div class="feedback-item-meta">
|
||
<div class="feedback-item-name">
|
||
<?php echo esc_html($fb['name']); ?>
|
||
<span class="feedback-item-time"><?php echo date('Y-m-d H:i', $fb['created_at']); ?></span>
|
||
</div>
|
||
<div class="feedback-item-badges">
|
||
<span class="feedback-badge type-<?php echo $type; ?>"><?php echo $type_labels[$type] ?? $type; ?></span>
|
||
<span class="feedback-badge status-<?php echo $status; ?>"><?php echo $status_labels[$status] ?? $status; ?></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<?php if (!empty($fb['title'])) : ?>
|
||
<div class="feedback-item-title"><?php echo esc_html($fb['title']); ?></div>
|
||
<?php endif; ?>
|
||
<div class="feedback-item-content"><?php echo esc_html($fb['content']); ?></div>
|
||
<?php if (!empty($fb['reply'])) : ?>
|
||
<div class="feedback-item-reply">
|
||
<div class="feedback-item-reply-header"><i class="fa fa-reply"></i><?php _e('博主回复', 'argon'); ?> · <?php echo date('Y-m-d H:i', $fb['reply_at']); ?></div>
|
||
<div class="feedback-item-reply-content"><?php echo esc_html($fb['reply']); ?></div>
|
||
</div>
|
||
<?php endif; ?>
|
||
</div>
|
||
<?php endforeach; ?>
|
||
<?php else : ?>
|
||
<div class="feedback-empty">
|
||
<i class="fa fa-inbox"></i>
|
||
<p><?php _e('暂无公开反馈', 'argon'); ?></p>
|
||
</div>
|
||
<?php endif; ?>
|
||
</article>
|
||
<?php endif; ?>
|
||
|
||
<?php if ($is_admin) : ?>
|
||
<!-- 回复弹窗 -->
|
||
<div class="feedback-modal-overlay" id="reply-modal">
|
||
<div class="feedback-modal">
|
||
<div class="feedback-modal-title">
|
||
<span><i class="fa fa-reply"></i> <?php _e('回复反馈', 'argon'); ?></span>
|
||
<button type="button" class="feedback-modal-close" onclick="closeReplyModal()">×</button>
|
||
</div>
|
||
<input type="hidden" id="reply-feedback-id">
|
||
<div class="form-group">
|
||
<label><?php _e('状态', 'argon'); ?></label>
|
||
<select id="reply-status">
|
||
<option value="pending"><?php _e('待处理', 'argon'); ?></option>
|
||
<option value="processing"><?php _e('处理中', 'argon'); ?></option>
|
||
<option value="resolved"><?php _e('已解决', 'argon'); ?></option>
|
||
<option value="closed"><?php _e('已关闭', 'argon'); ?></option>
|
||
</select>
|
||
</div>
|
||
<div class="form-group">
|
||
<label><?php _e('回复内容', 'argon'); ?></label>
|
||
<textarea id="reply-content" placeholder="<?php _e('输入回复内容，将通过邮件通知用户', 'argon'); ?>"></textarea>
|
||
</div>
|
||
<div class="form-actions">
|
||
<button type="button" class="btn btn-secondary" onclick="closeReplyModal()"><?php _e('取消', 'argon'); ?></button>
|
||
<button type="button" class="btn btn-primary" onclick="submitReply()"><?php _e('保存', 'argon'); ?></button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<?php endif; ?>
|
||
|
||
<script data-pjax>
|
||
var feedbackNonce = '<?php echo wp_create_nonce('argon_feedback_manage'); ?>';
|
||
var feedbackAjaxUrl = '<?php echo esc_url($_SERVER['REQUEST_URI']); ?>';
|
||
|
||
// 刷新验证码
|
||
function refreshFeedbackCaptcha() {
|
||
fetch('<?php echo admin_url('admin-ajax.php'); ?>?action=argon_get_captcha')
|
||
.then(function(r) { return r.json(); })
|
||
.then(function(res) {
|
||
if (res.captcha) {
|
||
document.getElementById('feedback-captcha-text').textContent = res.captcha;
|
||
}
|
||
});
|
||
}
|
||
|
||
// 提交反馈
|
||
document.getElementById('feedback-form').addEventListener('submit', function(e) {
|
||
e.preventDefault();
|
||
var btn = document.getElementById('feedback-submit-btn');
|
||
var originalText = btn.innerHTML;
|
||
btn.innerHTML = '<i class="fa fa-spinner fa-spin"></i> <?php _e('提交中...', 'argon'); ?>';
|
||
btn.disabled = true;
|
||
|
||
var formData = new FormData(this);
|
||
formData.append('feedback_action', 'submit');
|
||
|
||
fetch(feedbackAjaxUrl, { method: 'POST', body: formData })
|
||
.then(function(r) { return r.json(); })
|
||
.then(function(res) {
|
||
btn.innerHTML = originalText;
|
||
btn.disabled = false;
|
||
if (res.success) {
|
||
if (typeof iziToast !== 'undefined') {
|
||
iziToast.success({ title: res.message, position: 'topRight', timeout: 3000 });
|
||
} else {
|
||
alert(res.message);
|
||
}
|
||
document.getElementById('feedback-form').reset();
|
||
document.getElementById('content-count').textContent = '0';
|
||
setTimeout(function() { location.reload(); }, 1500);
|
||
} else {
|
||
if (typeof iziToast !== 'undefined') {
|
||
iziToast.error({ title: res.message, position: 'topRight', timeout: 5000 });
|
||
} else {
|
||
alert(res.message);
|
||
}
|
||
refreshFeedbackCaptcha();
|
||
}
|
||
})
|
||
.catch(function() {
|
||
btn.innerHTML = originalText;
|
||
btn.disabled = false;
|
||
alert('<?php _e('提交失败，请稍后重试', 'argon'); ?>');
|
||
});
|
||
});
|
||
|
||
<?php if ($is_admin) : ?>
|
||
// 管理员功能
|
||
function openReplyModal(id) {
|
||
document.getElementById('reply-feedback-id').value = id;
|
||
document.getElementById('reply-modal').classList.add('show');
|
||
}
|
||
function closeReplyModal() {
|
||
document.getElementById('reply-modal').classList.remove('show');
|
||
document.getElementById('reply-content').value = '';
|
||
}
|
||
function submitReply() {
|
||
var id = document.getElementById('reply-feedback-id').value;
|
||
var reply = document.getElementById('reply-content').value;
|
||
var status = document.getElementById('reply-status').value;
|
||
|
||
var formData = new FormData();
|
||
formData.append('feedback_action', 'reply');
|
||
formData.append('feedback_nonce', feedbackNonce);
|
||
formData.append('id', id);
|
||
formData.append('reply', reply);
|
||
|
||
fetch(feedbackAjaxUrl, { method: 'POST', body: formData })
|
||
.then(function(r) { return r.json(); })
|
||
.then(function(res) {
|
||
if (res.success) {
|
||
// 更新状态
|
||
var statusData = new FormData();
|
||
statusData.append('feedback_action', 'update_status');
|
||
statusData.append('feedback_nonce', feedbackNonce);
|
||
statusData.append('id', id);
|
||
statusData.append('status', status);
|
||
fetch(feedbackAjaxUrl, { method: 'POST', body: statusData });
|
||
|
||
closeReplyModal();
|
||
location.reload();
|
||
}
|
||
});
|
||
}
|
||
function togglePublic(id) {
|
||
var formData = new FormData();
|
||
formData.append('feedback_action', 'toggle_public');
|
||
formData.append('feedback_nonce', feedbackNonce);
|
||
formData.append('id', id);
|
||
fetch(feedbackAjaxUrl, { method: 'POST', body: formData })
|
||
.then(function(r) { return r.json(); })
|
||
.then(function(res) { if (res.success) location.reload(); });
|
||
}
|
||
function deleteFeedback(id) {
|
||
if (!confirm('<?php _e('确定要删除这条反馈吗？', 'argon'); ?>')) return;
|
||
var formData = new FormData();
|
||
formData.append('feedback_action', 'delete');
|
||
formData.append('feedback_nonce', feedbackNonce);
|
||
formData.append('id', id);
|
||
fetch(feedbackAjaxUrl, { method: 'POST', body: formData })
|
||
.then(function(r) { return r.json(); })
|
||
.then(function(res) { if (res.success) location.reload(); });
|
||
}
|
||
<?php endif; ?>
|
||
</script>
|
||
|
||
</main>
|
||
</div>
|
||
|
||
<?php get_footer(); ?>
|