kate522/wordpress-theme-aksrt
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(ban): align ban prompts with the reference theme modals and block page

Browse Source 
对照参考主题(Zibll)修正四项偏差，申诉链路从页面整体迁移至弹窗：

- feat(ban): 新增三个 1:1 复刻弹窗（REST /user-ban/{info,appeal,log}-modal）：
  查看禁封状态（多彩头 c-gray + 信息行 + 申诉按钮）、禁封申诉（edit-header
  gavel/c-blue + 信息框 + 资料项 data[key] 输入 + 审核中态 + 禁止申诉态）、
  禁封记录（多彩头 c-yellow + 计数 + 逐条卡片）；user-ban.js 增加
  data-aksrt-ban-info/appeal/log 委托与 admin-ajax 申诉提交
- feat(ban): 禁封/解封弹窗的「当前用户已有N次禁封记录」静态文案改为可点击
  黄链（N>1），打开禁封记录弹窗；解封视图信息行改复用统一数据源
- refactor(ban): 治理展示态收敛至 Restriction::state_badges()（封号=c-red
  违规已封号 / 小黑屋=c-yellow 小黑屋禁封中 / 禁言=c-gray 禁言中，颜色与
  字段统一管理）+ get_ban_info()（状态/起止时间/原因/说明/申诉权限，
  三弹窗与禁封页共用）
- feat(ban): 登录行为对齐参考主题——移除登录期拦截（enforce_login_ban）
  与 complete_login 禁封闸门，封号用户可正常登录；新增 template_redirect
  前台禁封页（1:1 zib_user_ban_restrict_login/zib_die_page：红盒提示 +
  信息行 + 申诉权限 + 退出登录/申诉按钮，模板 templates/parts/user/ban-block.php）
- feat(profile): 公开主页禁封状态从资料卡下方提示框改为占据身份行元信息位
  的 badg 徽章（参考主题 author_header_identity 语义）；用户中心元信息改为
  but 按钮（徽章+箭头）打开查看禁封状态弹窗；评论拒绝态链接同源
- refactor: 移除申诉页面模板（page-ban-appeal.php）及其资产/注册/入队、
  get_profile_notice/profile_notice 链、state_labels/state_notices/
  login_ban_message、UserRuntime 的 public_notice/ban_notice_text 死配置、
  report_settings 死键、无消费方的 aksrt_ban_appeal_status 端点
- feat(ban): BanAppeal::ajax_submit 兼容弹窗 data[key] 表单结构
  （逐项清洗入库，申诉说明取 data['申诉说明']，旧平铺字段保持兼容）
- chore: 重新构建 public.css/public.min.css（三个新弹窗几何与头部样式）
- test: 契约测试重写（徽章元信息位、三弹窗与记录链接、禁封页、允许登录 +
  前台拦截、死代码移除断言），全量 362 项通过
