优化加入我们页面的样式
优化加入我们页面的样式的同时，还更新了新闻日期的显示，使其精确到时分 同时在文章详情页，将文章的时间显示格式改成YYYY-MM-DD hh:mm
This commit is contained in:
+189
-64
@@ -25,28 +25,45 @@
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.join-info-layout {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
gap: 22px;
|
||||
align-items: start;
|
||||
}
|
||||
|
||||
.join-info-main,
|
||||
.join-info-side {
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.join-panel-title {
|
||||
margin: 0 0 12px;
|
||||
font-size: clamp(1.35rem, 0.9vw + 1.1rem, 2.05rem);
|
||||
line-height: 1.1;
|
||||
color: var(--color-primary);
|
||||
font-weight: 800;
|
||||
letter-spacing: 0.01em;
|
||||
}
|
||||
|
||||
.join-news-strip {
|
||||
margin-bottom: 20px;
|
||||
padding: 0 0 10px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.join-news-strip-track {
|
||||
display: flex;
|
||||
gap: 14px;
|
||||
display: grid;
|
||||
gap: 0;
|
||||
}
|
||||
|
||||
.join-news-item {
|
||||
--join-news-cols: 5;
|
||||
flex: 0 0 calc((100% - (var(--join-news-cols) - 1) * 14px) / var(--join-news-cols));
|
||||
width: calc((100% - (var(--join-news-cols) - 1) * 14px) / var(--join-news-cols));
|
||||
min-width: 0;
|
||||
padding-right: 12px;
|
||||
border-right: 1px solid color-mix(in srgb, var(--border-default) 82%, transparent);
|
||||
padding: 12px 0;
|
||||
border-bottom: 1px solid color-mix(in srgb, var(--border-default) 84%, transparent);
|
||||
}
|
||||
|
||||
.join-news-item:last-child {
|
||||
border-right: 0;
|
||||
padding-right: 0;
|
||||
border-bottom: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
.join-news-item-title {
|
||||
@@ -66,17 +83,36 @@
|
||||
color: var(--color-primary);
|
||||
}
|
||||
|
||||
.join-news-item-meta {
|
||||
margin: 6px 0 0;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 10px;
|
||||
font-size: 0.76rem;
|
||||
line-height: 1.45;
|
||||
color: color-mix(in srgb, var(--text-secondary) 86%, var(--text-primary) 14%);
|
||||
}
|
||||
|
||||
.join-news-item-meta-author,
|
||||
.join-news-item-meta-time {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 5px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.join-news-item-excerpt {
|
||||
margin: 7px 0 0;
|
||||
margin: 8px 0 0;
|
||||
color: var(--text-secondary);
|
||||
font-size: 0.82rem;
|
||||
line-height: 1.5;
|
||||
font-size: 0.88rem;
|
||||
line-height: 1.58;
|
||||
}
|
||||
|
||||
.join-news-strip-empty {
|
||||
margin: 0;
|
||||
color: var(--text-secondary);
|
||||
font-size: 0.9rem;
|
||||
line-height: 1.55;
|
||||
}
|
||||
|
||||
.join-hero {
|
||||
@@ -88,7 +124,7 @@
|
||||
|
||||
.join-canvas-shell {
|
||||
position: relative;
|
||||
height: clamp(280px, 31vw, 440px);
|
||||
height: clamp(380px, 35vw, 600px);
|
||||
border-radius: 18px;
|
||||
overflow: hidden;
|
||||
background: color-mix(in srgb, var(--bg-card) 94%, transparent);
|
||||
@@ -623,16 +659,6 @@
|
||||
overflow-wrap: anywhere;
|
||||
}
|
||||
|
||||
.join-forms-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
gap: 16px;
|
||||
}
|
||||
|
||||
.join-forms-grid.is-single {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.join-form-card {
|
||||
border: 1px solid color-mix(in srgb, var(--border-default) 86%, transparent);
|
||||
border-radius: 14px;
|
||||
@@ -645,21 +671,14 @@
|
||||
box-shadow: 0 16px 30px -24px color-mix(in srgb, #000000 65%, transparent);
|
||||
}
|
||||
|
||||
.join-form-card-full {
|
||||
grid-column: 1 / -1;
|
||||
.join-form-card + .join-panel-title {
|
||||
margin-top: 16px;
|
||||
}
|
||||
|
||||
.join-form-head h2 {
|
||||
margin: 0;
|
||||
color: var(--text-primary);
|
||||
font-size: 1.22rem;
|
||||
}
|
||||
|
||||
.join-form-head p {
|
||||
margin: 6px 0 0;
|
||||
color: color-mix(in srgb, var(--text-primary) 72%, var(--text-secondary) 28%);
|
||||
font-size: 0.94rem;
|
||||
line-height: 1.55;
|
||||
.join-form-card-placeholder {
|
||||
min-height: 132px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.join-form-content {
|
||||
@@ -677,7 +696,7 @@
|
||||
|
||||
.join-progress-query-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
grid-template-columns: minmax(0, 1fr);
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
@@ -748,6 +767,11 @@
|
||||
background: color-mix(in srgb, #d89a1b 14%, var(--bg-card) 86%);
|
||||
}
|
||||
|
||||
.join-progress-query-feedback.is-info {
|
||||
border-color: color-mix(in srgb, var(--color-primary) 52%, var(--border-default) 48%);
|
||||
background: color-mix(in srgb, var(--color-primary) 14%, var(--bg-card) 86%);
|
||||
}
|
||||
|
||||
.join-progress-query-feedback.is-error {
|
||||
border-color: color-mix(in srgb, #c34646 58%, var(--border-default) 42%);
|
||||
background: color-mix(in srgb, #c34646 14%, var(--bg-card) 86%);
|
||||
@@ -853,6 +877,126 @@
|
||||
outline: none !important;
|
||||
}
|
||||
|
||||
.join-form-content .frm_style_formidable-style.with_frm_style .iti {
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
.join-form-content .frm_style_formidable-style.with_frm_style .iti input[type="tel"] {
|
||||
padding-right: 12px !important;
|
||||
padding-left: calc(var(--iti-selected-country-arrow-padding, 64px) + 4px) !important;
|
||||
}
|
||||
|
||||
.join-form-content .frm_style_formidable-style.with_frm_style .iti__selected-country {
|
||||
border-top-left-radius: 8px;
|
||||
border-bottom-left-radius: 8px;
|
||||
}
|
||||
|
||||
.join-form-content .frm_style_formidable-style.with_frm_style input:-webkit-autofill,
|
||||
.join-form-content .frm_style_formidable-style.with_frm_style input:-webkit-autofill:hover,
|
||||
.join-form-content .frm_style_formidable-style.with_frm_style input:-webkit-autofill:focus,
|
||||
.join-form-content .frm_style_formidable-style.with_frm_style textarea:-webkit-autofill,
|
||||
.join-form-content .frm_style_formidable-style.with_frm_style textarea:-webkit-autofill:hover,
|
||||
.join-form-content .frm_style_formidable-style.with_frm_style textarea:-webkit-autofill:focus,
|
||||
.join-form-content .frm_style_formidable-style.with_frm_style select:-webkit-autofill,
|
||||
.join-form-content .frm_style_formidable-style.with_frm_style select:-webkit-autofill:hover,
|
||||
.join-form-content .frm_style_formidable-style.with_frm_style select:-webkit-autofill:focus {
|
||||
-webkit-text-fill-color: color-mix(in srgb, var(--text-primary) 96%, #ffffff 4%) !important;
|
||||
-webkit-box-shadow: 0 0 0 1000px color-mix(in srgb, var(--bg-body) 84%, #ffffff 16%) inset !important;
|
||||
box-shadow: 0 0 0 1000px color-mix(in srgb, var(--bg-body) 84%, #ffffff 16%) inset !important;
|
||||
caret-color: color-mix(in srgb, var(--text-primary) 96%, #ffffff 4%) !important;
|
||||
transition: background-color 9999s ease-out 0s !important;
|
||||
}
|
||||
|
||||
.join-form-content .frm_style_formidable-style.with_frm_style .iti__dropdown-content {
|
||||
background: color-mix(in srgb, var(--bg-card) 94%, var(--bg-body) 6%) !important;
|
||||
border: 1px solid color-mix(in srgb, var(--border-default) 46%, var(--color-primary) 54%) !important;
|
||||
color: color-mix(in srgb, var(--text-primary) 92%, #ffffff 8%) !important;
|
||||
box-shadow: 0 18px 36px -22px color-mix(in srgb, #000000 68%, transparent);
|
||||
}
|
||||
|
||||
.join-form-content .frm_style_formidable-style.with_frm_style .iti__search-input-wrapper {
|
||||
margin: 6px 8px !important;
|
||||
}
|
||||
|
||||
.join-form-content .frm_style_formidable-style.with_frm_style .iti__search-input {
|
||||
border: 1px solid color-mix(in srgb, var(--border-default) 38%, var(--color-primary) 62%) !important;
|
||||
background: color-mix(in srgb, var(--bg-body) 84%, #ffffff 16%) !important;
|
||||
color: color-mix(in srgb, var(--text-primary) 94%, #ffffff 6%) !important;
|
||||
min-height: 40px !important;
|
||||
}
|
||||
|
||||
.join-form-content .frm_style_formidable-style.with_frm_style .iti__search-input::placeholder {
|
||||
color: color-mix(in srgb, var(--text-secondary) 76%, var(--text-primary) 24%) !important;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.join-form-content .frm_style_formidable-style.with_frm_style .iti__country-list {
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
.join-form-content .frm_style_formidable-style.with_frm_style .iti__country {
|
||||
color: color-mix(in srgb, var(--text-primary) 90%, #ffffff 10%) !important;
|
||||
}
|
||||
|
||||
.join-form-content .frm_style_formidable-style.with_frm_style .iti__dial-code,
|
||||
.join-form-content .frm_style_formidable-style.with_frm_style .iti__country-name {
|
||||
color: color-mix(in srgb, var(--text-primary) 88%, var(--text-secondary) 12%) !important;
|
||||
}
|
||||
|
||||
.join-form-content .frm_style_formidable-style.with_frm_style .iti__country.iti__highlight,
|
||||
.join-form-content .frm_style_formidable-style.with_frm_style .iti__country:hover {
|
||||
background: color-mix(in srgb, var(--color-primary) 16%, var(--bg-card) 84%) !important;
|
||||
}
|
||||
|
||||
.join-form-content .frm_style_formidable-style.with_frm_style .iti__divider {
|
||||
border-bottom-color: color-mix(in srgb, var(--border-default) 70%, transparent) !important;
|
||||
}
|
||||
|
||||
.frm_forms.with_frm_style .iti__dropdown-content {
|
||||
background: color-mix(in srgb, var(--bg-card) 94%, var(--bg-body) 6%) !important;
|
||||
border: 1px solid color-mix(in srgb, var(--border-default) 46%, var(--color-primary) 54%) !important;
|
||||
color: color-mix(in srgb, var(--text-primary) 92%, #ffffff 8%) !important;
|
||||
box-shadow: 0 18px 36px -22px color-mix(in srgb, #000000 68%, transparent);
|
||||
}
|
||||
|
||||
.frm_forms.with_frm_style .iti__search-input-wrapper {
|
||||
margin: 6px 8px !important;
|
||||
}
|
||||
|
||||
.frm_forms.with_frm_style .iti__search-input {
|
||||
border: 1px solid color-mix(in srgb, var(--border-default) 38%, var(--color-primary) 62%) !important;
|
||||
background: color-mix(in srgb, var(--bg-body) 84%, #ffffff 16%) !important;
|
||||
color: color-mix(in srgb, var(--text-primary) 94%, #ffffff 6%) !important;
|
||||
min-height: 40px !important;
|
||||
}
|
||||
|
||||
.frm_forms.with_frm_style .iti__search-input::placeholder {
|
||||
color: color-mix(in srgb, var(--text-secondary) 76%, var(--text-primary) 24%) !important;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.frm_forms.with_frm_style .iti__country-list {
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
.frm_forms.with_frm_style .iti__country {
|
||||
color: color-mix(in srgb, var(--text-primary) 90%, #ffffff 10%) !important;
|
||||
}
|
||||
|
||||
.frm_forms.with_frm_style .iti__dial-code,
|
||||
.frm_forms.with_frm_style .iti__country-name {
|
||||
color: color-mix(in srgb, var(--text-primary) 88%, var(--text-secondary) 12%) !important;
|
||||
}
|
||||
|
||||
.frm_forms.with_frm_style .iti__country.iti__highlight,
|
||||
.frm_forms.with_frm_style .iti__country:hover {
|
||||
background: color-mix(in srgb, var(--color-primary) 16%, var(--bg-card) 84%) !important;
|
||||
}
|
||||
|
||||
.frm_forms.with_frm_style .iti__divider {
|
||||
border-bottom-color: color-mix(in srgb, var(--border-default) 70%, transparent) !important;
|
||||
}
|
||||
|
||||
.join-form-content .frm_style_formidable-style.with_frm_style input[type="checkbox"],
|
||||
.join-form-content .frm_style_formidable-style.with_frm_style input[type="radio"] {
|
||||
accent-color: var(--color-primary);
|
||||
@@ -963,37 +1107,18 @@
|
||||
padding: 30px 0 60px;
|
||||
}
|
||||
|
||||
.join-news-strip {
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.join-news-strip-track {
|
||||
display: flex;
|
||||
gap: 12px;
|
||||
overflow-x: auto;
|
||||
padding-bottom: 6px;
|
||||
scrollbar-width: thin;
|
||||
.join-info-layout {
|
||||
grid-template-columns: 1fr;
|
||||
gap: 20px;
|
||||
}
|
||||
|
||||
.join-news-item {
|
||||
flex: 0 0 220px;
|
||||
padding-right: 0;
|
||||
border-right: 0;
|
||||
border-bottom: 1px solid color-mix(in srgb, var(--border-default) 82%, transparent);
|
||||
padding-bottom: 8px;
|
||||
padding: 10px 0;
|
||||
}
|
||||
|
||||
.join-stage-list {
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
}
|
||||
|
||||
.join-forms-grid {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.join-form-card-full {
|
||||
grid-column: auto;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 640px) {
|
||||
@@ -1014,7 +1139,7 @@
|
||||
}
|
||||
|
||||
.join-canvas-shell {
|
||||
height: 240px;
|
||||
height: 272px;
|
||||
}
|
||||
|
||||
.join-current-stage {
|
||||
|
||||
@@ -625,9 +625,239 @@
|
||||
stopBoatAnimations();
|
||||
});
|
||||
|
||||
function resolveLanguage() {
|
||||
const bootLang = typeof window.__ITSTUDIO_LANG__ === 'string' ? window.__ITSTUDIO_LANG__ : '';
|
||||
const htmlLang = document.documentElement.getAttribute('lang') || '';
|
||||
const lang = (bootLang || htmlLang || 'zh').toLowerCase();
|
||||
return lang.indexOf('en') === 0 ? 'en' : 'zh';
|
||||
}
|
||||
|
||||
function pickLocaleText(cnText, enText) {
|
||||
return resolveLanguage() === 'en'
|
||||
? (enText || cnText || '')
|
||||
: (cnText || enText || '');
|
||||
}
|
||||
|
||||
function getProgressLookupConfig() {
|
||||
const config = joinData && typeof joinData.progressLookup === 'object' ? joinData.progressLookup : null;
|
||||
if (!config) {
|
||||
return null;
|
||||
}
|
||||
if (!config.ajaxUrl || !config.action || !config.nonce) {
|
||||
return null;
|
||||
}
|
||||
return config;
|
||||
}
|
||||
|
||||
function ensureProgressFeedbackNode(formElement) {
|
||||
const host = formElement.closest('.join-form-content') || formElement.parentElement;
|
||||
if (!host) {
|
||||
return null;
|
||||
}
|
||||
|
||||
let feedback = host.querySelector('.join-progress-query-feedback');
|
||||
if (!feedback) {
|
||||
feedback = document.createElement('p');
|
||||
feedback.className = 'join-progress-query-feedback';
|
||||
feedback.hidden = true;
|
||||
feedback.setAttribute('aria-live', 'polite');
|
||||
host.appendChild(feedback);
|
||||
}
|
||||
return feedback;
|
||||
}
|
||||
|
||||
function setProgressFeedback(feedback, tone, messageCn, messageEn) {
|
||||
if (!feedback) {
|
||||
return;
|
||||
}
|
||||
|
||||
const normalizedTone = ['success', 'warning', 'error', 'info'].indexOf(tone) >= 0 ? tone : 'info';
|
||||
feedback.classList.remove('is-success', 'is-warning', 'is-error', 'is-info');
|
||||
feedback.classList.add(`is-${normalizedTone}`);
|
||||
feedback.dataset.cn = messageCn || '';
|
||||
feedback.dataset.en = messageEn || '';
|
||||
feedback.textContent = pickLocaleText(messageCn, messageEn);
|
||||
feedback.hidden = !(feedback.textContent && feedback.textContent.trim() !== '');
|
||||
}
|
||||
|
||||
function setupProgressLookupAjax() {
|
||||
const formElement = document.querySelector('.join-progress-query-form');
|
||||
if (!formElement || typeof window.fetch !== 'function') {
|
||||
return;
|
||||
}
|
||||
|
||||
const config = getProgressLookupConfig();
|
||||
if (!config) {
|
||||
return;
|
||||
}
|
||||
|
||||
const identityInput = formElement.querySelector('input[name="join_query_identity"]');
|
||||
const submitButton = formElement.querySelector('button[type="submit"], input[type="submit"]');
|
||||
const feedback = ensureProgressFeedbackNode(formElement);
|
||||
|
||||
formElement.addEventListener('submit', async (event) => {
|
||||
event.preventDefault();
|
||||
|
||||
const identity = identityInput ? identityInput.value.trim() : '';
|
||||
const payload = new URLSearchParams();
|
||||
payload.set('action', config.action);
|
||||
payload.set('nonce', config.nonce);
|
||||
payload.set('join_progress_lookup', '1');
|
||||
payload.set('join_query_identity', identity);
|
||||
|
||||
if (submitButton) {
|
||||
submitButton.disabled = true;
|
||||
submitButton.setAttribute('aria-busy', 'true');
|
||||
}
|
||||
setProgressFeedback(feedback, 'info', '查询中，请稍候…', 'Checking, please wait...');
|
||||
|
||||
try {
|
||||
const response = await window.fetch(config.ajaxUrl, {
|
||||
method: 'POST',
|
||||
credentials: 'same-origin',
|
||||
headers: {
|
||||
'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8',
|
||||
},
|
||||
body: payload.toString(),
|
||||
});
|
||||
|
||||
const result = await response.json();
|
||||
if (!result || !result.success || !result.data) {
|
||||
throw new Error('invalid_response');
|
||||
}
|
||||
|
||||
const data = result.data;
|
||||
setProgressFeedback(
|
||||
feedback,
|
||||
data.tone || 'info',
|
||||
data.message_cn || '',
|
||||
data.message_en || ''
|
||||
);
|
||||
} catch (error) {
|
||||
setProgressFeedback(
|
||||
feedback,
|
||||
'error',
|
||||
'查询失败，请稍后重试。',
|
||||
'Lookup failed. Please try again later.'
|
||||
);
|
||||
} finally {
|
||||
if (submitButton) {
|
||||
submitButton.disabled = false;
|
||||
submitButton.removeAttribute('aria-busy');
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function detectJoinSubmitIntentFromElement(element) {
|
||||
if (!element) {
|
||||
return '';
|
||||
}
|
||||
|
||||
const name = (element.getAttribute('name') || '').toLowerCase();
|
||||
const value = String(element.value || element.textContent || '').toLowerCase();
|
||||
if (name.indexOf('draft') !== -1 || value.indexOf('draft') !== -1 || value.indexOf('草稿') !== -1) {
|
||||
return 'draft';
|
||||
}
|
||||
return 'submitted';
|
||||
}
|
||||
|
||||
function ensureJoinSubmitNoticeNode() {
|
||||
let notice = document.getElementById('joinSubmitNotice');
|
||||
if (notice) {
|
||||
return notice;
|
||||
}
|
||||
|
||||
notice = document.querySelector('.join-submit-notice');
|
||||
if (notice) {
|
||||
notice.id = 'joinSubmitNotice';
|
||||
return notice;
|
||||
}
|
||||
|
||||
const head = document.querySelector('.join-head');
|
||||
if (!head || !head.parentNode) {
|
||||
return null;
|
||||
}
|
||||
|
||||
notice = document.createElement('p');
|
||||
notice.id = 'joinSubmitNotice';
|
||||
notice.className = 'join-submit-notice';
|
||||
notice.hidden = true;
|
||||
head.parentNode.insertBefore(notice, head.nextSibling);
|
||||
return notice;
|
||||
}
|
||||
|
||||
function showJoinSubmitNotice(intent) {
|
||||
const notice = ensureJoinSubmitNoticeNode();
|
||||
if (!notice) {
|
||||
return;
|
||||
}
|
||||
|
||||
const isDraft = intent === 'draft';
|
||||
const messageCn = isDraft ? '草稿已保存' : '你的报名表单已提交，感谢报名';
|
||||
const messageEn = isDraft ? 'Draft saved.' : 'Your registration form has been submitted. Thank you for applying.';
|
||||
notice.dataset.cn = messageCn;
|
||||
notice.dataset.en = messageEn;
|
||||
notice.textContent = pickLocaleText(messageCn, messageEn);
|
||||
notice.hidden = false;
|
||||
}
|
||||
|
||||
function setupRegistrationSubmitNoticeBridge() {
|
||||
const formElement = document.querySelector('.join-form-content .frm_forms form');
|
||||
if (!formElement) {
|
||||
return;
|
||||
}
|
||||
|
||||
let submitIntent = 'submitted';
|
||||
formElement.addEventListener('click', (event) => {
|
||||
const control = event.target.closest('button, input[type="submit"]');
|
||||
const nextIntent = detectJoinSubmitIntentFromElement(control);
|
||||
if (nextIntent) {
|
||||
submitIntent = nextIntent;
|
||||
}
|
||||
});
|
||||
|
||||
formElement.addEventListener('submit', (event) => {
|
||||
const submitter = event.submitter || null;
|
||||
const nextIntent = detectJoinSubmitIntentFromElement(submitter);
|
||||
if (nextIntent) {
|
||||
submitIntent = nextIntent;
|
||||
}
|
||||
});
|
||||
|
||||
const formHost = formElement.closest('.join-form-content') || formElement.parentElement;
|
||||
if (!formHost) {
|
||||
return;
|
||||
}
|
||||
|
||||
const updateSuccessMessage = () => {
|
||||
const successNode = formHost.querySelector('.frm_message, .frm_success_style, .frm_success');
|
||||
if (!successNode) {
|
||||
return;
|
||||
}
|
||||
|
||||
const lowerText = (successNode.textContent || '').toLowerCase();
|
||||
const resolvedIntent = (lowerText.indexOf('draft') !== -1 || lowerText.indexOf('草稿') !== -1)
|
||||
? 'draft'
|
||||
: submitIntent;
|
||||
|
||||
const messageCn = resolvedIntent === 'draft' ? '草稿已保存' : '你的报名表单已提交，感谢报名';
|
||||
const messageEn = resolvedIntent === 'draft' ? 'Draft saved.' : 'Your registration form has been submitted. Thank you for applying.';
|
||||
successNode.dataset.cn = messageCn;
|
||||
successNode.dataset.en = messageEn;
|
||||
successNode.textContent = pickLocaleText(messageCn, messageEn);
|
||||
showJoinSubmitNotice(resolvedIntent);
|
||||
};
|
||||
|
||||
const observer = new MutationObserver(updateSuccessMessage);
|
||||
observer.observe(formHost, { childList: true, subtree: true });
|
||||
}
|
||||
|
||||
targetProgress = computeTargetProgress();
|
||||
setupOverlayEntryAnimation();
|
||||
renderStageMarks();
|
||||
startWaves();
|
||||
animateBoatToTarget();
|
||||
setupProgressLookupAjax();
|
||||
setupRegistrationSubmitNoticeBridge();
|
||||
})();
|
||||
|
||||
Reference in New Issue
Block a user