Merge pull request 'fix(user): replicate level center page' (#33) from worktree/user-level into main
Reviewed-on: #33
This commit was merged in pull request #33.
This commit is contained in:
@@ -1,95 +1,383 @@
|
|||||||
/* User level — dedicated center panel.
|
/* User level panel — zibll-aligned single-path layout. */
|
||||||
* Base level icon sizing lives in assets/css/frontend/base.css (1.1em, inline).
|
|
||||||
* This file keeps only the UC-level-specific hero/road overrides + admin column. */
|
|
||||||
.aksrt-user-level-icon--admin { height: 22px; }
|
.aksrt-user-level-icon--admin { height: 22px; }
|
||||||
|
|
||||||
.uc-level-page { display: grid; gap: 16px; }
|
/* The level page owns its cards; do not wrap it in the generic dashboard card. */
|
||||||
.uc-level-page .aksrt-panel {
|
.uc-content #panel-level.dashboard-panel {
|
||||||
margin: 0;
|
padding: 0;
|
||||||
padding: 18px;
|
border: 0;
|
||||||
border: 1px solid var(--color-line-soft, rgba(0,0,0,.06));
|
border-radius: 0;
|
||||||
border-radius: var(--main-radius, 10px);
|
background: transparent;
|
||||||
background: var(--main-bg-color, var(--surface-1, #fff));
|
box-shadow: none;
|
||||||
box-shadow: 0 0 10px var(--main-shadow, rgba(116,116,116,.08));
|
|
||||||
}
|
}
|
||||||
.uc-level-hero {
|
|
||||||
|
.aksrt-level-page {
|
||||||
|
color: var(--color-ink, #4e5358);
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-level-page .row {
|
||||||
|
margin-right: -10px;
|
||||||
|
margin-left: -10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-level-page .row > [class*="col-"] {
|
||||||
|
padding-right: 10px;
|
||||||
|
padding-left: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-level-page__summary {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-level-card {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
min-height: 176px;
|
||||||
|
margin-bottom: 0;
|
||||||
|
padding: 15px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
background: linear-gradient(135deg, rgba(124,58,237,.12), rgba(236,72,153,.10)) !important;
|
border: 0;
|
||||||
|
border-radius: var(--main-radius, 8px);
|
||||||
|
box-shadow: 0 0 10px var(--main-shadow, rgba(116, 116, 116, .08));
|
||||||
}
|
}
|
||||||
.uc-level-hero::after {
|
|
||||||
content: '';
|
.aksrt-level-card .colorful-make {
|
||||||
position: absolute;
|
|
||||||
width: 220px;
|
|
||||||
height: 220px;
|
|
||||||
right: -80px;
|
|
||||||
top: -100px;
|
|
||||||
border-radius: 50%;
|
|
||||||
background: rgba(255,255,255,.2);
|
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
.uc-level-hero__identity { display: flex; align-items: center; gap: 14px; position: relative; z-index: 1; }
|
|
||||||
.uc-level-hero__identity p { margin: 0 0 3px; color: var(--muted-2-color, #8b9198); font-size: 12px; }
|
.aksrt-level-card__summary-inner,
|
||||||
.uc-level-hero__identity h2 { margin: 0; font-size: 22px; }
|
.aksrt-level-card__growth-inner {
|
||||||
.uc-level-hero__icon {
|
position: relative;
|
||||||
display: grid;
|
z-index: 1;
|
||||||
place-items: center;
|
display: flex;
|
||||||
width: 62px;
|
flex-direction: column;
|
||||||
height: 62px;
|
justify-content: space-between;
|
||||||
border-radius: 16px;
|
min-height: 146px;
|
||||||
background: rgba(255,255,255,.62);
|
|
||||||
box-shadow: inset 0 0 0 1px rgba(255,255,255,.55);
|
|
||||||
}
|
}
|
||||||
.uc-level-hero__icon .aksrt-user-level-icon { max-width: 48px; height: 42px; }
|
|
||||||
.uc-level-hero__stats { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 10px; margin: 20px 0 16px; position: relative; z-index: 1; }
|
|
||||||
.uc-level-hero__stats > div { padding: 12px; border-radius: 10px; background: rgba(255,255,255,.46); }
|
|
||||||
.uc-level-hero__stats strong, .uc-level-hero__stats span { display: block; }
|
|
||||||
.uc-level-hero__stats strong { font-size: 18px; }
|
|
||||||
.uc-level-hero__stats span { margin-top: 3px; font-size: 11px; color: var(--muted-2-color, #747b83); }
|
|
||||||
.uc-level-hero__progress { position: relative; z-index: 1; }
|
|
||||||
.uc-level-hero__progress-meta { display: flex; justify-content: space-between; margin-bottom: 7px; font-size: 12px; font-weight: 700; }
|
|
||||||
.uc-level-progress { height: 9px; overflow: hidden; border-radius: 999px; background: rgba(127,127,127,.18); }
|
|
||||||
.uc-level-progress > span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #7c3aed, #ec4899); }
|
|
||||||
|
|
||||||
.uc-level-section__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
|
.aksrt-level-card--summary {
|
||||||
.uc-level-section__head h3 { margin: 0; font-size: 16px; }
|
--this-color: #866127;
|
||||||
.uc-level-section__head span { color: var(--muted-2-color, #8b9198); font-size: 11px; }
|
--this-bg: linear-gradient(25deg, #eabe7b 10%, #f5e3c7 70%, #edc788 100%);
|
||||||
.uc-level-road { display: grid; grid-template-columns: repeat(auto-fit, minmax(92px, 1fr)); gap: 10px; }
|
color: var(--this-color);
|
||||||
.uc-level-road__item { position: relative; display: flex; flex-direction: column; align-items: center; gap: 5px; padding: 14px 8px; border: 1px solid var(--color-line-soft, rgba(0,0,0,.06)); border-radius: 10px; opacity: .58; text-align: center; }
|
}
|
||||||
.uc-level-road__item.is-done { opacity: .78; }
|
|
||||||
.uc-level-road__item.is-current { opacity: 1; border-color: #8b5cf6; box-shadow: 0 0 0 2px rgba(139,92,246,.12); }
|
|
||||||
.uc-level-road__item.is-current::after { content: '当前'; position: absolute; top: 6px; right: 6px; padding: 1px 5px; border-radius: 999px; background: #8b5cf6; color: #fff; font-size: 9px; }
|
|
||||||
.uc-level-road__icon { display: grid; place-items: center; height: 40px; }
|
|
||||||
.uc-level-road__icon img { max-width: 52px; max-height: 38px; object-fit: contain; }
|
|
||||||
.uc-level-road__icon span { font-weight: 800; color: #7c3aed; }
|
|
||||||
.uc-level-road__item strong { font-size: 12px; }
|
|
||||||
.uc-level-road__item small { color: var(--muted-2-color, #8b9198); font-size: 10px; }
|
|
||||||
|
|
||||||
.uc-level-methods { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; }
|
.aksrt-level-card--growth {
|
||||||
.uc-level-methods__item { display: grid; grid-template-columns: 34px 1fr auto; align-items: center; gap: 10px; padding: 11px; border: 1px solid var(--color-line-soft, rgba(0,0,0,.06)); border-radius: 9px; }
|
--this-color: #888;
|
||||||
.uc-level-methods__item > span { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 9px; background: rgba(245,158,11,.12); color: #d97706; }
|
--this-bg: rgba(136, 136, 136, .1);
|
||||||
.uc-level-methods__item strong, .uc-level-methods__item small { display: block; }
|
color: var(--this-color);
|
||||||
.uc-level-methods__item strong { font-size: 12px; }
|
}
|
||||||
.uc-level-methods__item small { margin-top: 2px; color: var(--muted-2-color, #8b9198); font-size: 10px; }
|
|
||||||
.uc-level-methods__item b { color: #7c3aed; }
|
|
||||||
.uc-level-ledger__row time + small { display: block; margin-top: 2px; color: var(--muted-2-color, #8b9198); font-size: 10px; }
|
|
||||||
|
|
||||||
.uc-level-history-grid { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(240px,.65fr); gap: 16px; }
|
.aksrt-level-card__identity,
|
||||||
.uc-level-ledger, .uc-level-dates { display: grid; }
|
.aksrt-level-card__current,
|
||||||
.uc-level-ledger__row { display: grid; grid-template-columns: 36px 1fr auto; align-items: center; gap: 10px; padding: 11px 0; border-bottom: 1px solid var(--color-line-soft, rgba(0,0,0,.05)); }
|
.aksrt-level-card__growth-head {
|
||||||
.uc-level-ledger__row:last-child, .uc-level-dates > div:last-child { border-bottom: 0; }
|
display: flex;
|
||||||
.uc-level-ledger__icon { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 9px; background: rgba(124,58,237,.10); color: #7c3aed; }
|
align-items: center;
|
||||||
.uc-level-ledger__row strong, .uc-level-ledger__row time { display: block; }
|
}
|
||||||
.uc-level-ledger__row strong { font-size: 13px; }
|
|
||||||
.uc-level-ledger__row time { margin-top: 2px; color: var(--muted-2-color, #8b9198); font-size: 10px; }
|
.aksrt-level-card__identity {
|
||||||
.uc-level-ledger__row b { color: #16a34a; font-size: 13px; }
|
gap: 6px;
|
||||||
.uc-level-dates > div { display: flex; justify-content: space-between; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--color-line-soft, rgba(0,0,0,.05)); font-size: 12px; }
|
font-weight: 700;
|
||||||
.uc-level-dates span { color: #16a34a; font-weight: 700; }
|
}
|
||||||
.uc-level-empty { margin: 0; padding: 24px 0; color: var(--muted-2-color, #8b9198); text-align: center; }
|
|
||||||
|
.aksrt-level-card__avatar {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
width: 32px;
|
||||||
|
height: 32px;
|
||||||
|
margin-top: -4px;
|
||||||
|
overflow: hidden;
|
||||||
|
border-radius: 50%;
|
||||||
|
background: rgba(255, 255, 255, .45);
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-level-card__avatar img {
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-level-card__current {
|
||||||
|
justify-content: flex-end;
|
||||||
|
gap: 8px;
|
||||||
|
margin-top: -27px;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-level-card__badge {
|
||||||
|
display: inline-block;
|
||||||
|
width: auto;
|
||||||
|
max-width: 72px;
|
||||||
|
height: 26px;
|
||||||
|
object-fit: contain;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-level-card__badge-text {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
min-width: 34px;
|
||||||
|
height: 26px;
|
||||||
|
padding: 0 6px;
|
||||||
|
border-radius: 4px;
|
||||||
|
background: rgba(255, 255, 255, .38);
|
||||||
|
font-size: 12px;
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-level-card__progress-copy {
|
||||||
|
margin-top: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-level-card__progress-copy .flex {
|
||||||
|
gap: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-level-card__progress-copy strong {
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-level-card__progress-copy span {
|
||||||
|
font-size: 11px;
|
||||||
|
opacity: .8;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-level-progress {
|
||||||
|
height: 3px;
|
||||||
|
overflow: hidden;
|
||||||
|
margin: 0;
|
||||||
|
border-radius: 4px;
|
||||||
|
background: rgba(155, 107, 78, .28);
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-level-progress > span {
|
||||||
|
display: block;
|
||||||
|
height: 100%;
|
||||||
|
border-radius: inherit;
|
||||||
|
background: #9b6b4e;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-level-card__growth-head {
|
||||||
|
justify-content: space-between;
|
||||||
|
gap: 12px;
|
||||||
|
min-height: 28px;
|
||||||
|
line-height: 1.35;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-level-card__growth-head > div {
|
||||||
|
min-width: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-level-card__growth-head strong,
|
||||||
|
.aksrt-level-card__growth-head a {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-level-card__growth-head strong {
|
||||||
|
margin-right: 12px;
|
||||||
|
color: inherit;
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-level-card__growth-head strong i {
|
||||||
|
margin-right: 6px;
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-level-card__growth-head a {
|
||||||
|
font-size: 11px;
|
||||||
|
text-decoration: none;
|
||||||
|
opacity: .8;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-level-card__growth-head > a {
|
||||||
|
flex: 0 0 auto;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-level-growth {
|
||||||
|
width: 100%;
|
||||||
|
min-height: 96px;
|
||||||
|
margin-top: 4px;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-level-growth .swiper-wrapper {
|
||||||
|
align-items: flex-end;
|
||||||
|
min-height: 96px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-level-growth .pillar-item {
|
||||||
|
display: flex;
|
||||||
|
flex: 0 0 34px;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: flex-end;
|
||||||
|
min-height: 96px;
|
||||||
|
color: inherit;
|
||||||
|
opacity: .9;
|
||||||
|
text-align: center;
|
||||||
|
transition: opacity .2s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-level-growth .pillar-item.is-future {
|
||||||
|
opacity: .5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-level-growth .pillar-item .value {
|
||||||
|
min-height: 15px;
|
||||||
|
font-size: 9px;
|
||||||
|
line-height: 15px;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-level-growth .pillar-item .pillar {
|
||||||
|
width: 6px;
|
||||||
|
min-height: 2px;
|
||||||
|
margin: 0 auto 3px;
|
||||||
|
border-radius: 6px;
|
||||||
|
background: linear-gradient(#707479, #bfc5cc);
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-level-growth .pillar-item.active {
|
||||||
|
color: #b97030;
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-level-growth .pillar-item.active .pillar {
|
||||||
|
background: linear-gradient(#c1764a, #e8c48e);
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-level-growth .level-name {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
height: 22px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-level-growth .level-name img {
|
||||||
|
display: block;
|
||||||
|
width: auto;
|
||||||
|
max-width: 32px;
|
||||||
|
height: 18px;
|
||||||
|
object-fit: contain;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-level-growth .level-name span {
|
||||||
|
font-size: 9px;
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-level-experience {
|
||||||
|
clear: both;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
padding: 15px;
|
||||||
|
border: 0;
|
||||||
|
border-radius: var(--main-radius, 8px);
|
||||||
|
background: var(--main-bg-color, var(--surface-1, #fff));
|
||||||
|
box-shadow: 0 0 10px var(--main-shadow, rgba(116, 116, 116, .08));
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-level-experience .box-body {
|
||||||
|
padding: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-level-tabs {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 6px;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-level-tabs .but {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-level-tabs .but.is-active {
|
||||||
|
color: var(--focus-color, #f04494);
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-level-experience .tab-content {
|
||||||
|
min-height: 80px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-level-experience .tab-pane[hidden] {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-level-list-row,
|
||||||
|
.aksrt-level-date-row {
|
||||||
|
border-color: var(--main-border-color, rgba(0, 0, 0, .06));
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-level-list-row .focus-color,
|
||||||
|
.aksrt-level-date-row .focus-color {
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-level-empty {
|
||||||
|
margin: 0;
|
||||||
|
padding: 24px 0;
|
||||||
|
color: var(--muted-2-color, #999);
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 991px) {
|
||||||
|
.aksrt-level-card--summary,
|
||||||
|
.aksrt-level-card--growth {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-level-page__summary {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
@media (max-width: 767px) {
|
@media (max-width: 767px) {
|
||||||
.uc-level-hero__stats { grid-template-columns: 1fr; }
|
.aksrt-level-page .row {
|
||||||
.uc-level-history-grid { grid-template-columns: 1fr; }
|
margin-right: 0;
|
||||||
.uc-level-methods { grid-template-columns: 1fr; }
|
margin-left: 0;
|
||||||
.uc-level-road { grid-template-columns: repeat(2, minmax(0,1fr)); }
|
}
|
||||||
|
|
||||||
|
.aksrt-level-page .row > [class*="col-"] {
|
||||||
|
padding-right: 0;
|
||||||
|
padding-left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-level-card {
|
||||||
|
min-height: 176px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-level-card__growth-head {
|
||||||
|
align-items: flex-start;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-level-card__growth-head > a {
|
||||||
|
align-self: flex-end;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-level-growth {
|
||||||
|
min-height: 92px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-level-growth .swiper-wrapper,
|
||||||
|
.aksrt-level-growth .pillar-item {
|
||||||
|
min-height: 92px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-level-experience {
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-level-experience .box-body {
|
||||||
|
padding: 10px 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-level-list-row .flex {
|
||||||
|
align-items: flex-start;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -107,12 +107,11 @@
|
|||||||
var allowedParams = [];
|
var allowedParams = [];
|
||||||
if (name === 'creator') allowedParams = ['income_page'];
|
if (name === 'creator') allowedParams = ['income_page'];
|
||||||
if (name === 'revenue') allowedParams = ['reward_tab', 'commission_page', 'user_page'];
|
if (name === 'revenue') allowedParams = ['reward_tab', 'commission_page', 'user_page'];
|
||||||
if (name === 'posts') allowedParams = ['post_status', 'posts_page'];
|
if (name === 'posts') allowedParams = ['post_status', 'posts_page'];
|
||||||
if (name === 'follow') allowedParams = ['follow_list', 'follow_page'];
|
if (name === 'follow') allowedParams = ['follow_list', 'follow_page'];
|
||||||
if (name === 'credits') allowedParams = ['asset', 'page'];
|
allowedParams.forEach(function(key) {
|
||||||
allowedParams.forEach(function(key) {
|
if (params.get(key)) url += (url.indexOf('?') === -1 ? '?' : '&') + key + '=' + encodeURIComponent(params.get(key));
|
||||||
if (params.get(key)) url += (url.indexOf('?') === -1 ? '?' : '&') + key + '=' + encodeURIComponent(params.get(key));
|
});
|
||||||
});
|
|
||||||
}
|
}
|
||||||
target._aksrtPanelRequest = fetch(url, {
|
target._aksrtPanelRequest = fetch(url, {
|
||||||
credentials: 'same-origin',
|
credentials: 'same-origin',
|
||||||
@@ -135,9 +134,31 @@
|
|||||||
return target._aksrtPanelRequest;
|
return target._aksrtPanelRequest;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Revenue tabs are injected with the panel HTML. Handle them in the
|
/* Level tabs are nested inside the active panel and must not enter the
|
||||||
* capture phase so they never fall through to a browser navigation. */
|
* main user-center navigation handler. */
|
||||||
function loadRevenueTab(queryParams) {
|
function activateLevelTab(link) {
|
||||||
|
var page = link.closest('.aksrt-level-page');
|
||||||
|
var paneId = link.getAttribute('data-aksrt-level-tab') || '';
|
||||||
|
if (!page || !paneId) return false;
|
||||||
|
var pane = Array.prototype.find.call(page.querySelectorAll('.aksrt-level-experience .tab-pane'), function(item) {
|
||||||
|
return item.id === paneId;
|
||||||
|
});
|
||||||
|
if (!pane) return false;
|
||||||
|
page.querySelectorAll('[data-aksrt-level-tab]').forEach(function(tab) {
|
||||||
|
var active = tab.getAttribute('data-aksrt-level-tab') === paneId;
|
||||||
|
tab.classList.toggle('is-active', active);
|
||||||
|
if (tab.getAttribute('role') === 'tab') tab.setAttribute('aria-selected', active ? 'true' : 'false');
|
||||||
|
});
|
||||||
|
page.querySelectorAll('.aksrt-level-experience .tab-pane').forEach(function(item) {
|
||||||
|
var active = item === pane;
|
||||||
|
item.classList.toggle('active', active);
|
||||||
|
item.classList.toggle('in', active);
|
||||||
|
item.hidden = !active;
|
||||||
|
});
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
|
||||||
|
function loadRevenueTab(queryParams) {
|
||||||
var target = document.getElementById('panel-revenue');
|
var target = document.getElementById('panel-revenue');
|
||||||
var restUrl = (window.aksrtData && (window.aksrtData.restUrl || window.aksrtData.apiUrl)) || cfg.restUrl || '';
|
var restUrl = (window.aksrtData && (window.aksrtData.restUrl || window.aksrtData.apiUrl)) || cfg.restUrl || '';
|
||||||
if (!target || !restUrl) return Promise.reject(new Error('revenue-panel-unavailable'));
|
if (!target || !restUrl) return Promise.reject(new Error('revenue-panel-unavailable'));
|
||||||
@@ -201,8 +222,14 @@
|
|||||||
|
|
||||||
// Delegate every internal user-center link. This also covers markup injected
|
// Delegate every internal user-center link. This also covers markup injected
|
||||||
// after a REST panel refresh, so panel navigation never falls back to a full load.
|
// after a REST panel refresh, so panel navigation never falls back to a full load.
|
||||||
document.addEventListener('click', function(e) {
|
document.addEventListener('click', function(e) {
|
||||||
var withdrawOpen = e.target && e.target.closest ? e.target.closest('[data-aksrt-withdraw-open]') : null;
|
var levelTab = e.target && e.target.closest ? e.target.closest('[data-aksrt-level-tab]') : null;
|
||||||
|
if (levelTab && activateLevelTab(levelTab)) {
|
||||||
|
e.preventDefault();
|
||||||
|
e.stopPropagation();
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
var withdrawOpen = e.target && e.target.closest ? e.target.closest('[data-aksrt-withdraw-open]') : null;
|
||||||
if (withdrawOpen) {
|
if (withdrawOpen) {
|
||||||
var withdrawModal = document.querySelector('[data-aksrt-withdraw-modal]');
|
var withdrawModal = document.querySelector('[data-aksrt-withdraw-modal]');
|
||||||
if (withdrawModal) {
|
if (withdrawModal) {
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
<?php
|
<?php
|
||||||
/**
|
/**
|
||||||
* User center: growth level, route and experience history.
|
* User center: level summary, growth path and experience history.
|
||||||
*
|
*
|
||||||
* @package AKSRT
|
* @package AKSRT
|
||||||
*/
|
*/
|
||||||
@@ -9,7 +9,7 @@ defined('ABSPATH') || exit;
|
|||||||
|
|
||||||
$context = is_array($args['context'] ?? null) ? $args['context'] : [];
|
$context = is_array($args['context'] ?? null) ? $args['context'] : [];
|
||||||
$user_id = (int) ($context['user_id'] ?? get_current_user_id());
|
$user_id = (int) ($context['user_id'] ?? get_current_user_id());
|
||||||
if ($user_id <= 0 || !class_exists('\AKSRT\User\Level')) {
|
if ($user_id <= 0 || !class_exists('\\AKSRT\\User\\Level')) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -19,115 +19,152 @@ if (empty($cfg['enabled'])) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
$progress = \AKSRT\User\Level::get_progress($user_id);
|
$progress = \AKSRT\User\Level::get_progress($user_id);
|
||||||
$details = \AKSRT\User\Level::get_details($user_id);
|
$details = array_slice(\AKSRT\User\Level::get_details($user_id), 0, 50);
|
||||||
$date_details = \AKSRT\User\Level::get_date_details($user_id);
|
$date_details = array_slice(\AKSRT\User\Level::get_date_details($user_id), 0, 30, true);
|
||||||
$labels = \AKSRT\User\Level::integral_labels();
|
$labels = \AKSRT\User\Level::integral_labels();
|
||||||
$opt = is_array($cfg['level_opt'] ?? null) ? $cfg['level_opt'] : [];
|
$level_opt = is_array($cfg['level_opt'] ?? null) ? $cfg['level_opt'] : [];
|
||||||
$today = current_time('Y-m-d');
|
$today = current_time('Y-m-d');
|
||||||
$today_integral = max(0, (int) ($date_details[$today] ?? 0));
|
$today_integral = max(0, (int) ($date_details[$today] ?? 0));
|
||||||
$day_max = \AKSRT\User\Level::day_max();
|
$day_max = \AKSRT\User\Level::day_max();
|
||||||
|
$current_level = max(1, (int) ($progress['level'] ?? 1));
|
||||||
|
$max_level = max(1, (int) ($cfg['max'] ?? 10));
|
||||||
|
$level_icon = (string) ($progress['icon'] ?? '');
|
||||||
|
$level_name = (string) ($progress['name'] ?? \AKSRT\User\Level::get_level_name($current_level));
|
||||||
|
|
||||||
|
$badge_html = '';
|
||||||
|
if ($level_icon !== '') {
|
||||||
|
$badge_html = '<img' . aksrt_get_lazy_attr('lazy_other', $level_icon, 'aksrt-level-card__badge img-icon') . ' alt="' . esc_attr($level_name) . '" title="' . esc_attr($level_name) . '" decoding="async">';
|
||||||
|
} else {
|
||||||
|
$badge_html = '<span class="aksrt-level-card__badge-text" title="' . esc_attr($level_name) . '">LV' . esc_html((string) $current_level) . '</span>';
|
||||||
|
}
|
||||||
|
|
||||||
|
$avatar_html = function_exists('aksrt_get_avatar_html')
|
||||||
|
? aksrt_get_avatar_html($user_id, 48, ['class' => 'avatar-mini'])
|
||||||
|
: get_avatar($user_id, 48);
|
||||||
|
|
||||||
|
$next_need = max(0, (int) ($progress['next_need'] ?? 0));
|
||||||
|
$integral = max(0, (int) ($progress['integral'] ?? 0));
|
||||||
|
$remaining = max(0, (int) ($progress['remaining'] ?? 0));
|
||||||
|
$percentage = max(0, min(100, (int) ($progress['progress'] ?? 0)));
|
||||||
?>
|
?>
|
||||||
<div class="uc-level-page">
|
<div class="aksrt-level-page">
|
||||||
<section class="uc-level-hero aksrt-panel">
|
<div class="row aksrt-level-page__summary">
|
||||||
<div class="uc-level-hero__identity">
|
<div class="col-md-5">
|
||||||
<div class="uc-level-hero__icon">
|
<section class="zib-widget colorful-bg jb-vip1 aksrt-level-card aksrt-level-card--summary">
|
||||||
<?php echo \AKSRT\User\Level::get_badge_html($user_id); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
|
<div class="colorful-make" aria-hidden="true"></div>
|
||||||
</div>
|
<div class="aksrt-level-card__summary-inner">
|
||||||
<div>
|
<div class="aksrt-level-card__identity">
|
||||||
<p><?php esc_html_e('我的等级', 'aksrt'); ?></p>
|
<div class="avatar-mini aksrt-level-card__avatar"><?php echo $avatar_html; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?></div>
|
||||||
<h2><?php echo esc_html((string) $progress['name']); ?></h2>
|
<strong><?php esc_html_e('我的等级', 'aksrt'); ?></strong>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="aksrt-level-card__current">
|
||||||
<div class="uc-level-hero__stats">
|
<?php echo $badge_html; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
|
||||||
<div><strong><?php echo esc_html((string) $progress['integral']); ?></strong><span><?php esc_html_e('累计经验', 'aksrt'); ?></span></div>
|
<span><?php echo esc_html($level_name); ?></span>
|
||||||
<div><strong><?php echo esc_html((string) $today_integral); ?><?php echo $day_max > 0 ? '/' . esc_html((string) $day_max) : ''; ?></strong><span><?php esc_html_e('今日经验', 'aksrt'); ?></span></div>
|
</div>
|
||||||
<div><strong><?php echo esc_html((string) $progress['remaining']); ?></strong><span><?php echo !empty($progress['is_max']) ? esc_html__('已达最高等级', 'aksrt') : esc_html__('升级还需', 'aksrt'); ?></span></div>
|
<div class="aksrt-level-card__progress-copy">
|
||||||
</div>
|
<?php if (!empty($progress['is_max'])) : ?>
|
||||||
<div class="uc-level-hero__progress">
|
<div class="flex jsb mb6 ab"><strong><?php echo esc_html((string) $integral); ?>/<?php echo esc_html((string) $integral); ?></strong><span><?php esc_html_e('已为最高等级', 'aksrt'); ?></span></div>
|
||||||
<div class="uc-level-hero__progress-meta">
|
<?php else : ?>
|
||||||
<span><?php echo esc_html((string) $progress['integral']); ?> EXP</span>
|
<div class="flex jsb mb6 ab"><strong><?php echo esc_html((string) $integral); ?>/<?php echo esc_html((string) $next_need); ?></strong><span><?php printf(esc_html__('升级还需 %d 经验', 'aksrt'), $remaining); ?></span></div>
|
||||||
<span><?php echo !empty($progress['is_max']) ? esc_html__('最高等级', 'aksrt') : esc_html((string) $progress['next_need']) . ' EXP'; ?></span>
|
<?php endif; ?>
|
||||||
</div>
|
<div class="aksrt-level-progress" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="<?php echo esc_attr((string) $percentage); ?>" aria-label="<?php esc_attr_e('等级进度', 'aksrt'); ?>"><span style="width:<?php echo esc_attr((string) $percentage); ?>%;"></span></div>
|
||||||
<div class="uc-level-progress"><span style="width:<?php echo esc_attr((string) $progress['progress']); ?>%"></span></div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<section class="uc-level-section aksrt-panel">
|
|
||||||
<div class="uc-level-section__head"><h3><?php esc_html_e('成长路线', 'aksrt'); ?></h3><span><?php printf(esc_html__('最高 %d 级', 'aksrt'), (int) $cfg['max']); ?></span></div>
|
|
||||||
<div class="uc-level-road">
|
|
||||||
<?php for ($level = 1; $level <= (int) $cfg['max']; $level++) :
|
|
||||||
$need = $level === 1 ? 0 : max(0, (int) ($opt['upgrade_integral_' . $level] ?? (($level - 1) * 500 * $level)));
|
|
||||||
$name = \AKSRT\User\Level::get_level_name($level);
|
|
||||||
$state = $level < (int) $progress['level'] ? ' is-done' : ($level === (int) $progress['level'] ? ' is-current' : '');
|
|
||||||
?>
|
|
||||||
<div class="uc-level-road__item<?php echo esc_attr($state); ?>">
|
|
||||||
<div class="uc-level-road__icon">
|
|
||||||
<?php $icon = \AKSRT\User\Level::get_level_icon_url($level); ?>
|
|
||||||
<?php if ($icon !== '') : ?><img<?php echo aksrt_get_lazy_attr('lazy_other', (string) $icon); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?> alt=""><?php else : ?><span>LV<?php echo esc_html((string) $level); ?></span><?php endif; ?>
|
|
||||||
</div>
|
</div>
|
||||||
<strong><?php echo esc_html($name); ?></strong>
|
|
||||||
<small><?php echo esc_html((string) $need); ?> EXP</small>
|
|
||||||
</div>
|
</div>
|
||||||
<?php endfor; ?>
|
</section>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
<div class="col-md-7">
|
||||||
|
<section class="zib-widget colorful-bg c-gray aksrt-level-card aksrt-level-card--growth">
|
||||||
<section class="uc-level-section aksrt-panel">
|
<div class="colorful-make" aria-hidden="true"></div>
|
||||||
<div class="uc-level-section__head"><h3><?php esc_html_e('获取经验值', 'aksrt'); ?></h3><span><?php esc_html_e('完成互动即可成长', 'aksrt'); ?></span></div>
|
<div class="aksrt-level-card__growth-inner">
|
||||||
<div class="uc-level-methods">
|
<div class="aksrt-level-card__growth-head">
|
||||||
<?php
|
<div>
|
||||||
$methods = \AKSRT\User\Level::integral_defaults();
|
<strong><i class="fa fas fa-line-chart" aria-hidden="true"></i><?php esc_html_e('成长体系', 'aksrt'); ?></strong>
|
||||||
$methods['checkin'] = 0;
|
<a class="muted-2-color" data-aksrt-level-tab="tab_integral_my" href="#tab_integral_my"><?php printf(esc_html__('我的经验值:%d', 'aksrt'), $integral); ?></a>
|
||||||
$methods['referral'] = 0;
|
</div>
|
||||||
$methods['shop_gift'] = 0;
|
<a id="tab-integral-date-link" class="muted-2-color" data-aksrt-level-tab="tab_integral_date" href="#tab_integral_date"><?php echo $today_integral > 0 ? esc_html(sprintf(__('今日 +%d', 'aksrt'), $today_integral)) : esc_html__('查看详情', 'aksrt'); ?><i class="fa fa-angle-right ml6" aria-hidden="true"></i></a>
|
||||||
$referral_settings = class_exists('\AKSRT\Settings\Settings') ? \AKSRT\Settings\Settings::get_referral_reward_settings() : [];
|
</div>
|
||||||
$methods['referral'] = max(0, (int) ($referral_settings['level_points'] ?? 0));
|
<div class="swiper-container swiper-scroll pillar-box aksrt-level-growth" scroll-nogroup="1">
|
||||||
foreach ($methods as $key => $default_value) :
|
<div class="swiper-wrapper">
|
||||||
if ($key === 'day_max') continue;
|
<?php for ($level = 1; $level <= $max_level; $level++) :
|
||||||
$value = in_array($key, ['checkin', 'shop_gift'], true) ? 0 : ($key === 'referral' ? (int) $default_value : \AKSRT\User\Level::task_points($key));
|
$need = $level === 1 ? 0 : max(0, (int) ($level_opt['upgrade_integral_' . $level] ?? (($level - 1) * 500 * $level)));
|
||||||
if ($value <= 0 && !in_array($key, ['checkin', 'shop_gift'], true)) continue;
|
$name = \AKSRT\User\Level::get_level_name($level);
|
||||||
?>
|
$icon = \AKSRT\User\Level::get_level_icon_url($level);
|
||||||
<div class="uc-level-methods__item">
|
$height = $level === 1 ? 0 : (int) round(86 * ($level / $max_level));
|
||||||
<span><i class="fa fas fa-bolt" aria-hidden="true"></i></span>
|
$state = $level === $current_level ? ' active' : ($level > $current_level ? ' is-future' : '');
|
||||||
<div><strong><?php echo esc_html($labels[$key] ?? $key); ?></strong><small><?php echo in_array($key, ['checkin', 'shop_gift'], true) ? esc_html__('按活动或商品配置发放', 'aksrt') : esc_html__('完成后自动计入经验', 'aksrt'); ?></small></div>
|
?>
|
||||||
<b><?php echo $value > 0 ? '+' . esc_html((string) $value) : esc_html__('动态', 'aksrt'); ?></b>
|
<div class="swiper-slide pillar-item<?php echo esc_attr($state); ?>" title="<?php echo esc_attr($name); ?>">
|
||||||
|
<div class="value"><?php echo esc_html((string) $need); ?></div>
|
||||||
|
<div class="pillar" style="height:<?php echo esc_attr((string) $height); ?>px;"></div>
|
||||||
|
<div class="level-name">
|
||||||
|
<?php if ($icon !== '') : ?><img<?php echo aksrt_get_lazy_attr('lazy_other', $icon, 'aksrt-level-growth__badge img-icon'); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?> alt="<?php echo esc_attr($name); ?>" title="<?php echo esc_attr($name); ?>" decoding="async"><?php else : ?><span>LV<?php echo esc_html((string) $level); ?></span><?php endif; ?>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<?php endfor; ?>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<?php endforeach; ?>
|
</section>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</div>
|
||||||
|
|
||||||
<div class="uc-level-history-grid">
|
<section class="zib-widget aksrt-level-experience">
|
||||||
<section class="uc-level-section aksrt-panel">
|
<div class="box-body">
|
||||||
<div class="uc-level-section__head"><h3><?php esc_html_e('经验明细', 'aksrt'); ?></h3><span><?php esc_html_e('最近 50 条', 'aksrt'); ?></span></div>
|
<div class="aksrt-level-tabs" role="tablist" aria-label="<?php esc_attr_e('经验记录', 'aksrt'); ?>">
|
||||||
<?php if ($details) : ?>
|
<a id="tab-integral-get" class="but mr6 is-active" data-aksrt-level-tab="tab_integral_get" href="#tab_integral_get" role="tab" aria-controls="tab_integral_get" aria-selected="true"><?php esc_html_e('获取经验值', 'aksrt'); ?></a>
|
||||||
<div class="uc-level-ledger">
|
<a id="tab-integral-my" class="but" data-aksrt-level-tab="tab_integral_my" href="#tab_integral_my" role="tab" aria-controls="tab_integral_my" aria-selected="false"><?php esc_html_e('我的经验值', 'aksrt'); ?></a>
|
||||||
<?php foreach ($details as $row) :
|
</div>
|
||||||
$key = sanitize_key((string) ($row['key'] ?? ''));
|
<div class="tab-content mt20">
|
||||||
$value = max(0, (int) ($row['value'] ?? 0));
|
<div class="tab-pane fade active in" id="tab_integral_get" role="tabpanel" aria-labelledby="tab-integral-get">
|
||||||
|
<?php
|
||||||
|
$methods = \AKSRT\User\Level::integral_defaults();
|
||||||
|
$methods['checkin'] = 0;
|
||||||
|
$methods['referral'] = 0;
|
||||||
|
$methods['shop_gift'] = 0;
|
||||||
|
$referral_settings = class_exists('\\AKSRT\\Settings\\Settings') ? \AKSRT\Settings\Settings::get_referral_reward_settings() : [];
|
||||||
|
$methods['referral'] = max(0, (int) ($referral_settings['level_points'] ?? 0));
|
||||||
|
foreach ($methods as $key => $default_value) :
|
||||||
|
if ($key === 'day_max') {
|
||||||
|
continue;
|
||||||
|
}
|
||||||
|
$value = in_array($key, ['checkin', 'shop_gift'], true) ? 0 : ($key === 'referral' ? (int) $default_value : \AKSRT\User\Level::task_points($key));
|
||||||
|
if ($value <= 0 && !in_array($key, ['checkin', 'shop_gift'], true)) {
|
||||||
|
continue;
|
||||||
|
}
|
||||||
?>
|
?>
|
||||||
<div class="uc-level-ledger__row">
|
<div class="border-bottom padding-h10 aksrt-level-list-row">
|
||||||
<span class="uc-level-ledger__icon"><i class="fa fas fa-chart-line" aria-hidden="true"></i></span>
|
<div class="flex jsb ac">
|
||||||
<div><strong><?php echo esc_html($labels[$key] ?? $key); ?></strong><time><?php echo esc_html((string) ($row['time'] ?? '')); ?></time><small><?php printf(esc_html__('累计：%d', 'aksrt'), max(0, (int) ($row['integral'] ?? 0))); ?></small></div>
|
<div class="flex1 mr20"><div class="font-bold mb6"><?php echo esc_html($labels[$key] ?? $key); ?></div><div class="muted-2-color em09"><?php echo in_array($key, ['checkin', 'shop_gift'], true) ? esc_html__('按活动或商品配置发放', 'aksrt') : esc_html__('完成后自动计入经验', 'aksrt'); ?></div></div>
|
||||||
<b>+<?php echo esc_html((string) $value); ?></b>
|
<span class="focus-color em14 shrink0"><i class="fa fas fa-bolt mr6" aria-hidden="true"></i><?php echo $value > 0 ? '+' . esc_html((string) $value) : esc_html__('动态', 'aksrt'); ?></span>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<?php endforeach; ?>
|
<?php endforeach; ?>
|
||||||
</div>
|
</div>
|
||||||
<?php else : ?>
|
<div class="tab-pane fade" id="tab_integral_my" role="tabpanel" aria-labelledby="tab-integral-my" hidden>
|
||||||
<p class="uc-level-empty"><?php esc_html_e('还没有经验获取记录。', 'aksrt'); ?></p>
|
<?php if ($today_integral > 0) : ?>
|
||||||
<?php endif; ?>
|
<div class="border-bottom padding-h10 aksrt-level-list-row"><div class="flex jsb ac"><div class="flex1 mr20"><div class="font-bold mb6"><?php printf(esc_html__('今日累计 +%d', 'aksrt'), $today_integral); ?></div><div class="muted-2-color em09"><?php echo $day_max > $today_integral ? esc_html(sprintf(__('每日最多获得 %d 经验', 'aksrt'), $day_max)) : esc_html__('今日累计已达到上限', 'aksrt'); ?></div></div><a class="muted-2-color shrink0" data-aksrt-level-tab="tab_integral_date" href="#tab_integral_date" role="tab" aria-controls="tab_integral_date"><?php esc_html_e('每日详情', 'aksrt'); ?><i class="fa fa-angle-right ml6" aria-hidden="true"></i></a></div></div>
|
||||||
</section>
|
<?php endif; ?>
|
||||||
|
<?php if ($details) : ?>
|
||||||
<section class="uc-level-section aksrt-panel">
|
<?php foreach ($details as $row) :
|
||||||
<div class="uc-level-section__head"><h3><?php esc_html_e('每日经验', 'aksrt'); ?></h3><span><?php esc_html_e('最近 30 天', 'aksrt'); ?></span></div>
|
$key = sanitize_key((string) ($row['key'] ?? ''));
|
||||||
<?php if ($date_details) : ?>
|
$value = max(0, (int) ($row['value'] ?? 0));
|
||||||
<div class="uc-level-dates">
|
$detail_integral = max(0, (int) ($row['integral'] ?? 0));
|
||||||
<?php foreach ($date_details as $date => $value) : ?>
|
?>
|
||||||
<div><time><?php echo esc_html((string) $date); ?></time><span>+<?php echo esc_html((string) max(0, (int) $value)); ?> EXP</span></div>
|
<div class="border-bottom padding-h10 aksrt-level-list-row"><div class="flex jsb ac"><div class="flex1 mr20"><div class="font-bold mb6"><?php echo esc_html($labels[$key] ?? $key); ?></div><div class="muted-2-color em09"><?php echo esc_html((string) ($row['time'] ?? '')); ?></div></div><div class="text-right shrink0"><div class="focus-color em14 mb6">+ <?php echo esc_html((string) $value); ?></div><div class="muted-2-color em09"><?php printf(esc_html__('累计：%d', 'aksrt'), $detail_integral); ?></div></div></div></div>
|
||||||
<?php endforeach; ?>
|
<?php endforeach; ?>
|
||||||
|
<?php else : ?>
|
||||||
|
<p class="aksrt-level-empty"><?php esc_html_e('暂无经验值获取明细', 'aksrt'); ?></p>
|
||||||
|
<?php endif; ?>
|
||||||
|
<?php if ($details) : ?><div class="text-center mt20 muted-3-color"><?php esc_html_e('最多显示近50条记录', 'aksrt'); ?></div><?php endif; ?>
|
||||||
</div>
|
</div>
|
||||||
<?php else : ?>
|
<div class="tab-pane fade" id="tab_integral_date" role="tabpanel" aria-labelledby="tab-integral-date-link" hidden>
|
||||||
<p class="uc-level-empty"><?php esc_html_e('还没有每日经验记录。', 'aksrt'); ?></p>
|
<?php if ($date_details) : ?>
|
||||||
<?php endif; ?>
|
<?php foreach ($date_details as $date => $value) : ?><div class="border-bottom padding-h6 flex jsb ac aksrt-level-date-row"><div class="em12"><?php echo esc_html((string) $date); ?></div><div class="text-right shrink0 focus-color em14 font-bold">+ <?php echo esc_html((string) max(0, (int) $value)); ?></div></div><?php endforeach; ?>
|
||||||
</section>
|
<div class="text-center mt20 muted-3-color"><?php esc_html_e('最多显示近30条记录', 'aksrt'); ?></div>
|
||||||
</div>
|
<?php else : ?>
|
||||||
|
<p class="aksrt-level-empty"><?php esc_html_e('暂无经验值获取明细', 'aksrt'); ?></p>
|
||||||
|
<?php endif; ?>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -0,0 +1,102 @@
|
|||||||
|
const assert = require('node:assert/strict');
|
||||||
|
const fs = require('node:fs');
|
||||||
|
const path = require('node:path');
|
||||||
|
const test = require('node:test');
|
||||||
|
|
||||||
|
const root = path.resolve(__dirname, '..', '..');
|
||||||
|
const read = (file) => fs.readFileSync(path.join(root, file), 'utf8');
|
||||||
|
|
||||||
|
test('user level renderer keeps the canonical panel mapping and reference layout', () => {
|
||||||
|
const context = read('inc/helpers/aksrt-user-center.php');
|
||||||
|
const renderer = read('inc/helpers/user-center-renderers/profile-level.php');
|
||||||
|
const panel = read('templates/parts/user-center/panel.php');
|
||||||
|
|
||||||
|
assert.match(context, /'level'\s*=>\s*'level'/);
|
||||||
|
assert.match(context, /profile-' \. \$renderer \. '\.php/);
|
||||||
|
assert.match(renderer, /class="aksrt-level-page"/);
|
||||||
|
assert.match(renderer, /class="row aksrt-level-page__summary"/);
|
||||||
|
assert.match(renderer, /class="col-md-5"/);
|
||||||
|
assert.match(renderer, /class="col-md-7"/);
|
||||||
|
assert.match(renderer, /colorful-bg jb-vip1 aksrt-level-card/);
|
||||||
|
assert.match(renderer, /colorful-bg c-gray aksrt-level-card/);
|
||||||
|
assert.match(renderer, /class="zib-widget aksrt-level-experience"/);
|
||||||
|
assert.match(renderer, /id="tab_integral_get"/);
|
||||||
|
assert.match(renderer, /id="tab_integral_my"/);
|
||||||
|
assert.match(renderer, /id="tab_integral_date"/);
|
||||||
|
assert.match(renderer, /data-aksrt-level-tab="tab_integral_date"/);
|
||||||
|
assert.match(renderer, /Level::get_progress/);
|
||||||
|
assert.match(renderer, /Level::get_details/);
|
||||||
|
assert.match(renderer, /Level::get_date_details/);
|
||||||
|
assert.match(panel, /class="dashboard-panel/);
|
||||||
|
assert.match(panel, /role="tabpanel"/);
|
||||||
|
});
|
||||||
|
|
||||||
|
test('user level renderer covers states, limits, and safe icon fallbacks', () => {
|
||||||
|
const renderer = read('inc/helpers/user-center-renderers/profile-level.php');
|
||||||
|
|
||||||
|
assert.match(renderer, /array_slice\(\\AKSRT\\User\\Level::get_details\(\$user_id\), 0, 50\)/);
|
||||||
|
assert.match(renderer, /array_slice\(\\AKSRT\\User\\Level::get_date_details\(\$user_id\), 0, 30, true\)/);
|
||||||
|
assert.match(renderer, /!empty\(\$progress\['is_max'\]\)/);
|
||||||
|
assert.match(renderer, /get_level_icon_url\(\$level\)/);
|
||||||
|
assert.match(renderer, /if \(\$icon !== ''\)/);
|
||||||
|
assert.match(renderer, /暂无经验值获取明细/);
|
||||||
|
assert.match(renderer, /最多显示近50条记录/);
|
||||||
|
assert.match(renderer, /最多显示近30条记录/);
|
||||||
|
assert.match(renderer, /esc_html\(\$labels\[\$key\] \?\? \$key\)/);
|
||||||
|
assert.match(renderer, /role="progressbar"/);
|
||||||
|
assert.match(renderer, /aria-valuenow=/);
|
||||||
|
});
|
||||||
|
|
||||||
|
test('user level renderer no longer carries the retired multi-card markup', () => {
|
||||||
|
const renderer = read('inc/helpers/user-center-renderers/profile-level.php');
|
||||||
|
const css = read('assets/css/routes/user-center/level.css');
|
||||||
|
|
||||||
|
for (const selector of [
|
||||||
|
'uc-level-hero',
|
||||||
|
'uc-level-road',
|
||||||
|
'uc-level-methods',
|
||||||
|
'uc-level-history-grid',
|
||||||
|
'uc-level-ledger',
|
||||||
|
'uc-level-dates',
|
||||||
|
]) {
|
||||||
|
assert.doesNotMatch(renderer, new RegExp(selector));
|
||||||
|
assert.doesNotMatch(css, new RegExp(`\\.${selector}(?:\\b|__)`));
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
test('user level styles remove the generic panel card and retain reference visual primitives', () => {
|
||||||
|
const css = read('assets/css/routes/user-center/level.css');
|
||||||
|
|
||||||
|
assert.match(css, /\.uc-content #panel-level\.dashboard-panel\s*\{[\s\S]*?padding:\s*0;[\s\S]*?background:\s*transparent;[\s\S]*?box-shadow:\s*none;/);
|
||||||
|
assert.match(css, /\.aksrt-level-card--summary\s*\{[\s\S]*?--this-bg:\s*linear-gradient\(25deg/);
|
||||||
|
assert.match(css, /\.aksrt-level-card--growth\s*\{[\s\S]*?--this-bg:\s*rgba\(136, 136, 136, \.1\)/);
|
||||||
|
assert.match(css, /\.aksrt-level-progress\s*\{[\s\S]*?height:\s*3px/);
|
||||||
|
assert.match(css, /\.aksrt-level-growth \.pillar-item \.pillar\s*\{[\s\S]*?width:\s*6px/);
|
||||||
|
assert.match(css, /\.aksrt-level-growth \.pillar-item\.active \.pillar/);
|
||||||
|
assert.match(css, /@media \(max-width: 767px\)/);
|
||||||
|
});
|
||||||
|
|
||||||
|
test('user center handles level-internal tabs before main navigation and has no dead credits branch', () => {
|
||||||
|
const scripts = read('assets/js/routes/user-center.js');
|
||||||
|
const levelHandler = scripts.indexOf('function activateLevelTab');
|
||||||
|
const clickHandler = scripts.indexOf("document.addEventListener('click', function(e)");
|
||||||
|
const withdrawHandler = scripts.indexOf('var withdrawOpen', clickHandler);
|
||||||
|
|
||||||
|
assert.ok(levelHandler >= 0);
|
||||||
|
assert.ok(clickHandler >= 0);
|
||||||
|
assert.ok(levelHandler < clickHandler);
|
||||||
|
assert.ok(scripts.indexOf("closest('[data-aksrt-level-tab]')", clickHandler) > clickHandler);
|
||||||
|
assert.ok(scripts.indexOf('e.stopPropagation();', clickHandler) < withdrawHandler);
|
||||||
|
assert.doesNotMatch(scripts, /if \(name === 'credits'\) allowedParams/);
|
||||||
|
assert.match(scripts, /item\.hidden = !active/);
|
||||||
|
assert.match(scripts, /aria-selected/);
|
||||||
|
});
|
||||||
|
|
||||||
|
test('user center loads level styles as a versioned leaf', () => {
|
||||||
|
const scripts = read('src/Core/ScriptsPart1b.php');
|
||||||
|
|
||||||
|
assert.match(scripts, /'user-center\/level'/);
|
||||||
|
assert.match(scripts, /filemtime\(\$part_path\)/);
|
||||||
|
assert.doesNotMatch(scripts, /assets\/css\/routes\/user-center\.css/);
|
||||||
|
assert.doesNotMatch(scripts, /assets\/css\/routes\/profile\.css/);
|
||||||
|
});
|
||||||
Reference in New Issue
Block a user