This commit is contained in:
kate522
2026-09-22 19:14:02 +08:00
parent 11eda33e58
commit a4af024f32
31 changed files with 1037 additions and 679 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/frontend/modal-runtime.css
+53 -11
View File
@@ -318,17 +318,35 @@ body.aksrt-modal-runtime-open {
background: var(--main-bg-color, #fff);
}
/* ---- 查看禁封状态 / 禁封申诉 / 禁封记录弹窗（参考主题 modal-mini 几何 1:1）----
参考主题三个链接均传 data_class='modal-mini'（宽 400px）、data-height=240。 */
.aksrt-user-ban-info-modal:not(.aksrt-modal-runtime--bottom) .aksrt-modal-runtime__dialog,
.aksrt-user-ban-appeal-modal:not(.aksrt-modal-runtime--bottom) .aksrt-modal-runtime__dialog,
.aksrt-user-ban-log-modal:not(.aksrt-modal-runtime--bottom) .aksrt-modal-runtime__dialog {
width: min(400px, calc(100vw - 32px));
border-radius: var(--main-radius, 8px);
background: var(--main-bg-color, #fff);
}
.aksrt-user-ban-info-modal .aksrt-modal-runtime__skeleton,
.aksrt-user-ban-appeal-modal .aksrt-modal-runtime__skeleton,
.aksrt-user-ban-log-modal .aksrt-modal-runtime__skeleton {
padding: 24px 18px;
}
.aksrt-user-ban-modal .aksrt-modal-runtime__skeleton {
padding: 24px 18px;
}
/* edit-header：与禁封表单头部同构（关闭钮靠右，红色警示徽标 + 标题居左）。 */
.aksrt-user-ban-modal .edit-header {
.aksrt-user-ban-modal .edit-header,
.aksrt-user-ban-appeal-modal .edit-header {
position: relative;
padding-right: 32px;
}
.aksrt-user-ban-modal .edit-header .close {
.aksrt-user-ban-modal .edit-header .close,
.aksrt-user-ban-appeal-modal .edit-header .close {
position: absolute;
right: 0;
top: 50%;
@@ -345,7 +363,11 @@ body.aksrt-modal-runtime-open {
/* 解封视图多彩横幅（参考主题 zib_get_modal_colorful_header('c-yellow', ...)）：
120px 高绝对定位横幅 + 旋转彩斑，后续表单整体下移 120px。 */
.aksrt-user-ban-modal .modal-colorful-header,
.aksrt-user-ban-modal .colorful-bg {
.aksrt-user-ban-modal .colorful-bg,
.aksrt-user-ban-info-modal .modal-colorful-header,
.aksrt-user-ban-info-modal .colorful-bg,
.aksrt-user-ban-log-modal .modal-colorful-header,
.aksrt-user-ban-log-modal .colorful-bg {
position: relative;
overflow: hidden;
color: var(--this-color);
@@ -353,7 +375,9 @@ body.aksrt-modal-runtime-open {
background-size: 120%;
}
.aksrt-user-ban-modal .modal-colorful-header {
.aksrt-user-ban-modal .modal-colorful-header,
.aksrt-user-ban-info-modal .modal-colorful-header,
.aksrt-user-ban-log-modal .modal-colorful-header {
position: absolute;
top: 0;
right: 0;
@@ -365,11 +389,15 @@ body.aksrt-modal-runtime-open {
border-radius: var(--main-radius, 8px) var(--main-radius, 8px) 0 0;
}
.aksrt-user-ban-modal .modal-colorful-header + * {
.aksrt-user-ban-modal .modal-colorful-header + *,
.aksrt-user-ban-info-modal .modal-colorful-header + *,
.aksrt-user-ban-log-modal .modal-colorful-header + * {
margin-top: 120px;
}
.aksrt-user-ban-modal .modal-colorful-header > .close {
.aksrt-user-ban-modal .modal-colorful-header > .close,
.aksrt-user-ban-info-modal .modal-colorful-header > .close,
.aksrt-user-ban-log-modal .modal-colorful-header > .close {
position: absolute;
top: 10px;
right: 10px;
@@ -381,7 +409,13 @@ body.aksrt-modal-runtime-open {
.aksrt-user-ban-modal .colorful-bg > .colorful-make,
.aksrt-user-ban-modal .colorful-bg > .colorful-make::before,
.aksrt-user-ban-modal .colorful-bg > .colorful-make::after {
.aksrt-user-ban-modal .colorful-bg > .colorful-make::after,
.aksrt-user-ban-info-modal .colorful-bg > .colorful-make,
.aksrt-user-ban-info-modal .colorful-bg > .colorful-make::before,
.aksrt-user-ban-info-modal .colorful-bg > .colorful-make::after,
.aksrt-user-ban-log-modal .colorful-bg > .colorful-make,
.aksrt-user-ban-log-modal .colorful-bg > .colorful-make::before,
.aksrt-user-ban-log-modal .colorful-bg > .colorful-make::after {
position: absolute;
color: var(--this-color);
background: var(--this-bg);
@@ -389,7 +423,9 @@ body.aksrt-modal-runtime-open {
content: '';
}
.aksrt-user-ban-modal .colorful-bg > .colorful-make {
.aksrt-user-ban-modal .colorful-bg > .colorful-make,
.aksrt-user-ban-info-modal .colorful-bg > .colorful-make,
.aksrt-user-ban-log-modal .colorful-bg > .colorful-make {
top: 60%;
bottom: 0;
width: 323px;
@@ -397,7 +433,9 @@ body.aksrt-modal-runtime-open {
animation: aksrt-ban-colorful 120s linear infinite;
}
.aksrt-user-ban-modal .colorful-bg > .colorful-make::before {
.aksrt-user-ban-modal .colorful-bg > .colorful-make::before,
.aksrt-user-ban-info-modal .colorful-bg > .colorful-make::before,
.aksrt-user-ban-log-modal .colorful-bg > .colorful-make::before {
top: -325px;
right: -558px;
bottom: 0;
@@ -407,7 +445,9 @@ body.aksrt-modal-runtime-open {
transform: rotate(341deg);
}
.aksrt-user-ban-modal .colorful-bg > .colorful-make::after {
.aksrt-user-ban-modal .colorful-bg > .colorful-make::after,
.aksrt-user-ban-info-modal .colorful-bg > .colorful-make::after,
.aksrt-user-ban-log-modal .colorful-bg > .colorful-make::after {
top: -170px;
bottom: 0;
left: -262px;
@@ -417,7 +457,9 @@ body.aksrt-modal-runtime-open {
transform: rotate(326deg);
}
.aksrt-user-ban-modal .colorful-bg > .colorful-make + * {
.aksrt-user-ban-modal .colorful-bg > .colorful-make + *,
.aksrt-user-ban-info-modal .colorful-bg > .colorful-make + *,
.aksrt-user-ban-log-modal .colorful-bg > .colorful-make + * {
position: relative;
}